body * {
     /*font-family: 'Open Sans', sans-serif; */
     font-family: 'Lato', sans-serif;   
     /*font-family: 'Roboto', sans-serif;*/
}
html {
	-webkit-font-smoothing:antialiased !important;
}
/* Hides bxslider images until JS has fully loaded */
#siteslides{
	visibility: hidden;
	max-width: 2000px;
	margin: 0 auto;
}
body{
	overflow-x: hidden;
}

/* Magnific Popup. */
.mfp-container{
    height: 17%!important;
}

/* .mfp-fade:.mfp-bg:.mfp-removing{
    opacity: 0;
}

.mfp-fade:.mfp-bg:.mfp-ready{
    opacity: .75;
}

.mfp-fade:.mfp-bg {
    opacity: 0;
    transition: .5s cubic-bezier(0.51, 0.18, 0, 0.88);
}

.mfp-fade:.mfp-wrap .mfp-content {
    opacity: 0;
    transition: .5s cubic-bezier(0.51, 0.18, 0, 0.88);
}
.mfp-fade:.mfp-wrap .mfp-ready .mfp-content {
    opacity: 1;

    background-color: #fff;
    padding: 15px 5px;
}

.mfp-fade:.mfp-wrap .mfp-removing .mfp-content{
    opacity: 0;
} */

.mfp-iframe-holder .mfp-close{
    padding: 0;
    top: -50px;
    right: 0;
}


.txtcenter{
	text-align: center;
}
.txtright{
	text-align: right;
}
.notbig{
    margin-bottom: 30px;
}
.bottompad{
    padding-bottom: 10px;
}
.with_frm_style input[type=text]{
    height: 54px;
    color: #444444;
}
.greyback{
    background-color: #EAEAEA;
}

.quathomebanner{
    display: table;
    margin: 0 auto;
    width: 24%;
    margin-right: 1%;
    float: left;
    border-bottom: 6px solid #ffc500;
}

/*============================
Adam 2023 Updates - Homepage
=============================*/

/*font sizes*/
.adams_code h1 {
	font-size: 32px;
	margin: 10px 0px;
}

.adams_code h2 {
	font-size: 26px;
	margin: 20px 0px;
	text-decoration: none;
	border: none;
}

.adams_code p{
	font-size: 14px;
	font-weight: 400;
}

.adams_code h3{
	font-size: 20px;
}

.adams_code .txt_white{
	color: #ffffff;
}
.adams_code .txt_yellow {
	color: #FDC13D;
}

.adams_code .marginbottomsml{
	margin-bottom: 30px;
}

.adams_code .margintopsml{
	margin-top: 20px;
} 
 /*Header*/
 .header2023 #searchshow {
	margin: 40px 15px 0px 25px !important;
 }
/*Banner*/
.adams_code .new_homepage_banner{
	padding-top: 100px;
	padding-bottom: 76px;
	/*height: 500px;*/
}
.adams_code .banner_logo img{
	margin-left: 25px;
}

.adams_code .banner_logo {
	width: 50%;
}

.adams_code .banner_img_right {
	display: none;
}

/*Coloured boxes*/
.adams_code .two_boxes {
 position: relative;
 /* max-height: 500px; */
}

.adams_code .two_boxes a{
	color: #141412;
}

.adams_code .two_boxes a:hover{
	text-decoration: none;
}
   

.adams_code .two_box_text h1, .adams_code .two_box_text p, .adams_code {
 z-index: 2;
 position: relative;
 width: 100%;
}

.two_box_text img {
	z-index: 1;
}

.adams_code .two_boxes::before {
	content: '';
	background-color: #74E0C1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
}

.adams_code .hide_on_sml {
	display: none;
}

.adams_code .hide_on_lrg { /* Two boxes full width shown on small screens hide on larger screens*/
	display: block;
	color: #141412;
	/*height: 200px;*/
    padding: 30px;
    margin: 0;
}

.hide_on_lrg :hover{ 
	text-decoration: none !important;
}

.adams_code .contain_relative {
	position: relative;
}

.adams_code .twobox_img_sml {
	display: none;
}

.adams_code .twobox_img_sml2 {
	display: none;
}

.adams_code .yellowbg {
	background-color: #FDC13D ;
}

.adams_code .greenbg {
	background-color: #74E0C1;
}


.adams_code .right_box {
	max-width: 100% !important;
	padding: 160px 30px;
}

.adams_code .left_box {
	max-width: 100% !important;
	padding: 160px 0px;
}

.leftimgposition {
	top: 35%;
    right: 51%;
    position: absolute !important;
	max-width: 202px;
	display: none;
}

.adams_code .far_right {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
	
}

/*Twitter/News/PublicationBoxes*/
.adams_code .whiteback {
	padding: 30px;
}

.adams_code  .calloutboxes  {
	text-align: left!important; 
}

.adams_code .calloutboxes .twitterbox {
	border: none;
}

#jstwitter_ {
	margin-bottom: 40px;
}

.twitter-timeline {
	margin-bottom: 40px!important;
}

.adams_code .calloutboxes .newsbox {
	border: none;
	padding-top: 0;
	padding-bottom: 38px;
}

.adams_code .greytxt {
	margin-bottom: 20px;
	color: #afb0b2;
}

.adams_code .newheight {
	/*height: 365px;*/
}

.adams_code .updatetitles {
	padding-bottom: 20px;
	font-size: 19px;
	border-bottom: 3px solid #ffc500;
	margin: 0;
}

.adams_code .publicationimg {
	height: 245px;
	width: 100%;
	/*float: left;*/
	object-fit: cover;
	object-position: right;
	border: none;
}

.adams_code .publicationtitle h3{
	margin-top: 10px;
}

.adams_code .publicationtitle {
	/* float: right; */
	/* padding-left: 10px; */
	margin-top: 20px;
	margin-bottom: 20px;
}

.adams_code .press_releases .downloadbtn::after {
	position: absolute;
    bottom: 3px;
    left: 80px;
    content: "";
    width: 14px;
    height: 13px;
    background-image: url(https://www.victimsupportni.com/site/wp-content/uploads/2023/03/download_icon.png);
    background-size: contain;
    background-position: 50%;
    display: block;
}

.adams_code .press_releases .downloadbtn {
	position: relative;
	display: block;
}

.adams_code .viewallbtn {
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	background-color: #C62184 ;
	border-radius: 100px;
	display: inline-block;
	margin: auto;
}

.adams_code  .viewallbtn:hover {
	background-color: #FDC13D ;
	transition: ease-in-out 0.18s;
	text-decoration: none;
}

.adams_code .downloadbtn:hover {
	background-color: transparent;
}

/*Videos*/
.video_section {
	background-color: #FDC13D;
	padding: 30px;
}

.video_section h2 {
	/*font-size: 40px;*/
	font-size: 32px;
	margin-top: 0px;
}

.videobox img{
	height: 320px;
    width: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.4s ease;
}

.videogreen {
	background-color: #00A990 !important;
}

.videoyellow {
	background-color: #FFB607 !important;
}

.videoblack {
	background-color: #141414 !important;
}

.videowhite {
	background-color: #FFFFFF !important;
	color: #A81672 !important;
} 
 
.videopurple {
	background-color: #C62184 !important;
	
}
.videotitles_::after {
	content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: -24px;
    left: 32px;
}

.videogreen::after {
    border-bottom: 31px solid #00A990;
    
}

.videoyellow::after {
	border-bottom: 31px solid #FFB607;
}

.videoblack::after {
	border-bottom: 31px solid #141414;
}

.videopurple::after {
    border-bottom: 31px solid #C62184;
    
}
.videowhite::after {
    border-bottom: 31px solid #ffffff;
    
}

.new_play_btn {
	display: inline-block;
    vertical-align: middle;
    width: 100px !important;
	height: 110px !important;
    position: absolute;
	
}

.newcode h3{
	position: absolute;
    bottom: -38px;
    left: 26px;
    color: #fff;
    border-radius: 50px;
    height: 40px;
    width: 208px;
    padding-top: 5px;
    text-align: center;
 }

.videobox {
	display: table;
	padding: 0.5% 0.7% !important;
	margin: 40px 0px;
	background-size: cover;
    position: relative;
    height: 320px;
   
}

.videobox:first-of-type {
	margin-top: 0px;
}

.campaigns_2023 .imgzoom_hov {
	overflow: hidden;
}

.campaigns_2023 .imgzoom_hov img:hover{
	transform: scale(1.1);
}

.videobox .contain_relative {
	position: relative;
}

.videobox .new_play_btn{ 
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0px; /*same as height of playbtn*/
    margin: auto;
	top: 0px;
}

.videotitles_ {
	display: table;
	font-size: 20px !important;
	font-weight: 400;
	position: absolute !important;
    bottom: -20px !important;
    left: 0px !important;
	right: 0px;
    color: #fff;
    border-radius: 50px;
    height: auto;
	padding: 10px 25px;
    width: fit-content;
    padding-top: 5px;
    text-align: center;
	margin: 0 auto;
}

.bottom_img_left {
	display: none;
}

.adams_code .twobox_img_sml {
	display: block;
	
	
	width: 100px;
}

.adams_code .twobox_img_sml2 {
	display: block;
	
	width: 200px;
}

.footer_big_scrn {
	display: none;
}

.footer2023 .foot-menu {
	text-align: left;
}

/*Footer*/
.websiteni_new {
    color: #fff;
    display: inline-block;
}

.websiteni_new:hover {
	text-decoration: none;
	color: #FDC13D;
}

.nomarginbtm {
	margin-bottom: 0px !important;
}

.footer_accordion {
	padding: 20px 0 !important;
}

.footer_sml_scrn ul {
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

.footer_sml_scrn h3 {
	font-size: 18px !important;
	color: #ffffff;
	margin: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #FDC13D;
}

.footer_sml_scrn h3 :hover {
text-decoration: none;
}

.footer_sml_scrn .accordion-title {
	color: #ffffff !important;
	font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.footer_sml_scrn .accordion-content{
	text-align: left;
	padding-left: 20px;
}

.footer_sml_scrn .accordion-title::before {
	content: '';
    background-image: url(../images/Accordion_arrow_footer.svg);
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
	right: 0;
	top: 6px;
	margin: 0px;
    width: 12px !important;
    height: 12px !important;
}

 .footer_sml_scrn .is-active .accordion-title::before {
	content: '';
    background-image: url(../images/minus-sign.svg);
    /* background-size: 19px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important; */
}

.footer_big_scrn .footer-content h4{ 
	margin-bottom: 0px;
}

.footer_big_scrn .footer-content ul{ 
	margin: 10px 0;
}

/*side button*/
.contactbtn_new {
	background-color: #C62184 !important;
}


/*=================
 U18 Pages 2023
=================*/
.paddingtop70 {
	padding-top: 50px;
}

.paddingbottom70 {
	padding-bottom: 50px !important;
}

.paddingbottom100 {
	padding-bottom: 70px !important;
}

/*first p resized*/
.u18_2023 .pfirstof20 p:first-of-type {
	font-size: 18px;
}

.u18_2023 .pfirstof22 p:first-of-type {
	font-size: 20px;
}

/*default size u18 pages*/
.u18_2023 p {
	font-size: 16px;
}

.u18_2023 .introduction p {
	font-size: 16px;
}

.u18_2023 .shapes h3 {
	background-color:#C62184 ;
}

.u18_2023 .shapes h3::after {
	border-bottom:50px solid #C62184 ;
}

/*Accordion arrows*/

.u18_2023 .greenbackfaq a.accordion-title.sub-title:before {
	content: '';
    background-image: url(../images/downgreen.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.u18_2023 .blackbackfaq a.accordion-title.sub-title:before {
	content: '';
    background-image: url(../images/darkgreendown.svg);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
	right: 0;
    top: 6px;
    margin: 0px;
}

/* .u18_2023 .accordion .inner-accordion .accordion-item {
	/* margin: 0px 15px; }*/

.u18_2023 a.accordion-title.sub-title:before {
	right: 10px;
    top: 50%;
	transform: translateY(-50%);
    margin: 0px;
}

.u18_2023 .pinkbackfaq a.accordion-title.sub-title:before {
	content: '';
    background-image: url(../images/downpink.png);
	background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
	right: 0;
}

.u18_2023 .yellowbackfaq a.accordion-title.sub-title:before {
	content: '';
    background-image: url(../images/downyellow.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.u18_2023 a.accordion-title.whitelen {
    font-weight: 400;
	/* width: 70%; */
}

.help_at_court2023 .whitefaqback a.accordion-title.sub-title:before {
	content: '';
    background-image: url(../images/downyellow.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;

}

.help_at_court2023 .whitefaqback a.accordion-title:before {
	content: '';
    background-image: url(../images/downyellow.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
	right: 0;
	top: 50% ;
	transform: translateY(-50%);
	margin-top: 0;
}

/*Inner accordions (FAQ)*/
.u18_2023 .answercontent {
	border-top: 1px solid #E7E7E7;
	padding: 40px 10px;
	margin: 0;
}

.u18_2023 .inner-accordion .accordion-item {
	border-bottom: 0px solid #E7E7E7;
	padding: 0px;
}

.u18_2023 .inner-accordion .is-active {
	border-bottom: 0px !important; 
}

.u18_2023 a .accordion-title .sub-title {
	padding-top: 0;
}

/*Inner Accordions Lists*/
.u18_2023 .nested_accordion .accordion-content {
	padding: 40px 20px;
}

.u18_2023 .nested_accordion .accordion-content .answercontent {
	padding-top: 30px ;
}

.u18_2023 .nested_accordion .inner-accordion .accordion-item {
	padding-left: 0;
}

.u18_2023 .nested_accordion a.accordion-title .sub-title {
	font-size: 26px;
	color: #1EA3A1 !important;
}

/*Full width accordion*/
.u18_2023 .full_accord .accordion-content {
	padding: 40px 20px;
}

/*Image accordion*/
.u18_2023 .accord_with_img .accordion-content {
	padding: 40px 20px;
}

.u18_2023 .accord_with_img .accordion_img {
	/*height: 70%;
    width: 70%;
    margin: auto 0;
    position: relative;
    left: 100px;
    right: 0;*/
}

/*=================
 Policies Page 2023
==================*/
.policies_2023 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.policies_2023 .maintitle {
	font-size: 45px;
	font-weight: 300;
	margin-bottom: 45px;
}
.policies_2023 .introtxt p:first-of-type {
	font-size: 20px;
}
.policies_2023 .introtxt p {
	font-size: 16px;
	margin-bottom: 20px;
}

.policies_2023 #accordion h3 {
	position: relative;
	font-size: 20px;
	padding: 20px 0px;
	border-bottom: 1px solid #FFB607;
	background-color: transparent;

}

.policies_2023 .content-area p {
	font-size: 16px;
}

.policies_2023 #accordion h3:before{
	content: '';
    background-image: url(../images/downyellow.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
	position: absolute;
}

.policies_2023 .policy_content ul {
	margin-left: 0;
}

.policies_2023 .ui-accordion-content p:first-of-type {
	font-size: 16px;
	line-height: 1.4;
}

.policies_2023 .pfirstimg {
	float: right;
}

/*=======================
 Help at court Pages 2023
=========================*/
.help_at_court2023 {
	padding-top: 100px;
	padding-bottom: 30px;
}

.help_at_court2023 .court_accord:last-of-type {
	padding-bottom: 70px;
}

.help_at_court2023 .yellow_underline {
	font-size: 32px;
	font-weight: 400;
	text-decoration: underline 3px #FFB607;
	text-underline-offset: 14px;
	margin-bottom: 50px;
}

.help_at_court2023 .maintitle {
	font-size: 45px;
	font-weight: 300;
	margin-bottom: 55px;
}

.help_at_court2023 .newaccord h3 {
	margin: 22px 0 0 0;
}

.help_at_court2023 .image_above {
	width: 80%;
}

.help_at_court2023 .contentxt {
	padding-bottom: 45px;
}

.help_at_court2023 .contentxt p{
	font-size: 16px;
	margin-bottom: 20px;
}

.help_at_court2023 .court_accord .accordion-item h3{
	border-bottom: 3px solid #FFB607;
	/* font-size: 30px; */
	padding: 20px 0px 20px 10px;
}

.help_at_court2023 .answercontent {
	border-top: 1px solid #E7E7E7;
}

.help_at_court2023 .content-area .newaccord .accordion-item {
	border-bottom: 1px solid #E7E7E7;
	padding: 10px 0px 10px 0px;
}

.help_at_court2023 .content-area .newaccord .accordion-item .is-active{
	border-bottom: none;
}

.help_at_court2023 .whitefaqback {
	border-bottom: none!important;
	padding: 0px !important;
}

.help_at_court2023 .accordion-content p {
	font-size: 14px;
}

/* .help_at_court2023 a.accordion-title.sub-title {
	font-size: 22px;
} */


/*==============================
 Campaigns and Research Page 2023
================================*/
.campaigns_2023 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.campaigns_2023 .maintitle {
	font-size: 45px;
	margin-bottom: 45px
}

.campaigns_2023 .introtxt p:first-child {
	font-size: 20px;
	margin-bottom: 25px;
}

.campaigns_2023 .introtxt p{
	font-size: 16px;
}

.campaigns_2023 .consultation_responses:nth-child(n+6) {
	display: none;
}

.campaigns_2023 .consultation_responses a{
	color: #141412;
	font-size: 16px;
}

.campaigns_2023 .response_link a::after {
	display: none;
}

.campaigns_2023 .consultation_responses .btn-show-more a:hover{
	color: #141412;
}

.campaigns_2023 .campaigns_title {
	font-size: 24px;
	font-weight: 400;
	text-decoration: underline 3px #FFB607;
	text-underline-offset: 20px;
	margin-bottom: 48px;
	margin-top: 6px;
}

.showpost {
	display: block!important;
}

.campaigns_2023 .btn-show-more {
	display: table;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 25px;
	background-color: #C62184 ;
	border-radius: 100px;
	margin-bottom: 100px;
	margin-top: 68px;
}

/* .u18_2023 .accordion-title:before{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: -80px;
} */

.help_at_court2023 .content-area .img_paragraph ul {
	margin-left: 0;
}

.help_at_court2023 .heading_paragraph ul {
	margin-left: 0;
	margin-bottom: 24px;
}

.campaigns_2023 .response_link a::after {
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background-color: #FFB607;
	background-image: url(../images/Download-white.svg);
	left: 20px;
	top: 10px;
	position: relative;
	display: inline-block;
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 420px) {
	.adams_code .twobox_img_sml {
		display: block;
		position: absolute;
		top: 39px;
		right: 40px;
		width: 100px;
	}
	
	.adams_code .twobox_img_sml2 {
		display: block;
		position: absolute;
		top: 49px;
		right: 0;
		width: 200px;
	}

	.adams_code .whiteback {
		padding: 0px;
	}

	.adams_code .grid-6_sml {
		width: 60%;
	}

	.adams_code .hide_on_lrg {
		/* height: 200px; */
		padding: 40px 100px 40px 20px;
	}

	.u18_2023 a.accordion-title.whitelen {
		font-weight: 400;
		width: 100%;
	}

	/* .u18_2023 .accordion-title:before{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 10px;
	} */
}

@media  screen and (min-width: 640px) {
	.header2023 #searchshow {
		margin: 40px 15px 0px 25px !important;
	 }

	 .accordion_flex {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	 .adams_code .new_homepage_banner{
		/* padding-top: 60px;
		height: 400px; */
	}

	.adams_code .publicationtitle {
		margin-top: 10px;
	}

	.u18_2023 .introduction p {
		font-size: 18px;
	}	

	.policies_2023 .ui-accordion-content p:first-of-type {
		font-size: 20px;
		line-height: 1.4;
	}

	.u18_2023 .pfirstof20 p:first-of-type {
		font-size: 20px;
	}

	.u18_2023 .accord_with_img .is-active .accordion-content {
		padding: 60px 20px 0px 20px;
	}

	.u18_2023 .accord_with_img .accordion-content {
		padding: 60px 20px;
	}

	.u18_2023 .full_accord .accordion-content {
		padding-top: 60px 20px;
	}
	
	.u18_2023 .nested_accordion .accordion-content {
		padding-top: 60px 20px;
	}

	/* .help_at_court2023 .content-area .newaccord .accordion-item {
		padding: 31px 0px 0px 20px;
	} */

	/* .help_at_court2023 .content-area .newaccord .accordion-item .sub-title {
		padding-top: 0;
	} */

	.help_at_court2023 .accordion-content p {
		font-size: 16px;
	}

	.help_at_court2023 .image_above {
		width: 60%;
	}

	.paddingtop70 {
		padding-top: 70px;
	}
	
	.paddingbottom70 {
		padding-bottom: 70px !important;
	}
	
	.paddingbottom100 {
		padding-bottom: 100px !important;
	}

	.help_at_court2023 .yellow_underline {
		font-size: 40px;
	}

	/*.pinkbackfaq,.yellowbackfaq.greenbackfaq.blackbackfaq h3 {
		margin: 40px 0px;
	}*/
	.campaigns_2023 .btn-show-more:hover {
	background-color: #FDC13D !important;
    transition: ease-in-out 0.18s;
    text-decoration: none;
	}

	.u18_2023 .pfirstof22 p:first-of-type {
		font-size: 22px;
	}

}

@media  screen and (min-width: 660px) {
	.header2023 #searchshow {
		margin: 60px 15px 0px 25px !important; /*Repositioning search icon*/
	 }

	 .policies_2023 .ui-accordion-content p:first-of-type {
		width: 70%;
	}

	.campaigns_2023 .campaigns_title {
		font-size: 40px;
	}

	.campaigns_2023 .consultation_responses a{
		font-size: 20px;
	}

	.campaigns_2023 .response_link {
		margin-bottom: 40px;
	}

	.policies_2023 .maintitle {
		font-size: 52px;
		font-weight: 300;
		margin-bottom: 55px;
	}

	.policies_2023 .introtxt p:first-of-type {
		font-size: 30px;
	}

	.policies_2023 .policy_content {
		padding: 40px 0px;
	}

	.policies_2023 .introtxt p {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.help_at_court2023 .maintitle {
		font-size: 52px;
		font-weight: 300;
		margin-bottom: 55px;
	}
	
	.help_at_court2023 .contentxt {
		padding-bottom: 52px;
	}
	
	.help_at_court2023 .contentxt p{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.help_at_court2023 .image_above {
		width: 100%;
	}

	.campaigns_2023 .maintitle {
		font-size: 52px;
		margin-bottom: 55px
	}
	
	.campaigns_2023 .introtxt p:first-child {
		font-size: 30px;
		margin-bottom: 40px;
	}
	
	.campaigns_2023 .introtxt p{
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {
	.header2023 #searchshow {
		margin: 0 0 0 30px !important;
	 }

	 .adams_code .newheight {
		padding-bottom: 50px;
	 }

/*font sizes*/
	.adams_code h1 {
		font-size: 40px;
		margin: 20px 0px;
	}

	.adams_code h2 {
		font-size: 40px;
		margin: 20px 0px;
		text-decoration: none;
		border: none;
	}

	.adams_code p{
		font-size: 16px;
		font-weight: 400;
	}

	.adams_code h3{
		font-size: 20px;
	}

	.adams_code .hide_on_sml {
		display: block;
	}

	.adams_code .hide_on_lrg { /* Two boxes full width shown on small screens hide on larger screens*/
		display: none;
	}

	.adams_code .two_boxes::before {
		content: '';
		background-color: #74E0C1;
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
		z-index: 1;
	}

	.adams_code .left_box {
		padding: 140px 0px 140px 20px;
	}

	.adams_code .right_box {
		padding: 140px 30px;
	}

	.adams_code .right_box .content {
		width: 60%;
	}

	.adams_code .left_box .content {
		width: 60%;
	}

	.adams_code .publicationimg {
		/* height: 245px;
		width: 163px; */
		/* float: left; */
		object-fit: cover;
		object-position: right;
		border: none;
	}

	.publicationimg_contain {
		width: 50%;
		display: inline-block;
	}

	.adams_code .far_right {
		display: none;
	}

	.leftimgposition {
		display: none;
	}
	
	.adams_code .publicationtitle {
		float: right;
		display: inline-block;
		width: 50%;
		margin-top: 20px;
		padding-left: 14px;
	}
	.videotitles_ {
		font-size: 16px !important;
	}

	.videobox {
		margin: 0px 0px 20px 0px;
	}

	.adams_code .far_right {
		display: block;
		height: 40%;

	}

	.adams_code .left_box {
		position: relative;
	}
	
	.leftimgposition {
		top: auto;
		bottom: 0;
		right: 0;
		position: absolute !important;
		/* max-width: 155px; */
		display: block;
		width: 160px;
	}

}

@media screen and (min-width: 1024px) {
	.adams_code .banner_img_right {
		display: block;
		height: 360px;
		width: 366px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 0;
	}

	.adams_code .new_homepage_banner{
		/*padding-top: 150px;
		height: 600px;*/
		position: relative;
		padding-top: 80px;
    	height: 560px ;

	}

	.bottompad {
		padding-bottom: 40px;
	}

	.newaccord .accordion-item h3 {
		padding: 15px 40px 15px 20px;
	}

	.newaccord .accordion-item h3::before {
		right: 20px;
	}

	.adams_code .new_homepage_banner .grid-10 {
		z-index: 1;
	}

	.adams_code .left_box {
		padding: 160px 0px 160px 20px;
	}

	.adams_code .right_box {
		padding: 160px 30px;
	}

	.adams_code .far_right {
		height: 45%;
	}

	.adams_code .whiteback .grid-container { /* Extending grid container*/
		max-width: 1320px;
	}

	.policies_2023 .policy_content {
		padding: 40px 20px;
	}

	.video_section .grid-container {		/* Extending grid container*/
		max-width: 1320px !important;
	}
	.adams_code .updatetitles {
		font-size: 26px;
	}
	.video_section {
		background-color: #FDC13D;
		padding: 75px 0px 110px 0px;
	}

	.video_section h2 {
		font-size: 40px;
		padding-left: 5px;
	}

	.footer_sml_scrn {
		display: none;
	}

	.footer_big_scrn {
		display: block;
		margin-bottom: 40px;
		margin-top: 20px;
	}

	.foot-menu {
		text-align: left;
	}
	.videobox {
		margin: 0px !important;
	}

	/* .adams_code .newheight {
		height: 325px;
	} */

	.campaigns_2023 .researchbox img{
		height: 594px !important;
	}

	.campaigns_2023 .videobox {
		margin-bottom: 30px !important;
	}

	.help_at_court2023 .newaccord .accordion-title {
		font-size: 30px;
	}

	a.accordion-title.sub-title{
		font-size: 26px;
	}
	
	.help_at_court2023 .newaccord .accordion-title.sub-title {
		font-size: 18px;
	}

	.policies_2023 #accordion h3 {
		font-size: 30px;
		padding: 30px 20px 30px 20px;
	}

	.help_at_court2023 .newaccord .accordion-title {
		font-size: 30px !important;
		/* padding: 25px 0px 25px 20px; */
		display: inline-block;
    	width: 100%;
	}

	.help_at_court2023 .newaccord .accordion-title.sub-title {
		font-size: 20px !important;
		padding-right: 20px;
		line-height: 1.1;
	}

}

@media screen and (min-width: 1440px) {
	.adams_code .new_homepage_banner {
		padding-top: 150px;
		height: 600px;
	}

	.adams_code .far_right {
		height: 60%;
	}

	.adams_code .left_box {
		padding-left: 0px;
	}

	.adams_code .updatetitles {
		font-size: 28px;
	}

	.adams_code .publicationtitle {
		padding: 0px 20px;
	}

	.videobox {
		height: 402px;
	}

	.videobox img {
		height: 402px;
	}

	.videotitles_ {
		font-size: 20px !important;
	}

	.footer_big_scrn {
		max-width: 1365px !important;
	}
	.leftimgposition {
		top: auto;
		bottom: 0;
		right: 0;
		position: absolute !important;
		/* max-width: 155px; */
		display: block;
		width: 100%;
	}
}

@media screen and (min-width: 1800px) {
	.adams_code .banner_img_right {
		right: 50px;
	}

	.bottom_img_left {
		height: 330px;
		position: absolute;
		display: block;
		z-index: 1;
		left: 0px;
		bottom: 0px;
	}
	.adams_code .far_right {
		height: 70%;
	}
}

@media screen and (min-width: 2000px) {
	.adams_code .far_right {
		height: 402px;
	}

	.bottom_img_left {
		height: 400px;
	}
}

/*========================
End of 2023 updates
===========================*/


/*Aimee Timeline 2022 Styles*/
.pinkbubble p{
    color: #ffc600;
    font-size: 25px;
}
.pinkbubble a{
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}
.pinkbubble{
    border-radius: 98px;
    height: 393px;
    float: unset!important;
    margin: 0 auto!important;
    padding: 77px 10px 20px 51px!important;
}
.timeline {
  /*background: url(../images/timeline.png) 50% 0% repeat-y;*/
  overflow-y: auto;
}
.timeline:before {
  content: "";
  /*background: url(../images/timeline-top.png) 50% -3% no-repeat;*/
  width: 100%;
  height: 100px;
  display: block;
}
.timelineentry {
  /*background: #f4f4f4 url("../images/timeline-entry-mobile.png") 50% 0 no-repeat;*/
  /*padding-top: 40px;*/
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}
.timelineentry li {
  font-size: 16px;
  margin: 25px 0;
  display: block;
  padding-top: 10px;
  color: #000!important;
}
a.galleryicon img {
  display: inline-block;
  margin: -12px 10px 5px;
}
.entryleft,
.entryright {
  text-align: center;
}
.timelineentry p{
    color: #000;
    font-size: 20px;
}
.timelineentry h1{
    color: #000;
    font-weight: 400;
}
.topbox h1{
    text-align: center;
    font-size: 38px;
}
.topbox{
    position: relative;
    height: 400px;
}
.topbox img{
    position: absolute;
    height: 450px;
    top: 33%;
    right: 17%;
}

.timelineentry img{
    height: 150px;
    display: inline-block;
}
.entryright{
    position: relative;
}
.entryleft{
    position: relative;
}
/*End Aimee Timeline 2022 Styles*/

.quathomebanner:last-child{
    margin-right: 0%;
}
.learnmoreB a:hover{
    text-decoration: none;
    color: #000;
}
.learnmoreB p:hover{
    background-color: #FFB607;
    color: #000;
}
.smallscreen{
    display: none;
}
img{
	max-width: 100%;
}
.yellowbackfaq a{
    color: #5c5b5a;
}
.uppadding{
	padding-top: 35px;
}
input::placeholder{
    color: #666666;
}
.paddytext p{
    text-align: center;
}
.centervert{
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.notsmall p{
    display: none!important;
}
a.big{
    display: none!important;
}
a.small{
    display: block;
}
.ipadquestion{
    padding-bottom: 5px;
}
.toptext h1{
    margin-top: 0px;
    padding-top: 10px;
}
.moveright{
    margin-right: 75px;
}
.doubleimages img{
    height: 380px;
    width: fit-content;
}
.doubleimages a{
    display: inherit;
}
.paddingtopsml{
    padding-top: 50px;
}
.paddingtopaddon{
    padding-top: 65px;
}
.flip-card {
  background-color: transparent;
  height: 381px;
  width: auto;
  perspective: 1000px;
  margin-bottom: 12px;
}

.flip-card-inner {
  position: relative;
  height: 465px;
  width: auto;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.movemiddle1 img{
    display: table;
    height: 276px;
}
.movemiddle img{
    display: table;
    margin: 0 auto;
    height: 150px;
}
.blamecontent h1{
    font-size: 30px;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  height: 380px;
  width: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #fff;
  color: black;
}

.flip-card-back {
  background-color: #fff;
  color: black;
  transform: rotateY(180deg);
}

.fourboxes{
	background-color: #EAEAEA;
}
.threebox p{
    padding-left: 25px;
    padding-top: 35px;
}
.fourboxes h2{
    padding-top: 21px;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500!important;
    padding-left: 29px
}

.greenbold h2{
    font-family: 'Lato', sans-serif; 
    font-weight: 700!important;
	color: #74E0C1;
    padding-left: 20px;
}
.impactpic img{
    height: 438px;
    width: 472px;
}
#searchshow img{
    height: 25px;
    line-height: 0!important;
}
.newaccord .accordion-item {
	position: relative;
}

.help_at_court2023 .newaccord .accordion-title {
	font-size: 20px;
	color: #141412;
	font-weight: 400;
	display: inline-block;
    width: 100%;
}

.help_at_court2023 .newaccord .accordion-title.sub-title {
	font-size: 18px;
}

/* a.accordion-title{
	color: #000!important;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
} */

.newaccord .accordion-item h3 a:before{
    content: '';
    background-image: url(../images/downwhite.png);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
	margin: 0;
	top: 50%;
    transform: translateY(-50%);
	right: 10px;
	position: absolute;
}

.newaccord .accordion-item h3 {
	margin: 0;
	position: relative;
	color: #ffffff;
	padding: 15px 40px 15px 10px;
}

.newaccord .accordion-item.yellowbackfaq h3{
	background-color: #FDC13D;
}

.newaccord .accordion-item.pinkbackfaq h3{
	background-color: #CE009F;
}

.newaccord .accordion-item.greenbackfaq h3{
	background-color: #74e0c1;
}

.newaccord .accordion-item.blackbackfaq h3{
	background-color: #141412;
}

.indent h6{
    background-color: #FFB607;
    padding-left: 20px;
    margin-top: 0;
    font-family: 'Lato', sans-serif; 
    font-weight: 500;
    padding-bottom: 10px;
    line-height: 25px;
}
.indentgreen h6{
    background-color: #74E0C1;
    padding-left: 20px;
    margin-top: 0;
    font-family: 'Lato', sans-serif; 
    font-weight: 500;
    padding-bottom: 10px;
}
.musrtardbox{
    background-color: #FFB607;
    border-radius: 15px;
    width: 124px;
    padding-left: 29px!important;
    margin-top: 17px;
    z-index: 1;
    position: absolute;
    left: 751px;
}
.musrtardbox:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 38px solid transparent;
	border-top: 50px solid #FFB607;
	position: absolute;
    top: 41px;
    left: 15px;
}
.with_frm_style .frm_submit{
	float: right;
}
.frm_style_formidable-style.with_frm_style .frm_submit button{
	width: 166px;
    border-color: none!important;
    border-style: none!important;
    box-shadow: none!important;
    background-color: #C62184;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    width: 160px;
    height: 40px;
    padding-top: 5px;
    display: table;
    margin: 0 auto;
    text-transform: capitalize;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover{
    width: 166px;
    border-color: none!important;
    border-style: none!important;
    box-shadow: none!important;
    background-color: #ffb607;
    border-radius: 50px;
    color: #000;
    text-align: center;
    width: 160px;
    height: 40px;
    padding-top: 5px;
    display: table;
    margin: 0 auto;
    text-transform: capitalize;
}
.frm_style_formidable-style.with_frm_style select, select#field_tofmb, select#field_u2nyj {
	color: #555555;
    color: var(--text-color);
    background-color: #ffffff;
    background-color: var(--bg-color);
    border-color: #cccccc;
    border-color: var(--border-color);
    border-width: 1px;
    border-width: var(--field-border-width);
    border-style: solid;
    border-style: var(--field-border-style);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: var(--border-radius);
    width: 100%;
    width: var(--field-width);
    max-width: 100%;
    font-size: 14px;
    font-size: var(--field-font-size);
    padding: 6px 10px;
    padding: var(--field-pad);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    font-weight: var(--field-weight);
    box-shadow: var(--box-shadow);
}
    
.bgcenterimg2{
    background-size: cover;
    position: relative;
    height: 340px;
    width: 100%;
    display: table;
    margin: 0 auto;
}
a.accordion-title.sub-title{
	font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 15px 40px 15px 10px;
	color: #141412;
}

.u18_2023 .nested_accordion a.accordion-title.sub-title {
	font-size: 18px;
}

/*Accordion list colors 2023*/
.u18_2023 .nested_accordion .blackbackfaq a.accordion-title.sub-title {
	color: #1EA3A1 !important;
}
.u18_2023 .nested_accordion .pinkbackfaq a.accordion-title.sub-title {
	color: #C62184 !important;
}
.u18_2023 .nested_accordion .greenbackfaq a.accordion-title.sub-title {
	color: #74E0C1 !important;
}
.u18_2023 .nested_accordion .yellowbackfaq a.accordion-title.sub-title {
	color: #ffc600 !important;
}

/*removes pading on new pages 2023*/

a.accordion-title.sub-title:before{
    content: '';
    background-image: url(../images/downpink.png);
    background-size: 29px;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 29px;
}
a.accordion-title.sub-titleyellow{
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-top: 18px;
    padding-right: 45px;
}
a.accordion-title.sub-titleyellow:before{
    content: '';
    background-image: url(../images/downyellow.png);
    background-size: 29px;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 29px;
}
a.accordion-title.sub-titlegreen{
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-top: 18px;
    padding-right: 45px;
}
a.accordion-title.sub-titlegreen:before{
    content: '';
    background-image: url(../images/downgreen.png);
    background-size: 29px;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 29px;
}
.accordion-title:before{
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -.5em;
}
.answercontent{
	border-top: 1px solid #E7E7E7;
    margin-top: 18px;
}

.help_at_court2023 .answercontent {
padding-top: 20px;
}


.help_at_court2023 .answercontent ul li {
	font-size: 16px;
 	background: url(../images/yellow-bullet.png) 0px 12px no-repeat !important;
    padding-left: 30px !important;
}

.help_at_court2023 .answercontent ul {
	
	margin-bottom: 24px;
}


.help_at_court2023 .answercontent .ul {
	margin-left: 50px;
}

.marginright{
	margin-right: 35px!important;
}
.margintop{
    margin-top: 75px;
}
.newaccord ul{
	list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.threebox{
	display: inline-block;
    height: 300px;
    width: 100%;
    vertical-align: top;
    position: relative;
}
.threebox h2{
    height: 109px;
}
.threebox img{
    position: absolute;
    top: 160px;
    height: 165px;
    right: 0;
}
.thisthree{
    position: relative;
    height: 300px;
}
.thisthree h2{
    height: 80px;
    font-size: 25px;
}
.thisthree img{
    position: absolute;
    top: 109px;
    height: 212px;
    right: -13px;
}
.thisthree p{
    padding-left: 25px;
    padding-top: 35px;
    padding-right: 173px;
}
.newthree p{
    padding-top: 21px!important;
    font-size: 16px;
}

.with_frm_style .frm_primary_label{
    font-family: 'Lato', sans-serif!important; 
}
.frm_style_formidable-style.with_frm_style select, select#field_tofmb, select#field_u2nyj{
    font-family: 'Lato', sans-serif!important;
}
.with_frm_style input[type=text]{
     font-family: 'Lato', sans-serif!important;
}
.frm_style_formidable-style.with_frm_style .frm_submit button{
    font-family: 'Lato', sans-serif!important;
}
a.accordion-title.whitelen{
    color: #fff!important;
    font-family: 'Lato', sans-serif; 
    font-weight: 700;
    font-size: 22px;

	display: inline-block;
	width: 100%;
}
.tinted-image {
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(116, 224, 193, 0.55), 
      rgba(116, 224, 193, 0.55)
    ),
    /* bottom, image */
    url(https://www.victimsupportni.com/site/wp-content/uploads/2020/11/shutterstock_1577316976-scaled.jpg);
}
.tinted-image12 {
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(116, 224, 193, 0.55), 
      rgba(116, 224, 193, 0.55)
    ),
    /* bottom, image */
    url(https://www.victimsupportni.com/site/wp-content/uploads/2020/11/shutterstock_466144874-scaled.jpg);
}
.tinted-imageFAQ {
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(198, 33, 132, 0.75), 
      rgba(198, 33, 132, 0.75)
    ),
    /* bottom, image */
    url(https://www.victimsupportni.com/site/wp-content/uploads/2020/11/shutterstock_527458141-scaled.jpg);
}
.tinted-imageYoung {
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(198, 33, 132, 0.75), 
      rgba(198, 33, 132, 0.75)
    ),
    /* bottom, image */
    url(https://www.victimsupportni.com/site/wp-content/uploads/2020/11/shutterstock_147879698-scaled.jpg);
    background-position: center 38%!important;
}
.tinted-imageUrg {
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(255, 182, 7, 0.45), 
      rgba(255, 182, 7, 0.45)
    ),
    /* bottom, image */
    url(https://www.victimsupportni.com/site/wp-content/uploads/2020/11/shutterstock_264416831-scaled.jpg);
}
.tinted-image13 {
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(255, 182, 7, 0.45), 
      rgba(255, 182, 7, 0.45)
    ),
    /* bottom, image */
    url(https://www.victimsupportni.com/site/wp-content/uploads/2020/11/shutterstock_136972694-scaled.jpg);
}
.greenback2{
	background-color: #00A990;
}
.accordion-content{
	display: none;
    font-size: 18px;
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
}
.sub-content{
    font-size: 18px;
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
}
.sub-content h2{
    font-size: 45px!important;
    font-family: 'Lato', sans-serif; 
    font-weight: 700!important;
    color: #C62184;
}
.yellowcircle p{
    background-color: #FFB607;
    border-radius: 31px;
    margin-top: 32px;
    padding: 25px;
    font-family: 'Lato', sans-serif; 
    font-weight: 700!important;
    position: relative;
}
.yellowcircle p:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 50px solid #FFB607;
    position: absolute;
    top: -31px;
    left: 98px;
}
    
img.logosize{
	margin: 24px;
    height: 60px;
    width: 266px;
    margin-top: 76px;
}
.weight h2{
	font-weight: 500!important;
    padding-left: 20px;
}
img.logosize2{
	height: 161px;
}
.site-title{
	margin: 12px 0;
}
.styleform{
    background: #ffffff;
    border-radius: 23px;
    height: 47px;
    width: 379px;
}
.under p{
	margin-top: 85px;
}
.over p{
	margin-top: 87px;
}
.faq p{
	margin-top: 83px;
}
li.accordion-item.is-active.greenbackfaq{

}
.shapes{
	position: relative;
}
.shapes img{
	display: none;
}
.shapesB img{
    display: none;
}
.shapesB h3{
    width: 294px;
    background-color: #ffb607;
    border-radius: 51px;
    height: 56px;
    color: #fff;
    text-align: center;
    font-size: 39px;
    font-weight: 400;
    padding-top: 0px;
    margin: 0;
    position: absolute;
    top: 253px;
    left: 10px;
}
.shapesB h4{
    width: 247px;
    background-color: #c62184;
    border-radius: 51px;
    height: 55px;
    color: #74E0C1;
    text-align: center;
    font-size: 39px;
    font-weight: 400;
    padding-top: 10px;
    display: table;
    margin: 0 86px;
    position: absolute;
    top: 309px;
    left: -29px;
}
.shapesB h4:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 50px solid #C62184;
    position: absolute;
    top: 55px;
    left: 133px;
}
.shapes h3{
    width: 294px;
    background-color: #ffb607;
    border-radius: 51px;
    height: 56px;
    color: #fff;
    text-align: center;
    font-size: 39px;
    font-weight: 400;
    padding-top: 0px;
    margin: 0;
    position: absolute;
    top: 253px;
    left: 10px;
}
.shapes h3:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 50px solid #FFB607;
	position: absolute;
    top: -49px;
    left: 98px;
}
.shapesY h3{
    width: 296px;
    background-color: #ffb607;
    border-radius: 51px;
    height: 66px;
    color: #000;
    text-align: center;
    font-size: 39px;
    font-weight: 400;
    padding-top: 6px;
    left: 10px;
    position: relative;
}
.shapesY h3:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 42px solid #FFB607;
    position: absolute;
    top: 46px;
    left: 212px;
}
.shapes h4{
	width: 247px;
    background-color: #c62184;
    border-radius: 51px;
    height: 55px;
    color: #74E0C1;
    text-align: center;
    font-size: 39px;
    font-weight: 400;
    padding-top: 10px;
    display: table;
    margin: 0 86px;
    position: absolute;
    top: 309px;
    left: -29px;
}
.shapes h4:after{
	content: "";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 50px solid #C62184;
    position: absolute;
    top: 55px;
    left: 133px;
}
.shapes h2{
	width: 294px;
    background-color: #c62184;
    border-radius: 51px;
    height: 67px;
    color: #ffffff;
    text-align: center;
    font-size: 47px!important;
    font-weight: 400!important;
    display: table;
    margin: 0 86px;
    top: 269px;
    left: 74px;
}
.shapes h2:after{
	content: "";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 50px solid #C62184;
    position: absolute;
    top: 57px;
    left: 179px;
}
.greenbacknew h2{
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    margin: 0;
}
.centervert h1{
    font-size: 35px;
}
.centervert p{
    font-size: 13px;
}
.thisstyle input{
	margin-left: 22px;
    border: 0px solid transparent;
    color: #666666;
    font-size: 30px;
    width: 196px;
}
.thisstyle img{
    float: right;
    height: 30px;
    margin-top: 9px;
    margin-right: 16px;
}
.toptext p{
	font-size: 15px;
    font-weight: 700;
}
.toptext h1{
	font-size: 36px;
}
.gigbanner{
	height: 412px;
    background-position: center 21%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.thetext a{
    color: #fff!important;
}
.bgcenterimg{
    background-size: cover;
    position: relative;
    height: 300px;
    width: 100%;
    display: table;
    margin: 0 auto;
}
.bgcenterimg h3{
	position: absolute;
    bottom: -11px;
    left: 102px;
    color: #fff;
    background-color: #C62184;
    border-radius: 50px;
    height: 40px;
    width: 196px;
    padding-top: 5px;
    text-align: center;
    font-weight: 500;
}
.bgcenterimg2 h3{
	position: absolute;
    bottom: -11px;
    left: 102px;
    color: #fff;
    background-color: #C62184;
    border-radius: 50px;
    height: 40px;
    width: 196px;
    padding-top: 5px;
    text-align: center;
    font-weight: 500;
}
.pinkbanner img{
	display: table;
	margin: 0 auto;
	height: 263px;
	width: 313px;
}
.yellowquotes img{
    position: absolute;
    top: -57px;
    right: 11px;
}
.yellowquote img{
	position: absolute;
}
.bgcenterimg h3:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 31px solid #C62184;
	position: absolute;
    top: -24px;
    left: 32px;
}
.bgcenterimg2 h3:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 31px solid #C62184;
	position: absolute;
    top: -24px;
    left: 32px;
}
.aoife h3{
	background-color: #00A990!important;
}
.aoife h3:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 31px solid #00A990;
	position: absolute;
    top: -24px;
    left: 32px;
}
.jack h3{
	background-color: #FFB607!important;
}
.jack h3:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 31px solid #FFB607;
	position: absolute;
    top: -24px;
    left: 32px;
}
.quotestyle h3{
	font-size: 32px!important;
    color: #606060;
    font-weight: 500!important;
    text-align: center;
    padding-top: 35px;
}
.areapadding{
	padding: 13px 36px 48px !important;
}
.fourtopics img{
	display: table;
    margin: 0 auto;
}
.paddingstyle{
	padding-top: 83px;
	padding-bottom: 115px;
}
.paddingstylepink{
	background-color: #C62184;
	padding-top: 70px;
	padding-bottom: 60px;
}
.paddingstylewhite{
	padding-top: 35px;
	padding-bottom: 10px;
}
.paddingstylebot{
	padding-bottom: 70px;
}
.fourtopics h2{
    font-size: 25px!important;
    text-align: center;
    color: #606060;
    font-weight: 500!important;
    margin-top: 0;
    margin-bottom: 50px;
}
.thisgreennow{
	background-color: #74E0C1;
}
.learnmoreBig p{
    background-color: #C62184;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    width: 160px;
    height: 40px;
    padding-top: 5px;
    display: table;
    margin: 0 auto;
    /*display: none!important;*/
}
.learnmoreB p{
    background-color: #C62184;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    width: 160px;
    height: 40px;
    padding-top: 5px;
    display: table;
    margin: 0 auto;
}
.thetext h5{
	font-size: 29px;
	color: #fff;
	font-weight: 500;
	display: table;
    margin: 0 auto;
    text-align: center;
}
.experience img{
	height: 198px;
    width: 396px;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
a{
	color: #ffc600;
}
.page-template-page-volunteer-nosidebar table td a{
	color: #000!important;
	text-decoration: underline;
}
.page-template-page-volunteer-nosidebar table th a{
	color: #fff!important;
}
/* CONTACT PAGE */
#contact-map {
	width: 100%;
	height: 350px;
}

/* FooBox Forms */
.fbx-item-html {
	width:100% !important;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 300;
}
.hideonmob,
.gtranslatewidth label{
	display: none;
}
/************************************************************************************
BX Slider FIXED Height
*************************************************************************************/
.bx-wrapper img {
	/**
	 * We DO NOT want the main slide image to resize as the screen width is reduced so set max-width to 0px. 
	 * Alternatively you can set a fixed width to get the image to ift better on smaller screen
	*/
	/*max-width: 1024px;*/
}
.bxslider li, .bx-wrapper, .bx-viewport{
	/**
	 * Set your desired Fixed Height	  
	*/
	/*height: 300px;*/
}

/************************************************************************************
MOBILE NAVIGATION
*************************************************************************************/

.slideout-menu {		
	width: 250px;
	position: fixed;
	top: 0;	
	left:-250px; 
	height: 100%; 
	background: #ffc500;
	z-index: 100;
	overflow-y: scroll;
}

.slideout-menu i {
	font-family: "FontAwesome";
	font-size: 1.5rem;
}
.screen-reader-text{
	right: 0;
}
.slideout-menu h3 {	
	margin: 0;
	position: relative;
	padding: 12px 10px;
	color: #775e0c;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #775e0c;
}
.toggle-mob-nav{
	float: right;
    padding: 0px 0px 10px 0;
    margin-top: 38px;
}
.toggle-mob-nav a{
	color: #000;
	font-size: 20px;
}

/* Style up the toggle menu "x" */
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: 'Lato', sans-serif;  
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #eab502;
	text-decoration: none;
	vertical-align: top;
}

.slideout-menu .slideout-menu-toggle:hover {
	color: #775e0c;
}

/* Give the menu container some love */
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	border-top: 1px solid #775e0c;
	border-bottom: 1px solid #eab502;
	margin: 0;
	padding: 0;
}

/* And now the list items */
.slideout-menu ul li {
	border-top: 1px solid #eab502;
	border-bottom: 1px solid #775e0c;
}

/* The anchor elements within the list items */
.slideout-menu ul li a {
	position: relative;
	display: block;
	padding: 10px;
	color: #775e0c;
	text-decoration: none;
	text-transform: uppercase;
}
.slideout-menu ul li ul.sub-menu li a {
	padding: 5px 10px;
	color: #fff;
}
.slideout-menu ul li a button  {
	position: absolute;
	right: 10px;
}

.slideout-menu ul li a:hover {
	/*background: #000;
	color: #fff;*/
}

.slideout-menu ul li a i {
	position: absolute;
	top: 15px;
	right: 10px;
	opacity: .5;
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;    
    content: "";
    height: 42px;
    padding: 0;
    position: absolute;
    text-transform: lowercase;
    top: 3px;
    right: 0;
    width: 42px;
}

.dropdown-toggle:after {
	font-family: "FontAwesome";
    color: #775e0c;
    content: "\f078";    
    line-height: 42px;
    position: relative;
    top: 0;
    left: 1px;
    width: 42px;
}

.dropdown-toggle.sub-menu-on:after {
	content: "\f077";    
}

/* Submenu */
.slideout-menu ul .sub-menu {
	display: none;
}

.slideout-menu ul .sub-menu li {
	border: 0;
	background: #cea12b;
}





/************************************************************************************
Header
*************************************************************************************/
.searchback{
	position: fixed;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.80);
	width:100%;
	height:100%;
	display: none;
}
.searchformholder{
	position: fixed;
	top:45%;
	left:0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: none;
	z-index: 999999;
	width: 100%;
	max-width: 700px;
}
.searchformholder input.search-field::-webkit-input-placeholder {
   color: #fff;
}
.searchformholder input.search-field:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
.searchformholder input.search-field::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
.searchformholder input.search-field:-ms-input-placeholder {  
   color: #fff; 
}
.searchformholder input.search-field {
  height: 70px;
  font-size: 55px;
  display: inline-block;
  font-weight: 300;
  border: none;
  outline: none;
  color: #fff;
  background: none;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  width: 83%;
  cursor: text;
}
.searchformholder .search-form input[type="submit"] {
  height: 67px;
  width: 63px;
  display: inline-block;
  color:red;
  float: right;
  background: url(../images/search-icon.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}
.searchformholder .search-form input[type="submit"]:hover {
  opacity: 0.8;
}
.site-header{
	padding: 15px 0;
	background: #fff;
}
.site-header .grid-9{
	float: left;
	width: 25%;
}
.site-header .grid-3{
	float: left;
	width: 70%;
}
.home-link{
	display: block;
	margin-top: 0px;
}
.site-title img{
	width: 190px;
	max-width: 100%;
}
.greylinks{
	text-align: right;
	margin: 0 0 30px;
	display: none;
}
.greylinks,
.greylinks a{
	color: #afafaf;
}
.greylinks a{
	margin: 0 10px;
}

.main-navigation, .navbar {
	clear: none;
    margin: 0;
    width: auto;
    max-width: 100%;
    background: transparent;
    min-height: 1px;
    /*display: inline-block;*/
    float: right;
}

.nav-menu li a {
	font-family: 'Lato', sans-serif; 
    color: #000;
    display: block;
    font-size: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    padding: 10px 10px 25px;
    margin: 0 10px;
    text-decoration: none;
    text-transform: lowercase;
    text-transform: inherit;
    letter-spacing: -1px;
    border-top: 1px solid #fff;
}
.nav-menu li a span{
    font-weight: 400;
    display: block;
}
.nav-menu li:last-child a {
    margin-right: 0;
}
.nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #000;
    border-top: 1px solid #000;
}
.sub-menu li.current_page_item > a{
	color: #000;
    border-top: 1px solid #000;
    font-style: normal;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    font-style: normal;
}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
    background-color: transparent;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 0;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{
	display: none;
}

.nav-menu li.menu-item-18{
	display: block;
}
#searchshow{
	float: right;
	/*line-height: 30px;*/
	/*line-height: 48px;*/
	margin: 0 15px 0 25px;
	margin-top:48px;
}

/* SUB MENUS */

.nav-menu .sub-menu, .nav-menu .children {
    background-color: #d7d7d8;
    border: 0px;
    padding: 0;
}
ul.nav-menu ul li, .nav-menu ul ul li {
    border-bottom: 1px solid #acacad;
    line-height: 1;
}
ul.nav-menu ul a, .nav-menu ul ul a {
    color: #000;
    margin: 0;
    width: 250px;
    padding: 10px 27px 10px;
    font-size: 16px;
    font-size:1em;
    font-weight: 700;
}
ul.nav-menu ul li, .nav-menu ul ul li {
    border-bottom: 1px solid #acacad;
    line-height: 1;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
    background: #000;
    color:#fff;
    /*border-top: 0px;*/
}
.current_page_parent ul li.current-menu-item a{
	background: #000;
    color:#fff;
}

/* Side Buttons */
.part-side-menu {
	display: none;
}

.sidebtn{
	display: block;	
	width: 135px;
	height: 135px;
	border-radius: 135px;
	text-align: center;
	color:#fff;
	font-size: 17px;
	font-size: 1.0625em;
	padding-top: 35px;
	transition: all 0.5s ease;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
a.sidebtn,
a.sidebtn:hover{
	color:#fff;
	text-decoration: none;
}
.donatebtn{
	background: #c614cc;
}
.supportbtn{
	background: #1ea3a1;
}
.donatebtn:hover{
	background: #af12b4;
}
.supportbtn:hover{
	background: #198886;
}
.twitterlink{
	display: block;
	margin: 20px 0;
	color:#000;
}

.gtranslatewidth{
	width: 115px;
	overflow:hidden;
	background-image: url('../images/downarrow.svg');
	background-repeat: no-repeat;
	background-size: 9px 9px;
	background-position: 99% 50%;
	display: inline-block;
	vertical-align: bottom;
}
.gtranslatewidth option:not(:checked) { 
    background-color: #fff; 
}
.gtranslatewidth option:checked { 
    background-color: #afafaf; 
    color:#000;
}
#gtranslate_selector{
	min-width: 110px;
	font-size: 16px;
	border: 0px;
	 margin: 0;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	color:#afafaf;
	font-family: 'Lato', sans-serif;   
}
.resizer a {
	padding: 0;
	margin:0 3px;
}
.resizer h2{
	display: none;
}
.resizer {
	padding: 0 10px ;
}
.resizer p{
	margin-bottom: 0;
}
.resizer {
	display: inline-block;
}
ul.ct-font-resizer{
	list-style: none;
	padding-left:0;
	margin:0px!important;
}
/************************************************************************************
HOMEPAGE
*************************************************************************************/
.homebanner{
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
}
.halfhomebanner{
	margin-bottom: 20px;
}
.whiteback{
	width: 100%;
	padding: 10px 0;
	margin: 0px;
}
.whiteback.morepadding{
	padding: 100px 0;
}
.hometitle{
	font-weight: 300;
	font-size: 46px;
	font-size: 2.875em;
	margin: 24px auto;
}
.yellowmap{
	background: #ffc500 url('../images/victim-support-map-background.jpg') 50% 50% no-repeat;
	width: 100%;
	margin: 0px;
	padding: 1px 0;
	position: relative;
}
.abovemap,
.belowmap{
	width: 100%;
	background: #ffd133;
	padding: 45px 0;
	color:#fff;
	font-size: 26px;
	text-align: center;
	position: relative;
	z-index: 11;
}
.abovemap span{
	background: url('../images/request-support.png') 0 50% no-repeat;
	padding-left: 69px;
	line-height: 39px;
	display: inline-block;
}
.abovemap{
	padding: 45px 0;
}
.belowmap{
	padding: 20px 0 6px;
}

.belowmap .frm_style_formidable-style.with_frm_style select{
   width: 292px;
   height: 38px;
   background: #fff url(../images/select.png) no-repeat right;
   border: 0px;
   border-radius: 20px;
   -webkit-appearance: none;
    appearance: none;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.belowmap .frm_style_formidable-style.with_frm_style select::-ms-expand {	display: none; }

.belowmap .frm_submit{
	display: none;
}
.belowmap .frm_style_formidable-style.with_frm_style label.frm_primary_label, 
.belowmap .frm_style_formidable-style.with_frm_style.frm_login_form label{
	color: #fff;
	font-size: 26px;
	font-family: 'Lato', sans-serif;  
	font-weight: 400;
	padding-left: 10px;
}

.belowmap .frm_style_formidable-style.with_frm_style fieldset {
    padding: 0;
}
.belowmap .frm_style_formidable-style.with_frm_style form,
.belowmap .frm_style_formidable-style.with_frm_style label.frm_primary_label {
    text-align: center;
}
.belowmap .frm_form_field.frm_alignright {
    float: none !important;
}
.yellowmaptels{
	position: absolute;
	margin: auto;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 1080px;
	max-width: 100%;
	z-index: 10;
}
.mapsvg-responsive{
	position: relative;
	z-index: 999;
}
.foylehub,
.westernarea{
	color: #fff;
}
p.maptitle a{
	color: #fff;
	font-size: 15px;
	/*text-decoration: underline;*/
}
.supporttext,
.belfasthub,
.northeastarea,
.southeastarea,
.belfasthub p.maptitle a{
	color: #775e0c;
}
p.maptitle{
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1;
}
p.maptitle span{
	display: block;
	font-size: 30px;
	line-height: 1;
}

.supporttext p.maptitle{
	font-size: 16px;
}
.supporttext p.maptitle span{
	font-size: 36px;
	font-weight: 300;
}
.hideondesk .foylehub,
.hideondesk .belfasthub,
.hideondesk .northeastarea,
.hideondesk .southeastarea,
.hideondesk .westernarea{
	padding: 10px 20px;
	text-align: center;
}
.hideondesk .supporttext{
	padding: 30px 0 10px;
	text-align: center;
}
.hideonmob .belfasthub p.maptitle,
.hideonmob .northeastarea p.maptitle,
.hideonmob .southeastarea p.maptitle{
	background: url('../images/belfasthub-point.png') 20px 80% no-repeat;
	padding-left: 27px;
}
.hideonmob .foylehub p.maptitle,
.hideonmob .westernarea p.maptitle{
	background: url('../images/foylehub-point.png') 100% 80% no-repeat;
	padding-right: 27px;
}

.hideonmob .northeastarea p.maptitle,
.hideonmob .southeastarea p.maptitle{
	background: url('../images/belfasthub-point.png') 0px 80% no-repeat;
}
.hideonmob .westernarea p.maptitle{
	background: url('../images/foylehub-point.png') 100% 80% no-repeat;
	padding-right: 27px;
}
a.calloutboxes{
	color: #000000;
	text-decoration: none;
}
.calloutboxes{
	margin: 50px 0;
	text-align: center;
}
.calloutboxes img,
.calloutboxes .twitterbox{
	border-top: 6px solid #ffc500;
	padding-top: 2px;
}
.calloutboxes .twitterbox img{
	border-top: 0px;
	padding-top: 0px;
}
.twitterbox .greytxt{
	color: #afb0b2;
	display: block;
	margin: 20px 0;
}
/*.calloutboxes .tweet{
	width: 100%;
	height: 177px;
	overflow: hidden;
}
.calloutboxes .tweet.hidetweet{
	display: none;
}*/
.calloutboxes .tweet img{
	width: 100%;
	display: block;
}
.calloutboxes h3{
	font-size: 1.375em;
	margin: 33px 0 12px;
	line-height: 1;
	font-weight: 400;
}
.donation{
	background: #ffc500;
	width: 100%;
	margin: 0px;
	padding: 1px 0;
	position: relative; 

}
.homefeaturestory,
.volunteerfeaturestory{
	width: 100%;
	clear: both;
	min-height: 300px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 124px 0 100px;
	color:#fff;
	position: relative;
}
.volunteerfeaturestory{
	min-height: 350px;
}
.homefeaturestory h3,
.volunteerfeaturestory h3{
	margin: 0px 0 35px;
	font-size: 2.500em;;
	line-height: 0.85;
}
.homefeaturestory h3 span,
.volunteerfeaturestory h3 span{
	font-size: 100px;
	display: block;
}
.homefeaturestory a.playvidlink,
.volunteerfeaturestory a.playvidlink{
  	width: 90px;
  	display: block;
}
.homefeaturestory .grid-container .grid-2,
.volunteerfeaturestory .grid-container .grid-2{
	position: relative;
	min-height: 82px;
}
.volunteerfeaturestory{
	padding: 50px 0;
}
.volunteerfeaturestory h3{
	margin: 80px 0 35px;
}
.updatetitles{
	font-size: 1.750em;
	line-height: 1;
	margin-bottom: 38px;
	font-weight: 300;
}
.updatetitles img{
	border-top: 0px;
	height: 30px;
	display: inline-block;
	margin-right: 7px;
}
.updatetitles span{
	font-weight: 400;
}
.donationbar{
	background:#ffc500;
	width: 100%;
	padding: 83px 0;
	margin: 0;
	color:#fff;
}
.donationbar h3{
	font-size: 2.500em;
	font-weight: 300;
	line-height: 0.85;
	margin: 0px;
}
.donationbar h3 span{
	font-weight: 300;
}
.donationbar p{
	margin: 26px 0;
}
.purplebtn,
.greenbtn{
	background:#c614cc;
	color: #fff;
	border-radius: 40px;
	display: inline-block;
	padding: 20px 30px;
	font-weight: 400;
	font-size: 1.563em;
	margin: 26px auto;
	clear: both;
	transition: .4s ease-in-out;
}
.purplebtn:hover,
.greenbtn:hover{
	text-decoration: none;
	background: #d717dd;
	color: #fff;
	transition: .4s ease-in-out;
}
.greenbtn{
	background:#77d1d4;
	font-size: 16px;
	padding: 12px 25px;
}
.greenbtn:hover{
	background: #5da2a4;
}
.subtitle{
	font-weight:300; 
	font-size:2.250em;
}
.getinvolvedicons{
	list-style: none;
	padding-left: 0px;
}
.getinvolvedicons li{
	display: inline-block;
	width: 160px;
	margin: 20px 57px;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -1px;
}
.getinvolvedicons li img{
	display: block;
	margin: 30px auto 0;
}
.twocolbanner{
	width: 100%;
	padding: 1px 0px;
	margin: 0px 0px -1px;
}
.vfcols{
	width: 100%;
	margin: 0px;
	position: relative;
	padding: 1px;
	background-position: 100% 50%;
	background-size: cover;
	min-height: 350px;
	color:#000;
	font-size: 16px;
	display: block;
	text-decoration: none!important;
}
.whitetxt{
	color: #fff;
}
.twocolbanner .vfcols:last-child{
	background-position: 0% 50%;
}
.vfcols h3{
	margin: 215px 0 5px;
	font-size: 52px;
	font-weight: 300;
	line-height: 1;
}
.leftcol,
.rightcol{
	padding: 0 5%;
}

/************************************************************************************
FOOTER 
*************************************************************************************/
.site-footer{
	background: #afb0b2;
	color:#fff;
	padding: 1px 0;
	text-align: center;
}
.site-footer a{
	color:#fff;
}
.footer-content h4{
	font-weight: 300;
	margin: 38px 0;
	line-height: 1;
}
.footer-content h4:after{
	content: "";
	background: url('../images/footer-titlebar.png') 50% 100% no-repeat;
	width: 70px;
	height: 4px;
	display: block;
	padding-top: 18px;
	margin: 0 auto;
}
.footer-content h4 span{
	font-weight: 400;
}
ul.foot-menu{
	list-style: none;
	padding-left:0px;
	line-height: 2;
}
.belowfooter{
	background: #9d9ea0;
	color:#fff;
	padding: 25px 0;
	text-align: center;
	line-height: 2;
}
a.websiteni{
	background: url('../images/websiteni.png') 0 50% no-repeat;
	padding-left: 25px;
	color:#fff;
	display: inline-block;
	margin-left: 25px;
}
a#openfoot{
	color: #fff;
}
/************************************************************************************
BREADCRUMBS
*************************************************************************************/

.bredcrumbbar{
	background: #ffc600;
	color: #fff;
	padding: 19px 0;
	line-height: 1;
	margin-bottom: 1px;
}
.bredcrumbbar a{
	color: #fff;
}
.bredcrumbbar p{
	margin: 0px;
}

/************************************************************************************
WITNESS SERVICES Page
*************************************************************************************/

.greygrad{
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 23%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 23%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 23%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding: 83px 0;
}

.maintitle{
	font-weight: 300;
	font-size: 66px;
	font-size: 3.25em;
	margin: 0 0 48px;
}
.subtitle{
	font-weight: 300;
	font-size: 46px;
	font-size: 2.875em;
	margin: 0 0 48px;
}
.introtxt p:first-child{
	font-size: 24px;
	font-size: 1.5em;
	line-height: 1.25;
}
.introimg img{
	margin-top: 60px;
}
#providelist{
	margin: 90px auto 0;
}

.service_boxes,
.help_boxes{
	margin-bottom: 50px;
}
.service_boxes_content,
.help_boxes_content{
	background: #f2f2f2;
	border-bottom: 5px solid #ffc500;
	text-align: center;
	padding: 25px;
	display: block;
	color:#000;
}
.service_boxes_content:hover{
	background: #ffc500;
	text-decoration: none;
	color: #000;
}

.service_boxes_content:hover img{
	filter: brightness(0%);
	-webkit-filter: brightness(0%);
	-moz-filter: brightness(0%);
	-o-filter: brightness(0%);
	-ms-filter: brightness(0%);
}
.service_boxes_content img{
	text-align: center;
	margin: 20px auto;
}
.service_boxes_content h3{
	font-size: 22px;
	font-size: 1.375em;
	font-weight: 400;
	margin: 0 auto 50px;
	line-height: 1.25;
}
.help_boxes_content{
	background: #f2f2f2;
	border-bottom: 5px solid #ffc500;
	text-align: left;
	padding: 30px 5%;
	display: block;
	color:#000;
}
.help_boxes h3{
	font-size: 28px;
	margin: 0 auto;
	/*background: #e8e8e8;*/
	background: #ffc500;
	padding:20px 5%;
	/*color: #c614cc;*/
}
.service_icon{
	display: block;
}
.num_people{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.statsbox{
	background: url('../images/witness-stats-icon.png') 90% 0% no-repeat;
	padding: 50px 10%;
	margin: 100px 0 0px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.25;
}
.statsbox span{
	font-size: 66px;
	font-size: 4.125em;
	font-weight: 400;
	margin: 0 auto 40px;
	display: block;
}
.statsbox p:last-child:after{
	content: "";
	background: url('../images/footer-titlebar.png') 50% 100% no-repeat;
	width: 70px;
	height: 4px;
	display: block;
	padding-top: 50px;
	margin: auto;
}
.content-area h2{
    font-weight: 300;
    font-size: 1.750em;
    margin: 60px 0 40px;
}
.content-area p,
.content-area li{
	line-height: 1.75;
}
.content-area ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 5%;
}
/*.bullettxtblack .content-area li{
	background: url('../images/yellow-bullet.png') 0px 12px no-repeat;
	padding-left: 30px;
	color: #141412 !important;
}*/
.content-area li{
	background: url('../images/yellow-bullet.png') 0px 12px no-repeat;
	color: #141412;
	padding-left: 30px;
}
/*Help at court accordion*/
.help_at_court2023 .content-area .newaccord li {
	background: none;
	color: #141412;
	padding-left: 0px;
}
.help_at_court2023 .content-area .newaccord ul {
	margin-left: 0;
}
.sidebarnav{
	display: none;
}
.single .sidebarnav{
	display: block;
	margin-bottom: 40px;
}
.single .sidebarnav a{
	display: block;
}
.sidebarnav h3,
.sidebarlocations h3{
	font-weight: 400;
	color:#000;
	font-size: 24px;
	margin: 0px 0px 20px;
}
.sidebarnav ul,
.sidebarlocations ul{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 30px;
	background: transparent;
}
.sidebarnav li{
	background: transparent;
	padding: 0px 15px;
	border-bottom: 1px solid #cccccc;
	line-height: 49px;
}
.sidebarlocations li{
	background: url(../images/location-marker.jpg) 0 0 no-repeat;
	padding: 0px 0 0 45px;
	border-bottom: 0px;
	color: #000;
	font-size: 14px;
	line-height: 1.25;
	margin-bottom: 50px;
}
.sidebarlocations li p{
	margin-bottom: 15px;
}
.sidebarnav li:first-child{
	border-top: 1px solid #cccccc;
}
.sidebarnav li a{
	color: #000;
	text-decoration: none;
	display: block;
}
.sidebarnav li:hover{
	background: #f7cf44;
}
.sidebarnav li.current_page_item{
	background: #ffc600;
}
.sidebarnav li.current_page_item a{
	color: #fff;
}
.yellowback{
	background: #ffc500;
	padding: 50px 0;
}
.yellowback h3{
	font-weight: 300;
	font-size: 38px;
	font-size: 2.375em;
	margin: 0px 0 20px;
	text-align: center;
}
.yellowbox{
	background: #ffc500;
	padding: 40px;
	margin-bottom: 20px;
}
.yellowbox h3,
.yellowbox a{
	font-weight: 700;
	font-size: 20px;
	font-size: 1.25em;
	margin: 0px 0 20px;
	text-decoration: none;
	color: #000;
}
.yellowbox h3:after{
	content: "";
	width: 38px;
	height: 1px;
	background:#000;
	display: block;
	margin:16px 0 0px;
}
.yellowbox ul{
	margin-bottom: 36px;
	list-style: circle;
	padding-left: 20px;
}
.wcb_details{
	padding: 1px 0;
}
.trialschemes{
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.trialschemes li{
	background: transparent;
	padding: 30px;
	text-align: center;
}
.trialschemes li img{
	display: block;
	margin: 0 auto 20px;
}
.trialschemes .purplebtn{
	width: 135px;
	display: block;
}
.yellowback .purplebtn{
	font-size: 20px;
	padding: 15px 22px;
	line-height: 1;
}
.bottomtrialpage{
	padding: 40px 0 0;
}
.bottomtrialpage #providelist{
	margin-top: 0px;
}
.sidebarimg{
	display: block;
	margin-bottom: 50px;
}
.courtroomhold{
	width: 450px;
	height: 450px;
	display: block;
	margin: 4%;
	max-width: 92%;
	text-align: center;
}
#mapsvg-421{
	width: 450px!important;
	height: 450px!important;
	margin: 10px auto;
}

/**************/
/* Accordion */
/************/

/*.ui-accordion .ui-accordion-content,
.ui-accordion .ui-accordion-content p {
    font-size: 13px;
}*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px; 
    background: #fff;
    font-weight: normal;
    color: #141412;
    border-bottom: 1px solid #ddd;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #f5f5f5;
}
.ui-accordion .ui-accordion-header {
    padding: 1em .5em 1em .7em;
    margin: 0px;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("../images/ui-icons_454545.png");
}
.ui-state-active {
    border: 0px solid #003eff;
    background: #f5f5f5;
}

/* REMOVE BLUE OUTLINE ON FOCUS */
.ui-state-focus,
.ui-accordion-header { outline: none; }

/************************************************************************************
ABOUT Page
*************************************************************************************/

.imagelistexpander-items {
  font-size: 0;
}
.imagelistexpander-item {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  transition: height 500ms ease;
}
.imagelistexpander-expander {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}
.imagelistexpander-contents {
  position: relative;
}
.imagelistexpander-contents:after {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  content: '';
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  -webkit-transition: border-bottom-width 500ms ease;
  -o-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
}
.imagelistexpander-item.active .imagelistexpander-contents:after {
  border-bottom-width: 30px;
}

/************************************************************************************
GENERAL PAGES
*************************************************************************************/
.greyback{
	background: #f2f2f2;
	padding: 20px 0 40px 0;
}
.whiteback{
	background: #fff;
	padding: 20px 0 40px 0;
}
.helplineicons{
	list-style: none;
	padding: 0px;
}
.helplineicons li img{
	display: block;
	margin: 30px auto;
}
.yellowback h2{
	font-size: 38px;
	font-size: 2.375em;
	line-height: 1;
}

.newsbox{
    border-top: 6px solid #ffc500;
    padding-top: 60px;
    padding-bottom: 80px;
    font-family: 'Lato', sans-serif; 
    color: #000;
}
.home .newsbox{
	padding-top: 20px;
	padding-bottom: 20px;
}
.newsbox h2{
	margin: 20px 0 30px;
	font-weight: 400;
	font-family: 'Lato', sans-serif; 
	line-height: 1;
	font-size: 22px;
}
.newsbox p{
    line-height: 1.5; 
    font-size: 16px;
}
.newsbox a{
	color: #000;
}
.newsbox .greytxt{
	color: #afb0b2;
	display: block;
}
.newslist{
	margin: 60px auto;
	clear: both;
}
.newslist .grid-6:nth-child(2n+3){
	clear: left;
}
.sidebarnav ul.jaw_widget,
.sidebarnav ul.jaw_widget li ul{
    margin: 0px 0px 0px;
}
.sidebarnav ul.jaw_widget li ul li {
    background: transparent;
    padding: 0px 15px;
    border-bottom: 0px;
    border-top: 0px;
    line-height: 1.75;
}
.sidebarnav ul.jaw_widget li.jaw_years.expanded{
    background: transparent;
    padding-bottom: 20px;
}
.newslist .calloutboxes h3 a,
.prlink.calloutboxes h3 a{
	color:#000;
	line-height: 1;
    font-size: 20px;
}
a.sidebarbtn,
a.sidebarbtngreen{
	font-family: 'Lato', sans-serif; 
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
    background: #cf009e;
    color: #fff;
    border-radius: 0px;
    display: block;
    padding: 16px 36px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: -1px;
    text-align: center;
}
a.sidebarbtn:hover{
	text-decoration: none;
	background: #a70180;
}
a.sidebarbtngreen{
	background: #38cf9c;
	max-width: 300px;
	margin: 10px auto;
}
a.sidebarbtngreen:hover{
	text-decoration: none;
	background: #2eab81;
}
.volcontacts a{
	color: #000;
}
/************************************************************************************
LOGIN PANEL
*************************************************************************************/
#toppanel,
#toppanelApplicants{
	width: 100%;
    margin: 0;
    padding: 40px 0 20px;
    background: #afb0b2;
    color: #fff;
    display: none;
}
#toppanel input,
#toppanelApplicants input{
	border: 0px;
	margin: 5px;
}
#toppanel a,
#toppanelApplicants a{
	color: #fff;
	font-size: 14px;
	margin: 20px auto 0;
	background: #38cf9c;
	padding: 5px 10px;
	display: inline-block;
	height: 30px;
}
#toppanel a:hover,
#toppanelApplicants a:hover{
	text-decoration: none;
	background: #fff;
	color: #38cf9c;
}
#toppanel li,
#toppanelApplicants li{
	list-style: none;
	display: inline-block;
}
/*.tml-login label{
	display: block;
}*/
ul.tml-action-links{
	clear: both;
}
/*.tml-submit-wrap {
    margin-top: 24px;
}*/
.frm_style_formidable-style.with_frm_style a.frm_save_draft{
	width: auto;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    font-size: 14px;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #fff;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    color: #444444;
    cursor: pointer;
    font-weight: normal;
    border-radius: 4px;
    text-shadow: none;
    padding: 6px 11px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}
.frm_style_formidable-style.with_frm_style a.frm_save_draft:hover{
	text-decoration: none;
    background: #f2f2f2;
}
/************************************************************************************
VOLUNTEER PORTAL Pages
*************************************************************************************/
.portalbox,
.portalboxside{
    background: #ffc600;
    color: #fff;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 300px;
    width: 100%;
    display: block;
    font-size: 22px;
}
.portalboxside{
    min-height: 30px;
}
.portalbox:hover,
.portalboxside:hover {
    background: #afb0b2;
    color: #fff;
    text-decoration: none;
}
.portalbox img,
.portalboxside img{
	display: block;
	margin: 20px auto;
}
.portalboxside img{
	width: 100px;
}
.content-area ul.eventlists{
	list-style: none;
	padding: 0;
	margin: 40px 0px;
}

ul.eventlists li.eventbox{
	list-style: none;
	background: transparent;
	padding: 0;
	margin: 0;
	/*border: 1px solid #ccc;*/
	margin-bottom: 20px;
	background: #f2f2f2;
	padding: 20px;
}
ul.eventlists li.eventbox h3{
	background: #ffc600;
    color: #000;
    margin: 0;
    padding: 20px;
    font-size: 22px;
}
ul.eventlists li.eventbox ul{
	margin: 20px 0;
	border: 0px;
	list-style: none;
}
ul.eventlists li.eventbox li,
ul.eventlists li.eventbox li:first-child{
	border: 0px;
	margin-bottom: 20px;
	color: #000;
	line-height: 1.25;
	float: none;
	width: 100%;
	background: transparent;
	padding-left: 5px;
}
ul.eventlists li.eventbox li strong{
	display: block;
}
/************************************************************************************
FORUMS
*************************************************************************************/
.page-id-1157 table th a{
	color: #fff;
}
.page-id-1157 table td a{
	color: #000;
}
.forum-topic-meta{
	display: none;
}
.page-id-1157 hr{
	display: none;
}
.content-area #bbpress-forums li{
	padding-left: 0px;
	color: #000;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer{
	padding: 8px;
}
.avatar.avatar-14.photo{
	display: none;
}
#bbpress-forums a.bbp-topic-permalink,
#bbpress-forums a.bbp-forum-title{
	font-size: 14px;
	font-weight: 700;
}
/************************************************************************************
CONTACT Page
*************************************************************************************/

::-webkit-input-placeholder {
   color: #000;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}
:-ms-input-placeholder {  
   color: #000; 
}
#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=text],
#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=tel],
#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=number],
#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=email],
#frm_form_7_container.frm_style_formidable-style.with_frm_style textarea,
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field textarea,
.frm_style_formidable-style.with_frm_style select{
	border: 0px;
	border-bottom: 1px solid #000;
	box-shadow: 0px 0px 0px;
	color:#000;
	font-size: 18px;
	background: transparent;
	border-radius: 0px;
	padding: 15px 0px;
	margin-bottom: 20px;
	letter-spacing: -1px;
	height: 40px;
}
.frm_style_formidable-style.with_frm_style select{
	height: 54px;
}
#frm_form_7_container.frm_style_formidable-style.with_frm_style textarea, 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field textarea{
	padding: 8px 0px;
}
#frm_form_7_container.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, 
#frm_form_7_container.frm_style_formidable-style.with_frm_style textarea:focus, 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel]
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_focus_field option{
	background-color: #f2f2f2;
}
#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=submit], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_submit input[type=button], 
#frm_form_7_container.frm_form_submit_style, 
#frm_form_7_container.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]{
    font-family: 'Lato', sans-serif; 
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-shadow: none;
    -moz-box-shadow: 0 0px 0px #eeeeee;
    -webkit-box-shadow: 0 0px 0px #eeeeee;
    box-shadow: 0 0px 0px #eeeeee;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eeeeee')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eeeeee');
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}
#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=submit], 
#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_submit input[type=button], 
#frm_form_7_container.frm_form_submit_style, 
#frm_form_7_container.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]{
    font-family: 'Lato', sans-serif; 
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-shadow: none;
    -moz-box-shadow: 0 0px 0px #eeeeee;
    -webkit-box-shadow: 0 0px 0px #eeeeee;
    box-shadow: 0 0px 0px #eeeeee;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eeeeee')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#eeeeee');
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
    background: #cf009e;
    color: #fff;
    border-radius: 40px;
    display: inline-block;
    padding: 16px 36px;
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: -1px;
}

.contactbox{
	margin: 50px 0;
}
.statbox{
	background: url('../images/statbox-top.jpg') 100% 0 no-repeat;
	padding: 55px 50px 85px;
	text-align: center;
	margin-bottom: 20px;
}
.statbox:after{
	content: "";
	background: url('../images/statbox-bottom.jpg') 50% 100% no-repeat;
	width: 70px;
	height: 4px;
	display: inline-block;
	text-align: center;
}
.statbox span{
	font-size: 66px;
	margin: 0 auto 30px;
	line-height: 1;
	display: block;
}
.whiteback.statboxes{
	padding: 125px 0 50px;
}
/************************************************************************************
COMPENSATION Page
*************************************************************************************/

.content-area ul.compensationlist{
	list-style: none;
	padding: 0;
}
.content-area ul.compensationlist li{
	min-height: 89px;
	padding:  10px 0 0 80px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #ffc600;
	line-height: 1.25;
}
.content-area ul.compensationlist li:nth-child(even){
	color: #5f5f5f;
}


.gallery-items { font-size: 0; }

.gallery-item {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  transition: height 500ms ease;
}

.gallery-expander {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}

.gallery-contents { position: relative; }

.gallery-contents:after {
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  content: '';
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  -webkit-transition: border-bottom-width 500ms ease;
  -o-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
}

.gallery-item.active .gallery-contents:after { border-bottom-width: 30px; }


ul.gallery-items {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
ul.gallery-items li:nth-child(3n+4){
  clear: left;
}
ul.gallery-items li h3{
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}
.gallery-item {
  text-align: left;
  font-size: 25px;
  margin: 80px 0 0;
  padding: 10px 0;
}

.gallery-item .thumbnail {
  position: relative;
  width: 100%;
/*  height: 350px;
  overflow: hidden;*/
  cursor: pointer;
}

/*.gallery-item .thumbnail > img {
  position: absolute;
  top: 50%;
  margin-top: -350px;
  max-width: 350px;
}*/

.gallery-item .title {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}

.gallery-contents:after { border-bottom-color: #F6F3ED; }

.gallery-expander { background: #F6F3ED; }

.gallery-expander-contents {
  margin: 0 auto;
  width: 1000px;
  padding: 40px 0;
}
@media (min-width: 640px) and (max-width: 999px) {

.gallery-expander-contents { width: 640px; }
}
@media (max-width: 639px) {

.gallery-expander-contents { width: 100%; }
}

.gallery-expander-contents:after {
  clear: both;
  display: table;
  content: '';
}

.gallery-expander-contents > div.col {
  float: left;
  width: 480px;
}
@media (min-width: 640px) and (max-width: 999px) {

.gallery-expander-contents > div.col { width: 310px; }
}
.impactpic img{
    height: 465px;
    width: 402px;
    display: table;
    margin: 0 auto;
}
.moveright{
    margin-right: 0px;
}
@media (max-width: 639px) {

.gallery-expander-contents > div.col {
  float: none;
  padding: 25px 20px 0;
  width: auto;
}
}

.gallery-expander-contents > div.col + div.col { margin-left: 40px; }
@media (min-width: 640px) and (max-width: 999px) {

.gallery-expander-contents > div.col + div.col { margin-left: 20px; }
}
@media (max-width: 639px) {

.gallery-expander-contents > div.col + div.col { margin-left: 0px; }
}

.gallery-expander-contents div.close {
  position: absolute;
  top: 10px;
  right: 20px;
}

.gallery-expander-contents div.title {
  font-weight: 300;
  color: #141412;
}

.gallery-expander-contents div.contents {
  margin-top: 10px;
  border-top: 1px solid #BCB098;
  border-bottom: 1px solid #BCB098;
  padding: 10px 0;
  font-size: 14px;
  line-height: 24px;
  color: #797262;
}

.gallery-expander-contents div.image > img {
  width: 100%;
  display: block;
}

.jobsummary{
	padding: 30px 0px;
}
.jobsummary span{
	font-weight: 700;
	display: inline-block;
	width: 150px;
}
.jobsummary p{
	margin-bottom: 20px;
}
.extrapad{
	padding: 40px 0;
}
#job_faqs{
	margin: 50px auto;
}
#job_faqs h3{
	position: relative;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	padding-right: 45px;
}
#job_faqs h3:first-of-type{
	border-top:1px solid #e5e5e5;
}
#job_faqs h3:after {
	position: absolute;
	right: 20px;
	top: 1em;
	content: "\f067";
    font: normal normal normal 14px/2 FontAwesome;
    transition: .25s ease-in-out;
	cursor: pointer;
	color: #999999;
}

#job_faqs h3.ui-state-active:after {
	    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    transform-origin: 50% 50%;
}
#job_faqs h3:hover {
	cursor: pointer;
	background:#f2f2f2;
}
#job_faqs .ui-accordion-content{
	border-bottom:1px solid #e5e5e5;
}
.jobsbox{
	background:#f5f0ec;
	padding:50px;
	margin: 20px auto;
}
.jobsbox a{
	color: #000;
}
.jobsbox h2{
	margin: 0;
	font-size: 25px;
	line-height: 1.25;
}
.jobdate{
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: 5px;
	display: block;
}
.jobsbox .greenbtn{
	color: #fff;
}
.jobtitlerow{
	background:#f5f0ec;
	padding: 60px 0;
}
.jobtitlerow h1{
	margin:0px;
}
.jobdaterow{
	border-bottom: 1px solid #f5f0ec;
	padding: 25px 0;
	margin-bottom: 60px;
}
.jobdesc h2{
	color: #000;
	font-size: 36px;
	line-height: 1;
	margin:0px 0 45px;
}
.jobdesc h2:after{
	content:"";
	width: 340px;
	height: 2px;
	background:#ffc500;
	display: block;
	margin-top: 18px;
}
.jobdesc h2:before{
	content:"";
	width: 100%;
	height: 1px;
	background:#f5f0ec;
	display: block;
	margin:40px 0 50px;
}
.jobdesc h2.nobordertop:before{
	display: none;
}

/************************************************************************************
EVENTS POSTS
*************************************************************************************/

.singleslider img {
	margin: 0px 10px;
	height: 290px
}
.singleslidertimeline img {
    margin: 0px 10px;
    height: 290px
}
.sliderhold {
	position: relative;
	height: 330px;
	overflow: visible;
}
.sliderbuttons {
	position: relative;
	text-align: center;
}
.sliderbuttons button {
	cursor: pointer;
}
.maxwidthfullgallery{
	overflow: hidden;
	width: 100%;
	margin-top: 60px;
}
.sliderbuttons{
	margin-bottom: 60px;

}
.sliderbuttons button{
	width: 90px;
	height: 50px;
	display: inline-block;
	background-color:#dcdcdc;
	transition: all .4s ease-in-out;
	background-repeat: no-repeat;
	background-position: 50%;
}
.sliderbuttons button:hover{
	background-color:#ffc600;
	transition: all .4s ease-in-out;
}
.sliderbuttons button#prev{
	background-image: url('../images/prev-arrow.png');
}
.sliderbuttons button#next{
	background-image: url('../images/next-arrow.png');
}
.eventtitle{
	line-height: 1;
	margin:	0 0 10px; 
	font-size: 66px;
}
.eventdate{
	color: #afb0b2;
	line-height: 1;
}
a.backlink{
	color: #000;
	display: block;
	margin: 60px 0;
}
a.backlink i{
	margin-right: 5px;
}
/************************************************************************************
HATE CRIME Page
*************************************************************************************/

.racismbanner{
	padding: 100px 0;
	/*padding: 146px 0;*/
	background-size: cover;
	background-repeat: no-repeat;
}
.racismbanner .purplebtn{
	line-height: 1;
}
.orangebtn{
	background:#ffc600;
	color: #fff;
	border-radius: 40px;
	display: inline-block;
	padding: 20px 30px;
	font-weight: 400;
	font-size: 1.563em;
	margin: 26px auto;
	line-height: 1;
}
.orangebtn:hover{
	text-decoration: none;
	background: #c614cc;
	color: #fff;
}
.stampouthatebanner{
	width: 100%;
	padding: 0;
	position: relative;
}
.fifty{
	background-size: cover;
	background-repeat: no-repeat;
}
.greenback{
	background: #009e9a;
	color: #fff;
}
.stampouthatebannercontent{
	width: 525px;
	max-width: 100%;
	padding: 60px 4%;
}
.banner h3{
	margin: 0px 0 35px;
	font-size: 2.500em;;
	line-height: 0.85;
}
.banner h3 span{
	font-size: 100px;
	display: block;
}
ul.partnershiplogos{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	border-top: 1px solid #e7e7e8;
}
ul.partnershiplogos li{
	display: inline-block;
	margin-left: -3px;
	width: 20%;
	border-right: 1px solid #e7e7e8;
}


/************************************************************************************
VICTIM'S JOURNEY PAGE
*************************************************************************************/
.vjbanner{
	background-color: #73e1c0;
	padding: 50px 0;
}
.vjbanner h1{
	color: #fff;
	font-size: 56px;
	font-size: 3.5em;
	margin: 35px 0 50px;
	line-height: 1;
	font-weight: 300;
}
.smallbtn{
	padding: 15px 50px;
	line-height: 1;
	font-size: 20px;
	font-size: 1.25em;
}
.morecontent{
	display: none;
}
h2.sectiontitle {
    font-size: 48px;
    margin: 33px 0;
    font-weight: 300;
}
.vjintrotxt{
	font-weight: 700;
	font-size: 1em;
}
.vjiconlink{
	display: block;
	/*max-width: 250px;*/
	clear: both;
	height: auto;
	text-align: center;
	text-decoration: none;
	margin: 30px auto;
	font-weight: 300;
	font-size: 30px;
	font-size: 1.875em;
	color: #000;
	padding: 30px 20px;
}
.vjiconlink:hover{
	background: #e9e9e9;
	text-decoration: none;
	color: #000;
}
.vjiconlink img{
	width: 110px;
	height: auto;
	display: block;
	margin: 0px auto 20px;
}
.vjiconlink span{
	display: block;
	position: relative;
	height: 150px;
	margin-bottom: 20px;
}
.vjiconlink span img{
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.grid-4.push-2.sideicons,
.grid-container.twocolsmob .grid-6{
	width: 50%;
	left: 0;
	float: left;
}
.onecolarrows .vjarrow:last-child{
	display: none;
}
.leftsidebannercontent{
	width: 500px;
	max-width: 90%;
	margin: 0 auto;
	padding: 60px 0;
	line-height: 1.75;
}
.halfbannerimage{
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	min-height: 460px;
}
.yellowback a{
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}
.vjanimationback{
	position: relative;
}
.vjanimationback img{
	z-index: 1;
}
.halfbannerimage a.playvidlink,
.vjanimationback a.playvidlink,
.videographic a.playvidlink{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 143px;
	width: 143px;
	left: 0;
	right: 0;
	margin: auto;
}
.vjanimationback a.playvidlink,
.videographic a.playvidlink{
	z-index: 10;
	width: 185px;
	height: 185px;
	overflow: hidden;
	background-image: url('../images/vj-play-btn.png');
	background-repeat: no-repeat;
}
.vjanimationback a.playvidlink:hover,
.videographic a.playvidlink:hover{
	background-position: 0 -185px;
}
.videographic{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	position: relative;
	min-height: 540px;
}
.vjvideointro{
	margin: 60px auto;
	font-size: 40px;
	font-size: 2.5em;
	font-weight: 300;
	line-height: 1.25;
}
.arrowrotateleft{
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
}
.arrowrotateright{
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari 3-8 */
    transform: rotate(-45deg);
}
.tvjaccordian h3{
	font-weight: 700;
	font-size: 1em;
	margin: 0;
	line-height: 1;
	/*border-bottom: 1px solid #ccc;*/
	border-top: 1px solid #ccc;
	padding: 20px 10px;
}
.tvjaccordian h3:last-of-type{
	border-bottom: 1px solid #ccc;
}
.tvjaccordian h3:after{
	content: "\f105";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
    margin-right: 5px;
    transition: all .4s ease-in-out;
}
.tvjaccordian a{
	color: #000;
}
.tvjaccordian h3.h3active:after{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}
.tvjaccordian h3.h3active{
	/*background: #d0009f;*/
}
.tvjaccordian h3.h3active a,
.tvjaccordian h3.h3active:after{
	/*color: #fff;*/
}
.tvjaccordian h3 a:hover{
	text-decoration: none;
	color: #e77b06;
}
.content-area .tvjaccordian ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.content-area .tvjaccordian li {
    background: #f7f7f7;
    color: #e77b06;
    padding: 15px 0px 15px 30px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.content-area .tvjaccordian li.current_page_item {
    background: #ffc600;
    font-weight: 700;
    padding-left: 15px;
}
.content-area .tvjaccordian li.current_page_item:before {
	content: "\f105";
	margin-right: 10px;
	color: #000;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
}
.content-area .tvjaccordian ul.children li:last-child {
    border-bottom: 0px;
}
.children{
	/*text-align: center;*/
	height: 0;
	overflow: hidden;
	transition: all .4s ease-in-out;
	padding-left: 20px;
}
.children.sidenavactive{
	height: auto!important;
	border-top: 1px solid #ccc;
}
/************************************************************************************
INTERACTIVE COURTROOM
*************************************************************************************/
.icbanner{
	background-color: #ffc600;
	padding: 50px 0;
	/*max-height: 550px;*/
}

.icbanner h1{
	color: #000;
	font-size: 28px;
	font-size: 1.75em;
	margin: 35px 0 50px;
	line-height: 1;
	font-weight: 300;
}
.icbanner h1 .smalltxt{
	font-size: 16px;
	line-height: 1;
	display: block;
	font-weight: 400;
	padding-left: 10px;
}
.degreesun{
	font-weight: 700;
	position: relative;
}
.degreesun:after{
	content: "";
	background-image: url('../images/sunicon.svg');
	background-repeat: no-repeat;
	width: 63px;
	height: 63px;
	display: block;
	position: absolute;
	top: -25px;
	right: -45px;
}
.courtvidbanner{
	margin-bottom: 50px;
}
.csscols{
	-webkit-columns: 2 300px;
	-moz-columns: 2 300px;
	columns: 2 300px;
	-webkit-column-gap: 12em;
	-moz-column-gap: 12em;
	column-gap: 12em;
	-webkit-column-rule: 1px solid #cccccc;
	-moz-column-rule: 1px solid #cccccc;
	column-rule: 1px solid #cccccc;
	margin:70px 0 50px;
	text-align:center;
}
.csscols p{
	line-height:1.75;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.whitegreygrad{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f3f3ee+50 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #f3f3ee 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%,#f3f3ee 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%,#f3f3ee 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3ee',GradientType=0 ); /* IE6-9 */
	/*padding: 30px 0;*/
}
.lightgreyback{
	background: #f3f3ee; 
	padding: 80px 0;
}

.courtroomlist{
	padding: 40px 20px;
}
.courtroomlist h3 {
    font-size: 36px;
    margin: 0px 0 45px;
    font-weight: 300;
    padding-bottom: 25px;
    border-bottom: 1px solid #000;
}

.courtroomlist ul{
	list-style: none;
	padding: 0px;
	-webkit-columns: 3 290px;
	-moz-columns: 3 290px;
	columns: 3 290px;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
}
.courtroomlist ul li{
	line-height: 2.5;
	font-size: 20px;
	font-weight: 300;
	padding-left: 50px;
}
.courtroomlist ul li a{
	color: #000;
	text-decoration: none;
	display: block;
}
.courtroomlist ul li:hover{
	font-weight: 700;
	background:#ffc600 url('../images/cr-btn.jpg') 12px 50% no-repeat;
	border-radius: 50px;
}
.bannercontent{
	padding-bottom: 110px;
	font-weight: 400;
}
.bannercontent p:first-of-type{
	font-size: 18px;
}

/* Rotator Styles */  
  
#rotator { 
    position:relative;
}  
.videographic{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	position: relative;
	min-height: 400px;
}
.videographic a{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	display: block;
	width: 216px;
	height: 216px;
}
.videographic a:hover{
	opacity: 0.75;
}

/* Tabs */  
#wrapper ul.ui-tabs-nav, #wrapper li.ui-tabs-nav-item, #wrapper li.ui-tabs-nav-item a:link, #wrapper li.ui-tabs-nav-item a:visited {  
    margin:0;  
    padding:0;  
    border:0;  
    outline:0;  
    line-height:1.3;  
    text-decoration:none;  
    font-size:100%;  
    list-style:none;  
    float:left;   
}  
#wrapper li.ui-tabs-nav-item {
	display: block;
	width: 100%;
	background: #f3f3ee;
	/*border-top: 1px solid #f9edd9;*/
	border-bottom: 1px solid #dadad6;
}
#wrapper ul.ui-tabs-nav {  
    width: 100%;
    position: relative;
    display: block;
}

/* Non-Selected Tabs */  
#wrapper li.ui-tabs-nav-item a:link,  
#wrapper li.ui-tabs-nav-item a:visited {
	display: block;
	color: #000;
	padding: 15px 0 15px 20px;
	width: 100%;
}
#wrapper li.ui-tabs-nav-item a p {
	display: block;
	font-size: 16px;
	font-weight: 300;
	margin: 0px;
}
#wrapper li.ui-tabs-nav-item a .subtitletab{
	font-size: 16px;
	font-weight: 700;
	display: block;
	margin: 27px 0;
	line-height: 25px;
	display: none;
}
#wrapper li.ui-tabs-nav-item a .subtitletab:before{
	content: "";
	background: url('../images/play-small-black.png') 0 50% no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	margin-right: 20px;
	float: left;
}
/* Hovered Tab */  
#wrapper #rotator .ui-tabs-nav-item:active,
#wrapper #rotator .ui-tabs-selected { 
    background:#d2009f;  
}
#wrapper #rotator .ui-tabs-nav-item:hover{ 
    background:#d2009f;  
}   
#wrapper #rotator .ui-tabs-nav-item:hover a{ 
    color:#fff;  
} 
#wrapper #rotator .ui-tabs-selected a:link{ 
    color:#fff;  
}  
#wrapper #rotator .ui-tabs-selected .subtitletab:before,
#wrapper #rotator .ui-tabs-nav-item:hover .subtitletab:before{ 
   content: "";
	background: url('../images/play-small.png') 0 50% no-repeat;
}  
/* Content Panels */  
#wrapper #rotator { 
	margin-bottom: 50px;
}
#wrapper #rotator .ui-tabs-panel {   
    clear:left;  
}  
#wrapper .ui-tabs-panel {
	width:100%;
}
#wrapper #rotator .ui-tabs-hide {  
    display:none;  
}  
#wrapper #ytvideohold-1,
#wrapper #ytvideohold-2,
#wrapper #ytvideohold-3,
#wrapper #ytvideohold-4{
	display: none;
}
.courtgallery{
	background-color: #f7f7f7;
	padding:40px;
}
.courtpadding{
	padding: 30px 20px;
	font-weight: 700;
}
.courtpadding h3{
	margin-top: 0px;
	font-weight: 700;
}
.courttel{
	display: block;
	color: #000;
	padding-left: 25px;
	background:url('../images/courttel.jpg') 0 50% no-repeat;
}
.addmarg{
	margin:50px auto;
}
.yellowbox a{
	display: block;
	color: #000;
	padding-left: 35px;
	background:url('../images/yellowbox-btn.jpg') 0 50% no-repeat;
}
.courtgallight li.lslide{
	position: relative;
}
.imgcap {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: #000;
    /*background: rgba(0,0,0,0.6);*/
    padding: 20px 0;
    color: #fff;
}





/************************************************************************************
404 Page
*************************************************************************************/

.site-content-404 {
	text-align: center;
}

.wrapper-404 {
	padding-top: 55px;
	padding-bottom: 55px;
}

.wrapper-404 * {
	color: #ffc500; /* <-- change to desired colour */
}

.wrapper-404 a {
	text-decoration: underline;
}

.icon-404-icon {
	background: #ffc500; /* <-- change to desired colour */
	width: 179px;
	height: 149px;	
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
}

.header-404 {
	
}

.header-404 span {
	position: relative;
	display: inline-block;	
	font-size: 4rem;
}

.header-404 span:before {
	content: "";
	border-bottom: 5px solid #ffc500; /* <-- change to desired colour */
	position: absolute;
	width: 40px;
	top:50%;
	left:-55px;
}

.header-404 span:after {
	content: "";
	border-bottom: 5px solid #ffc500; /* <-- change to desired colour */
	position: absolute;
	width: 40px;
	top:50%;
	right:-55px;
}

.header-404 .title-404 {
	margin: 0;
	font-weight: normal;	
	color: white;
	background: #ffc500; /* <-- change to desired colour */
	width: 50%;
	max-width: 350px;
	margin: 15px auto;
	position: relative;	
}

.header-404 .title-404:before {
	content: '';
    border: 62px solid #ffc500;
    border-left-color: transparent;
    border-left-width: 30px;
    position: absolute;
    top: 0;
    left: -60px;
}

.header-404 .title-404:after {
	content: '';
    border: 62px solid #ffc500;
    border-right-color: transparent;
    border-right-width: 30px;
    position: absolute;
    top: 0;
    right: -60px;
}

.header-404 .title-404 h1 {
	color: white;
	font-size: 6rem;
	font-weight: normal;
	z-index: 1001;
	position: relative;
	margin: 0;
}

.header-404 h2 {
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: normal;
	margin: 15px 0 48px 0;
}

.content-404 {
	width: 90%;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.content-404 p:first-child {
	margin-bottom: 25px;
}

/************************************************************************************
Larger than 200
*************************************************************************************/
@media screen and (min-width: 200px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

}
/************************************************************************************
Larger than 400
*************************************************************************************/
@media screen and (min-width: 400px) {

	.icbanner h1{
		font-size: 40px;
		font-size: 2.5em;
	}
}
/************************************************************************************
Larger than 540
*************************************************************************************/
@media screen and (min-width: 540px) {
    .thisstyle img{
        float: right;
        height: 30px;
        margin-top: 11px;
        margin-right: -34px;
        z-index: 1;
    }
	.gtranslatewidth{
		width: 140px;
	}
    .styleform{
        background: #FFFFFF;
        border-radius: 23px;
        height: 47px;
        width: 237px;
        display: table;
        margin: 0 auto;
    }
	#gtranslate_selector{
		min-width: 160px;
		font-size: 14px;
		font-weight: 600;
	}
    .threebox{
        display: table!important;
        margin: 0 auto;
    }
    .newthree p{
        font-size: 25px;
    }
    .thisthree h2{
        font-size: 29px;
    }
	.greylinks{
		display: block;
	}
	.site-header .grid-9{
		width: 50%;
	}
	.site-header .grid-3{
		width: 50%;
	}
	.toggle-mob-nav{
	    margin-top: 8px;
	}
	#searchshow{
		margin-top:0px;
	}
	.site-title img{
		width:260px;
	}
	.hideondesk .foylehub,
	.hideondesk .belfasthub{
		width: 50%;
		float: left;
		padding: 10px 20px;
		text-align: center;
	}
	.vfcols{
		min-height: 500px;
	}
	.vfcols h3{
		margin: 315px 0 20px;
	}

	.homefeaturestory a.playvidlink,
	.volunteerfeaturestory a.playvidlink{
		position: absolute;
	  	top: 50%;
	  	-webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
	  	height: 143px;
	  	width: 143px;
	  	left: 0;
    right: 0;
    margin: auto;
	}

	.homefeaturestory .grid-container .grid-2,
	.volunteerfeaturestory .grid-container .grid-2{
		position: relative;
		min-height: 300px;
	}
	.icbanner h1{
		font-size: 52px;
		font-size: 3.25em;
	}
    .smallbot{
        margin-bottom: 30px;
    }
    .marginright{
        margin-right: 152px!important;
    }
    .bgcenterimg2{
        width: 336px;
    }
    .bgcenterimg{
        width: 300px;
    }
    .movemiddle1 img{
        height: 369px;
    }
    .flip-card{
        height: 450px;
    }
}
/************************************************************************************
Larger than 660
*************************************************************************************/
@media screen and (min-width: 660px) {

	.twocols{width:49%; margin-right: 2%;float: left;margin-bottom: 20px;}
	.twocols:nth-child(2n+2){margin-right: 0%;}
	.twocols:last-child{margin-right: 0%;}
	.threecols{width:32%; margin-right: 2%;float: left;margin-bottom: 20px;}
	.threecols:nth-child(3n+3){margin-right: 0%;}
	.threecols:last-child{margin-right: 0%;}
	.threecolstwo{width: 65%;margin-right: 0%;float: left;margin-bottom: 20px;}
	.fourcols{width:23.5%; margin-right: 2%;float: left;}
	.fourcols:nth-child(4n+4){margin-right: 0%;}
	.fourcols:last-child{margin-right: 0%;}

	/* 404 */
	.wrapper-404 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
    .thisstyle img{
        float: right;
        height: 30px;
        margin-top: 9px;
        margin-right: 16px;
    }
	.header-404 span:before {
		width: 65px;
		left: -85px;
	}
    .paddingB{
        padding-bottom: 30px;
    }

	.header-404 span:after {
		width: 65px;
		right: -85px;
	}
	.part-side-menu {
		display: block;
		position: fixed;
		top: 25%;
		right: -65px;
		z-index: 9999;
	}
	.site-footer{
		text-align: left;
	}
	.footer-content h4:after{
		content: "";
		background: url('../images/footer-titlebar.png') 0 100% no-repeat;
		margin: 0;
	}
	.belowfooter{
		text-align: left;
		line-height: 2;
	}
	.content-area ul{
		/*margin-left: 90px;*/
		margin-left: 50px;
	}
	.sidebarnav ul, .sidebarlocations ul{
		margin-left: 0px;
	}
	.sidebarnav{
		display: block;
	}
    .greyback{
        background-color: #fff;
    }
    .styleform{
        background: #FFFFFF;
        border-radius: 23px;
        height: 47px;
        width: 237px;
        display: table;
        margin: 0 auto;
    }
	.fifty{
		width: 50%;
		float: left;
	}
	.stampouthatebannercontent{
		padding: 120px 0px 120px 100px;
	}
	#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=text],
	#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=tel],
	#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=number],
	#frm_form_7_container.frm_style_formidable-style.with_frm_style input[type=email],
	#frm_form_7_container.frm_style_formidable-style.with_frm_style textarea,
	#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], 
	#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], 
	#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], 
	#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], 
	#frm_form_7_container.frm_style_formidable-style.with_frm_style .frm_blank_field textarea{
		font-size: 24px;
		height: 54px;
		margin-bottom: 32px;
	}
	.trialschemes li{
		width: 29%;
		display: inline-block;
	}
	ul.eventlists li.eventbox{
		width:48%;
		float: left;
		margin-right: 2%;
	}
	.leftsidebannercontent{
		float: right;
	}
	.grid-4.push-2.sideicons{
		left: 16.66667%;
		width:33.333%;
	}
	.icbanner h1{
		font-size: 40px;
		font-size: 2.5em;
	}
	.icbanner{
		background-repeat: no-repeat;
		background-image: url('../images/courthouse.svg');
		background-position: 100% 50px;
		background-size: 50%;
	}
	.csscols{
		text-align:left;
	}
	.grid-5.courtmap{
		padding:0px;
		background-color: #fff;
		height: 300px;
	}
	.grid-7.nopadright{
		padding-right: 0px;
	}
	.grid-7.nopadright .whiteback{
		height: 300px;
	}
	.courtroomlist{
		padding: 60px;
	}

	
}
/************************************************************************************
Larger than 767
*************************************************************************************/
@media screen and (min-width: 767px) {
    .pinkbubble{
        height: 273px;
    }
    .topbox img{
        right: 34%;
    }
    .timelineentry img{
        height: 200px!important;
    }
    .fourtopics h2{
        margin-bottom: 30px;
    }
    .notbig{
        margin-bottom: 0px;
    }
    .movemiddle1 img{
        height: 433px;
    }
    .flip-card{
        height: 523px;
    }
    .quotestyle h3{
        font-size: 32px!important;
        color: #606060;
        font-weight: 500!important;
        text-align: left;
        padding-top: 26px;
    }
    .smallscreen{
        display: block;
    }
    .bgcenterimg2 h3{
        left: 24px;
    }
    .musrtardbox{
        left: 300px;
    }
    .shapes h2:after{
        top: 113px;
    }
    .bgcenterimg2{
        height: 232px;
        width: 256px;
    }
    img.logosize{
        margin: 80px;
        height: 60px;
        width: 266px;
        margin-top: 121px;
    }
    .smallbot{
        margin-bottom: 0;
    }
    .fourboxes h2{
        padding-top: 6px;
    }
    .newthree p {
        font-size: 17px;
    }
    .sevenmargin{
        margin-top: 75px;
    }
    img.logosize2{
        height: 194px;
    }
    .toptext h1{
        margin-top: 10px;
    }
    .bgcenterimg h3{
        position: absolute;
        bottom: -38px;
        left: 26px;
        color: #fff;
        background-color: #C62184;
        border-radius: 50px;
        height: 40px;
        width: 208px;
        padding-top: 5px;
        text-align: center;
    }
    .pinkbanner img{
        height: 228px;
    }
    .bgcenterimg{
        background-size: cover;
        position: relative;
        height: 270px;
        width: 256px;
        display: table;
        margin: 0 auto;
    }
    .learnmoreBig p{
        background-color: #C62184;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        width: 160px;
        height: 40px;
        padding-top: 5px;
        display: none;
    }
    .learnmoreB p{
        background-color: #C62184;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        width: 160px;
        height: 40px;
        padding-top: 5px;
        display: table;
        margin: 0 auto;
    }
	#gtranslate_selector {
	    min-width: 130px;
	    font-size: 15px;
	    font-weight: 400;
	}
	.shapes h4{
		height: 56px;
		padding-top: 0px;
	}
	.under p{
		margin-top: 41px;
	}
	.over p{
		margin-top: 106px;
	}
	.around{
		margin: 10px 27px!important;
	}
	.faq p{
		margin-top: 88px;
	}
	.yellowquotes img {
		top: 125px;
	}
	.ipadquestion{
		padding-top: 20px;
        padding-bottom: 20px;
	}
	.greenbacknew h2{
		font-size: 35px;
	}
	.styleform{
		width: 345px;
	}
	.boypic img{
		height: 280px;
    	object-fit: cover;
	}
	.halfhomebanner{
		width: 49.5%;
		margin-right: 1%;
		float: left;
	}
	.halfhomebanner:last-child{
		margin-right: 0%;
	}
	.vfcols{
		width: 50%;
		float: left;
		margin: 0px;
		position: relative;
	}
	.leftcol{
		text-align: right;
		width: 520px;
		max-width: 100%;
		float: right;
		padding: 0 60px 0 0;
	}
	.rightcol{
		text-align: left;
		width: 520px;
		max-width: 100%;
		float: left;
		padding: 0 0 0 60px;
	}
	.homefeaturestory .grid-container .grid-2,
	.volunteerfeaturestory .grid-container .grid-2{
		min-height: 400px;
	}
	.home-link{
    	margin-top: 18px;
	}
	.icbanner h1{
		font-size: 48px;
		font-size: 3em;
	}
/*	#wrapper li.ui-tabs-nav-item {
		width: 50%;
	}*/
	#wrapper li.ui-tabs-nav-item a .subtitletab{
		display: block;
	}
	#wrapper .videographic{
		min-height: 600px;
	}
	.courtroomlist h3 {
	    font-size: 40px;
	}
	.icbanner{
		max-height: 550px;
	}

}
/************************************************************************************
Larger than 1024
*************************************************************************************/
@media screen and (min-width: 1024px) {
    .entryleft p{
        width: 366px;
        float: right;
    }
    .pinkbubble p{
        color: #ffc600;
        font-size: 44px;
    }
    .pinkbubble a{
        color: #fff;
        font-size: 44px;
        font-weight: 700;
    }
    .pinkbubble{
        border-radius: 138px;
        width: 929px;
        height: 463px;
       /* height: 580px;*/
        float: unset!important;
        margin: 0 auto!important;
        padding: 77px 10px 20px 80px!important;
    }
    .toppink{
        padding-bottom: 150px;
        padding-top: 10px;
    }
    .topbox{
        position: relative;
        height: 516px;
    }
    .topbox img{
        position: absolute;
        height: 721px;
        top: 33%;
        right: 31.9%;
    }
    .topbox h1{
        text-align: center;
        font-size: 60px;
    }
    .timeline{
        padding-top: 240px;
    }
    .timelineentry h1{
        margin: 0 20px 30px 20px;
    }
    .timelineentry p{
        margin: 0 20px 00px 20px;
    }
    .timelineentry img{
        /*margin: -50px 20px 30px 35px;*/
        /*height: 220px;*/
    }
    .timelineentry {
        width: 51.8%;
        margin: 0px 0 0;
        background: transparent;
        padding: 0;
        /*padding-top: 95px;*/
    }
    .timelineentry .sliderhold{
        height: 260px;
    }
    .timelineentry .maxwidthfullgallery{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .timeline .entryright:nth-child(2n) {
        margin: 0px 0 0;
    }    
    .entryright img.pos2{
        position: absolute;
        height: 258px;
        left: 16%;
        top: -25%;
    }
    .entryleft img.pos2{
        position: absolute;
        height: 239px;
        left: 13%;
        top: -22%;
    }
    .entryleft {
        float: left;
        background: url(../images/left-pointer.svg) 100% 8% no-repeat;
        padding-right: 100px;
        position: relative;
        text-align: right;
        margin-left: -32px!important;
        border-right: 4px solid #fff;
    }
    .entryright {
        float: right;
        background: url(../images/right-pointer.svg) -2px 8% no-repeat;
        padding-left: 100px;
        text-align: left;
        position: relative;
        border-left: 4px solid #fff;
    }
    .emptyentryleft {
        /*float: left;*/
        width: 49%;
     /*   min-height: 150px;*/
    }
    .emptyentryright {
      /*  float: right;*/
        width: 49%;
       /* min-height: 150px;*/
    }
    .entryevenheight:nth-child(2n + 3) {
        clear: left;
    }
    .flip-card {
        background-color: transparent;
        height: 620px;
        width: 815px;
        perspective: 1000px;
        display: table;
        margin: 0 auto;
    }

    .flip-card-inner {
      position: relative;
      height: 620px;
        width: 815px;
      text-align: center;
      transition: transform 0.6s;
      transform-style: preserve-3d;
    }
    .movemiddle{
        display: table;
        margin: 0 auto;
    }
    .doubleimages img{
        width: 815px;
    }
    .movemiddle1{
        display: table;
        margin: 0 auto;
    }
    .movemiddle1 img{
        height: 531px;
    }
    .movemiddle img{
        display: table;
        margin: 0 auto;
        height: 260px;
    }
    .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg);
    }

    .flip-card-front, .flip-card-back {
      position: absolute;
      height: 570px;
        width: 815px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

    .flip-card-front {
      background-color: #fff;
      color: black;
    }

    .flip-card-back {
      background-color: #fff;
      color: black;
      transform: rotateY(180deg);
    }
    .bgcenterimg2 h3{
        position: absolute;
        bottom: -41px;
        left: 102px;
        color: #fff;
        background-color: #C62184;
        border-radius: 50px;
        height: 40px;
        width: 203px;
        padding-top: 5px;
        text-align: center;
        font-weight: 500;
    }
    .toptwenty{
        padding-top: 20px;
    }
    .bgcenterimg2{
        height: 308px;
        width: 337px;
    }
    .musrtardbox{
        left: 414px;
    }
    .fourboxes h2{
        padding-top: 20px;
    }
    .newthree p {
        font-size: 22px;
    }
    .tb{
        margin-right: 58px;
    }
    .sevenmargin{
        margin-top: 0px;
    }
    .learnmoreBig p{
        background-color: #C62184;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        width: 160px;
        height: 40px;
        padding-top: 5px;
        display: none;
    }
    .learnmoreB p{
        background-color: #C62184;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        width: 160px;
        height: 40px;
        padding-top: 5px;
        display: table;
        margin: 0 auto;
    }
    .thisstyle input{
        width: 504px;
    }
    .marginright{
        margin-right: 8px!important;
    }
    .shapesY h3{
        width: 363px;
        background-color: #ffb607;
        border-radius: 51px;
        height: 66px;
        color: #000;
        text-align: center;
        font-size: 39px;
        font-weight: 400;
        padding-top: 6px;
        margin: 15;
        left: 10px;
        position: relative;
    }
    .shapesY h3:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 39px solid #FFB607;
        position: absolute;
        top: 57px;
        left: 212px;
    }
    .shapes h2{
        width: 374px;
        background-color: #c62184;
        border-radius: 51px;
        height: 67px;
        color: #ffffff;
        text-align: center;
        font-size: 47px!important;
        font-weight: 400!important;
        display: table;
        margin: 0 86px;
        top: 269px;
        left: 74px;
    }
    .shapes h2:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 50px solid #C62184;
        position: absolute;
        top: 66px;
        left: 230px;
    }
    img.logosize{
        margin: 85px;
        margin-top: 76px;
    }
    .smallbot{
        margin-bottom: 0px;
    }
    .thisthree img{
        position: absolute;
        top: 154px;
        height: 212px;
        right: -13px;
    }
    .threebox{
        display: inline-block!important;
        height: 300px;
        width: 300px;
        vertical-align: top;
        position: relative;
    }
    .moveright{
        margin-right: 55px;
    }
	.u18_2023 a.accordion-title.whitelen{
		font-weight: 400;
	}

    a.accordion-title.whitelen{
        color: #fff!important;
        font-family: 'Lato', sans-serif; 
        font-weight: 700;
        font-size: 40px;
    }
    .threebox img{
        position: absolute;
        top: 201px;
        height: 165px;
        right: 0;
    }
    img.logosize2{
        height: 185px;
    }
    .impactpic img{
        height: 700px;
        width: 542px;
    }
    .notsmall p{
        display: table!important;
    }
    .notbig p{
        display: none;
    }
    .toptext h1{
        margin-top: 33px;
    }
	.bgcenterimg{
	    background-size: cover;
	    position: relative;
	    height: 340px;
	    width: 340px;
	    display: table;
	    margin: 0 auto;
	}
	.yellowquotes img{
		position: absolute;
	    top: 170px;
	}
	.quotestyle h3{
		font-size: 52px!important;
	    color: #606060;
	    font-weight: 500!important;
	    text-align: left;
	    padding-top: 15px;
	}
	.experience img{
		height: 230px;
		width: 440px;
	}
	.thetext h5{
		font-size: 55px;
		color: #fff;
		font-weight: 500;
		display: table;
	    margin: 0 auto;
	}
	.pinkbanner img{
		display: table;
		margin: 0 auto;
		height: 315px;
		width: 580px;
	}
	.toptext p{
		font-size: 14px;
	    font-weight: 700;
	}
	.toptext h1{
		font-size: 36px;
	}
	.areapadding{
		padding: 0!important;
	}
	.greenbacknew h2{
	    font-size: 46px;
	    margin-top: 13px;
	}
	.thisstyle input{
		margin-left: 22px;
	    margin-top: 4px;
	    border: 0px solid transparent;
	    color: #666666;
	    font-size: 30px;
	}
	.thisstyle img{
		float: right;
	    margin-right: 20px;
	    height: 30px;
        position: absolute;
        top: 0;
        right: 0;
	}
	.styleform{
		background: #ffffff;
	    border-radius: 40px;
	    height: 57px;
	    width: 548px;
	    margin-top: 13px;
	    margin-bottom: 13px;
        position: relative;
	}
	.shapes h3{
	    width: 530px;
	    background-color: #ffb607;
	    border-radius: 51px;
	    height: 81px;
	    color: #fff;
	    text-align: center;
	    font-size: 60px;
	    font-weight: 400;
	    margin: 0;
	    position: absolute;
	    top: 188px;
	    left: 54px;
	}
	.shapes h3:after{
		content: "";
		width: 0;
		height: 0;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-bottom: 50px solid #FFB607;
		position: absolute;
	    top: -46px;
	    left: 98px;
	}
	.shapes h4{
		width: 374px;
	    background-color: #c62184;
	    border-radius: 51px;
	    height: 77px;
	    color: #74E0C1;
	    text-align: center;
	    font-size: 60px;
	    font-weight: 400;
	    display: table;
	    margin: 0 86px;
	    position: absolute;
	    top: 269px;
	    left: 74px;
	}
	.shapes h4:after{
		content: "";
	    width: 0;
	    height: 0;
	    border-left: 25px solid transparent;
	    border-right: 25px solid transparent;
	    border-top: 50px solid #C62184;
	    position: absolute;
	    top: 77px;
	    left: 195px;
	}
    .shapesB h3{
        width: 530px;
        background-color: #ffb607;
        border-radius: 51px;
        height: 81px;
        color: #fff;
        text-align: center;
        font-size: 60px;
        font-weight: 400;
        margin: 0;
        position: absolute;
        top: 188px;
        left: 54px;
    }
    .shapesB h3:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 50px solid #FFB607;
        position: absolute;
        top: -46px;
        left: 98px;
    }
    .shapesB h4{
        width: 374px;
        background-color: #c62184;
        border-radius: 51px;
        height: 77px;
        color: #74E0C1;
        text-align: center;
        font-size: 60px;
        font-weight: 400;
        display: table;
        margin: 0 86px;
        position: absolute;
        top: 269px;
        left: 74px;
    }
    .shapesB h4:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 50px solid #C62184;
        position: absolute;
        top: 77px;
        left: 195px;
    }
	.shapes img{
		height: 354px;
	    position: absolute;
	    right: 49px;
	    top: 57px;
	    display: block;
	}
    .shapesB img{
        height: 354px;
        position: absolute;
        right: 49px;
        top: 57px;
        display: block;
    }
	.ipadquestion{
		padding-top: 0px;
        padding-bottom: 0px;
	}
	.quotestyle h3{
		font-size: 37px!important;
	}
	.under p{
		margin-top: 90px;
	}
	.around{
		margin: 0!important;
	}
	.yellowquotes img{
		top: 153px;
	}
	.boypic img{
		height: 327px;
	}
	.singleslider {
	    position: absolute;
	    left: 0px;
	    clip-path: inset( -100vw -100vw -100vw 0 );
	}
	.singleslider img {
		height: 630px;
	}
    .singleslidertimeline {
        position: absolute;
        left: 0px;
        clip-path: inset( -100vw -100vw -100vw 0 );
    }
    .singleslidertimeline img {
        height: 630px;
    }
	.sliderhold {
		position: relative;
		height: 660px;
	}
	.sliderbuttons {
		text-align: left;
	    /* // bottom: 70px;
	    // position: absolute;
	    // left: 80px;
	    // right: auto;
	    // margin: auto;
	    // text-align: center; */
	}
	.singleslidertimeline {
		position: absolute;
		left: 0px;
		clip-path: inset( -100vw -100vw -100vw 0 );
	}
    .singleslider{
        position: absolute;
        left: 0px;
        clip-path: inset( -100vw -100vw -100vw 0 );
    }

	.gtranslatewidth{
		margin: 0;
	}
	.donationbar h3 span{
		font-size: 100px;
	}
	/* REMOVING FIXED HEIGHT ON BX SLIDER */
	.bx-wrapper img {
		max-width: 100%;
	}
	.bxslider li, .bx-wrapper, .bx-viewport{
		height: auto;
	}
	.site-header .grid-9{
		width: 75%;
	}
	.site-header .grid-3{
		width: 25%;
	}
	/* REMOVING FIXED HEIGHT ON BX SLIDER */
	.toggle-mob-nav{
		display: none;
		margin-right: 20px;
	}
	/* HIDE HOME BUTTON ON DESKTOP */
	.nav-menu li.menu-item-18{
		display: none;
	}
	#searchshow{
		margin: 0 0 0 30px;
	}
	.maphold{
		padding: 95px 0 0px;
	}
	.abovemap{
		width: 40.5%;
		float: right;
		text-align: left;
		display: inline-block;
		position: relative;
		min-height: 132px;
	}
	.abovemap{
		padding-left: 33px;
	}
	.abovemap:before{
	    content: '';
	    position: absolute;
	    top:0px;
	    left: -92px;
	    width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 92px 132px 0;
		border-color: transparent #ffcf33 transparent transparent;
	}
	.belowmap{
		width: 40.5%;
		float: left;
		text-align: right;
		position: relative;
		height: 132px;
	}
	.belowmap:after{
	    content: '';
	    position: absolute;
	    top:0px;
	    right: -92px;
	    width: 0;
		height: 0;
		border-style: solid;
		border-width: 132px 0 0 92px;
		border-color: transparent transparent transparent #ffcf33;
	}
	.belowmap .frm_style_formidable-style.with_frm_style form,
	.belowmap .frm_style_formidable-style.with_frm_style label.frm_primary_label {
	    text-align: left;
	}
	.belowmap .frm_form_field.frm_alignright {
	    float: right !important;
	}
	.foylehub,
	.westernarea{
		position: absolute;
		top: 147px;
		left: 8.333%;
	}
	.supporttext{
		position: absolute;
		right: 20px;
		top: 32%;
		text-align: right;
	}
	.belfasthub{
		position: absolute;
		right: 20px;
		bottom: 90px;
		text-align: right;
	}
	.northeastarea{
		position: absolute;
		right: 20px;
		top: 25%;
		text-align: right;
	}
	.southeastarea{
		position: absolute;
		right: 20px;
		bottom: 0px;
		text-align: right;
	}
	.hideonmob{
		display: block;
	}
	.hideondesk{
		display: none;
	}
	.maintitle{
		font-size: 66px;
		font-size: 4.125em;
	}
	.leftsidebannercontent{
		max-width: 100%;
		margin: 0 50px 0 0;
	}
	.icbanner h1{
		font-size: 56px;
		font-size: 3.5em;
	}
	/* Rotator Styles */  
	#wrapper{
		margin-top: -60px;
	}
	#wrapper #rotator { 
	    position:relative;
	}  
	#wrapper li.ui-tabs-nav-item,
	#wrapper .home li.ui-tabs-nav-item {
		height: 200px;
		width: 100%;
	}

	#wrapper ul.ui-tabs-nav {  
	    width: 30%;
	    float: right;
	}

	/* Non-Selected Tabs */  
	#wrapper li.ui-tabs-nav-item a:link,  
	#wrapper li.ui-tabs-nav-item a:visited {
		padding: 35px 0 0 50px;
		height: 200px;
	}
	#wrapper li.ui-tabs-nav-item a p {
		font-size: 20px;
	}
	#wrapper .ui-tabs-panel {
		width: 70%;
	}
	.courtpadding{
		padding: 50px;
	}

	.u18_2023 .nested_accordion a.accordion-title.sub-title {
		font-size: 26px;
	}

}
@media screen and (min-width: 1200px) {
    .entryleft p{
        width: 391px;
    }
    .entryleft{
        margin-left: -35px!important;
    }
    .topbox img{
        right: 33%;
    }
    .marginri{
        margin-right: 25px!important;
    }
    .bgcenterimg2{
        height: 307px;
        width: 343px;
    }
    .musrtardbox{
        left: 481px;
    }
    .thisstyle input{
        width: 428px;
    }
    .marginright{
        margin-right: 26px!important;
    }
    img.logosize{
        margin: 77px;
        margin-top: 76px;
    }
	.areapadding{
		padding: 23px!important;
	}
	.boypic img{
		height: 325px;
	}
	.under p{
		margin-top: 52px;
	}
	.over p{
		margin-top: 60px;
	}
	.faq p{
		margin-top: 52px;
	}
	.around{
	    margin: 24px!important;
	}
    img.logosize2{
        height: 167px;
    }
    a.big{
        display: block!important;
    }
    a.small{
        display: none;
    }
}
@media screen and (min-width: 1320px) {
    .centervert h1{
        font-size: 45px;
    }
    .centervert p{
        font-size: 16px;
    }
    .fourtopics h2{
        font-size: 40px!important;
        text-align: center;
        color: #606060;
        font-weight: 500!important;
    }
    .musrtardbox{
        background-color: #FFB607;
        border-radius: 15px;
        width: 124px;
        padding-left: 29px!important;
        margin-top: 17px;
        z-index: 1;
        position: absolute;
        left: 537px;
    }
    .musrtardbox:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 38px solid transparent;
        border-top: 50px solid #FFB607;
        position: absolute;
        top: 41px;
        left: 15px;
    }
    img.logosize{
        margin: 76px;
        margin-top: 76px;
    }
	.bgcenterimg{
	    background-size: cover;
	    position: relative;
	    height: 370px;
	    width: 360px;
	}
	.shapes img{
		right: -48px;
	}
    .shapesB img{
        right: -48px;
    }
	.gigbanner{
		height: 530px;
	}
	.shapes h3{
		top: 317px;
	}
	.shapes h4{
		top: 398px;
	}
	.over p{
		margin-top: 54px;
	}
	.around{
	    margin: 0px!important;
	}
	.styleform{
		width: 675px;
        position: relative;
	}
}

/************************************************************************************
Larger than 1400
*************************************************************************************/
@media screen and (min-width: 1400px) {
	.bgcenterimg{
	    background-size: cover;
	    position: relative;
	    height: 352px;
	    width: 336px;
	}
	.areapadding{
		padding: 95px 80px 110px !important;
	}
	.icbanner{
		background-position: 75% 50px;
		background-size: 534px 371px;
	}
	.overflowcourthouse{
		overflow: visible;
		width: 530px;
	}
	.overflowcourthouse img{
		width: 100%;
		display: block;
	}
        .shapesB h3{
        top: 318px;
        left: 349px;
    }
    .shapesB h4{
        top: 399px;
        left: 297px;
    }
	.around{
	    margin: 13px!important;
	}
	.toptext h1{
		font-size: 50px;
	}
	.areapadding{
	    padding: 35px 80px 27px !important;
	}
	.boypic img{
		height: 341px;
	}
    .musrtardbox{
        left: 585px;
    }
	.shapes img{
		right: -99px;
		top: 100px;
		height: 398px;
	}
    .shapesB img{
        right: -99px;
        top: 100px;
        height: 398px;
    }
}
@media screen and (min-width: 1883px) {
	.shapes img{
		right: -329px;
	}
    .shapesB img{
        right: -329px;
    }
    .musrtardbox{
        left: 812px;
    }
	.gigbanner{
		height: 653px;
	}
	.shapes h3{
		top: 418px;
		left: -152px;
	}
	.shapes h4{
		top: 499px;
		left: -126px;
	}
    .shapesB h3{
        top: 418px;
        left: 349px;
    }
    .shapesB h4{
        top: 499px;
        left: 297px;
    }
	.areapadding{
		padding: 36px 234px 27px !important;
	}
	.around{
		margin: 58px!important;
	}
}