/* Notes  ________________________________________________________ 
	
	Styles to be moved into SCSS files;  but keep the empty breakpoints here.
	
*/



:root {
  --primary: #526489;
  --secondary: #c39269;
}

/* Globals  ________________________________________________________ */

.button.button-white { color: white;  border-color: white; }

a:hover { opacity: 0.8; }


/* Banner  ________________________________________________________ */

.header__toolbar>.grid-container { max-width: 73.75rem;  }


.dropdown.menu>li.opens-right>.is-dropdown-submenu { text-transform: none; }


/* Lists & grids   ________________________________________________________ */

/*
ol. { counter-reset: item }
ol li { display: block }
ol li:before { content: counters(item, ".") " "; counter-increment: item; font-weight: bold;  }
*/

ol.policy, ol.policy ol {
   counter-reset: item; 
}
ol.policy li {
    display: block;
    position: relative;
}
ol.policy li:before {
    content: counters(item, ".");
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}



h3.people-item__title { font-size: 1.2rem; }
div.people-item__subtitle { font-size: 1rem; }

.posts-list__item span { display: block; }
.posts-list__item img { width: 64px;  float: left;  margin: 0 1rem 1rem 0; }
.posts-list__item .title {
	font-family: AddingtonCF,"Times New Roman";
    font-style: normal;
    font-weight: bold;
    color: #526489;
 }


/* Home  ________________________________________________________ */

/* .banner-hero__subtitle p { color: #526489;  font-size: 1.4rem; font-weight: normal; } */


.banner-hero .button { margin-top: 2rem;  border: solid 2px white;  font-size: 1.3rem; }

/* Posts  ________________________________________________________ */

.posts-item__meta { font-weight: bold; }

.posts-item__excerpt p {
	line-height: 1.3;
}

.single img.wp-post-image { width: 100%; }
.single .posts-list__item img.wp-post-image { width: 64px; }


/* Gravity Forms  ________________________________________________________ */

body .gform_wrapper .field_description_below .gfield_consent_description, body .gform_wrapper .gfield_consent_description,
body .gform_wrapper.gravity-theme .gfield_consent_description { 
	border: 0; font-size: 1em; padding: 0;
}





/* Calls-to-action  ________________________________________________________ */

.cta {
	background: #edeff3;
}


/* Profiles  ________________________________________________________ */

.barrister-logos { justify-content: center; }

.banner__side { align-items: unset; }

ul.banner__contacts { width: 100%; }



/* Lead magnet  ________________________________________________________ */

.lead-magnet-content {
	background: #edeff3; padding: 1rem; border: solid 1px #CCC;
}



/* Foundation breakpoints  ________________________________________________________ */

/* 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) { 
	
	ul.two-col { column-count: 2; }
	ul.three-col { column-count: 3; }
	
} /* 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 */