/* Globals _____________________ */

a:hover { opacity: 0.8; } 

.wp-template {
    position: fixed;
    left: 10px;
    top: 100px;
    z-index: 11;
    font-weight: bold;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #000;
    color: #fff;
}

.wp-template span {
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
   }

.gold, .et-pb-icon { color: #d7a31a; }

.et-pb-icon { font-size: 64px; }

#main-header .nav li ul a { color: #00417a !important; }

p:not(.has-background):last-of-type { padding-bottom: 1em; }



/* Lists & grids ___________________________ */


.tecbar-rules .et_pb_text_inner ol {  } 
.tecbar-rules .et_pb_text_inner ol li { margin-bottom: 0.25rem; }
.tecbar-rules .et_pb_text_inner ol ol { list-style-type: lower-alpha; margin-bottom: 0; }
.tecbar-rules .et_pb_text_inner ol ol ol { list-style-type: lower-roman; }  


.tecbar-privacy .et_pb_text_inner ol { list-style-position: outside; } 
.tecbar-privacy .et_pb_text_inner ol li { margin-bottom: 0.25rem; }
.tecbar-privacy .et_pb_text_inner ol ol { margin-bottom: 0; }
.tecbar-privacy .et_pb_text_inner ol ol ol { list-style-type: lower-alpha; }   



ul.simple { padding: 0; margin: 0 0 1.5rem; }


.et_pb_text_inner ul, .et_pb_text_inner ol { margin: 0 0 1.5rem; padding: 0 0 0 1.5rem; }
.et_pb_text_inner &gt; ul &gt; li, .et_pb_text_inner &gt; ol &gt; li { margin-bottom: 0.5rem; }


/* ADR filters  ________________________________________________________ */

.adr-filter {  padding-bottom: 1rem; border-bottom: solid 2px #00417a; margin-bottom: 1rem; }
.adr-filter a { display: inline-block; }

.adr-filter label { font-weight: bold; margin-right: 0.5rem; }
.adr-filter select { font-size: 1.1rem; padding: 0.25rem 0.5rem; }

a#filteranchor {
	display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

/* MemberPress  ________________________________________________________ */

.mepr-account-subscr-id { display: block; }


.mp_wrapper table.mepr-account-table th:nth-child(6), .mp_wrapper table.mepr-account-table td[data-label="Card Expires"] { display: none; }

a.mepr-account-update, a.mepr-account-cancel, a.mepr-account-purchase  { 
	background: black; color: white; padding: 0.5rem; 
	display: inline-block; margin-right: 0.25rem; 
	}
a.mepr-account-update { background: blue; }
a.mepr-account-cancel  { background: red; }
a.mepr-account-purchase { background: green; }  

.mepr-nav-item.mepr-subscriptions, .mepr-nav-item.mepr-payments { display: none; }



/* People ________________________________________________________ */

.people { float: left; width: 100%; }

.person {  border-bottom: solid 1px #CCC; padding-bottom: 0.75rem; }

 .person span { display: block;  margin-bottom: 0.5rem; }

 .person img { float: right; margin: 0 0 1rem 1rem; width: 100px;  }
 .person .name { font-weight: bold; margin-bottom: 0.5rem; }
 .person .role {   color: #999; }  

.person .chambers { font-weight: bold; margin-bottom: 1rem; }


/* Events _____________ */

.css-events-list table.events-table td { padding: 6px 24px; }



/* Directory ________________________________________________________ */

div.dud_line_1, div.dud_line_2 { display: inline-block; }

.dir-listing-text-no-avatar { letter-spacing: 0 !important; } 





/* MEDIA QUERIES _____________________ */


/* Small __________________ */

@media only screen { 
	
	.person { display: block; width: 100%; margin-bottom: 0.75rem; }
	.person .name { font-size: 1.3rem; }
	.person .chambers { font-size: 1.1rem; }
	
} /* 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) {
	
	ul.twocol { column-count: 2; }
	ul.threecol { column-count: 2; } 
	
	
	.person { float: left; width: 45%; margin-right: 5%;  }
	.person:nth-child(2n+1) { clear: both; }
	.person .name { font-size: 1.3rem; }
	.person .chambers { font-size: 1.1rem; }
	
	 } /* 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) {
	
	ul.threecol { column-count: 3; } 
	
	.person .name { font-size: 1.6rem; }
	.person .chambers { font-size: 1.3rem; }
	
	 } /* 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 */