@import url("../../reverie-master/css/style.css");
/* This is the Sass/Scss file loaded by WordPress in frontend.
 * Tweak it and have fun.
 */
 
 .row { max-width: 80rem; }
 
 
body {
  background: #fefefe url(/wp-content/themes/justice/img/bg.pattern.grey.png);
  padding: 0;
}

p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6 { }
h1, h2, h3, h4, h5, h6 { color: #00255d; font-weight: bold; }

p, ul, ol, blockquote { font-size: 0.9rem; }

h1, .index-card h2 { font-size: 1.6rem; font-weight: bold; }
h2, h3 { font-weight: normal; }
h2 { color: black; }
h3 { color: black; font-size: 1.3rem; }

a { color: #9f2d46; }
a:hover { color: black; }
a:visited { color: #666; }

.page-numbers { display: inline;  margin-right: 0.5rem; }
.page-numbers li span.current { background: #9f2d46; }

.entry-content a { text-decoration: underline; }

.nopad { padding: 0; }
.end { float: left !important; }

a.button, button, input[type=button], input[type=submit], #sidebar .panel a.button, .footer-widget .panel a.button
 { text-decoration: none; background: #ac8739; font-weight: bold !important; color: white !important; }
a.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover { background: black !important; }

.featured > div > div:last-child, .grid > div:last-child { float: left !important; }

/* Banner ________________ */

.banner { background: white; padding: 1rem 0; }
.banner .details span { display: block; margin-bottom: 1rem;  }
.banner .details .contact { font-weight: bold;  font-size: 1.3rem; }
.banner .details .contact, .banner .details .contact a { color: #7b7b7b; }

.details ul.inline-list > li { margin-left: 0.75rem; }
li.twitter a, li.facebook a { background: #eaebea; padding: 0.25rem 0.5rem; }
li.twitter a i {  color: #00c4c9; line-height: 1; }
li.facebook a i { color: #3859a4; line-height: 1; }

/* center the menu */

.contain-to-grid, .top-bar, .top-bar-section ul, .top-bar-section ul li { background: none; }
.contain-to-grid .top-bar { max-width: 80rem; }


.top-bar-section ul {  list-style-type: none; text-align: center; display: block; }
.top-bar-section ul li { display: inline-block; float: none; }

/* Menu _____________ */

body > header.contain-to-grid { /* background: url(/wp-content/themes/justice/img/bg.pattern.grey.png); */ margin: 0; padding: 0 0 1rem; }

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"], .top-bar-section li:not(.has-form) a:not(.button) { 
	line-height: 1; 
	height: auto;
	}
.top-bar-section li:not(.has-form) a:not(.button) { 
background: none; color: black; 
text-transform: uppercase; color: #555; font-weight: 600; 
font-size: 0.9rem;  padding: 1rem 0.75rem; }

.top-bar-section li:not(.has-form) a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li.active:not(.has-form) > a:not(.button), .top-bar-section li:not(.has-form) ul.dropdown a:not(.button):hover, .top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover { background: #ac8739; color: white; }

.top-bar-section ul.dropdown { background: #555; font-size: 0.8rem; }
.top-bar-section li:not(.has-form) li a:not(.button) { 
	text-align: left; padding: 0.5rem 0.75rem; 
	color: white !important; text-transform: none;  
	font-weight: normal; }
.top-bar-section .dropdown li.title h5 a { line-height: 1; }

.top-bar-section li:not(.has-form) ul.dropdown a:not(.button) { font-size: 0.8rem; padding: 0.5rem 0.75rem; line-height: 1;  text-transform: capitalize; }




/* get rid of drop-down submenus */

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { display: none; }

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { display: none; }
.top-bar-section .has-dropdown > a { padding-right: 15px !important; }
.top-bar-section .has-dropdown > a:after { content: none; }


/* Main content area ________________ */


.breadcrumbs { background: none; border: none; padding: 15px 5px 0; margin-bottom: 30px; }
.breadcrumbs > * { font-size: 0.75rem;  }
.breadcrumbs a { color: #000; text-transform: none; }

.entry-content p.banner img { width: 100%; }

.standfirst { font-weight: bold; line-height: 1.5; font-size: 1.2rem; margin-bottom: 2rem; }

.post header, .page header { margin-bottom: 2rem; }

#content { border: none; padding-top: 1rem; }

/* Footer ________________ */

footer.full-width { background: #474747; color: white; }
footer.full-width a { color: #ac8739; }
footer.full-width a:hover { color: #CCC; }

footer .row { border-bottom: solid 1px #666666; padding: 1rem 0;  }
footer .row:last-child { border: none; }

footer h3 {color: white; text-transform: uppercase;  font-weight: bold; font-size: 1.2rem; }

ul#menu-footer-menu { margin-bottom: 0; }
ul#menu-footer-menu li a { color: white; font-weight: bold; }

ul.inline_tweets_ul { list-style: none; padding: 0; margin: 0; }
a.inline_tweets_avatar { display: none; }
.inline_tweets_timestamp { display: block; padding-top: 0.25rem; font-weight: bold; }

/* Sidebar & widgets ________________ */

ul.submenu a { font-size: 0.8rem; }


/* Boxes ______________________ */

.boxes { margin-bottom: 2rem !important; }

.boxes > div { background: white; }
.boxes a { text-decoration: none; color: #111; padding-top: 0.5rem; padding-bottom: 0.5rem; background: white; display: block;  }
.boxes a.green { background: #b7f1c9; }
.boxes a:hover { background: #EEE; }

.boxes .boxlabel { display: block; margin-bottom: 0.5rem; float: left; width: 100%;  }
.boxes .boxlabel span { background: #ac8739; color: white; padding: 0.25rem; font-size: 1rem; text-transform: uppercase;  }


.boxes img { margin-bottom: 0.5rem; }
.boxes a h3 { font-weight: bold;  font-size: 1.2rem; color: #00255d; }
.boxes .date { font-weight: bold; display: block; margin-bottom: 0.5rem; }


.featured .row { margin-bottom: 1.5rem; }
.featured a { text-decoration: none; display: block; }
.featured a:hover { background: #EEE; }
.featured img { margin-bottom: 1rem; }
.featured h2 { font-size: 1rem; text-transform: uppercase; font-weight: bold;  }



/* Submenu */

ul.submenu { background: white; font-weight: bold;  }

ul.submenu li.title { border-left: solid 5px #9f0937; font-size: 1.3rem;  }
ul.submenu li.title a { color: #9f0937; padding: 0.5rem 0.75rem;; }
ul.submenu li:not(.title) { margin: 0 1rem; font-size: 0.9rem;  }
ul.submenu li:not(.title) a { color: #9f2d46; }
ul.submenu ul { display: none; }
ul.submenu li.current-menu-item ul, ul.submenu li.current_page_parent ul, ul.submenu li.current_page_ancestor ul { display: block; }

ul.submenu ul { list-style: none;  margin: 0 0 0 1.25rem; padding: 0; }
ul.submenu ul li:not(.title) { margin: 0; padding: 0; }
ul.submenu ul li:not(.title) a { color: black; font-weight: normal; padding: 0; }
ul.submenu ul li:not(.title) a:hover { color: #ac8739; background: none; }



/* Home ________________________________ */

.home-banner img { width: 100%; }

.home h1 { display: none; }

.home img.main { margin-bottom: 2rem; }

.home .intro blockquote p { font-size: 1.6rem; font-style: italic; line-height: 1.2; }
.home .intro blockquote p strong { font-style: normal; }

.home .cta { border: none; border-left: #9f0937 10px solid!important; }

.cta { background: white; padding: 0.5rem 0; margin-bottom: 2rem;  }
.cta h2{ 
	line-height: 1.5;
	
	padding-left: 28px;
	color: #111;
	font-weight: normal;
	font-size: 1.4rem;
	
}

.cta .button { margin: 0; }

.home .newsevents  { background: white; }

.home .news, .home .events { margin-bottom: 1.5rem; }


.home .cycle-slideshow a { display: block; margin-bottom: 1rem;  }
.home .cycle-slideshow a:hover { background: #EEE; }

.controls a { font-weight: bold; padding: 0.25rem 0.5rem; border-right: solid 1px #333; }
.controls a:last-child { border: 0; }

.home .excerpt { line-height: 1.4; }

/* Tabs ________________ */

ul.tabs a { text-decoration: none; }
ul.tabs li.active { border: solid 1px #CCC; border-bottom: none; }
ul.tabs li.active a { font-weight: bold; }

.entry-content .accordion .accordion-navigation > a { text-decoration: none; }
ul.accordion li.accordion-navigation { clear: both; }

/* Lists ________________ */

ul.list, ul.simple, ul.logos, ul.posts { list-style: none; padding: 0; margin: 0 0 1rem; float: left; width: 100%; }
ul.list li { margin-bottom: 0.1rem; }
ul.list li a { display: block; padding: 5px; }
ul.list li a:hover { background: #EEE; }

ul.logos li { float: left; margin-right: 0.25rem; }
ul.logos li img { height: 100px; }

ul.posts {}
ul.posts li { margin-bottom: 0.5rem; border-bottom: dotted 1px #CCC; padding-bottom: 0.25rem; }
ul.posts li a { display: block; text-decoration: none;  }
ul.posts span { display: block; margin-bottom: }
ul.posts .title { font-weight: bold; }
ul.posts .date { color: black; }


.people > div, .thumbs > div { margin-bottom: 1rem; }
.people a, .thumbs a { display: block; padding: 0.25rem; text-decoration: none; color: #111; }
.people a:hover, .thumbs a:hover { background: #EEE; }
.people span, .thumbs span { display: block; margin-bottom: 0.5rem;  }
.people img, .thumbs img { margin-bottom: 0.75rem; width: 100%; }
.people .title, .thumbs .name, .thumbs .title { font-size: 1.1rem; font-weight: bold; }

.people > div:last-child, .thumbs > div:last-child { float: left !important; }




/* ShiftNav _______________________ */

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover

{ background: #ac8739 !important; }



/* MEDIA QUERIES _____________________ */


/* Small __________________ */

@media only screen { 
	
	
	
	
} /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium __________________ */

@media only screen and (min-width: 40.063em) { 
	
	.people > div:nth-child(4n+1) { clear: both; }
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large __________________ */

@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* X Large __________________ */

@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XX Large __________________ */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



/* FONT ICONS __________________ */

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }