/*! LAW REVIEW - Main Styles 2025 - v2 */

/* ==================== BASE STRUCTURE ==================== */
.hide{display:none}
ul.mag-nav{display:flex !important;flex-direction:row;flex-wrap:wrap;align-items:center;justify-self:center;width:100%}
ul.mag-nav li{flex:0 0 auto !important;min-width:75px;width:calc(25% - 6px);margin:5px 3px !important;text-align:center!important;}
ul.mag-nav li:nth-of-type(2),ul.mag-nav li:nth-of-type(3){order:2}
/*ul.mag-nav li:nth-of-type(4),ul.mag-nav li:nth-of-type(5){order:4}*/
ul.mag-nav li:has(a[href*="search"]) {order: 6;}
ul.mag-nav li.mag-logo{order:1;min-width:calc(100% - 20px)}
ul.mag-nav a{display:block;width:calc(100% - 10px);padding:5px 5px;font-weight:bold;text-decoration:none;word-wrap:normal;overflow-wrap:normal}
ul.mag-nav a:hover,ul.mag-nav a:focus{background-color:#dadfe1}
.breadcrumb{display:inline-block !important}
@media only screen and (min-width:765px){
ul.mag-nav{flex-wrap:nowrap;max-width:1650px}
ul.mag-nav li{width:calc(20% - 95px);margin:5px 0px !important}
ul.mag-nav li.mag-logo{order:3;min-width:auto}
ul.mag-nav a{width:calc(100% - 20px);padding:15px 10px}}
.left{float:left}
main:not(.home) h1:before{display:none}
body{background:#00205c!important;}
#menu-toggle{display:none!important;}
p.footer-contactus {display: inline-block;box-sizing: border-box;max-width: 360px;width: 100%;padding: .8em 5% .6em 5%;font-size: 1.2em;line-height: 1.1em;letter-spacing: .03em;
text-align: center;text-transform: uppercase;text-decoration: none;transition: all 350ms;padding: 20px;border: 1px solid #fff;}
ul li:before {color: #fff!important;}

.footer-header div.wordmark a {
	margin: 5px auto!important;
}
.footer-header div.wordmark a:hover {
    color: transparent !important;
}
@media only screen and (min-width: 960px) {
    .footer-extras{flex: 1!important;}
}
a:not(.noicon)[href^=http]:after,
a:not(.noicon)[href^=https]:after {

/* Replace background-image with mask */
mask: url(../images/external-link-alt-solid.svg) center/contain no-repeat !important;
-webkit-mask: url(../images/external-link-alt-solid.svg) center/contain no-repeat !important;
/* THIS is your icon color */
background-color: #fff !important; 
}
 

/* ==================== TYPOGRAPHY ==================== */
body,p,li,span,div,main,article,section{
  font-family:"Garamond","Adobe Garamond Pro",serif !important;
  font-weight:400;color:#fff!important;line-height:1.6;text-align: left !important;
}
section a{  font-family:"Garamond","Adobe Garamond Pro",serif !important;font-weight:400;color:#fff;line-height:1.6;}
section a:hover{font-family:"Garamond","Adobe Garamond Pro",serif !important;color:#e6e6e6!important;}
h1,h2,h3,h4,h5,h6,
.law-review-impact-text,
ul.mag-nav a,.dropdown-menu li a{
  font-family:"Times New Roman",Times,serif !important;
  font-weight:700;letter-spacing:.02em;color:#00205c!important;
}
.law-review-impact-text{font-size:5.8rem;text-align:center!important;font-weight:700;margin-bottom:10px;}
.law-review-impact-text a{color:#00205c!important;text-decoration:none!important;}
.law-review-impact-text a:hover {background-color: #dadfe1;padding: 15px 10px;}
p, li, td, address, div.button {font-size: 1.9rem!important;}
h1,h2,h3,h4,h5,h6,p, li, td, address{color:#fff!important;margin-bottom: 1.9rem!important;}
footer .siteinfo p.heading {color: #00205c !important; font-weight:normal !important;font-size:2.5rem!important;}
.copyright .copyright-text,
.copyright .copyright-text *,
.copyright ul li,
.copyright ul li a {font-family: "PT Sans", Arial, sans-serif !important;color: #fff !important;text-decoration:none!important;}
.copyright p a:hover, .copyright ul li a:hover {text-decoration:underline!important;}
.copyright #directedit a:hover {text-decoration: none !important; cursor: text;color:#fff!important;}
div.half a, div.quarter a, div.third a, div.twothirds a,  div.full a{color: #fff !important;}
div.half a:hover, div.quarter a:hover, div.third a:hover, div.twothirds a:hover, div.full a:hover{color: #e6e6e6!important;}
div.volume-issue a {color:#fff!important;text-decoration:underline!important;}
div.volume-issue a:hover {color: #fff !important;text-decoration:none !important;}
div.volume-issue span {color:#fff!important;}
div.author {color:#fff!important;text-align:center!important;font-size: 1.9rem !important;}
header.volume-meta h1{padding-left:0px!important;display:block!important;text-align:center!important;} 
@media only screen and (min-width: 800px) {header{padding-left: 0px!important;}}
header {display: block;}
section h2 a, section h2 a:hover {font-family: "Times New Roman", Times, serif !important;color:#fff!important;}
h2 a:not(.noicon):hover, h2 a.linkarrow:hover, h3 a:not(.noicon):hover, h3 a.linkarrow:hover, h4 a:not(.noicon):hover, h4 a.linkarrow:hover, h5 a:not(.noicon):hover, h5 a.linkarrow:hover, h6 a:not(.noicon):hover, h6 a.linkarrow:hover, .h1 a:not(.noicon):hover, .h1 a.linkarrow:hover, .h2 a:not(.noicon):hover, .h2 a.linkarrow:hover, .h3 a:not(.noicon):hover, .h3 a.linkarrow:hover, .h4 a:not(.noicon):hover, .h4 a.linkarrow:hover, .h5 a:not(.noicon):hover, .h5 a.linkarrow:hover, .h6 a:not(.noicon):hover, .h6 a.linkarrow:hover{text-decoration: none;text-shadow:none!important;background-image: linear-gradient(to right, currentColor 0%, currentColor 0%);text-decoration:none!important;}
main:not(.home) article.law-review-article {text-align:center!important;}
div.results-container h3 a{color:#fff!important; }
div.results-container h3 a:hover {text-decoration:underline;}
div.results-container div.author {text-align:left!important;}
div.masthead-header div.masthead-header  h1, div.masthead-header h2, div.masthead-header  h3, div.masthead-header h4, div.masthead-header h5, div.masthead-header h6, div.masthead-header p, div.masthead-header li, div.masthead-header td, div.masthead-header address {color: #00205c!important;}
/* ==================== NAVIGATION DESKTOP ==================== */
.row.bkg-grey1{background:#fff;padding:20px 0;}
ul.mag-nav{display:flex;justify-content:center;align-items:flex-start;gap:10px;list-style:none;padding:0;margin:0;position:relative}
.mag-nav li{position:relative}
.mag-nav li a{color:#00205c;font-size:1.4rem !important;text-decoration:none;font-weight:600;padding:10px 0;display:inline-block;transition:color .3s ease}
.mag-nav li a:hover,.mag-nav li a:focus{color:#b75200}
.mag-nav .caret{border-top:7px solid #b75200;border-left:5px solid transparent;border-right:5px solid transparent;display:inline-block;margin-left:8px;vertical-align:middle}

/* ==================== DROPDOWN MENU (STACKED LINKS, FIXED WIDTH) ==================== */
.dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + -3px); 
  left: 0;
  background: #fff;
  border: 1px solid #dadfe1;
  min-width: 220px;
  max-width: 240px;
  z-index: 1000;
  text-align: left;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  flex-direction: column !important;
  border-radius: 2px;
  overflow: hidden;  
}

.dropdown-menu li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
}

.dropdown-menu li a {
  display: block !important;
  width: 100% !important;
  padding: 5px 10px !important;
  text-align: left !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 1.4rem !important;  
  font-weight: 600 !important; 
  color: #00205c !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  background: #fff !important;
  transition: background 0.3s ease, color 0.3s ease;
  box-sizing: border-box;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  background: #dadfe1 !important;
  color: #b75200 !important;
}

/* Proper dropdown reveal */
.dropdown:hover .dropdown-menu {
  display: flex !important;
  animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==================== SOCIAL ICONS (DESKTOP) ==================== */
.social-icons{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;
  position:absolute;right:30px;top:50%;transform:translateY(-50%)
}
.social-icons a.noicon{text-decoration:none;color:#00205c;transition:color .3s}
.social-icons a.noicon:hover{color:#b75200}
.social-icons svg{width:22px;height:22px;fill:currentColor}

/* Hide global Modern Campus nav */
nav.mainnav{display:none}
@media only screen and (min-width:800px){.skipnav{display:none}}

/* ==================== MOBILE MENU ==================== */
@media only screen and (max-width:768px){

  /* header bar */
  .row.bkg-grey1{
    background:#001c54 !important;
    border-bottom:3px solid #b75200 !important;
    padding:0 !important;
    position:relative !important;
  }

  /* title */
  .law-review-impact-text{
    font-size:2.1rem !important;
    color:#00205c !important;
    text-align:left !important;
    padding:12px 10px !important;
    border-bottom:1px solid rgba(255,255,255,0.2) !important;
    background:#fff !important;
  }

  /* hamburger */
  .menu-icon{
    display:block !important;
    position:absolute !important;
    right:15px !important;
    top:14px !important;
    width:30px;height:24px;cursor:pointer;z-index:1500;
  }
  .menu-icon span{
    background:#00205c !important;
    height:3px;margin:5px 0;display:block;transition:0.3s;
  }
  .menu-toggle{display:none}
  .menu-toggle:checked + .menu-icon span:nth-child(1){
    transform:rotate(45deg) translate(5px,5px);
  }
  .menu-toggle:checked + .menu-icon span:nth-child(2){opacity:0;}
  .menu-toggle:checked + .menu-icon span:nth-child(3){
    transform:rotate(-45deg) translate(7px,-6px);
  }

  /* nav container collapsed */
  ul.mag-nav{
    display:none !important;
    flex-direction:column !important;
    width:100% !important;
    background:#001c54 !important;
    margin:0;padding:0;
    border-top:3px solid #b75200 !important;
    gap:0 !important;
  }
  .menu-toggle:checked ~ ul.mag-nav{display:flex !important;margin-top:-10px!important;}

  /* top-level links */
  ul.mag-nav li{
    width:100% !important;
    border-bottom:1px solid rgba(255,255,255,0.1);
    text-align:left !important;
    margin:5px 0 !important;
  }
  ul.mag-nav li > a{
    color:#fff !important;
    display:block !important;
    width:100% !important;
    padding:15px 20px !important;
    font-size:1.5rem !important;
    font-weight:600;
    text-decoration:none;
    text-transform:uppercase;
  }
  ul.mag-nav li > a:hover{
    background:#b75200 !important;
    color:#fff !important;
  }

  ul.mag-nav ul.dropdown-menu li > a{
    color:#00205c !important;
  }
  ul.mag-nav ul.dropdown-menu li > a:hover{
    background:#fff !important;
    color:#b75200 !important;
  }

  /* caret white */
  .caret{border-top:7px solid #fff !important;}

  /* dropdowns inside mobile – full width, same blue on white style */
  .dropdown-menu{
    display:none !important;
    position:static !important;
    background:#fff !important;
    border:none !important;
    box-shadow:none !important;
    width:100% !important;
    max-width:none !important;
    left:0 !important;
    right:0 !important;
    padding:0 !important;
    margin:0 !important;
  }
  .dropdown.open .dropdown-menu,
  .dropdown:focus-within .dropdown-menu{
    display:block !important;
  }
  .dropdown-menu li{
    border-bottom:1px solid #eaeaea;
  }
  .dropdown-menu li a{
    display:block !important;
    padding:12px 25px !important;
    color:#00205c !important;
    background:#fff !important;
    font-size:1.3rem !important;
    font-weight:500 !important;
  }
  .dropdown-menu li a:hover{
    background:#f2f4f7 !important;
    color:#b75200 !important;
  }

  /* ==================== SOCIAL ICONS ROW ==================== */
  /* Drop below all menu items, white background, centered */
  ul.mag-nav li.social-icons{
    order:999 !important;               
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    margin:0 !important;
    padding:15px 0 !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:center !important;
    background:#fff !important;        
    border-top:1px solid #eaeaea !important;
    gap:25px !important;
  }
  .social-icons a.noicon{
    color:#001c54 !important;         
    text-decoration:none !important;
  }
  .social-icons a.noicon:hover{
    color:#b75200 !important;
  }
  .social-icons svg{
    fill:currentColor !important;
    width:22px !important;
    height:22px !important;
  }
  .grid_1col {
	margin-bottom:-10px!important;	
  }
  .social-icons a.twitter {text-align:right;}
	
  .social-icons a.linkedin {text-align:left;}
	
  .siteinfo.address, .siteinfo.address p {text-align: center !important;}
	
  .footer-main {margin-bottom: 0px!important;}
  
	.siteinfo div p {text-align: center !important;}
	
	footer .siteinfo {padding: 40px 40px 0px 40px!important;}
	
	.grid_1col, .grid_2col, .grid_3col, .grid_4col, .grid_5col, .grid_6col, .grid_7col, .grid_8col, .grid_half_quarter_quarter {grid-gap: 40px;}

}

/* ====== MASTHEAD CONTAINER ====== */
.masthead {
  background-color: #fff;
  margin-top: 80px;
  padding: 20px 40px;
  box-sizing: border-box;
  overflow: hidden;
  max-width: 100%;
}

/* ====== Header Text ====== */
.masthead-header {
	text-align:center!important;
}
.masthead-header h1 {
  color: #00205c !important;
  margin-bottom: 0.3em;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.masthead-header p {
  color: #231f20 !important;
  margin: 0;
  font-size: 1rem;
}

/* ====== Section Headings (Centered Divider – FIXED) ====== */
h2.heading-divider {
  display: flex;                 /* full-width flex row */
  align-items: center;
  justify-content: center;
  gap: 20px;                     /* space between text and lines */
  width: 100%;
  text-align: center;
  color: #231f20 !important;
  font-weight: 700;
  margin: 40px 0 30px 0;
  font-size: 2rem;
  line-height: 1.1;
}

h2.heading-divider::before,
h2.heading-divider::after {
  content: "";
  flex: 1;  /* lines take up remaining width equally */
  height: 1px;
  background-color: #939393;
}

/* ====== Two-Column Section ====== */
.section-row.grid_2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin: 0 auto 25px auto;
  max-width: 100%;
}

.section-row.grid_2col .half {
  flex: 1 1 300px;
  min-width: 280px;
  text-align: center;
}

/* ====== Three-Column Section ====== */
.section-row.grid_3col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 0 auto;
  max-width: 100%;
}

.section-row.grid_3col .third {
  flex: 1 1 220px;
  min-width: 200px;
  text-align: center;
}

/* ====== Paragraphs & Text ====== */
.section-row p {
  color: #231f20 !important;
  margin: 0.1em 0;   /* tight vertical spacing */
  line-height: 1.2;  /* tighter line spacing */
  font-size: 1rem;
}

/* ====== Titles (em + strong combo) ====== */
.section-row p em strong,
.section-row p strong em {
  font-style: italic;
  font-weight: bold;
  display: inline;  /* keeps <br> tight */
  margin: 0;
  padding: 0;
  color: #231f20;
}

/* ====== Names Below Titles ====== */
.section-row p br + br {
  margin-top: 4px;
}

.section-row p:not(:has(em)) {
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Slight spacing between editor entries */
.section-row .half p,
.section-row .third p {
  margin-bottom: 0.6em;
}

/* ====== Responsive Adjustments ====== */
@media (max-width: 768px) {
  .section-row.grid_2col,
  .section-row.grid_3col {
    flex-direction: column;
    align-items: center;
  }

  .section-row.grid_2col .half,
  .section-row.grid_3col .third {
    flex: 1 1 100%;
    max-width: 500px;
  }
}

.submissions a {
	color:#fff!important;
}

/* ===== SOCIAL ICONS IMPROVEMENTS ===== */
/* Desktop: Match nav item height - NO SHIFTING ON HOVER */
@media only screen and (min-width:769px){
  ul.mag-nav li.social-icons {
    flex: 0 0 auto !important;
    position: absolute !important;
    top: 0 !important;
    right: 20px !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    z-index: 5000 !important;
    height: 100% !important;
    box-sizing: border-box !important;
  }

  /* Social icon links - match nav link styling exactly */
  ul.mag-nav li.social-icons a.noicon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 8px !important;
    text-decoration: none !important;
    color: #00205c !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    border-radius: 3px !important;
    line-height: 1 !important;
  }

  ul.mag-nav li.social-icons a.noicon:hover {
    background-color: #dadfe1 !important;
    color: #b75200 !important;
  }

  .social-icons svg {
    fill: currentColor !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    display: block !important;
  }
}

/* === FINAL VISUAL MATCH: Centered + Tight Spacing === */

/* Mobile view — full-width white row centered at bottom */
@media only screen and (max-width:768px){
  ul.mag-nav li.social-icons {
    order:999 !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 0 !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:center !important;
    background:#fff !important;
    border-top:1px solid #eaeaea !important;
    gap:8px !important;
  }
  .social-icons a.noicon {
    color:#00205c !important;
    text-decoration:none !important;
	text-align:center!important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 8px !important;
    border-radius: 3px !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    line-height: 1 !important;
  }
  .social-icons a.noicon:hover { 
    background-color: #e8e8e8 !important;
    color: #b75200 !important; 
  }
  .social-icons svg {
    fill:currentColor !important;
    width:20px !important;
    height:20px !important;
    display: block !important;
  }
}

/* === ACCESSIBLE VISUALLY HIDDEN TEXT FOR SOCIAL ICON LABELS === */
.social-icons span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ==================== FOOTER ==================== */

footer {
	margin-top:0px!important;
    background-color: #fff!important;
}
.footer-law-review {
    background-color: #fff!important;
}
.footer-main {
	margin-top:50px!important;
	margin-bottom:50px!important;
}

.footer-header {
	background-color:#00205c !important;;
	text-align:center;
	padding: 40px 20px 20px 20px !important;
}
.footer-header h1 {
	color:#fff;
	font-size:3.5rem!important;
	margin-bottom: 0rem!important;
	margin-top: 0rem !important;
}
.copyright {
    padding: 20px;
    color: #00205c !important;
    text-align: center;
    background-color: #191919;
}
.siteinfo div p {
	color:#00205c !important;
	font-family: "PT Sans", Arial, sans-serif!important;
}

.siteinfo.address,
.siteinfo.address p{
	color:#00205c !important;
    margin-bottom: 0rem !important;
	font-family: "PT Sans", Arial, sans-serif!important;
	
}
.siteinfo.address p a {
    color: #00205c !important;
    margin-bottom: 0rem !important;
    font-family: "PT Sans", Arial, sans-serif !important;
    text-decoration: underline !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
.siteinfo.address p a:hover {
    color: #b75200 !important;
    text-decoration: underline !important;
}
footer ul.social.horizontal li a {
    color: #00205c !important;
    background-color: transparent!important;
}
ul.social.horizontal li a {
    background-color:transparent!important;
}
.svg-inline--fa {
    height: 1.9em!important;
}
.siteinfo.address address {
	margin-bottom:0rem!important;
	font-family: "PT Sans", Arial, sans-serif!important;
	color:#00205c !important;
}
ul.horizontal {
    display: table;
    margin: 0;
    padding-left: 0;
}
footer .footerlist .footerlist-drawer {
    width: 100%!important;
}
@media only screen and (min-width: 960px) {
    footer .siteinfoseal {
        margin: 0!important;
    }
}
@media only screen and (min-width: 1120px) {
    .footer-main .footer-site .siteinfo {
        text-align: left !important;
    }
}
div.widget.impact:not(.w-gallery) {
    display: none;
}
.accordion:not(.faq) div.ui-accordion-header {
    border-left: 0px solid #f8f8f8;
    text-align: center;
    border-bottom: 1px solid #fff !important;
}
.accordion:not(.faq) div.ui-accordion-header:hover
 {
    border-left: 0px solid #003988!important;
}
.accordion:not(.faq) div.ui-accordion-header {
    border-left: 0px solid #f8f8f8;
    text-align: center;
    border-bottom: 1px solid #fff !important;
}
.accordion:not(.faq) div.ui-accordion-header {
    background-color: transparent!important;
    border-left: 0px solid #f8f8f8;
}
.accordion:not(.faq) div.ui-accordion-header {
    color: #fff!important;
    font-size: 3rem;
    border-left: 0px solid #f8f8f8!important;
}
.accordion:not(.faq) div.ui-accordion-header[aria-selected=true] {
    border-left: 0px solid #b75200!important;
}
.accordion .ui-accordion-content {
    text-align: center!important;
}

.accordion:not(.faq) .ui-accordion-header {
    position: relative;
    padding-right: 60px !important; /* space for the circle */
}

.accordion:not(.faq) .ui-accordion-header::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    
    width: 36px;
    height: 36px;
    border-radius: 50%;
    
    background-color: #b75200; /* Pepperdine orange - UPDATED FOR ACCESSIBILITY */
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;

    transition: transform 0.2s ease-in-out;
}
#law-review form select {
    color: #fff!important;
    font-weight: 700;
    border: none;
    outline: none;
    background-color: #0078b0;
    border-radius: 0 5px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
}
#law-review .bkg-blue {
      padding: 20px 0 0 0!important;
}
.bkg-blue div {
	color: #00205c!important;
}
#law-review form label svg {
    padding: 7px 2px 8px 8px;
    color: #fff;
    font-size: 13px;
    background-color: #0078b0;
    border-radius: 5px 0 0 5px;
}
#law-review .flex-row.center > .threequarters {
    margin: 0 auto 40px auto !important;
}
#law-review  input {
    width: calc(100% - 40px);
    margin: 0 0 10px 0;
    padding: 15px;
    border: 1px solid #00205c;
}
main:not(.home) h1:before, main.home h2:before {
    background-color: transparent!important;
}
#law-review  a.clear-filter {
    display: inline-block;
    margin: 10px 0;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #fff!important;
}
article .button a {
    display: inline-block;
    box-sizing: border-box;
    max-width: 360px;
    width: 100%;
    padding: 20px;
    font-size: 1.2em;
    line-height: 1.1em;
    letter-spacing: .03em;
    color: #003988;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #003988;
    transition: all 350ms;
	padding: 20px;
}
article .button a:hover {color:#b75200!important;background-color: #fff !important;}
article.law-review-volume p, li, span, div, main, article, section {
	text-align:center!important;
}
div.submissions p, li, span, div, main, article, section{text-align: left !important;}
.volume-issue{
	margin-bottom:40px!important;
	margin-top:30px!important;
	text-align:left!important;
}

/* ===== ARTICLE TILE LINK STYLES (whole tile clickable) ===== */
/* Make the tile container a proper link wrapper */
div.quarter.w-border {
	border: 1px solid #fff !important;
	padding: 20px !important;
	margin-bottom: 20px;
	display: flex !important;
	flex-direction: column !important;
	color: #fff !important;
	width: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
	transition: background-color 0.2s ease !important;
	background-color: transparent !important;
	min-height: auto !important;
}

/* Hover effect on the tile */
div.quarter.w-border:hover {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Heading styles */
div.quarter.w-border h3 {
	color: #00205c !important;
	margin: 0 0 15px 0 !important;
}

/* Horizontal rule - proper spacing */
div.quarter.w-border hr {
	border: none !important;
	border-top: 1px solid #ccc !important;
	margin: 15px 0 !important;
	padding: 0 !important;
	height: 0 !important;
}

/* All paragraphs in tile */
div.quarter.w-border p {
	color: #231f20 !important;
	margin: 0 0 8px 0 !important;
	line-height: 1.4 !important;
}

/* Title link paragraph - make clickable */
div.quarter.w-border p:first-of-type {
	margin: 0 0 0 0 !important;
}

/* Title link itself */
div.quarter.w-border p a {
	display: inline !important;
	color: #00205c !important;
	text-decoration: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: color 0.2s ease !important;
	width: auto !important;
}

div.quarter.w-border p a:hover {
	color: #b75200 !important;
	text-decoration: underline !important;
}

/* Bottom info paragraph (author, published, volume) */
div.quarter.w-border p:last-of-type {
	color: #231f20 !important;
	margin-top: 10px !important;
	font-size: 0.9rem !important;
}

/* Mobile adjustments */
@media only screen and (max-width: 768px) {
	div.quarter.w-border {
		padding: 15px !important;
		margin-bottom: 15px;
	}
	.volume-issue {
		margin-bottom: 25px !important;
		margin-top: 20px !important;
	}
}
.meta-sep{color:#fff!important;}
.sep{display:none;}
a:not(.noicon)[href^=http]:after, a:not(.noicon)[href^=https]:after {display:none!important;}

/* ===== A11Y FIX: Wordmark/logo contrast (keep master logo + solid background) ===== */

/* Keep a SOLID background behind the logo for scanners */
header .wordmark,
header .wordmark a {
  background-color: #00205c !important;  /* navy behind the SVG logo */
}

/* DO NOT show visible text (master uses bg-image for logo) */
header .wordmark a {
  color: transparent !important;         /* keep text from rendering */
  text-decoration: none !important;

  /* modern visually-hidden technique for background-image links */
  overflow: hidden !important;
  white-space: nowrap !important;
  text-indent: 150% !important;
}

/* Prevent your global hover/focus background from changing the logo area */
header .wordmark a:hover,
header .wordmark a:focus,
header .wordmark a:focus-visible {
  background-color: #00205c !important;
  outline-offset: 2px;
}
div.submissions .section-row p {color: #fff !important;}

/* Stack filters vertically on mobile */
@media only screen and (max-width: 768px) {
  #law-review form {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
    gap: 0 !important;
  }

  /* Each filter row */
  #law-review form label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    gap: 0 !important;
  }

  /* Icon styling */
  #law-review form label svg {
    padding: 8px 2px 8px 8px !important;
    color: #fff !important;
    background-color: #0078b0 !important;
    border-radius: 5px 0 0 5px !important;
    flex-shrink: 0 !important;
  }

  /* Select button */
  #law-review form select {
    color: #fff !important;
    font-weight: 700 !important;
    border: none !important;
    outline: none !important;
    background-color: #0078b0 !important;
    border-radius: 0 5px 5px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    flex: 1 !important;
    padding: 10px 12px !important;
    width: auto !important;
    margin-left: -1px;
  }

  /* Search input */
  #law-review input {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #00205c !important;
    box-sizing: border-box !important;
  }

  /* Clear button */
  #law-review a.clear-filter {
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 10px 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    border: 1px solid #0078b0 !important;
    box-sizing: border-box !important;
  }
	/* Icon styling */
	#law-review form label svg {
		padding: 8px 2px 8px 8px !important;
		color: #fff !important;
		background-color: #0078b0 !important;
		border-radius: 5px 0 0 5px !important;
		flex-shrink: 0 !important;
		border: none !important;
		outline: none !important;
	}

	/* Remove border from label */
	#law-review form label {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		margin-bottom: 12px !important;
		gap: 0 !important;
		border: none !important;
}
}
/* Hide disabled Previous button but keep space */
ul.pagination li.disabled {
	visibility: hidden !important;
	pointer-events: none !important;
}
ul.breadcrumb li:after {
    content: "/";
    padding: 0 5px 0 8px;
    color: #fff!important;
}
.breadcrumb a {color: #fff !important;text-decoration: none;}