/********************************
CSS STYLESHEET FOR JUSTICE CENTRE
********************************/

header.hidden-page-header {
	display: none !important;
}


.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
	background: #fff;
}

/*****************
GENERAL TYPOGRAPHY
*****************/
h1,h2,h3,h4,h5{margin:0px 0 12px;}

h2.month-year-heading{
	margin: 20px 0 0;
	padding: 0;
}

.white-titles h1,.white-titles h2,.white-titles h3,
.white-titles h4,.white-titles h5,.white-titles h6{
	color:#fff;
}

.quote h1, .quote h2, .quote h3, .quote h4 {color:#fff}
#wwd-teaser h3:nth-child(n+2) {margin-top: 30px;}
p{margin:0 0 20px 0;}

::selection {
  background: #ed2028; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ed2028; /* Gecko Browsers */
}

/*********
STAFF GRID
*********/

#staff-portrait{
	margin-bottom: 6px;
}

#staff-name{
	margin-bottom: 6px;
}

#staff-role{
	font-size: 14px;
}


/** Sliding Drawer - used in staff **/
.sliding-drawer {
	position: fixed;
	z-index: 999;
	width: 650px;
	height: calc(100% - 102px) !important;
	top: 102px;
	bottom: 0;
  	right: 0;
	transform: translateX(650px);
	transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
}

.sliding-drawer .close-sliding-drawer {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 40px;
	z-index: 1000;
}
.sliding-drawer .close-sliding-drawer:before {
	font-size: 40px;
}

.sliding-drawer.visible {
	display: block;
	transform: translateX(0);
}
.sliding-drawer.disabled {
	display: block;
	position: static;
	width: auto;
	height: auto;
	transform: translateX(0);
}

/**********
PAGE INTROS
**********/
.page-intro p{
	font-size:22px; line-height:1.4em;}

.page-intro h3{	
	margin-bottom:5px;}

.page-intro a{
	text-decoration: none;
}


/************
LINKS & LISTS
************/
p a, li:not(.menu-item) a { border-bottom: .5px solid #333!important; }
p a span { border-bottom: inherit; }
p a:hover, li:not(.menu-item) a:hover { border-bottom: .5px solid #ed2028!important; }
p a:hover span, li:not(.menu-item) a:hover span { border-bottom: inherit; }


.learn-more-button a{
	border-top: 2px solid #333; 
	color:#333;padding-top:5px!important;
	text-decoration: none!important;
}

.learn-more-button a:hover{
	border-top: 2px solid #ed2028;
	color: #ed2028;
}

#wwd-teaser a:hover{color: red!important;}
#www-teaser a:focus{color:red!important}
ul{list-style-type:circle;}


/********
MAIN MENU
********/
.menu-donate .elementor-item{
	color:#e32726!important; 
	border: 2px solid #e32726!important; 
	border-radius: 5px!important; 
	padding:12px 5px!important;
}

.menu-donate .elementor-item:hover{
	background:#e32726;color:#fff!important;
}

.menu-donate-mobile .elementor-item {
	font-weight:700;
}

/********
HOMEPAGES
********/

.home-wwd-triggers{
/*	background-color: #C5EAF0;
	border:1px solid #fff;*/

}
.home-wwd-triggers:hover{
	/*border-left:5px solid #fff;*/
	/*background-color:#fff;
	opacity:1;*/
}
.home-wwd-triggers:active{
	/*border-left:5px solid #fff;*/
	/*background-color:#fff;
	opacity:1;*/

}
#shared-past-home h2, #shared-past-home p{
	color: #fff;
}
#shared-past-home .learn-more-button a{
	color:#fff;
	border-top: 1px solid #fff;
}
#shared-past-home .learn-more-button a:hover{
	color:#333;
	border-top: 1px solid #333;
}

.collapseomatic_excerpt, .collapseomatic_content{
	padding-left: 0px!important;
}

/**************
WHO WE ARE PAGE
**************/



/**************
WHAT WE DO PAGE
**************/

.wwd-sticky-nav h1, .wwd-sticky-nav h2, .wwd-sticky-nav h3, .wwd-sticky-nav h4, .wwd-sticky-nav h5, .wwd-sticky-nav h6{
	padding-bottom: 20px;
}

/***********
CONTACT PAGE
***********/

.contact-form form input[type="text"], 
.contact-form form input[type="password"], 
.contact-form form input[type="email"], 
.contact-form form input[type="url"], 
.contact-form form input[type="date"], 
.contact-form form input[type="month"], 
.contact-form form input[type="time"], 
.contact-form form input[type="datetime"], 
.contact-form form input[type="datetime-local"], 
.contact-form form input[type="week"], 
.contact-form form input[type="number"], 
.contact-form form input[type="search"], 
.contact-form form input[type="tel"], 
.contact-form form input[type="color"], 
.elementor-field-group .elementor-field-textual{
	border:0px;
}


/************
SEARCH RESULT
************/

.elementor-13365 .elementor-element.elementor-element-754eccd .elementor-pagination{
	padding-top: 20px;
}

/**********
PAGE FOOTER
**********/
.footer-nav p, .footer-nav a{color: #333; line-height:1.6em;}
.footer-nav a:hover{color:#ed2028;}
.footer-nav h1,.footer-navh2,.footer-nav h3,.footer-nav h4, .footer-nav h5,.footer-nav h6{color:#333;}
.footer-address h4{color:#333;}
.footer-nav p {margin-bottom:20px;}
.footer-nav p a{text-decoration: none!important}
.footer-nav h4{margin-bottom:5px;}
.footer-nav .elementor-social-icon i{color:#333!important;}
.footer-credit p{margin-bottom:5px;}
.wpml-elementor-ls {text-align: center;}
.wpml-elementor-ls ul {display: inline-block;}
.help-sliding-panel p a,.help-sliding-panel h1,.help-sliding-panel h2, .help-sliding-panel h3, .help-sliding-panel h4, .help-sliding-panel h5{text-decoration:none; color:#fff!important;}
.help-sliding-panel p a{font-weight:700;}
.help-sliding-panel p a:hover{color: #fff; text-decoration:underline;}
.help-sliding-panel-button{transform: rotate(90deg);}


/****************
NEWSLETTER SIGNUP
****************/
.newsletter-signup h3{
	color:#333; 
	line-height:1.2em;
}

.newsletter-signup form input[type="email"]{
	background:transparent;
	border:none; border-bottom: 2px solid #333;
	border-radius: 0px;
}

.newsletter-signup form input:invalid{
	color: #333;
	font-size: 17px;
}

.newsletter-signup form input:focus:invalid{
	color:#333;
	border-bottom: 1px solid #333!important;
	font-size: 17px;
}

.newsletter-signup .elementor-field-textual {
    padding: 6px 16px 6px 0px !important;
}

.newsletter-signup .elementor-field-group .elementor-field-textual:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.elementor-8472 .elementor-element.elementor-element-2c261c0 .elementor-button{
	margin: 10px 0px 0px 0px;
	background-color: transparent!important;
	color:#333!important;
	border: 1px solid #333;
	border-radius:5px;
}

.elementor-8472 .elementor-element.elementor-element-2c261c0 .elementor-button:hover{
	background-color: #e32726!important;
	color: #fff!important;
	border: 1px solid #e32726;
}

.elementor-8472 .elementor-element.elementor-element-2c261c0 .elementor-message.elementor-message-success{
	color:#ed2028!important;
	margin:20px 0px 10px 0px;
}

/**********************
 Active Sticky Sections
 *********************/
.active-sticky-link {
	padding: 10px;
}


.active-sticky-link {
	color: #AAA9AA;
}
.active-sticky-link a {
	color: inherit;
}

.active-sticky-link.is-active, .active-sticky-link:hover {
	color: #333;
}

.wwd-sticky-nav .active-sticky-link.is-active ~ .active-sticky-link {
    color: #AAA9AA !important;
}

/******
POP UPS
******/

.artsprize-popup h2{
	color:#fff!important;
}

/************
MEDIA QUERIES
************/

/* Tablet */
@media (max-width: 1024px) {

}


/* Mobile */
@media (max-width: 767px) {

	.page-intro p{
		font-size:17px; 
		line-height:1.3em;
	}

	.sliding-panel-button {
   		transform: rotate(0deg);
	}
	.newsletter-signup .elementor-field-textual {
    	text-align: center;
	}

	.sliding-drawer {
		width: 100vw;
		transform: translateX(100vw);
		height: calc(100% - 87.5px) !important;
		top: 87.5px;
	}
	.sliding-drawer.visible {
		transform: translateX(0px);
	}

}

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

	#scroll-top {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	}

}