@charset "UTF-8";

/* Crimestoppers */
body {
	margin: 0px;
	padding: 0px;
	font-family: 'helvetica', arial, sans-serif;
	font-size: 14px
}

a {
	text-decoration: underline;
    color: #b400b5;
    transition: .3s ease all;
}
a:hover, a:focus {
    color: #e400e5;
    text-decoration: underline;
}
p {

}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px
}

ul li {
	list-style: none;
	margin: 0px;
	padding: 0px
}

h1 {
	font-family: 'helvetica', arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	line-height: 28px;
	width: 100%
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #630063;
    font-size: 26px;
}

h3 {
	font-family: 'Oswald', sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    text-transform: uppercase;
    color: #ac0bad;
}
#sidebar h3{
    margin: 20px 0 10px;
}
#sidebar h3:first-child{
	margin-top: 0;
}
h4 {
	font-family: 'Oswald', sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    text-transform: uppercase;
    color: #ac0bad;
    margin: 20px 0 10px;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


/* RESPONSIVE COLUMNS */
.home-banner{
    background: #b2ff00;
	padding: 30px 20px;
}
.ssbanner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
    margin: 10px 0 40px 0;
}
.ssbanner span {
    width: max-content;
    text-align: center;
    display: block;
    max-width: 60%;

}
.ssbanner img{
    width: 100%;
    height: auto;
    display: block;
    max-height: 200px;
	margin: auto;
}

.ssbanner span:first-child img {
    position: relative;
	top: 0;
    transition: .3s ease all;
}
.ssbanner:hover span:first-child img {
    top: -6px;
}
.ssbanner span:last-child {
    max-width: 70%;
}
.col-left {
	width: 33.3%;
    padding: 0px;
    position: relative;
}

.col-left-big {
    float: none;
    overflow: hidden;
    margin: 0;
    width: CALC(70% - 30px);
    padding: 0px;
}
.home #wrapper.whitebox .col-left-big a{
    display: flex;
	justify-content: center;
    float: none;
    height: 100%;
}
.home #wrapper.whitebox .col-left-big a img{
    display: flex;
    float: none;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    object-position: center;
}
#wrapper.whitebox.interior{
    gap: 20px;
    padding: 20px;
}
.hometiles{
	margin-top:0;
    display: block;
    padding: 30px 20px;
}
.hometiles #wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.hometiles .col-left-big.left {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-self: flex-start;
    gap: 10px;
	margin:0;
}

.hometiles .col-left-big.left a {
    display: block;
    width: CALC(50% - 5px);
    align-items: center;
}

.col-left-big.left img {
	max-width:100%;
	height:auto;
}

.col-left-big.left div iframe {
	width: 100%;
    height: 35vw;
    max-height: 389px;
}
.hometiles .col-right.right {
	margin: 0;
    min-width: 280px;
    flex-grow: 1;
    align-items: center;
    display: flex;
}
.hometiles .col-right.right #sidebar{ padding:0 20px; font-size: 18px;}
.image-tiles{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: CALC(68% - 10px);
    flex-grow: 1;
    align-items: flex-start;
    align-self: flex-start;
}
.image-tiles a{
    display: block;
    flex-grow: 1;
    width: CALC(50% - 2.5px);
    min-width: 260px;
}
.image-tiles a img{
    display: block;
    width: 100%;
    height: auto;
}
@media only screen and (max-width:650px) {
	.image-tiles{ gap: 20px;}
}
.col-right {
    width: CALC(33% - 10px);
    padding: 0px;
    position: relative;
}
.interior .col-right {
    width: CALC(33% - 30px);
	display: flex;
}
.interior .col-right #sidebar {
    padding-left: 20px;
    border-left: 1px solid #ccc;
}
.interior .col-right #sidebar .appicons {
	margin-top:0;
}
.col-full {
	width: 100%;
	margin: 5px 0px 0px 5px;
	;
	padding: 0px;
	position: relative
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px
}

.left {
	float: left
}

.right {
	float: right
}

.center {
	float: none;
	margin: 0px auto
}

.clickable {
	cursor: pointer;
}
/*
@media only screen and (min-width:891px) and (max-width:980px) {
	.col-left {
		width: 34%
	}

	.col-left-big {
		width: 68.5%
	}

	.col-right {
		width: 30%
	}
}

@media only screen and (min-width:801px) and (max-width:890px) {
	.col-left {
		width: 33.8%
	}

	.col-left-big {
		width: 68.2%
	}

	.col-right {
		width: 30%
	}
}

@media only screen and (min-width:701px) and (max-width:800px) {
	.col-left {
		width: 33.7%
	}

	.col-left-big {
		width: 68.0%
	}

	.col-right {
		width: 30%
	}
}

@media only screen and (min-width:651px) and (max-width:700px) {
	.col-left {
		width: 33%
	}

	.col-left-big {
		width: 66.8%
	}

	.col-right {
		width: 31%
	}
}
*/
/* HEADER */
#header {
	width: 100%;
	height: auto;
	z-index: 800;
	position: relative
}

#wrapper {
	max-width: 1050px;
	width: 100%;
	margin: 0px auto;
	position: relative;
	min-width: 250px
}
#header #wrapper{
	display: flex;
    align-items: center;
    padding: 20px 10px;
    gap: 20px;
}
#crimestoppers {
	margin:0;
}

.logo {
	width: 100%;
	max-width: 400px;
	height: auto;
	display: block;
	float: none;
}

h2.make-the-call {
	display: none;
	font-size: 32px;
    font-weight: bold;
    color: #020101;
    width: 90%;
    margin-top: 20px;
}

@media only screen and (min-width:931px) and (max-width:1100px) {
	#crimestoppers {

	}

	h2.make-the-call {
		font-size: 24px;
		width: 100%
	}
}

@media only screen and (min-width:651px) and (max-width:930px) {
	#crimestoppers {
		background-image: none
	}

	h2.make-the-call {
		font-size: 22px;
		width: 100%
	}
}
@media only screen and (max-width:930px) {
	.col-right,.hometiles .col-right.right {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.home-banner .col-right{margin-top:0;}
}
@media only screen and (max-width:760px) {
	#wrapper.whitebox.interior .col-left {
		width: 100%;
		margin: 0px
	}

	#wrapper.whitebox.interior .col-left-big {
		width: 100%;
		margin: 0px
	}

	#wrapper.whitebox.interior .col-right{
        width: 100%;
        margin: 10px 0 0 0;
        border-top: 5px #e400e5 solid;
        padding-top: 30px;
	}
	#wrapper.whitebox.interior .col-right #sidebar{
		padding-left:0;
		border-left: none;
	}
}
@media only screen and (max-width:650px) {
	.ssbanner {
		flex-wrap: wrap;
	}
	.ssbanner img {
        max-height: 120px;
	}
	.col-left {
		width: 100%;
		margin: 0px
	}

	.col-left-big {
		width: 100%;
		margin: 0px
	}

	.col-right{
		width: 100%;
		margin: 0;
	}

	#crimestoppers {

	}

	.logo {
		margin: 0px auto;
		max-width: 100%;
	}

	h2.make-the-call {
		font-size: 14px;
		width: 100%
	}

	#header {

	}
	#header #wrapper{
		padding:20px;
		flex-wrap: wrap;
	}
}

/*HEADER CTAS */
#topCTAs {
    min-width: 300px;
    flex-grow: 1;
	margin: 0;
    width: unset;
}

.btnHolder {
	width: 100%;
	margin: 23px 10px 0px 0px;
	padding: 2.8%;
	background: url('../images/diagbg.png') repeat;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #000;
	display: block;
	position: relative;
}

.ctaBtn {
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 0px 1px #000;
	text-align: center;
	padding: 3px 0px
}

.teal {
	background: url('../images/tealbtn.jpg') repeat-x 0px 0px #27a7aa;
	border-bottom: 1px solid #157375
}

.orange {
	background: url('../images/orangebtn.jpg') repeat-x 0px 0px #f16d00;
	border-bottom: 1px solid #d76100
}

.orange:hover {
	background: url('../images/neonbtn.jpg') repeat-x 0px 0px #b2b80c;
	border-bottom: 1px solid #979c0a
}

.green {
	background: url('../images/neonbtn.jpg') repeat-x 0px 0px #b2b80c;
	border-bottom: 1px solid #979c0a
}

.teal:hover {
	background: url('../images/neonbtn.jpg') repeat-x 0px 0px #b2b80c;
	border-bottom: 1px solid #979c0a
}

a.topcta {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    background: #020101;
    padding: 8px 16px;
    border: 8px solid #e400e5;
    border-radius: 5px;
}

a.topcta:hover {
	color: #b2ff00;
	border-color: #020101;
}
a.topcta:hover i {	right: 32px; color:#FFF }
@media only screen and (max-width:650px) {
	#topCTAs {
		float: none;
		display: block
	}

	.btnHolder {

	}

	.ctaBtn {

	}

	#header .ctaBtn.orange {
		width: 100%;
	}

	#header #topCTAs {
		margin: 0;
	}

	#header .btnHolder {
		width: 100%;
	}

	.green:hover {
		border: none
	}

	.orange:hover {
		border: none
	}

	.teal:hover {
		border: none
	}

	a.topcta {
		font-size: 20px
	}
}

/* MENU */
.menuBtn {
	display: block;
	position: relative;
	z-index: 999;
	text-indent: -9999px;
	width: 100%;
	background: #020101;
	font-family: 'Oswald', sans-serif;
	font-size: 1.4em;
}

.menuBtn>a {
	display: none;
    background: #1c1c1c;
    color: #fff !important;
    padding: 15px;
}

ul#menu {
	height: auto;
    clear: both;
    text-indent: 0px;
    display: flex;
    justify-content: space-around;
    max-width: 1050px;
    width: 100%;
    margin: 0px auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 10px;
    padding: 15px 20px;
}

ul#menu li {

}

ul#menu li:hover {

}

ul#menu li a {
    color: #fff;
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

ul#menu li a:hover {
    color: #b2ff00;
	transition: 0.1s
}

ul#menu li.social {
	margin-right: 10px;
	float: right;
	background-color: #888;
	color: #fff;
	text-shadow: 0px 0px 4px #4b4b4b;
	border-radius: 8px
}

ul#menu li.social i {
	padding: 0px 4px;
	float: left;
	color: #fff;
	font-size: 14px
}

ul#menu li.social i:hover {
	padding: 0px 4px;
	float: left;
	color: #333;
	font-size: 14px;
	transition: 0.3s
}

ul#menu li.social .icon-comment {
	position: absolute
}

ul#menu li.social .icon-comment-alt {
	position: absolute
}

@media only screen and (max-width:900px) {
	ul#menu li {}
	.ssbanner{ }
}

@media only screen and (min-width:801px) and (max-width:900px) {
	ul#menu {
		position: initial !important
	}

	ul#menu li {
	}
}

@media screen and (min-width:651px) and (max-width:900px) {
	ul#menu {
		position: initial !important
	}

	ul#menu li {
	}
}

@media only screen and (max-width:650px) {
	.menuBtn {
		display: block;
        text-indent: 0px;
        width: 100%;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 23px;
        text-decoration: none;
        font-weight: normal;
        height: auto;
        text-align: center;
        z-index: 999;
	}
	.menuBtn #menu a {
        color: white;
        text-decoration: none;
        display: block;
        padding: 15px 0;
    }
	.menuBtn a {

		text-decoration: none;
		display: block;
	}

	.menuBtn a:hover {
		text-decoration: none;

	}
	.menuBtn ul#menu{ padding: 0;}
	.menuBtn:hover ul#menu {
		display: block
	}

	.menuBtn:hover {

	}

	.menuBtn i {
		font-size: 28px;
		color:#b2ff00;
        margin-right: 10px;
	}

	ul#menu {
		display: none
	}

	ul#menu li {
        float: none;
        width: 100%;
        text-align: center;
        border-radius: 0px;
        border-bottom: 1px solid #450c05;
	}

	ul#menu li.social {
		display: none
	}

}

/*AFTER TOP */
#wrapper.whitebox {
	/* background-color: #000; */
    /* box-shadow: 0px 5px 29px -10px #444; */
    z-index: 400;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    /* padding: 5px; */
}
#wrapper.whitebox>* {
    flex-grow: 1;
}
#wrapper.whitebox{
	display: flex;
    float: none;
    height: 100%;
}

@media only screen and (max-width:650px) {
	.whitebox {
		box-shadow: none
	}
}

/*HOMEPAGE SLIDE */
#bigImage {

}

#slides {
	width: 100%;
	position: relative
}

#slides img {
	width: 100% !important;
	height: auto !important;
}

#caption {
	position: absolute;
	bottom: 20px;
	left: 20px
}

@media only screen and (max-width:650px) {
	#caption {
		display: none
	}
}

#caption h2 {
	background-color: RGBA(74, 95, 179, 0.9);
	font-size: 38px;
	padding: 7px 20px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 44px;
	/*width:210px; */
}

#caption h3,
#caption h3 a {
	background-color: RGBA(87, 115, 170, 0.85);
	font-size: 15px;
	padding: 10px 20px;
	color: #fff;
	margin-bottom: 0px;
	font-style: italic;
	font-weight: bold;
	max-width: 305px;
	line-height: 24px
}

/*RIGHT COLUMN */
#wrapper.whitebox>#slideRight {
	flex-grow:0;
}



#listenBox .buttons {
	position: absolute;
	font-weight: bold;
	bottom: 0px;
	width: 100%;
	background-color: #1d2352;
	font-size: 16.5px;
	color: #d6d6d6;
	padding: 5px 0px 15px 0px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 0px 4px #10142f
}

#listenBox h3 {
	position: relative;
	color: #27d1d6;
	font-size: 19px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding-top: 75px;
	margin-left: 5%;
	text-shadow: 0px 0px 10px #000;
	width: 60%
}

#listenBox h4 {
	position: relative;
	color: #fff;
	font-size: 13.5px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 66%;
	margin-left: 5%
}

#listenBox .buttons i {
	font-size: 40px;
	padding: 0px 5px;
	position: relative;
	top: 6px
}

#listenBox .buttons a {
	color: #d6d6d6
}

#listenBox .buttons a:hover {
	color: #28bcc6;
	transition: 0.3s;
	text-decoration: none
}

#imageBox {
	width: 100%;
    background: url(../images/imagebox.jpg) no-repeat 0px 0px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    margin-top: 5px;
    padding-top: 60%;
}

.e2ma_signup_form {
	max-height: 40px;
	height: 40px;
	width: 100% !important;
}

#widget {
	position: absolute;
	bottom: 0px;
	height: 30px;
	background-color: #1d2352;
	width: 426px;
	height: 60px;
	padding-top: 16px;
	left: -290px;
	display: none
}

#download {
	display: inline-block;
	*float: left
}

#play {
	display: inline-block;
	*float: left
}

#pause {
	display: none;
	*float: left
}

#close {
	display: none;
	*float: left
}

@media screen and (min-width:901px) and (max-width:1050px) {
	#listenBox h3 {
		font-size: 16px;
		padding-top: 39px
	}
}

@media screen and (min-width:821px) and (max-width:900px) {
	#listenBox h3 {
		font-size: 16px;
		padding-top: 49px
	}

	#listenBox h4 {
		font-size: 11px
	}

	#listenBox .buttons {
		font-size: 13px
	}

	#listenBox .buttons i {
		font-size: 28px;
		top: 3px
	}
}

@media screen and (min-width:651px) and (max-width:820px) {
	#listenBox h3 {
		font-size: 14px;
		padding-top: 39px
	}

	#listenBox h4 {
		font-size: 11px
	}

	#listenBox .buttons {
		font-size: 13px
	}

	#listenBox .buttons i {
		font-size: 28px;
		top: 3px
	}
}

@media only screen and (max-width:650px) {
	#bigImage {
		/* display:none */
	}

	#listenBox {
		display: block;
		width: 100%;
		max-height: 374px
	}

	#listenBox h3 {
		width: 80%;
		font-size: 18px;
		margin-top: 20%;
		position: absolute;
		bottom: 100px
	}

	#listenBox h4 {
		width: 80%;
		font-size: 12px;
		position: absolute;
		bottom: 80px
	}

	.mailing-header00 {
		text-align: center !important;
	}
}

/*HOME CTA */
#howcta {
	background: #020101;
	height: 191px;
	float: left
}


#opencta {
	background: #2e2e2e;
	height: 191px;
	float: left
}

#opencta h2,#mostwantedcta h2,#howcta h2 {
    color: #b7b7b7;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    border-bottom: 1px solid #5b6f2d;
    padding: 10px 0;
    margin: 10px 5%;
	font-size: 16px;
}

#mostwantedcta {
	background: #020101;
	height: 191px;
	float: right
}


p.cta {
	font-size: 24px;
	line-height: 28px;
	color: #dcdcdc;
	padding: 0px 5%;
	width: 100%;
	font-weight: bold;
	letter-spacing: 0px
}

p.ctaMost {
	font-size: 24px;
	line-height: 28px;
	color: #DCDCDC;
	padding: 0px 5%;
	width: 100%;
	font-weight: bold;
	letter-spacing: 0px
}

a.ctaLead {
    color: #b2ff00;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    padding: 0px 5% 20px 5%;
}

@media screen and (min-width:651px) and (max-width:950px) {
	#howcta {
		height: 170px
	}

	#opencta {
		height: 170px
	}

	#mostwantedcta {
		height: 170px
	}

	p.cta {
		font-size: 16px;
		line-height: 20px
	}

	p.ctaMost {
		font-size: 16px;
		line-height: 20px
	}

	p.ctaLead {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (max-width:650px) {
	#howcta,#opencta,#mostwantedcta {
		height: auto;
	}


	p.cta {
		font-size: 14px;
		line-height: 17px
	}

	p.ctaMost {
		font-size: 14px;
		line-height: 17px
	}

	p.ctaLead {
		font-size: 14px;
		line-height: 17px
	}
}

/*Press Release Container*/
.press-release4 {
	position: relative;
}

.press-release4>a {
	position: relative;
	display: block;
}

.press-release4 .perps {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.perps .msg1 {
	background: black;
	color: white;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
}

.perps .msg2 {
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
}

.perps>p {
	display: none;
}

.perps>img {
	min-height: 300px;
}

.perps table {
	position: relative;
	border: none !important;
	width: 16.7% !important;
	overflow: hidden;
}

.press-release4 .perps table {
	width: 11.8% !important;
}

.blogPrep {
	border-bottom: 2px solid black;
	padding-botom: 15px;
	margin-botom: 15px;
}

.perps table.arrested:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	content: '';
	background: url(../images/arrested.png) no-repeat center top;
	background-size: contain;
}

.perps table tr {
	text-align: center;
}

.perps table tr td {
	text-align: center;
	vertical-align: top;
}

.perps table tr td img {
	width: 100%;
	height: auto;
	margin-top: -22px;
}

@media only screen and (max-width:885px) {
	.blogPrep table {
		width: 20.1% !important;
	}

	.press-release4 .perps table img {
		margin-top: -15px !important;
	}
}

@media only screen and (max-width:650px) {
	.press-release4 .perps {
		position: relative;
		top: 6px;
	}

	.perps .msg1,
	.perps .msg2 {
		font-size: 14px;
		line-height: 14px;
		padding: 4px;
	}

	.press-release4>a {
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}

	.press-release4>a img {
		display: none;
	}

	.press-release4 .perps table {
		width: 16.6% !important;
	}

	.press-release4 .perps table img {
		margin-top: 0px !important;
	}
}

@media only screen and (max-width:650px) {
	.press-release4 .perps table {
		width: 19.9% !important;
	}
}

@media only screen and (max-width:500px) {
	.blogPrep table {
		width: 33.4% < !-- !important-->;
	}
}

/*Bottom CTAS */
#bottomCTA {
    position: relative;
    width: 100%;
    height: 206px;
    float: left;
    opacity: 1;
    background-size: cover;
}

#bottomCTA a:hover {
	text-decoration: none
}

.events {
	background: url('../images/events.jpg')#fff no-repeat 0px 0px;
	background-position: center top
}

#bottomCTA:hover {
	border: 4px solid ##F00;
	opacity: 0.8;
	transition: 0.6s
}

#bottomCTA h3 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    background: #0202029e;
    color: #b2ff00;
    text-decoration: underline;
    font-style: normal;
    padding: 10px;
}

.community {
	background: url('../images/community.jpg') no-repeat 0px 0px
}


.crimeprevention {
	background: url('/uploads/images/home-lockit-loseit-tile.jpg') no-repeat 0px 0px
}


.activeshooter {
	background: url('../images/homecta-activeshooter.jpg') no-repeat 0px 0px
}



.night-out {
	background: url('/uploads/images/cs-nightout-2023.jpg') no-repeat 0px 0px
}


.boo-dat {
	background: url('/uploads/images/crimestoppers-donate-sub-tile.jpg') no-repeat 0px 0px
}




.safeschools {
	background: url('../images/tile-safeschools.jpg') no-repeat 0px 0px
}


.projgoodsam {
	background: url('../images/projgoodsam.jpg') no-repeat 0px 0px
}

.projgoodsam.two {
	background: url('../images/projgoodsam2.jpg') no-repeat 0px 0px
}



.young-adults {
	background: url('../images/tile-young-adults-0.jpg') no-repeat 0px 0px
}



@media screen and (min-width:901px) and (max-width:110px) {}

@media screen and (min-width:651px) and (max-width:0px) {
	#bottomCTA {
		float: none;
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 50%;
		background-size: cover;
	}

	.events {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.events h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.community {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.community h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.activeshooter {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.activeshooter h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.crimeprevention {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.crimeprevention h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.night-out {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.night-out h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.safeschools {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.safeschools h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.young-adults {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto
	}

	.young-adults h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}

	.boo-dat h3,
	.projgoodsam h3 {
		background-position: left 0px;
		margin-top: 20%;
		margin-bottom: 10px
	}
}

@media screen and (max-width:0px) {
	#bottomCTA h3 {
		position: relative;
		bottom: 0;
	}

	#homeBottom {
		margin-top: 80px
	}

	#bottomCTA {
		float: none;
		display: block;
		width: 100%;
		height: 100%;
		margin: 0px;
		box-shadow: none;
		border: none
	}

	#bottomCTA a:hover {
		text-decoration: none
	}

	.events {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-image: none
	}

	.events h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.community {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-image: none
	}

	.community h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.crimeprevention {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-image: none
	}

	.crimeprevention h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.night-out {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-image: none
	}

	.night-out h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.safeschools {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-image: none
	}

	.safeschools h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.young-adults {
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-image: none
	}

	.young-adults h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.boo-dat h3,
	.projgoodsam h3 {
		background-position: right 0px;
		margin-top: 10px;
		margin-bottom: 10px
	}
}

/* SIDBAR */
#sidebar {
    width: 100%;
}
#sidebar .excerptThumb {
    display: none;
}
#sidebar .excerptTitle {
    font-weight: bold;
}
#sidebar input2 {
	line-height: 36px;
	width: 100%;
	background-color: #fff;
	border: none;
	border-radius: 20px;
	box-shadow: inset 2px 3px 8px #666;
	padding-left: 10px
}

#sidebar h2 {
	font-size: 24px;
	line-height: 1em;
	font-weight: bold;
	color: #000;
	margin: 20px 0px 18px 0px;
	padding: 0px;
	text-transform: uppercase;
	position: relative
}

#sidebar h2.video {
	color: #2649a1
}

#sidebar h2.breaking {
}

#sidebar ul.breaking {
	margin: 0px;
    padding: 0px;
}

#sidebar ul.breaking li {
	border-bottom: 2px solid #c4c4c4;
	width: 100%;
	color: #000;
	font-weight: bold;
	font-size: 11.5px;
	line-height: 43px;
	height: 43px;
	overflow: hidden
}

#sidebar ul.breaking li a {
	color: #000;
	text-decoration: none
}

#sidebar ul.breaking li a:hover {
	color: #f51e00;
	text-decoration: none
}

#sidebar ul.breaking li:first-child {
	padding-top: 0px
}

#sidebar .viewall {
	font-size: 10.4px;
	color: #7b7b7b;
	font-weight: bold
}

#sidebar hr{
	background: rgb(196, 196, 196);
	margin: 10px 0px;
	border: 0px currentColor;
	height: 2px;
	color: rgb(196, 196, 196);
	clear: both;
}
#sidebar a i {
	vertical-align: middle;
    margin-right: 10px;
}
#sidebar .speakup .latestExcerpt{
	border-top: 2px solid #9f9f9f;
	padding-top: 15px;
}
#sidebar  .speakup-info{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	background: #e1e1e1;
	padding: 10px;
	border-radius: 2px;
}
#sidebar .share-button{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: #020101;
	clear: both;
	display: block;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
}
#sidebar .share-button i{
    margin-right: 10px;
    color: #b2ff00;
    transition: all .3s ease;
    font-size: inherit;
}
#sidebar .share-button:hover{
	background: #980099;
}
#sidebar .share-button:hover i{ color: #fff;}
#sidebar .speakup .viewall {
	display: block;
	margin: 10px 0;
	font-weight: bold;
	text-transform: uppercase;
}
i.arrow {
	padding-left: 15px;
	font-weight: bold
}

.excerptThumb img {
	width: 127px;
	float: left;
	padding-right: 15px;
	width: 47%;
	padding-bottom: 25px
}

.datecatText {
	display: inline-block;
    background: #e400e5;
    padding: 3px 10px;
    color: white;
}


p img#thumb {
	min-width: 127px;
	float: left;
	padding-right: 15px;
	width: 47%
}

img#thumb {
	min-width: 127px;
	float: left;
	padding-right: 15px;
	width: 47%
}

#sidebar p {
	margin: 10px 0 0 0;
}



#sidebar #watch {
	background-color: #313130;
	color: #fff;
	font-size: 10.5px;
	font-weight: bold;
	padding: 7px 5px;
	width: 100%;
	margin: 10px auto;
	padding-left: 10px
}

#sidebar #watch a:hover {
	text-decoration: none
}

#sidebar #watch:hover {
	text-decoration: none;
	background-color: #333798
}

#sidebar #watch i {
	padding-left: 10px;
	padding-right: 5px;
	font-size: 18px
}

@media screen and (min-width:651px) and (max-width:900px) {


	img#thumb {
		float: none;
		margin: 0px auto;
		width: 90%;
		margin-bottom: 5px
	}

	#sidebar p.watchTitle {
		margin-top: 0px
	}

	#sidebar h2 {
		margin-top: 0px
	}
}

@media screen and (max-width:900px) {
	.hometiles .col-right.right #sidebar{
		padding:0;
	}

	.hometiles{}
	.home-banner{}
}

/* FOOTER */
#footer {
    width: 100%;
    background: #020101;
    margin-top: 0;
}

.ftrBlock {
	width: 27%;
	height: 226px;
	font-size: 11px;
	padding-top: 30px;
	margin-bottom: 30px
}

.ftrBlock a {
	color: #c7c7c7;
	font-size: 11px
}

.ftrBlock h3 {
	font-size: 16px;
	color: #f16d00;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: bold;
	text-align: center
}

.ftrBlock ul {
	list-style: none;
	float: left;
	width: 48%;
	margin: 0px;
	padding: 0px;
	position: relative
}

.ftrBlock ul li {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px
}

.ftrBlock ul li a {
	text-decoration: none;
	color: #c7c7c7;
	font-weight: bold
}

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

#footer>#wrapper{
	display: flex;
    justify-content: center;
	align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 10px;
}
#footer>#wrapper>div{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    flex-wrap: wrap;
}
#footer>#wrapper>div h3{
    font-size: 1.2em;
    color: #b2ff00;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    gap: 20px;
}
#footer>#wrapper>div.sponsors{
	width: CALC(66% - 10px);
}
#footer>#wrapper>div.share{
    width: CALC(33% - 10px);
    align-self: flex-start;
}
#footer>#wrapper>div.share .share-icon{
	font-size: 32px; line-height:0;margin-bottom: 10px;
}
#footer>#wrapper a{
    color: #b2ff00;
}
#footer>#wrapper>div.sponsors ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
#footer>#wrapper>div.sponsors li {
    background: #282828;
    display: flex;
    width: auto;
    border-radius: 4px;
    align-items: center;
    padding: 10px;
}
#footer>#wrapper>div.sponsors li a {
    display: block;
    align-self: center;
}
}
#footer>#wrapper>div p{
    color: #fff;
    background: #282828;
    height: 100px;
    margin: 0px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}


/*
.sponsor{width:30%; text-align:center; float:left; margin-bottom:10px}
.sponsor img{max-width:85%; max-height:50px; width:auto; opacity:1.0}
*/
.sponsor {
	width: 33%;
	text-align: center;
	float: left;
	margin-bottom: 20px
}

.sponsor img {
	max-width: 85%;
	max-height: 50px;
	width: auto;
	opacity: 1.0
}

/*maillist*/
.mailist {
	width: 100%;
	line-height: 17px;
	overflow: hidden;
	background-color: #2f3282;
	clear: both;
	margin-top: 0px;
	padding: 15px 0px 0px 0px;
	clear: both;
	text-align: center;
	font-size: 11px;
	color: #CCC;
	border-bottom: 1px dashed #4f53b4;
	border-top: 1px dashed #4f53b4
}

.mailist h2 {
	display: inline-block;
	font-size: 16px;
	color: #F16D00;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: bold;
	text-align: center
}

.mailing-list {
	display: inline-block
}

.mailing-list input {
	outline: 0;
	background-color: #F7F9FF;
	color: #3B5BA0;
	border: 1px solid #C7CCD6;
	font-size: 15px;
	border-radius: 3px !important;
	margin: 0 10px;
	padding: 0 5px !important;
	transition: 0.3s;
	-webkit-box-shadow: inset 2px 2px 0.5em #D6DAE0;
	-moz-box-shadow: inset 2px 2px 0.5em #D6DAE0;
	box-shadow: inset 2px 2px 0.5em #D6DAE0
}

.mailing-list button {
	background: #F16D00;
	color: white;
	padding: 2px 5px;
	border: none !important;
	border-radius: 3px !important;
	outline: none;
	transition: 0.3s
}

.mailing-list button:hover {
	background: #F18831
}

#copy {
    width: 100%;
    background-color: #282828;
    margin-top: 0px;
    padding: 20px 0px;
    clear: both;
    text-align: center;
    font-size: 12px;
    color: #CCC;
}

@media screen and (max-width:650px) {
	#footer>#wrapper>div.sponsors,
	#footer>#wrapper>div.share{
		width: 100%;	
	}

	.ftrBlock {
		width: 100%;
		padding: 20px 4%;
		clear: both;
		height: auto;
		min-height: 200px;
		border-bottom: 2px dashed #1b1e6d
	}

	.mailist {
		clear: both;
		padding: 15px 0px 15px 0px
	}

	.mailist h2 {
		padding-bottom: 10px
	}
}

/* INTERIOR LAYOUT */
.interior {

}

.interior h1 {
	padding: 18px 0px 10px 0px;
	font-size: 28px
}

.interior p {
	font-size: 16px;
	line-height: 22px;
	padding: 10px 0px 0px 0px
}

@media only screen and (min-width:651px) and (max-width:860px) {
	.ftrBlock ul {
		list-style: none;
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0px;
		position: relative;
		text-align: center
	}

	.ftrBlock ul li {
		list-style: none;
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0px;
		text-align: center
	}

	#footer {
		height: 280px
	}
}

@media screen and (max-width:650px) {
	.interior {
		width: 100%;
		padding: 0px 4%;
		border-right: none;
		min-height: 0px
	}
}

/* FORMS LAYOUT */
.form ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.form li {
	padding: 5px;
	margin: 0;
	clear: both
}

.form label {
	float: left;
	width: 100px;
	position: relative;
	top: 3px;
	text-align: right;
	padding-right: 15px
}

.form legend {
	color: #000;
	font-weight: bold
}

.signupFieldset {
	height: 240px
}

.captcha {
	float: left
}

/* FORMS FIELDS */
.form input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 5px
}

.inputText {
	width: 200px
}

.form img {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	top: -2px
}

.form select {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 5px;
	width: 300px
}

.form textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 5px;
	width: 400px;
	height: 120px
}

.form button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #6a1919;
	padding: 5px 20px;
	background: url(../images/form_button.jpg) repeat-x 0 50% #6a1919;
	color: #FFF;
	font-weight: bold;
	cursor: pointer
}

.form button:hover {
	/* border:1px solid #3f3; */
	background: url(../images/form_button_hover.jpg) repeat-x 0 50% #0c0
}

/* FORM VALIDATION */
div.formErrors {
	padding: 10px;
	margin: 0 0 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	display: none;
	border: 1px solid #dede00;
	background-color: #ffa;
	font-weight: normal
}

div.formErrors h4 {
	color: #F00;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 0px
}

div.formErrors ol {
	padding: 10px 0 0 40px;
	margin: 0
}

.formErrors .error {
	float: none !important;
	width: 100% !important;
	border: none !important
}

.error {
	border: 2px solid #F00 !important
}

/* FORM HIGHLIGHT */
.highlight {
	background-color: #fffbcd
}

.highlight label {
	background-color: #f6efa3;
	text-decoration: underline !important
}

.highlight-selected {
	background-color: #FF0
}

#shareThis {
	position: fixed;
	right: 0px;
	top: 50%;
	background-color: #eee;
	border: 1px solid #fff;
	width: 45px;
	padding: 5px 0px 5px 5px;
	margin-top: -150px;
	z-index: 999
}

@media only screen and (min-width:651px) and (max-width:1100px) {
	#shareThis {
		width: 350px;
		right: auto;
		bottom: 0px;
		left: 50%;
		margin-left: 180px;
		height: 45px;
		bottom: 0px;
		top: auto;
		padding-right: 5px
	}
}

@media only screen and (max-width:650px) {
	#shareThis {
		display: none
	}
}

/* LISTINGS */
#cases.interior{ padding:0; }
#cases.interior h2 {
	color: #1a2e7a;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding: 20px 0px;
	font-size: 20px
}

#cases.interior h1 {
	color: #c42a0e;
	padding: 28px 0px 10px 0px;
	font-size: 28px;
	border-bottom: 2px solid #c42a0e;
	margin-bottom: 10px
}

#cases.interior .item {
    float: none;
    border-bottom: 2px solid #999;
    padding-bottom: 30px;
    margin-bottom: 25px;
    margin-top: 25px;
    display: flex;
}
#cases.interior .item.cat22{
	margin-bottom:0; padding-bottom:0;
}
#cases.interior .item .crim {
	width: 32%;
	margin-right: 3%;
	font-size: 12px;
	line-height: 15px
}

#cases.interior .item .crim p {
	font-size: 12px
}

#cases.interior .item .crim img {
	width: 100%;
	height: auto;
	max-width: 200px;
	box-shadow: 3px 3px 10px #666;
	margin-bottom: 10px
}

#cases.interior .item .crim a {
	color: #1a2e7a;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
    display: block;
}

#cases.interior .item .caseInfo {
	width: 60%;
	float: right
}

#cases.interior .item .caseInfo h3 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 15px
}

#cases.interior .item .caseInfo h4 {
	font-size: 30px;
	text-transform: normal;
	line-height: 30px;
	margin-bottom: 13px;
	margin-top: 0px;
}
#cases.interior .item .caseInfo h5{
    font-weight: bold;
    background: #c42a0e;
    color: #fff;
    padding: 5PX;
    line-height: 14px;
    border-radius: 4px;
    margin: 0;
}
#cases.interior .item .caseInfo .red {
	color: #c42a0e
}

#cases.interior .item .caseInfo .blue {
	color: #1a2e7a
}

#cases.interior .item .caseInfo p {
	font-size: 12px;
	color: #000;
	line-height: 16px
}

#cases.interior .item a:hover {
	text-decoration: none
}

#cases.interior .item a .crim {
	width: 33%;
	float: left;
	margin-right: 3%;
	font-size: 12px;
	line-height: 15px
}

#cases.interior .item a .crim p {
	font-size: 12px
}

#cases.interior .item a .crim img {
	width: 100%;
	height: auto;
	max-width: 200px;
	box-shadow: 3px 3px 10px #666;
	margin-bottom: 10px
}

#cases.interior .item a .crim a {
	color: #1a2e7a;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold
}

#cases.interior .item a .caseInfo {
	width: 60%;
	float: right
}

#cases.interior .item a .caseInfo h3 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 15px
}

#cases.interior .item a .caseInfo h4 {
	font-size: 30px;
	text-transform: normal;
	line-height: 30px;
	margin-bottom: 13px
}

#cases.interior .item a .caseInfo .red {
	color: #c42a0e
}

#cases.interior .item a .caseInfo .blue {
	color: #1a2e7a
}

#cases.interior .item a .caseInfo p {
	font-size: 12px;
	color: #000;
	line-height: 16px
}

/*.cat22 .rewardr{display:none!important}*/
.cat22 .typer {
	display: none !important
}

.cat22 .moster {
	display: block !important
}

.cat22 .rewards {
	display: block !important
}

.cat22 .solved {
	display: none !important
}

.cat22 .rewardflyer {
	display: none !important
}


.cat2 .rewardr {
	display: block !important
}

.cat2 .typer {
	display: block !important
}

.cat2 .moster {
	display: none !important
}

.cat2 .rewards {
	display: block !important
}

.cat2 .solved {
	display: none !important
}

.cat12 .rewardr {
	display: none !important
}

.cat12 .typer {
	display: none !important
}

.cat12 .moster {
	display: none !important
}

.cat12 .solved {
	display: block !important
}

.cat12 .rewards {
	display: none !important
}

@media only screen and (max-width:650px) {
	#cases.interior .item{display:block;}
	#cases.interior .item .crim {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		font-size: 9.5px
	}

	#cases.interior .item .crim a {
		font-size: 9.5px;
		text-transform: uppercase
	}

	#cases.interior .item .crim img {
        display: block;
        width: 100%;
        max-width: 100%;
	}

	#cases.interior .item .caseInfo {
		float: none;
		display: block;
		clear: both;
		width: 100%
	}
}

/*  Cases  listings SPecific*/
.post-type-archive-case #cases.interior .item .crim img {
	margin-bottom: 10px;
}


/* Most Wanted interior page sapecific */
.single-most-wanted #cases.interior .item .caseInfo {
	width: 70%;
}

@media only screen and (max-width: 650px) {
	.single-most-wanted #cases.interior .item .caseInfo {
		width: 100%;
	}
}

/*blog comments*/
.msg.failure {
	background-color: #F55;
	padding: 5px;
	margin: 5px
}

.msg.success {
	background-color: lightgreen;
	padding: 5px;
	margin: 5px
}

#blog-comments>div {
	border: 1px solid #3A44A7;
	margin: 10px 0;
	padding: 5px
}

.dimiEdit ul li {
	list-style: inside;
	margin-left: 4px
}

.dimiEdit img {
	display: none
}

.dimiEdit p {
	margin-bottom: 20px
}

.signatures {
	float: left;
	width: 33.3%
}

.signatures p {
	padding-left: 10px
}

.signatures4 {
	float: left;
	width: 25%
}

.signatures4 p {
	padding-left: 10px
}

.excerptContent {
	display: none
}

/*RESOURCE TIPS ===================================== */
.tips-wrapper td {
	position: relative;
	background: #E6E6E6;
	padding: 2px 4% 2px 4%;
	border-bottom: 10px solid white
}

.tips-wrapper td h2 {
	cursor: pointer;
	line-height: 25px;
	font-size: 17px
}

.tips-wrapper td h2 span {
	float: right;
	color: #CF2626;
	font-size: 11px
}

.tips-wrapper td h3,
.tips-wrapper td p,
.tips-wrapper td ul {
	list-style: inherit !important;
	display: none;
	font-size: 15px !important;
	line-height: 18px;
	margin: 0 0 10px;
	padding: 10px 0px 0px 0px
}

.purchase {
	background: #383FA9;
	color: #FFF !important;
	text-decoration: none !important;
	padding: 6px 7px 5px 7px;
	width: 280px;
	border-radius: 3px;
	transition: 0.3s
}

.purchase:hover {
	background: #C42A0E
}

.pdf {
	display: block;
	background: url(../images/pdf.png) no-repeat left center;
	padding: 0 0 0 80px;
	line-height: 26px
}

/*Dimitri added code for all the after development updates------------------------------------*/

.btnHolder {
	margin:0px
}

.ctaBtn.orange {
    position: relative;
    padding: 0;
    width: 100%;
    text-align: left;
    background: none;
    box-shadow: unset;
    border: none;
	border-radius:0;
}


.ctaBtn.orange span {
	font-size: 13px
}

.ctaBtn.orange i {
	position: absolute;
	top: 50%;
	margin-top: -11px;
    right: 26px;
    color: #b2ff00;
    transition: all 0.3s ease;
}

.tipSubmit00 {
	display: none
}

.teal {
	background: url('../images/tipSubmit.png') no-repeat 0px center #4384C8;
	text-align: left;
	padding-left: 59px
}

.teal:hover {
	background: url('../images/tipSubmit.png') no-repeat 0px center #5D9EE2
}

.teal a {
	text-transform: none !important
}

.teal br,
.teal i {
	display: none
}

.teal span {
	color: black;
	text-shadow: none !important
}

.mailing-header00 {
	text-align: center;
	padding: 0;
}

.footerVideos p {
	text-align: center;
	float: left;
	width: 33.33%;
	color: white
}

.footerVideos p img {
	float: none !important;
	padding: 0 !important
}

.footerCenter {
	width: 40%;
	margin: 0 4% 0 0
}

#listenBox {
    width: 100%;
    position: relative;
}

#listenBox h2 {
	width: 100%;
	margin-top: 10px;
	background: url('../images/ctaheader.png') repeat-x center 68px;
	padding: 0%;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .8px;
	color: white;
	text-shadow: 2px 2px 4px #000
}

.donatenow00 {
    display: block;
    background: #000;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #FFF !important;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    line-height: 2em;
    padding:6px 0 10px 0;
	transition: all .3s ease;
}

.donatenow00:hover {
	background-color:#e400e5
}

.donatenow00 i {
    margin-right: 10px;
    color: #b2ff00;
}

/*mailing list*/
.mailing-list {
	width: 100%
}

.mailing-list input {
	margin: 0 1.0% 0 2% !important;
	width: 70% !important;
	border-radius: 0px !important;
	line-height: 21px !important;
	border: 1px solid #A7A6A6 !important;
	box-shadow: inset 1px 1px 4px #BEBBBB !important;
	-moz-box-shadow: inset 1px 1px 4px #BEBBBB !important;
	-webkit-box-shadow: inset 1px 1px 4px #BEBBBB !important
}

.mailing-list button {
	padding: 2px 0 !important;
	width: 24% !important;
	font-size: 14px !important
}

form .btnHolder {
}

form .btnHolder .teal {
	background: url('../images/tealbtn.jpg') repeat-x 0px 0px #27A7AA !important;
	padding-left: 13px !important
}

.video {
	width: 100%;
	margin: 0 auto
}

.video>div {
	position: relative;
	padding-bottom: 56.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid #61588F;
	margin: 20px 0;
	box-shadow: 2px 2px 21px #7A7A7A;
	-moz-box-shadow: 2px 2px 21px #7A7A7A;
	-webkit-box-shadow: 2px 2px 21px #7A7A7A
}

.video>div iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

@media only screen and (max-width:870px) {
	#topCTAs {
		margin: 2px 5px 0px 0px
	}

	.teal br {
		display: inherit
	}

	.teal i {
		display: inherit;
		position: absolute;
		right: 4%;
		bottom: 6px
	}



	.mailing-header00 {
		margin-top: 0 !important;
		padding: 13px 0px 12px 5% !important
	}
}

#blog-comments {
	clear: both;
}


.btnHolder {
}

.teal {
	padding-left: 59px !important
}

.teal br {
	display: none
}

.teal i {
	bottom: 50%;
	margin-bottom: -11px;
	right: 6%
}

.submitAtip00 {
	width: 100%
}

.ctaBtn {
	padding: 11px 0px 13px 0px
}


.mailing-header00 {
	margin: 10px 0 17px 0;
	text-align: left
}

.footerCenter {
	width: 100%
}

#listenBox h2 {
	font-size: 14px;
	margin-bottom: 0;
}
}

@media only screen and (max-width:440px) {
	.teal {
		padding-left: 45px !important
	}
}

/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {
	display: none
}

.cc2:hover {
	fill: rgba(0, 0, 0, 0.4)
}

.compucast {
	display: block;
	position: absolute;
	bottom: -22px;
	right: 10px;
	width: 58px;
	height: 64px;
	color: black;
	border-radius: 2px;
	overflow: hidden;
	transition: 0.5s 1.4s
}

.compucast.dark {
	color: white
}

.logo1,
.logo2,
.old-ie {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -13px;
	opacity: 1.5;
	transition: 0s
}

.compucast:hover,
.compucast_hover {
	width: 225px;
	background: rgba(0, 0, 0, 0.04);
	box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);
	-moz- box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);
	transition: 0.3s 0s
}

.dark:hover {
	background: rgba(255, 255, 255, 0.12)
}

.compucast p {
	position: absolute;
	left: -200px;
	text-align: left;
	margin: 0 0 0 10px;
	line-height: 21px;
	padding: 11px 0;
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #808080;
	opacity: 0;
	transition: 0.5s 1.4s
}

.compucast a {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none
}

.compucast:hover p {
	left: 0px;
	opacity: 1;
	transition: 0.4s 0.0s
}

.compucast.dark:hover p {
	color: #AFACAC
}

.compucast.dark a {
	font-size: 14px;
	color: #fff
}

/*color classes:colored, white and black*/
.purple {
	fill: #7F3F98
}

.green {
	fill: #00A14B
}

.black1 {
	fill: rgba(0, 0, 0, 1)
}

.black2 {
	fill: rgba(0, 0, 0, 0.5)
}

.white1 {
	fill: rgba(255, 255, 255, 1)
}

.white2 {
	fill: rgba(255, 255, 255, 0.5)
}

/*COMPUCAST LOGO CSS end-------------------------------*/



/*DONUT*/
a.donut {
	display: inline-block;
	background: url(/uploads/images/donut2.png) no-repeat center;
	background-size: contain;
}

a.donut img {
	display: block;
}

a.donut:hover img {}



.donut:hover {
	-webkit-animation: spin 6s infinite linear normal;
	animation: spin 6s infinite linear normal;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
	}
}

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

	100% {
		transform: rotate(359deg);
	}
}

.logo {}

.logo .logo-cgno {}
.logo .logo-phone {}
.logo .logo-cgno img, .logo .logo-phone img {
    transition: all 0.35s ease;
    filter: hue-rotate(0deg);
    position: relative;
}
.logo .logo-cgno:hover img, .logo .logo-phone:hover img {
    filter: hue-rotate(45deg);
}


.logo .logo-cgno img,.logo .logo-phone img{
	width: 100%;
}



.paypalbuttons {}

.paypalbuttons h3 {
	background: #192f82;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
}

.paypalbuttons form {
	display: inline-block;
	width: 49%;
	background: #efefef;
	border-top: 2px solid #ffaa28;
	vertical-align: top;
	text-align: center;
	margin: 2px 0;
	padding: 10px;
}

.paypalbuttons form span {
	display: block;
}

.paypalbuttons form span strong {
	display: block;
}

.paypalbuttons form input {}

.paypalbuttons form.threecol {
	width: 32.4%;
	background: #f7f7f7;
}

@media only screen and (max-width:570px) {

	.paypalbuttons form,
	.paypalbuttons form.threecol {
		width: 100%;
	}
}

.documentbuttons {}

.documentbuttons a {
	position: relative;
	display: inline-block;
	width: 49%;
	text-align: center;
	vertical-align: middle;
	background: #ffaa28;
	color: #fff;
	padding: 10px;
	margin: 20px 0;
	font-size: 1.2em;
}

.documentbuttons a:before {
	display: block;
	font-size: 2.2em;
	color: #fff;
	font-family: fontawesome;
	content: '\f019';
	position: absolute;
	left: 10px;
	top: 50%;
	widows: 0;
	height: 0;
	line-height: 0;
}

.documentbuttons a span {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}

@media only screen and (max-width:570px) {
	.documentbuttons a {
		width: 100%;
		font-size: 1em;
		margin: 2px 0;
	}
}


.givingevent {}

.givingevent ul {
	list-style-type: disc !important;
	margin-left: 20px;
	padding-left: 20px;
}

.givingevent li {
	list-style-type: disc !important;
	margin-left: 20px;
	padding-left: 20px;
}

.givingevent,
.givingevent h3,
.givingevent h2 {
	font-size: 1.2em;
}

.pdfdownload {
	display: block;
	padding: 10px;
	background: #f51e00;
	color: #fff;
	border-radius: 6px;
	float: right;
	line-height: 40px;
	padding-bottom: 30px;
	margin-left: 10px;
}

.pdfdownload span {
	display: block;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	line-height: 0;
	margin-top: 10px;
}

.pdfdownload span:before {
	content: '\f1c1';
	font-weight: bold;
	font-family: fontawesome;
	font-size: 0.8em;
	display: inline-block;
	margin-right: 6px;
	vertical-align: top;
}

/* ResponsiveSlides */
ul.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

ul.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

ul.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

ul.rslides img {
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto;
}

.appbox {
	display: flex;
    flex-wrap: nowrap;
    margin: 30px 0;
    gap: 20px;
}

.appbox h4 {
	font-size: 1.2em;
	text-align: center;
}

.appbox a {
	background: #3b40ab;
    color: #fff;
    border-radius: 5px;
    display: block;
    width: 50%;
    margin: 0;
    text-align: center;
    transition: all 0.3s ease;
    padding: 10px;
}

.appbox a:hover {
	text-decoration: none;
	background: #fff !important;
	color: #000 !important;
}
.appbox a img{
	display: block;
    width: 100%;
    height: auto;
}
.appbox a:last-child {
	background: #f26d01;
}

.appbox a:before {}

.appbox2 a:before {
	content: '\f179';
	font-family: fontawesome;
	margin-right: 10px;
	font-size: 2em;
	vertical-align: middle;
}

.appbox2 a:last-child:before {
	content: '\f17b';
	font-family: fontawesome;
	margin-right: 10px;
	font-size: 2em;
	vertical-align: middle;
}

.appbox a strong {}

.commapp {
	text-align: center;
	display: block;
	background: #000000;
	margin-top: 20px;
	padding: 10px;
	color: #fff;
}

.commapp:hover {
	color: red;
}

.commapp img {
	float: left;
}

.commapp span {
	display: block;
}


.appicons {
	display: flex;
    flex-flow: row;
    gap: 5px;
    margin-top: 5px;
}

.appicons a {
    display: flex;
    width: 50%;
	position: relative;
}

.appicons a.appCom {}

.appicons a.appSafe {}

.appicons a img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.appicons a strong {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 1px;
    line-height: 18px;
    padding: 5px;
}

@media only screen and (max-width:570px) {
	.appbox a {
		width: 96%
	}

}

.statstable {}

.statstable tr {}

.statstable tr td {}

.statstable tr th {
	background: #dde5ed;
	text-align: center;
	font-size: 1.4em;
}

.statstable strong {}

.statstable ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-column-count: 2;
	-moz-column-gap: 50%;
	-webkit-column-count: 2;
	-webkit-column-gap: 50%;
	column-count: 2;
	column-gap: 20px;
}

.statstable ul li {
	list-style: disc;
	margin-left: 40px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

figcaption {
	text-align: center;
}

.blogitem {
	margin: 20px 0;
	border-bottom: 2px solid #ccc;
}

.blogitem h2 {
	margin: 10px 0;
}





/* Gallery */
#gallery-categories { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; }
#gallery-categories li { width:33%; display:block; margin:0; padding:5px; min-width:150px; flex-grow:1; }
#gallery-categories li a { position:relative; display:block; }
#gallery-categories li a span { position:absolute; right:0; bottom:0; background:darkgray; background:rgba(128, 128, 128, 0.75); padding:0.3em; color:white; line-height:1em; text-align:right; }
#gallery-categories li a img {display:block;width:100%;height:auto;object-fit: cover;aspect-ratio: 3/2;}

#gallery-pager { position:relative; }
#gallery-pager ul { list-style:none; padding:0 0 40px 0; margin:0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:0.2em; border:1px solid transparent; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow:0 0px 7px 2px #7D868A; }
#gallery-pager ul li a { display:block; }
#gallery-pager ul li a img { display:block; }
#gallery-pager .prev { position:absolute; left:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family:FontAwesome; }
#gallery-pager .next { position:absolute; right:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family:FontAwesome; }
#gallery-pager ul.js::-webkit-scrollbar { display:none; }

#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family:FontAwesome; }
#gallery-photos .next { position:absolute; right:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family:FontAwesome; }

.aligned-gallery {
	list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.aligned-gallery li { max-width: 127px; display: block; float: left; margin: 5px; width: inherit; padding: 0; box-shadow: 0 0 11px -8px rgba(0, 0, 0, 0); transition: 0.3s; flex-grow: 1; }
.aligned-gallery li:hover { box-shadow: 0 10px 11px -8px rgba(0, 0, 0, 0.41); }
.aligned-gallery li::before { display: none; }
.aligned-gallery li a { display: block; cursor: zoom-in;     display: block;
    width: 100%; }
.aligned-gallery li a img { display: block; margin: 0 !important;
    border-radius: 3px;
    width: 100%;
    height: auto; }

@media screen and (max-width: 780px) { #gallery-categories li { display: block; margin: 0 auto 10px; width: 50%; max-width: 400px; } }
@media screen and (max-width: 550px) { #gallery-categories li { float: none; display: block; margin: 0 auto; width: 100%; max-width: 300px; } }

.backto{margin-bottom:20px;}
.bio-pic{
	float: left;
    margin: 0px 15px 10px 0px;
}
.bio-pic img{
    width: 200px;
    height: auto;
}
.header-image img{
	display: block;
	width: 100%;
	height: auto;
	max-height: 50vh;
	align-self: center;
	object-fit: cover;
	object-position: 50% 20%;
}


#sidebar .side-list a i{
    vertical-align: middle;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0;
    font-size: 16px;
}
#sidebar .side-list a{
	width: 100%;
    display: block;
    position: relative;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*tmp solution*/
/* #sidebar .side-list a:first-of-type{display: none;} */



/* Blog Post content custom styling ==============*/

.taacgallery{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #020101;
    color: #fff;
    margin: 20px 0;
    border-radius: 4px;
}
.taacgallery a{
    color: #fff;
    text-align: center;
    padding: 10px 15px;
}
.taacgallery img{
    position: absolute;
    right: 0;
    top:-70px
}

.taacgallery a.gradlink{    position: absolute;
    bottom: 0;
    color: #000;
    font-size: 1em;
    bottom: -40px;
    left: 0;
    text-align: center;
    width: 100%;
}
@media (max-width:967px){
.taacgallery{
    margin: 0 0 4em 0;
    flex-flow: column;
}
.taacgallery a{
    padding: 10px;
    position: absolute;
    z-index: 1;
    text-shadow: #000 3px 3px 3px;
    font-weight: bold;
    background: #0000005c;
}
.taacgallery img{
    position: relative;
    top:0;
}
.taacgallery a.gradlink{ border-radius:10px; color:#fff; }
}

p.teenbuttons {
    background: #e400e5;
    margin: 20px 0px;
    padding: 10px;
}

.teenbuttons a {
	text-align: center;
    color: #fff;
    padding: 1em;
    border-radius: 4px;
    font-size: 1.2em;
    border-left: none;
    border-right: none;
    display: block;
    background: #020101;
}
.teenbuttons a i{ color: #b2ff00; margin-right: 6px;}


/* =============== */
figure {
    margin: 0em 1px ; 
}

p:has(> a.booton) {
	display: flex;
	gap: 0;
}
.booton {
	flex-grow: 1;
    text-align: center;
    background: #e400e5;
    color: #fff;
    padding: 10px;
}
.booton i {
	margin-right: 10px;
    font-size: 2em;
    vertical-align: middle;
 }
.booton2 {
	flex-grow: 1;
    text-align: center;
    background: #020101;
    color: #b2ff00;
    padding: 10px;
}
.booton:hover {
	color: #fff;
}


/* Donations */
.page-id-2998 .left button {
	display: block;
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
    background: #aa00ab;
    background: linear-gradient(0deg, #760077, #a80ca9);
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    font-family: 'Oswald', sans-serif;
    text-decoration: underline;
    border: 1px solid purple;
}
.page-id-2998 .left button  i {
	margin-right: 10px;
    font-weight: normal;
    color: gold;
 }

 /* Important VIdeos */
 .appSafe {
	display: flex
	;
		align-items: center;
		gap: 20px;
		/* padding: 10px; */
		background: #b2ff00;
		font-size: 1.4em;
		justify-content: center;
 }
 .appSafe img {
	width: 64px;
    height: unset;
 }


 /* custom yellow box  */
 .founding {
    text-align: center;
    background: #ffed8f;
    padding: 20px 10px 15px 10px;
    border-radius: 5px;
    font-size: 18px;
    margin: 20px 0;
}

.single .col-left-big table tr {
	height: unset !important;
}
.single .col-left-big table td {
	height: unset !important;
	padding:10px;
}

@media (max-width:500px){
	.single .col-left-big  table tr {
        display: flex;
        flex-direction: column;
    }
    .single .col-left-big  table tr td {
        text-align: center;
        width:100% !important;
    }

}

.green2 {
	display: flex
	;
		flex-wrap: wrap;
		gap: 20px;
		background: #b2ff00;
		margin: 20px 0;
		padding: 20px;
}
.green2 a {
	color:black
}
.green2 strong {
	font-weight: bold;
}


/* sponsors */
.sponsor-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.sponsor-list li {
    width: CALC(33% - 20px);
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-shadow: #000 3px 3px 10px -8px;
    border: 1px solid #ccc;
}
.sponsor-list li img {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
}

.pop-up {
	
}