@import url("../../reverie-master/css/style.css");
/* This is the Sass/Scss file loaded by WordPress in frontend.
 * Tweak it and have fun.
 */
 
 
body {
  background: white;
  color: #222;
  font-family: "myriad-pro", 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75rem;
font-family: "myriad-pro", 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

 }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #111; }

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

h1.entry-title { font-size: 1.6rem;  color: black; font-weight: 600; font-family: Arial, Helvetica, sans-serif; }
.single h1.entry-title { color: #2cb7d4;  font-weight: normal; font-size: 1.3rem; }
h2 { color: #2cb7d4;  font-size: 1.3rem; font-weight: normal; }
h2.date { color: #9E9E9E;  margin-bottom: 0; font-size: 1rem; }
.home h2 { color: #2cb7d4; }
h2.widgettitle { margin-bottom: 0.75rem; }
h2 a { color: #2cb7d4; }

h3 { color: #2cb7d4;  font-size: 1.1rem; font-weight: bold; }
.blob h3 { color: black; text-transform: uppercase; font-size: 1rem; }
h4 { color: black; font-size: 1rem; font-weight: bold; }

a { color: black; }
a:hover { text-decoration: underline; }

.entry-content a, .toolbar a, .showhide a, #sidebar a  { color: #2cb7d4; text-decoration: none; }
.entry-content a:hover, .toolbar a:hover, .showhide a:hover { color: black; text-decoration: underline; }

button, a.button, .button { background: #EEE; color: black; }
button:hover, a.button:hover, .button:hover { background: #DDD; text-decoration: none; color: black; }

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

/* Banner ________________ */

.upper-banner { padding: 1rem 0; }

body > header.contain-to-grid { margin-bottom: 1rem; }

.contact ul a { text-transform: uppercase; color: black; font-weight: bold; }

.contain-to-grid, .top-bar, .top-bar-section ul { background: none; }
.top-bar-section li:not(.has-form) a:not(.button) { background: none; color: black; text-transform: uppercase; font-weight: bold; padding: 0 8px !important; font-size: 0.9rem; }
.top-bar-section li:not(.has-form) a:hover { color: #1eb7d6;  background: none !important; }

input#s { border-color: #AFAFAF; border-radius: 2px;  background: url(/wp-content/themes/3rb/img/icons/search.png) no-repeat right; 
	box-shadow: none;
	background-size: 24px 24px;
}

/* center the menu */

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

/* get rid of drop-down submenus */

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

/* Hide the Contact link from the main menu */

.top-bar-section ul li:last-child { display: none; }

/* style the menu */

.top-bar-section li:not(.has-form) a:not(.button) { padding: 0 0.75rem !important; }
.top-bar-section li.active:not(.has-form) a:not(.button) { color: #2cb7d4; }


/* Main content area ________________ */


.fade { background: url(/wp-content/themes/3rb/img/gradient.jpg) repeat-x top left; }

.breadcrumbs {  border: none; 
	padding: 1rem 0.9375rem; 
	margin-bottom: 1.5rem;
	background: none;
	}
	
	
.breadcrumbs > * { font-size: 0.75rem;  }
.breadcrumbs a { color: #2cb7d4; text-transform: none; }
.breadcrumbs a:last-child { color: #999; }

img.wp-post-image { width: 100%; }

#content { border: none; padding-top: 0; background: none; }

.single .post header { margin-bottom: 0.75rem; }

#main { padding-bottom: 2rem; }

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


/* Footer ________________ */

#footer { border: none; background:  #0197bc; padding-top: 0.75rem;  }
#footer p { margin-bottom: 0.5rem; color: white; }
#footer a { color: white; text-decoration: underline;  }


/* Sidebar & widgets ________________ */


ul.submenu {}
ul.submenu li { padding: 0.25rem 0; border-bottom: solid 1px #EEE;  }
ul.list.submenu li a { color: #2cb7d4; padding: 0; }
ul.list.submenu li a:hover { background: none; color: black; }
ul.submenu li.title {  }
ul.submenu li.title a, ul.submenu li.current-menu-item  a { color: black; }
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; }

#sidebar .widget { margin-bottom: 1rem; }

#sidebar .testimonial, .quicklook { padding: 0.75rem; margin-bottom: 1.5rem; font-size: 0.9rem; width: 95%;

background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 70%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 70%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 70%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 70%);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 70%);

-moz-box-shadow: 4px 4px 5px #999;
-webkit-box-shadow: 4px 4px 5px #999;
box-shadow: 4px 4px 5px #999;
	
	 }
#sidebar .testimonial span, .quicklook span { display: block; margin-bottom: 0.25rem;  }
#sidebar .quote { font-style: italic; line-height: 1.4;  margin-bottom: 1rem; }
#sidebat .quote p { margin: 0; }
#sidebar .source { text-align: right; }

.quicklook span.name { font-weight: bold; color: #2cb7d4;  }
.quicklook img { margin-bottom: 0.75rem; }


.set-logos a:first-child { margin-right: 10px; }
.set-logos img { height: 120px; }

.cba img { width: 150px;}


/* Home ________________________________ */


.home .wp-post-image { margin-bottom: 2rem; }

.home #content header { display: none; }

.home .widget ul { list-style: none; padding: 0; margin: 0; }
.home .widget ul li { padding: 0.25rem 0; border-bottom: solid 1px #EEE;  }
.home .widget ul li a { color: black; font-size: 0.9rem;  }

.home #slide { position: relative; width: 100%;  }
.home #slide img { position: absolute; left: 0; top: 0;  }
.home .caption { z-index: 999; position: absolute; width: 40%;  
	/* background: black; opacity: 0.75; padding: 0.5rem; */ 
font-size: 1.6rem;  color: white; font-weight: normal; line-height: 1.2; display: none; }

.home .caption.topleft { top: 50px; left: 50px; text-align: left; }
.home .caption.bottomleft { bottom: 50px; left: 50px; text-align: left; }
.home .caption.topright { top: 50px; right: 50px; text-align: right; }
.home .caption.bottomright { bottom: 50px; right: 50px; text-align: right; }

.home .featured { clear: both; }



/* Lists ________________ */

ul.list, ul.simple, ul.logos, ul.icons { list-style: none; padding: 0; margin: 0 0 1rem; float: left; width: 100%; }
ul.list li, .feed > div { padding: 0.25rem 0; border-bottom: dotted 1px #CCC;  }
ul.list li a { display: block; text-decoration: none;  color: black; }
ul.list li a:hover { color: #666; text-decoration: underline; }

ul.simple li { line-height: 1.4; }

ul.icons li { margin-bottom: 0.25rem; }

.sidebar .logos { }
.logos img { width: 75px; margin-bottom: 1rem; }

ul.split3 { width: 30%; margin-right: 2%; float: left; }


a.item { font-size: 0.9rem; padding-bottom: 0.75rem;  margin-bottom: 0.75rem; display: block;  border-bottom: solid 1px #EEE; margin-bottom: 0.5rem; }
a.item span { display: block; }
a.item:hover { color: black; text-decoration: underline; }

.feed a.title { display: block; margin-bottom: 0.5rem; }
.feed span.date { display: block; color: #9E9E9E; font-size: 0.8rem; margin-bottom: 0.25rem; }

ul.indent { padding: 0 0.75rem; }

.people { margin-bottom: 1rem; font-size: 0.9rem;  }
.people > div { margin-bottom: 0.75rem; border-bottom: solid 1px #EEE; padding-bottom: 0.50rem; }
.people a { color: black; text-decoration: none; }
.people a:hover {  }
.people span { display: block; margin-bottom: 0.25rem;  }
.people .jobtitle { color: #999; }
.people a:hover .jobtitle { text-decoration: none !important; }

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


/* Barristers page ________ */

.toolbar { margin-bottom: 1.5rem; }

/* Profiles _________________ */

#sidebar-left i { color: #2cb7d4; }

#h1-banner, .h1-banner { width: 100%; height: 140px; position: relative;  
	background-color: #169fc1;
	background-repeat: no-repeat;  background-position: right center; 
background-size: 960px 140px; }
#h1-banner h1 { position: absolute; bottom: 5%;  left: 0.975rem; color: white;  font-size: 1.8rem; }


.sidebar  { font-size: 0.9rem; }

.single-barrister .sidebar .dates {font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 1.5rem;  }
.sidebar .contact {  margin-bottom: 1.5rem;  display: block; color: black; line-height: 1.5; }

.single-barrister .share { display: block; text-transform: uppercase; font-weight: bold; margin-bottom: 0.5rem; }


.blob { margin-bottom: 1rem; }
.blob > div > div.columns { margin-bottom: 0.5rem; }

.single-barrister #sidebar .title { font-weight: bold; margin: 0; }
.single-barrister #sidebar  p { font-size: inherit; margin: 0 0 1rem; line-height: 1.3; }

.addthis_sharing_toolbox { margin-bottom: 1.5rem; }

.showhide { display: block; margin-bottom: 1.5em; }
.showhide a.more, .showhide a.less { color: #2cb7d4; display: block; margin-top: 0.25rem; }

#sidebar h3 { font-weight: bold; font-size: 0.9rem;color: #2cb7d4; }

#sidebar dl { margin-bottom: 1.5rem; }
#sidebar .accordion dd > a { 
	padding: 0 0 0 20px; color: #2cb7d4; background: url(/wp-content/themes/3rb/img/arrows/down.png) no-repeat left top;  
	background-size: 16px 16px; font-weight: bold; font-size: 0.9rem; background-color: inherit;
	font-family: "myriad-pro", 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	 }
#sidebar .accordion dd.active > a { background-image: url(/wp-content/themes/3rb/img/arrows/up.png); }
#sidebar .accordion dd.active a { background-color: inherit; }
#sidebar .accordion dd div { font-size: 0.8rem; }

#case-blobs h3.parent { padding-left: 10px; position: relative; }
#case-blobs .expand { display: block; position: absolute; top: 1px; left: -5px; }


#sidebar a.full i { color: #2cb7d4; }


/* News & publications _________________ */

.index-card header { margin: 0; }
.index-card .entry-content { margin: 0; }

.index-card .date { color: #9E9E9E; display: block; }

/* Contact _____________ */

.contact-details > div { line-height: 1.2;  margin-bottom: 0.25rem; font-size: 0.9rem; }



/* MEDIA QUERIES _____________________ */


/* Small __________________ */

@media only screen { 
	
	.home #slide { height: 200px; }
	
} /* 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) { 
	
	.home #slide { height: 300px; }
	.home .caption { display: block; }
	
	
} /* 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) { 
	
	.home #slide { height: 400px; }
	
} /* 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 */