/*
Theme Name: Community Law
Theme URI: http://www.communitylaw.org.nz/
Author: Thinkbox
Author URI: http://thinkbox.co.nz
Description: Theme for Community Law.
Version: 2.0

	This theme was built by Sam Cooke,
	whose website you will find at http://www.thinkbox.co.nz/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&amp;display=swap');
@import url("jxk8ttt.css");


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}
/* end reset css */
/* reset box-sizing */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/* responsive */
.full {
  display: inline-block;
}
.resp {
  display: none;
}
.rhide {
  display: block !important;
}
.rshow {
  display: none !important;
}
/***************GRID*****************/
/* Grid >> 32 Columns
----------------------------------------------------------------------------------------------------*/
.grid-1 {
  width: 3.125%;
}
.grid-2 {
  width: 6.25%;
}
.grid-3 {
  width: 9.375%;
}
.grid-4 {
  width: 12.5%;
}
.grid-5 {
  width: 15.625%;
}
.grid-6 {
  width: 18.75%;
}
.grid-7 {
  width: 21.875%;
}
.grid-8 {
  width: 25%;
}
.grid-9 {
  width: 28.125%;
}
.grid-10 {
  width: 31.25%;
}
.grid-11 {
  width: 34.375%;
}
.grid-12 {
  width: 37.5%;
}
.grid-13 {
  width: 40.625%;
}
.grid-14 {
  width: 43.75%;
}
.grid-15 {
  width: 46.875%;
}
.grid-16 {
  width: 50%;
}
.grid-17 {
  width: 53.125%;
}
.grid-18 {
  width: 56.25%;
}
.grid-19 {
  width: 59.375%;
}
.grid-20 {
  width: 62.5%;
}
.grid-21 {
  width: 65.625%;
}
.grid-22 {
  width: 68.75%;
}
.grid-23 {
  width: 71.875%;
}
.grid-24 {
  width: 75%;
}
.grid-25 {
  width: 78.125%;
}
.grid-26 {
  width: 81.25%;
}
.grid-27 {
  width: 84.375%;
}
.grid-28 {
  width: 87.5%;
}
.grid-29 {
  width: 90.625%;
}
.grid-30 {
  width: 93.75%;
}
.grid-31 {
  width: 96.875%;
}
.grid-32 {
  width: 100%;
}
.grid-1-3 {
  width: 33.333333%;
}
.grid-2-3 {
  width: 66.66666%;
}
/* Prefix Extra Space >> 32 Columns
----------------------------------------------------------------------------------------------------*/
.prefix-1 {
  padding-left: 3.125%;
}
.prefix-2 {
  padding-left: 6.25%;
}
.prefix-3 {
  padding-left: 9.375%;
}
.prefix-4 {
  padding-left: 12.5%;
}
.prefix-5 {
  padding-left: 15.625%;
}
.prefix-6 {
  padding-left: 18.75%;
}
.prefix-7 {
  padding-left: 21.875%;
}
.prefix-8 {
  padding-left: 25%;
}
.prefix-9 {
  padding-left: 28.125%;
}
.prefix-10 {
  padding-left: 31.25%;
}
.prefix-11 {
  padding-left: 34.375%;
}
.prefix-12 {
  padding-left: 37.5%;
}
.prefix-13 {
  padding-left: 40.625%;
}
.prefix-14 {
  padding-left: 43.75%;
}
.prefix-15 {
  padding-left: 46.875%;
}
.prefix-16 {
  padding-left: 50%;
}
.prefix-17 {
  padding-left: 53.125%;
}
.prefix-18 {
  padding-left: 56.25%;
}
.prefix-19 {
  padding-left: 59.375%;
}
.prefix-20 {
  padding-left: 62.5%;
}
.prefix-21 {
  padding-left: 65.625%;
}
.prefix-22 {
  padding-left: 68.75%;
}
.prefix-23 {
  padding-left: 71.875%;
}
.prefix-24 {
  padding-left: 75%;
}
.prefix-25 {
  padding-left: 78.125%;
}
.prefix-26 {
  padding-left: 81.25%;
}
.prefix-27 {
  padding-left: 84.375%;
}
.prefix-28 {
  padding-left: 87.5%;
}
.prefix-29 {
  padding-left: 90.625%;
}
.prefix-30 {
  padding-left: 93.75%;
}
.prefix-31 {
  padding-left: 96.875%;
}
.prefix-32 {
  padding-left: 100%;
}
/* Suffix Extra Space >> 32 Columns
----------------------------------------------------------------------------------------------------*/
.suffix-1 {
  padding-right: 3.125%;
}
.suffix-2 {
  padding-right: 6.25%;
}
.suffix-3 {
  padding-right: 9.375%;
}
.suffix-4 {
  padding-right: 12.5%;
}
.suffix-5 {
  padding-right: 15.625%;
}
.suffix-6 {
  padding-right: 18.75%;
}
.suffix-7 {
  padding-right: 21.875%;
}
.suffix-8 {
  padding-right: 25%;
}
.suffix-9 {
  padding-right: 28.125%;
}
.suffix-10 {
  padding-right: 31.25%;
}
.suffix-11 {
  padding-right: 34.375%;
}
.suffix-12 {
  padding-right: 37.5%;
}
.suffix-13 {
  padding-right: 40.625%;
}
.suffix-14 {
  padding-right: 43.75%;
}
.suffix-15 {
  padding-right: 46.875%;
}
.suffix-16 {
  padding-right: 50%;
}
.suffix-17 {
  padding-right: 53.125%;
}
.suffix-18 {
  padding-right: 56.25%;
}
.suffix-19 {
  padding-right: 59.375%;
}
.suffix-20 {
  padding-right: 62.5%;
}
.suffix-21 {
  padding-right: 65.625%;
}
.suffix-22 {
  padding-right: 68.75%;
}
.suffix-23 {
  padding-right: 71.875%;
}
.suffix-24 {
  padding-right: 75%;
}
.suffix-25 {
  padding-right: 78.125%;
}
.suffix-26 {
  padding-right: 81.25%;
}
.suffix-27 {
  padding-right: 84.375%;
}
.suffix-28 {
  padding-right: 87.5%;
}
.suffix-29 {
  padding-right: 90.625%;
}
.suffix-30 {
  padding-right: 93.75%;
}
.suffix-31 {
  padding-right: 96.875%;
}
.suffix-32 {
  padding-right: 100%;
}
/* Push Space >> 32 Columns
---------------------------------------------------------------------------------------------------*/
.push-1 {
  left: 3.125%;
}
.push-2 {
  left: 6.25%;
}
.push-3 {
  left: 9.375%;
}
.push-4 {
  left: 12.5%;
}
.push-5 {
  left: 15.625%;
}
.push-6 {
  left: 18.75%;
}
.push-7 {
  left: 21.875%;
}
.push-8 {
  left: 25%;
}
.push-9 {
  left: 28.125%;
}
.push-10 {
  left: 31.25%;
}
.push-11 {
  left: 34.375%;
}
.push-12 {
  left: 37.5%;
}
.push-13 {
  left: 40.625%;
}
.push-14 {
  left: 43.75%;
}
.push-15 {
  left: 46.875%;
}
.push-16 {
  left: 50%;
}
.push-17 {
  left: 53.125%;
}
.push-18 {
  left: 56.25%;
}
.push-19 {
  left: 59.375%;
}
.push-20 {
  left: 62.5%;
}
.push-21 {
  left: 65.625%;
}
.push-22 {
  left: 68.75%;
}
.push-23 {
  left: 71.875%;
}
.push-24 {
  left: 75%;
}
.push-25 {
  left: 78.125%;
}
.push-26 {
  left: 81.25%;
}
.push-27 {
  left: 84.375%;
}
.push-28 {
  left: 87.5%;
}
.push-29 {
  left: 90.625%;
}
.push-30 {
  left: 93.75%;
}
.push-31 {
  left: 96.875%;
}
.push-32 {
  left: 100%;
}
/* Pull Space >> 32 Columns
----------------------------------------------------------------------------------------------------*/
.pull-1 {
  left: -3.125%;
}
.pull-2 {
  left: -6.25%;
}
.pull-3 {
  left: -9.375%;
}
.pull-4 {
  left: -12.5%;
}
.pull-5 {
  left: -15.625%;
}
.pull-6 {
  left: -18.75%;
}
.pull-7 {
  left: -21.875%;
}
.pull-8 {
  left: -25%;
}
.pull-9 {
  left: -28.125%;
}
.pull-10 {
  left: -31.25%;
}
.pull-11 {
  left: -34.375%;
}
.pull-12 {
  left: -37.5%;
}
.pull-13 {
  left: -40.625%;
}
.pull-14 {
  left: -43.75%;
}
.pull-15 {
  left: -46.875%;
}
.pull-16 {
  left: -50%;
}
.pull-17 {
  left: -53.125%;
}
.pull-18 {
  left: -56.25%;
}
.pull-19 {
  left: -59.375%;
}
.pull-20 {
  left: -62.5%;
}
.pull-21 {
  left: -65.625%;
}
.pull-22 {
  left: -68.75%;
}
.pull-23 {
  left: -71.875%;
}
.pull-24 {
  left: -75%;
}
.pull-25 {
  left: -78.125%;
}
.pull-26 {
  left: -81.25%;
}
.pull-27 {
  left: -84.375%;
}
.pull-28 {
  left: -87.5%;
}
.pull-29 {
  left: -90.625%;
}
.pull-30 {
  left: -93.75%;
}
.pull-31 {
  left: -96.875%;
}
.pull-32 {
  left: -100%;
}
/**** clearfix ****/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clear {
  clear: both;
}
/**** cols and rows and ****/
.row {
  overflow: hidden;
  _overflow: visible;
  _zoom: 1;
  width: 100%;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
/* .content {
  margin: 0 auto;
} */
.col {
  position: relative;
  float: left;
  display: block;
  min-height: 1px;
}
.stack .col {
  width: 100% !important;
  float: none;
}
.center {
  margin: 0 auto;
}
.hidden {
  display: none;
}
.tall {
  min-height: 100%;
}
.hide {
  display: none;
}
.centxt {
  text-align: center;
}
.lefttxt {
  text-align: left;
}
.clearleft {
  clear: left;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* tbcolumns plugin css */
.wpcolumn-wrapper {
  width: 100%;
}
.wpcolumn {
  float: left;
  display: inline;
  padding-left: 25px;
  padding-right: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpcolumn-wrapper-2 .wpcolumn {
  width: 50%;
}
.wpcolumn-wrapper-3 .wpcolumn {
  width: 30%;
}
.wpcolumn-first {
  padding-left: 0 !important;
}
.wpcolumn-last {
  padding-right: 0 !important;
}
.wpcolumn-clearfix {
  clear: both;
}
.padleft {
  padding-left: 25px;
}
.padright {
  padding-right: 25px;
}
.headspace {
  padding-top: 30px !important;
}
.footspace {
  padding-bottom: 30px !important;
}
.pad {
  padding: 10px;
}
.nopad {
  padding: 0 !important;
  margin: 0 !important;
}
/***************TYPOGRAPHY*****************/
body {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  height: 100%;
  background: #fbf6ec;
  font-size: 16px !important;
  font-family: 'museo-sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #010101;
  text-align: left;
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0 0 15px 0;
  padding: 0;
  letter-spacing: normal;
  line-height: 1.3em;
}
p,
li,
td {
  margin: 0 0 15px 0;
  padding: 0;
  letter-spacing: normal;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.3;
}
li,
td {
  margin: 0;
}

.section-top p,
.section-more p,
.section-intro p,
.section-about p,
.pub-item .content p,
.pub-items-collection p,
.level2 .section-main p,
.section-top li,
.section-more li,
.section-intro li,
.section-about li,
.pub-item .content li,
.pub-items-collection li,
.level2 .section-main li {
  font-size: 1.25em;
  line-height: 1.5;
}
.section-more p {
}
.section-map .content p {
  font-size: 0.9em;
}

.centre .times .col p {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 1.2em;
  line-height: 1.3;
}
.clm-home .section-main p {
  font-size: 1.1em;
}
.clm-home .sidebar p {
  text-align: center;
  margin: 50px 0 0;
}
.publication p {
  margin: 5px 0 0;
  font-size: 1.25em ;
}
p.tags {
  margin: 0 0 5px 0;
}
p.tags a {
  font-size: 0.75em;
  font-weight: 500;
  color: #cdb470;
}
.banner-panel .content p {
  font-size: 1.5em;
  font-weight: 300;
  margin: 0;
  letter-spacing: normal;
  color: #b52545;
  text-transform: none;
  line-height: 1.4;
  padding: 0 0 20px;
}
.sp-content p:first-child {
  font-weight: 500;
}
.pub-items-collection .intro p:first-child {

}
.pub-items-collection .pub-items p.title {
  margin-bottom: 20px;
  font-size:  1.5em;
  font-weight: 700;
  color: #000;
}
.centre .content-block .item p {
  margin-bottom: 0;
}
.centre .content-block .item .addr {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 0.9em;
  line-height: 1.4em;
}
.centre .content-block .item .detail {
  font-size: 0.9em;
}
.section-contact td {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.3;
}
.section-contact td p {
  margin: 0;
}
.section-contact td.red {
  font-weight: 500;
}
.pub-item.book p {
  margin-bottom: 15px;
}
p.download-it {
  padding-top: 20px;
}
.buy-now p {
  border: none !important;
  padding: 5px 0  10px 0 !important;
  margin-bottom: 0 !important;
}
.single-publication .buy-now p {
/*   line-height: 1.6; */
}
p.add_to_cart_inline span.amount,
.woocommerce-variation-price span.amount {
  display: inline-block;
  color: #b52545;
  font-weight: 300;
  font-size: 1.1em;
  padding: 0 0 10px 0 !important;
}
.woocommerce-variation-price span.price,
p.add_to_cart_inline span.price-display {
  display: block;
  border-bottom: solid 1px #CEB571;
  margin-bottom: 15px;
}
.reset_variations {
  font-size: 0.8em;
  margin-bottom: 5px;

}
select#pa_purchaser {
  max-width: 165px;
}




.woocommerce-variation-price span.price {
  border-top: solid 1px #CEB571;
  padding: 10px 0 0 0 !important;
}


.basket {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  border-top: solid 1px #CEB571;
  background: #F9F9F8;
  text-align: center;
}
.basket .cart-contents {
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.basket .cart-contents.show {
  opacity: 1;
  height: 55px;
}

.basket p {
  line-height: 55px;
  margin-bottom: 0;
  font-size: 0.9em;
}


.basket p span.count {
  height: 55px;
  padding-left: 35px;
  background: url("../png/basket.png") no-repeat left center;
}
.basket p a.count {
 text-decoration: underline;
}

.basket p span.amount {
  display: inline-block;
}
.basket p a {
  margin-left: 15px;
}

.woocommerce .basket a.button {
  margin-left: 15px !important;
}
.basket p span.count.rhide,
.basket p span.total.rhide,
.basket p span.view.rhide {
  display: inline-block !important;
}














.single-publication p.add_to_cart_inline span.amount {
  display: inline-block;
  margin-bottom: 0;
}
.results p {
  margin-bottom: 5px ;
}
.centre .content-block.content-advice .item .detail p {
  margin-bottom: 10px;
}
p.key {
  clear: both;
  padding-top: 20px;
  font-size: 1.1em;
  line-height: 19px;
}
p.key span.key-icon {
  display: inline-block;
  font-size: 0.8em;
  padding-left: 20px;
  height: 19px;
}
p.key span.key-icon-red {
  background: url(../png/icon-map-marker-red.png) no-repeat 0 0;
}
p.key span.key-icon-yellow {
  background: url(../png/icon-map-marker-yellow.png) no-repeat 0 0;
}




p.download-all {
  /* border-bottom: solid 1px #CEB571 !important; */
  /* padding: 0 0 5px 0 !important; */
  /* margin-bottom: 10px !important; */
}
p.download-all a {
  display: inline-block;
  padding: 0 0 10px 0 !important;
  /*   margin-bottom: 10px !important; */
}





#logo {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 29px;
  font-weight: 300;
  margin: 0;
  letter-spacing: normal;
  color: #b52545;
  line-height: 1.1;
  white-space: nowrap;
}
#logo span {
  font-family: 'museo-sans', Helvetica, Arial, serif;
  font-size: 12px;
  font-weight: 100;
  color: #000;
  margin: 0;
}
#logo:hover {
  text-decoration: none;
}
h1 {
  font-size: 2.5em;
  margin: 0;
  font-weight: 300;
}



h2 {
  font-size: 1.875em;
  margin: 0 0 20px;
}
h2.section-heading {
  position: relative;
  display: block;
  margin-top: 20px;
  color: #b02640;
  font-size: 3.5em;
  line-height: 1.15;
  margin-bottom: 20px;
  font-weight:  300;
}
h2.section-heading span {
  position: relative;
  /* margin-left: 80px; */
  color: #000;
}
.home h2.section-heading  {
  color: #000;
}
.home h2.section-heading span.red {
  color: #b02640;
}


h2.section-heading span span {
  position: relative;
  margin-left: 0;
  color: #b02640;
}
.banner h2,
h2.title {

  font-size: 2.5em;
  margin: 0;
  font-weight: 300;
  color: #b62745;
  margin: 0 0 10px;
  padding: 0;

}
h2.title {
  margin-bottom: 50px;
}
.centre .banner h2 {
  font-size: 2.5em;
  font-family: 'museo', sans-serif;
  font-weight: 300;
  letter-spacing: normal;
  color: #fff;
  line-height: 1.1;
  text-transform: none;
  margin: 0;
  padding: 0 0 10px;
  background: transparent;
  text-align: left;
  height: auto;
}
.cart_totals h2,
.woocommerce-order-received h2 {
  font-size: 1.45em;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-weight: 500;
  margin: 0;
}







h3 {
  color: #000;
  font-weight: 700;
}
.section-map h3 {
  
  margin: 0;
  letter-spacing: 0.1em;
  font-size: 1.75em;
}
.section-main h3,
.section-more h3,
.section-intro h3,
.section-about h3,
.section-workshops-intro h3,
.section-contact-head h3 {
  font-size: 1.5em;
}
.section-main h3.fw {
  
}
.pub-item.book h3 {
  
}
.quote h3 .line {
  height: 45px;
  color: #fff;
  background: #b52545;
  padding: 0 15px;
  font-size: 1.875em;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 10px;
  clear: both;
  letter-spacing: -0.25px;
  display: inline-block;
  white-space: nowrap;
}
.quote h3 .line.black {
  background: #000;
}
.quote h3 .line:first-child {
/*  height: 60px;
  line-height: 60px;*/
}
.home .quote h3 .line {
  font-size: 1.75em;
  height: 44px;
  line-height: 1.4;
  padding-right: 60px;
}
.home .quote h3 .line:first-child {
  height: 46px;
  line-height: 1.5;
  padding-right: 15px;
}

.section.banner-sub  {
  background: #b52545;
  padding: 24px 0 27px 0;
}

.section.banner-sub h3  {
 color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  padding-top: 38px;
}
.section.banner-sub a.btn  {
  display: inline-block;
 color: #fff;
  font-size: 1.125em;
  background: #000;
  padding: 0 60px 0 20px ;
  line-height: 46px;
  
  text-decoration: none;
}
.section.banner-sub a.btn:hover  {
  text-decoration: underline;
}

.section.law-manual-banner  {
  background: #F9F9F8;
  padding: 60px 0 30px;
}

.home .section.law-manual-banner  {
  background: #F9F9F8;
  padding: 50px 0 30px;
  border:  solid #CEB571;
  border-width:  2px 0;
  margin:  30px 0;
}






.section.law-manual-banner .grid-1-3 {
  width: 32%;
}
.section.law-manual-banner .grid-3-3 {
  width: 68%;
}




.section.law-manual-banner .clm-search {

}


.banner-grid {
  position:  relative;
  width:  calc(100% + 8px);
  margin:  30px -4px 90px;
}
.banner-grid .row {
  display:  flex;
  flex-direction: row;
  height: min( 350px, 24vw );
/* height: 24vw;*/
}
.banner-grid .col {
  flex-grow: 0;
  flex-shrink:  0;
  float:  none;
  position:  relative;
  overflow:  hidden;
  height:  100%;
  display:  flex;
  flex-direction: column;
}
.banner-grid .col.banner-small {
  flex-basis:  17.25%;
}
.banner-grid .col.banner-big {
  flex-basis:  24.125%;
}


.banner-grid .col > div {
  position:  relative;
  overflow:  hidden;
  height:  100%;
  padding: 4px;
}
.banner-grid .col > div img {
  /* position: absolute; */
  width: 100%;
  height:  100%;
  object-fit: cover;
  object-position: center top;
}




.section.law-manual-topic-banner {
    background: #E0E0E0;
    padding: 0;
}
.section.law-manual-topic-banner .content {
  background: url(../png/decor-banner-arrows-right.png) no-repeat left center;
}
.section.law-manual-topic-banner .content {
  padding-top: 35px;
}
.section.law-manual-topic-banner .content .text p:first-child {
  font-size: 1.25em;
}


.section.law-manual-banner h3,
.section.law-manual-topic-banner h3  {
  color: #000;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.section.law-manual-topic-banner h3  {

  
  padding-top: 15px;
  margin: 0 0 20px 0;
}
.section.law-manual-banner h3:first-child {
  padding-top: 15px;
  margin: 0 0 15px 0;
}
.section.law-manual-banner .clm-search {
  /* display: flex; */
  /* max-width: 450px; */
/*  justify-content: center;*/
/*  flex-direction: column;*/
}
.section.law-manual-banner .clm-search p {
  font-size: 1.35em;
  margin: 14px 0 30px;
}

.section.law-manual-banner .clm-search .content {

}
.section.law-manual-topic-banner p.bc {
  font-style: italic;
}

.section.law-manual-topic-content {
  padding: 25px 0 140px;
}
.section.law-manual-topic-content h5 {
    font-family: 'museo-sans', sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #b62745;
    padding: 0;
    margin: 0;
}
.topics-content .content h2 {
    font-family: 'museo-sans', sans-serif;
    font-size: 1.875em;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
    margin-bottom: 30px;
    text-transform:  none;
}
.topics-content .content .about-content p {
    font-size: 1.25em;
    margin-bottom: 30px;
}
.topics-content .content .about-content p:first-child {
    font-size: 1.5em;
    margin-bottom: 40px;
}


.section-books {
  padding:  60px 0 90px;
  margin-top: 50px;
  border-top:  solid 1px #979797;
}
.books .flex-row {
  display:  flex;
  column-gap: 40px;
  justify-content:  space-between;
}
.books .flex-row .item {
  width: min(352px, 33.333%);
}
.books h4.support-title {
  font-family: 'museo-sans', sans-serif;
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.2;
  color: #000;
  margin-bottom: 30px;
}
.books .thumb {
  margin-bottom: 35px;
  max-width:  550px;
}
.books h5 {
  font-family: 'museo-sans', sans-serif;
  font-size: 1.625em;
  font-weight: 300;
  color: #000;
  margin-bottom: 30px;
}
.books p {
  line-height: 1.55 ;
}
.books p.btnrow {
  padding-top:  8px;
  margin-bottom:  0;
}
.books a.btn {
    display: inline-block;
    color: #fff;
    font-size: 1em;
    background: #b52545;
    padding: 5px 12px;
    margin: 0 10px 15px 0;
    line-height: 21px;
    text-decoration: none;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.books a.btn:hover {
    background: #000;
}
















.section.supporters-banner  {
  background: #F9F9F8;
  padding: 60px 0 30px 0;
}
.section.supporters-banner h3 {
  text-transform:  uppercase;
  color: #b52545;
  font-size:  1.65em;
  font-weight:  500;
  margin-bottom:  30px;
}
.section.supporters-banner h4 {
  color: #010101;
  margin-bottom:  30px;
}
.section.supporters-banner .cta {
  text-align:  center;
}
.section.supporters-banner .cta img {
  margin-bottom:  20px;
}
.section.supporters-banner .cta a.btn {
  display:  inline-block;
  margin-bottom:  20px;
      line-height: 30px;
    margin-top: 7px;
    font-size: 0.7em;
    font-weight: 500;
    padding: 0 20px;
    background: #000;
    color: #fff;
    
    text-decoration: none;
}
.section.supporters-banner .cta p {
  font-size:  0.7em;
  font-style:  italic;
}
.section.supporters-banner .cta p a {
  color: #b52545;
}

.section.section-main.supporters-listings {
  padding:  25px 0 100px;
}


.section.supporters-listings h5 {
    font-family: 'museo-sans', 'Open Sans', Helvetica, Arial, sans-serif;
  text-transform:  uppercase;
  color: #b52545;
  margin-bottom:  20px;
}
.section.supporters-listings .supporter-list {
  padding:  40px 0 40px;
  border-top:  solid 1px #979797;
}

.section.supporters-listings .supporter-list ul {
  display:  flex;
  flex-direction: row;
  align-content: top;
  flex-wrap: wrap;
}
.section.supporters-listings .supporter-list ul li {
  flex-basis: 16.6666%;
  margin:  0 0 35px;
  font-family: 'museo-slab', 'Times New Roman', Times, serif;
  font-size: 0.85em;
  font-weight: 600;
}
.section.supporters-listings .supporter-list.supporter-orgs ul li img {
  display:  block;
  max-width:  75%;
}


.home .section.section-donors {
  padding:  50px 0 50px;
  font-size: 1;
}
.home .section.section-donors p {
  font-size: 1.25em;
  line-height: 1.5;
}

.home .section.section-donors .supporter-list {
  padding-top: 15px;
}
.home .section.section-donors .supporter-list ul {
  display:  flex;
  flex-direction: row;
  align-content: top;
  flex-wrap: wrap;
}
.home .section.section-donors .supporter-list ul li {
  flex-basis: 20%;
  margin:  0 0 35px;
}
.home .section.section-donors .supporter-list ul li img {
  display:  block;
  max-width:  75%;
  margin: 0 auto 0 0;
}








.section.donate-banner  {
  background: #F9F9F8;
  padding: 60px 0  100px;
}
.section.donate-banner h3 {
  text-transform:  uppercase;
  color: #b52545;
  font-size:  1.65em;
  font-weight:  500;
  margin-bottom:  30px;
}
.section.donate-banner h4 {
  color: #010101;
  margin-bottom:  30px;
}




.byline h3 {
  font-size: 1.45em;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-weight: 300;
  margin: 0;
  line-height: 1.2;
  background: url(../png/bg-main-bottom-red.png) repeat-x center bottom;
  padding-bottom: 20px;
}
h3.maori-name {
  font-size: 1.25em;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 10px;
  color: #b52545;
}
h3.fw {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 1.875em;
  color: #b52545;


}
.section-intro h3,
.section-about h3 {
  margin: 0 0 50px;
}
.section-intro .times h3,
.section-about .times h3,
.section-workshops-intro h3 {
  margin: 0 0 20px;
}
.centre .section-main h3 {
  margin: 0 0 50px;
}
.centre .section-main .wkshop h3 {
  margin: 0 0 20px;
  
}
.pub-item.book h3 {
  padding-right: 100px;
}
.single-publication .pub-title h3 {
  color: #fff;
  line-height: 40px;
  padding: 15px 0;
  margin: 0;
  font-size: 2.0em;
  
  display: inline-block;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
h3#order_review_heading {
  font-size: 1.45em;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-weight: 500;
  margin: 20px 0 10px 0;
  
}
.article h3 {
  font-size: 1.5em;
  font-weight: 500;
}
.intro-article h3 {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 1.2em;
  color: #000;
  font-weight: 700;
}
h4 {
  font-size: 1.5em;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-weight: 100;
  letter-spacing: normal;
  color: #b52545;
  line-height: 1.2;
  text-transform: none;
}
.banner h4 {
  font-family: 'museo-sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.5;
  color: #000;

}
.publication .banner .content h3,
.publication .banner .content h4 {
  max-width: 85%;
}
.section-main h4 {
  font-family: 'museo', 'Times New Roman', Times, serif;
  line-height: 1.4;
}
.section-map h4 {
  margin: 0;
  white-space: nowrap;
}
.box-nav-wrapper h4 {
  font-size: 1.3em;
  font-weight: 700;
  
  letter-spacing: 0.1em;
  color: #000;
  margin: 30px 0 5px;
}
.box-nav-wrapper h4 span {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
}
.article h4 {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  padding: 0;
  margin: 30px 0 15px;
  font-size: 1.5em;
  font-weight: 500;
  color: #000;
}



.top-cnr h4 {
  font-size: 1.5em;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  padding: 0;
  margin: 0;
  color: #b52545;
  
}
.top-cnr h4.first {
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}
.centre .times .col h4 {
  font-size: 1.5em;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  padding: 20px 0;
  margin: 0;
  color: #b52545;
  border-top: solid 10px #b52545;
}
.centre .times .col.one-time h4 {
  height: 0;
  padding: 20px 0 0;
  margin: 0;
  text-indent: -9999px;
}
.pub-items-wrap h4 {
  font-size: 1.2em;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  cursor: pointer;
}
.centre .section-main h4 {
  font-size: 1.3em;
  font-weight: 700;
  color: #000;
  margin: 30px 0 15px;
}
.single-publication .pub-item h4 {
  font-size: 1.3em;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  padding: 0;
  margin: 0 0 10px 0;
  color: #b52545;
  
}

h5 {
  font-size: 1em;
  padding: 0;
  color: #000;
  margin: 0;
}
.section-main .header h5 {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 164px;
  margin: 0 0 0 -92px;
  background: #fff;
  height: 26px;
  line-height: 32px;
  text-align: center;
  
  color: #b62745;
}
.section-main .col:first-child .header h5 {
  color: #ceb572;
}
.box-nav-wrapper .head h5 {
  font-size: 1.1em;
  margin-bottom: 30px;
  font-weight: 300;
}
.box-nav-wrapper .head h5 {
  font-size: 1.1em;
  margin-bottom: 30px;
  font-weight: 300;
}
.clm-home .section-main h5 {
  margin-bottom: 15px;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4;
}
.publication h5 {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
}
.publication .pub-item .content h5 {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CEB571;
  color: #b52545;
}
.responsive-menus h5 {
  border-bottom: solid 1px #dbc791;
  padding: 5px 4%;
  
  height: 40px;
  line-height: 15px;
}
.responsive-menus .sectionmenu-wrap h5 {
  font-size: 0.8em;
  color: #b52545;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
}
.pub-item.pub-item-subhead h5 {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.4;
}
h5.hd-topics {
  font-size: 1.1em;
  text-align: center;
  margin: 10px 0 30px 0;
  color: #b52545;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  position: relative;
  margin-top: -70px;
}
.law-manual-menu .heading h5 {
  margin-bottom: 10px;
  font-size: 0.8em;
}
.law-manual-menu .clm-head .heading h5 {
  margin-bottom: 0px;
}

.law-manual-menu .heading h5 a {
  color: #000;
  text-decoration: none;
}


.buy-now h5 {
  font-family: 'museo', 'Times New Roman', Times, serif;
  padding: 0 0 10px 0 !important;
  margin-bottom: 0px !important;
  border-bottom: solid 1px #CEB571;
}
.quicklinks h5 {
  font-weight: 300;
  margin-bottom: 10px;
}
.section-filter .quicklinks h5 {
  font-size: 1.1em;
  font-weight: 700;
  color: #b62745;
  margin-bottom: 15px;
}
.section-filter .quicklinks h5 span {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-weight: 700;
  color: #000;
}
h6 {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 0.75em;
  font-weight: 300;
  margin: 0;
  letter-spacing: normal;
  color: #000;
  line-height: 1.1;
}
.section-map h6 {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  display: inline-block;
  margin: 0;
  font-weight: 700;
  font-size: 0.7em;
  color: #fff;
  background: #000;
  
  padding: 8px 22px;
}
.section.law-manual-menu .head h6 {
  font-family: 'museo-slab', 'Times New Roman', Times, serif;
  display: inline-block;
  font-weight: 500;
  
  line-height: 32px;
}
blockquote {
  width: 100%;
  max-width: 775px;
  margin: 0 auto;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.3em;
  font-style: italic;
  color: #9a1d3b;
  text-align: center;
  padding-bottom: 0;
  
}
p.thin {
  font-weight: 400;
}
p.small {
  font-size: 0.7em;
  margin: 0px 0px 10px 0px;
}
p.smaller {
  font-size: 0.6em;
  margin: 0px 0px 10px 0px;
}
p.up {
  
}
p.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0px;
}
p.clearspace10 {
  clear: both;
  margin: 0;
  padding: 0;
  height: 25px;
}
p.clearspace25 {
  clear: both;
  margin: 0;
  padding: 0;
  height: 25px;
}
p.clearspace50 {
  clear: both;
  margin: 0;
  padding: 0;
  height: 50px;
}
input,
textarea {
  font-size: 1em;
  line-height: 1.5;
  color: #333;
  letter-spacing: normal;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  padding: 0 10px;
}
input {
  line-height: 34px;
  height: 34px;
}
ul,
ol {
  margin: 10px 0 10px;
}
ul li,
ol li {
  list-style-position: outside;
  margin: 0;
  font-size: 1em;
  margin-left: 45px;
  line-height: 1.4em;
  letter-spacing: normal;
  padding: 0 0 0 10px;
}
ul li {
  list-style: disc;
}
ol li {
  list-style-type: lower-alpha;
}
.content ul {
/*  list-style-image: url('images/bullet.svg');*/
  list-style: none;
}


.content ul li {
  font-size: 1em;
  line-height: 1.5;
  padding-bottom: 15px;
  /*list-style-image: url('images/bullet.svg');*/
  list-style: none;
  position:  relative;
}

.content ul li::before {
  content: '';
  display:  block;
  height:  2px;
  width:  22px;
  background: #b52545;
  position:  absolute;
  top:  14px;
  left:  -30px;

}







a,
a:visited,
a:active {
  color: #b52545;
  /*   text-decoration: none; */
}
a:hover {
  color: #43423d;
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}
.article a,
.article a:visited,
.article a:active {
  color: #b52545;
  text-decoration: none;
  font-style : normal;
}
.article a:hover {
  color: #b52545;
  text-decoration: underline;
}
.article a:active {
  text-decoration: underline;
}

.clm-next-nav a,
.clm-next-nav a:visited,
.clm-next-nav a:active {
  color: #b52545;
  text-decoration: underline;
}
.clm-next-nav a:hover {
  color: #43423d;
  text-decoration: underline;
}
.clm-next-nav a:active {
  text-decoration: underline;
}

a.btn {
    display: inline-block;
    color: #fff;
    font-size: 1em;
    background: #b52545;
    padding: 5px 12px;
    margin-right: 10px;
    line-height: 21px;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
a.btn:hover  {
    background: #000;
}


a img {
  border: none;
}
a.view-chapts {
  color: #b52545;
  font-style: italic;
  display: none;
}
a.view-chapts.is-active {
  display: block;
  padding: 15px 0 0;
}


a.readmore,
.quicklinks a,
.banner-panel .content a,
.top-cnr a,
a.checkout-button,
p.btn {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 10px;
  background: #b62745;
  line-height: 36px;
  height: 36px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  font-weight: 500;
}
p.btn {
  font-size: 0.875em;
}

.quicklinks a.black {
  background: #000;
}
.top-cnr a {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 0.75em;
  line-height: 25px;
  height: 25px;
  padding: 0 55px;
}
li.controller-a a,
a.controller-a {
  color: #b52545;
  font-style: italic;
  font-size: 0.85em;
  margin-right: 15px;
  text-decoration: underline !important;
}
#menu-manualminimenu .current_page_item a {
  color: #000;
  text-decoration: none !important;
}
a.alpha-a {
  position: absolute;
  top: 15px;
  right: 10px;
  margin-right: 0;
}
.section-main .col:first-child .quicklinks a {
  background: #ceb572;
}
a.readmore {
  margin-top: 10px;
}
a.download {
  display: inline-block;
  padding: 0 10px;
  background: #f9f9f1;
  border: solid 1px #dbc791;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #b52545;
  text-decoration: none;
  margin: 0 30px 0 3px !important;
  
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
}
.buy-now a.download {
  width: 160px;
}
.pub-items-wrap a.download {
  font-size: 0.8em;
  margin: 0 2px 2px 0 !important;
}
.single-publication a.download {
  float: right;
}
.single-publication .pub-title .pub-cta a {
  color: #fff;
  text-decoration: none;
}
.single-publication .pub-title .pub-cta a:hover {
  text-decoration: underline;
}
.buy-now a.readmore {
  margin: 10px 0;
}
.buy-now a.add_to_cart_button {
  position: relative;
  display: inline-block;
  margin: -10px 0 0 0;
  padding: 0 10px;
  background: #b62745;
  line-height: 30px;
  text-align: center;
  
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  font-weight: 500;
  height: 30px;
}
.buy-now a.added_to_cart {
  margin-right: 20px !important;
  position: relative;
  margin: 0px 0 0 0;
}
.single-publication .buy-now a.add_to_cart_button,
.single-publication .buy-now a.added_to_cart {
/*   float: right; */
}
a.btn-cart-head {
  float: right;
  display: block;
  height: 28px;
  width: 38px;
  margin-left: 15px;
  background: url(../png/btn-cart.png) no-repeat 0 0;
  text-align: right;
  padding: 2px 6px 0 0;
  color: #fff;
  text-decoration: none;
  font-family: 'museo-sans', Helvetica, Arial, serif;
  font-size: 0.75em;
  font-weight: 700;
}
a.btn-cart {
  float: right;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .checkout-button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  position: relative;
  display: inline-block;
  width: 160px;
  padding: 0;
  background: #f9f9f1;
  border: solid 1px #dbc791;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #b52545;
  text-decoration: none;
  margin: 0 !important;
  
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover:hover,
.woocommerce .checkout-button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #b52545;
  color: #fff;
  text-decoration: none !important;
}
.woocommerce .checkout-button {
  width: auto !important;
  padding: 0 15px !important;
}
p.return-to-shop {
  display: none;
}
.publication .quantity {
  margin-bottom: 30px;
  display: block;
}
.single-publication .publication .quantity {
    border-top: solid 1px #CEB571;
    padding-top: 15px;
}





.publication .quantity .copies {
  margin-left: 20px;
  font-size: 0.75em;
  color: #b62745;
  
}
a.readmore:hover,
.quicklinks a:hover,
.banner-panel .content a:hover,
.top-cnr a:hover,
a.checkout-button:hover,
.buy-now a.added_to_cart:hover,
.buy-now a.add_to_cart_button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  text-decoration: underline;
  color: #fff;
}
.corner a {
  font-size: 1.1em;
  position: absolute;
  right: 50px;
  bottom: 30px;
  color: #000;
}
.corner a:hover {
  color: #b52545;
}
a.view-online {
  top: 30px;
  right: 12.5%;
  position: absolute;
}
.news-title a {
  text-decoration: none;
}
.news-title a:hover h3 {
  color: #b52545;
}
h3 a,
h3 a:visited {
  text-decoration: none;
  color: #000;
}
h6 a,
h6 a:visited {
  color: #333;
  text-decoration: none;
}
h6 a:hover {
  color: #35BCAC;
}
.more-navigation a {
  display: block;
  width: 100%;
  line-height: 50px;
  height: 50px;
  text-align: center;
  background: #f0f0f0;
  font-size: 1.4em;
  color: #DF2646;
  margin: 30px 0;
}
.red {
  color: #b52545;
}
.grey {
  color: #6a747c;
}
.gold {
  color: #c7b299;
}
.textright {
  text-align: right;
}
table {
  border-collapse: collapse;
  width: 100%;
}
td,
th {
  border: none;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
table.alt-table td {
  text-align: right;
}
table.alt-table td:first-child {
  text-align: left;
}
.article table td {
  vertical-align: top;
}

strong {
  font-weight: 600;
}
em {
  font-style: italic;
}
small {
  font-size: 0.75em;
}
hr {
  display: block;
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #dbc791;
  color: #dbc791;
  margin: 40px 0;
  padding: 0;
}
.banner-panel hr {
  height: 3px;
  background: #ffffff url(../png/bg-hr.png) repeat-x center bottom;
  margin: 0 0 20px;
}
code {
  font: 1.1em 'Courier New', Courier, Fixed;
}
#postend {
  height: 1px;
  width: 100%;
}
.quote .attrib {
  font-weight: 700;
  font-size: 1em;
  margin: -20px 0 0 0;
}
.quote h3 {
  margin: 0 0 30px 0;
}

.home .quote .attrib {
  display: inline-block;
  font-family: 'museo-sans', sans-serif;
  font-size: 1.25em;
  font-weight: 700;
  margin: 0;
  color: #000;
  background: #b52545;
  padding: 0 15px;
  line-height: 36px;
  margin-bottom: 10px;
  white-space: nowrap;
}

.topicmenu .heading,
.alphamenu .heading {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 0.85em;
  margin: 3px 0 0 0;
  color: #000;
  display: inline-block;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
}
.alphamenu .heading {
  color: #cdb470;
}
.alphamenu .heading a {
  color: #cdb470;
}
.alphamenu .heading a:hover {
  color: #b52545;
}
.ui-slider-handle .title {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #cdb470;
  line-height: 26px;
  height: 26px;
  padding: 0 10px;
  white-space: nowrap;
}
.ui-slider .posntitle {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #b52545;
  line-height: 26px;
  height: 26px;
  padding: 0 10px;
  white-space: nowrap;
}
.chapter-bar .ind {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #cdb470;
  line-height: 26px;
  height: 26px;
  padding: 0;
  margin-top: -25px;
}
.centres .section-main .find label {
  font-style: italic;
  font-size: 0.85em;
}
.centres .section-main .find p.message {
  font-size: 0.9em;
}
.centre .content-block .item .open {
  text-align: right;
  padding-right: 20px;
}
.centre .content-block .item .open a,
.pub-items-wrap .open a {
  font-style: italic;
  font-size: 0.85em;
  color: #b52545;
  padding-right: 30px;
  background: url(../png/arrow-red-filled-down.png) no-repeat right 0;
  line-height: 1.4em;
}
.centre .content-block .item.is-active .open a,
.pub-items-wrap.is-active .open a {
  background-position: right bottom;
}
.pub-items-wrap .open {
  padding-top: 7px;
  text-align: right;
}
.wkshp-times .summary .dt {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  color: #b52545;
}
.wkshp-times .summary .tm {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 1.2em;
  color: #b52545;
}
.wkshp-times .summary .txt {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 1.2em;
}
.wkshp-times .summary .col.open a {
  font-style: italic;
  font-size: 0.85em;
  color: #b52545;
  padding-right: 30px;
  text-align: right;
}
.data .row,
.data .row p {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #b52545;
  margin: 0;
}
.data .row .label {
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 1em;
  font-weight: 700;
  color: #000;
}
select {
  line-height: 46px;
  padding: 3px;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 1em;
  border: solid 1px #dfdfdf;
  -webkit-box-shadow: inset 0px 1px 8px 0px #dfdfdf;
  -moz-box-shadow: inset 0px 1px 8px 0px #dfdfdf;
  box-shadow: inset 0px 1px 8px 0px #dfdfdf;
  line-height: 23px;
  margin-bottom: 10px !important;
  font-weight: 500;
  background-color: #FFF;
  color: #5c616f;
  vertical-align: middle !important;
  border-radius: 0;
}
.section-map select,
select#centreselect {
  font-size: 0.9em;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-style: italic;
  color: #999;
}
.centres select#centreselect {
  /*  display: none; */
}
input,
select {
  /* -webkit-appearance: none;  */
  outline: none;
}
/***************LAYOUT*****************/
header,
.section,
#footer {
  width: 100%;
  display: block;
  position: relative;
}
.section-wrap {
  position: relative;
}
.home-banner.section {
  padding: 0;
  display: block;
}
.container {
  position: relative;
  width: 100%;
 /* max-width: 1600px;*/
  max-width: 1464px;
  margin: 0 auto !important;
}


.prefix-2, .prefix-3, .prefix-5 {padding-left: 25px;}
.suffix-2,
.suffix-3,
.suffix-4,
.suffix-5 {padding-right: 25px;}
.mainmenu > ul > li > ul.legal-info-nav > li .row,
.mainmenu > ul > li > ul.centers-nav > li .row {
    padding-left: 25px !important;
    /* padding-right: 25px !important; */
}












header .container {
  position: static;
}
.home-banner .container {
  max-width: 100%;
/*  padding:  0 6.25%;*/
}
.container.narrow {
  max-width: 750px;
}
.container.wide {
  max-width: 1326px;
}
.container.inset {
  padding: 0 25px;
}
/*==============HEADER=================*/
body {
  background: #fff;
  border-top: solid 15px #010101;
}
header {
  position: relative;
  background: #f9f9f1;
  border-top: solid 1px #aaa8a4;
  border-bottom:  solid 5px #d2bb7d;
  min-height: 85px;
  z-index: 199999;
}

header .container .flex-row {
  display:  flex;
  justify-content: space-between;
}



.logo-wrap {
  min-height: 87px;
  width:  auto;
}
.mainmenu-wrap {
  width:  auto;
}
.topmenu {
  min-height: 50px;
}
.specialistsmenu-top {
  min-height: 78px;
  background: #fff;
  padding: 30px 0 0 14px;
}
.mainmenu {
  min-height: 45px;
}
a#logo {
  display: block;
  width: 100%;
  height: 55px;
  padding: 10px 0 0 138px;
  background: url(../jpg/community-law-logo.jpg) no-repeat 0 0;
  background-size: auto 100%;
  margin-top: 17px;
  text-decoration: none;
}
a.footer-logo {
  display: block;
  width: 115px;
}
.section {
  background: #fff;
  padding: 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.home-banner.section {
  background: #b52545;
}
.home-banner .row {
  display:  flex;
  flex-direction: row;
  max-height: calc(100vw * 0.3333);
  overflow:  hidden;
}
.home-banner .row img {
  flex:  0 0 32.29%;
  max-height: calc(100vw * 0.3333);
}
.home-banner .row img.middle {
  flex:  0 0 35.42%;
}



.section.title-row {
  padding: 24px 0;
  background: #ffffff;
  z-index: 10;
}
.level2 .title-row {
  background: #fff;
}
.single-publication .title-row,
.publication .title-row {
  background: #ffffff;
}
.quote {
  position: relative;
}
.scroll {
  text-align: center;
  padding: 20px 0;
  background: url(../png/arrow-down-red.png) no-repeat center top 47px;

}
.home .scroll {
  padding: 20px 0;
  background: #fbf8f1 url(../png/arrow-down-red.png) no-repeat center top 47px;
  height: 104px;
}
.corona-banner-panel .scroll {
  background: transparent;
}


.scroll-big {
  text-align: center;
  padding: 20px 0;
  background: url(../png/arrow-down-big-red.png) no-repeat center bottom;
  width: 100%;
}
.centre .banner .byline {
  position: relative;
}
.centre .banner .scroll-big {
  position: absolute;
  bottom: -20px;
  background: url(../png/arrow-down-big-red.png) no-repeat center bottom;
}
.banner-panel {
  position: absolute;
  top:  110px;
  left:  -15px;
  background: #fff;
  padding: 50px 40px 70px;
}
.banner-panel .content {
  padding: 0;
}
.banner-panel .content a {
  float: right;
}
.banner-panel .content p a:first-child {
  float: left;
}
.section.banner {
  background: #fff;
  padding: 0;
}
.level2 .banner {
  background: #ffffff url(../jpg/books_banner.jpg) no-repeat center center;
  background-size: cover;
  height: 150px;
  padding-top: 45px;
}
.publication .banner {
  background: #ffffff url(../png/books-banner-publications.png) no-repeat center center;
  background-size: cover;
  height: 355px;
  padding-top: 45px;
}
.publication .banner .content {
  margin-top: 35px;
}
.home-banner .btm-cover {
  position: relative;
  margin-top: -1px;
  display: block;
  height: 1px;
  background: #b52545;
/*  background: #000;*/
}
.news .banner,
.single-publication .banner {
  background: #ffffff;
  background-size: cover;
  height: 150px;
  padding-top: 45px;
}
.section-top {
  padding-top: 40px;
  z-index: 10;
  background: #fff;
}
.section-top .section-marker {
  text-align: right;
  position: relative;
}
.section-top .content {
  /* margin-left: 80px; */
}
.landing .quote .book {
  padding-top:  50px;
}









.home .section-top {
  padding-top: 0;
  margin-top: 50px;
}
.home .section-top .section-marker {
  position: relative;
  margin-top: -15px;
}
.home .section-top h2 {
  position: relative;
  margin-top: 15px;
}
.home .section-top .content {
  max-width: 675px;
  margin-bottom:  50px;
}
.home .section-top .content p {
  font-size: 1.5em;
}



.home .section-top .home-search h2 {
  text-transform: none;
  margin-top: -25px;
  margin-bottom: 25px;
  font-size: 2.8em;
}
.home .section-top .home-search .content {
  margin-left: 0;
  margin-top: 30px;
}
.landing .section-top {
  padding-top: 80px;
}
.centres .section-top {
  /* padding-top: 80px; */
  padding-bottom: 80px;
}
.quote {
  margin-top: -170px;
  position: relative;
}
.home .quote {
  margin: -15px 0 0 calc(50% - 190px);
  position: relative;
  display: block;
  max-width: 480px;
  /* margin-left: auto; */
  /* margin-right: auto; */
}
.home .content-wrapper {
  display:  flex;
  column-gap: 10%;
  padding:  0 25px;
}
.home .section-main .content-wrapper > div {
  flex: 0 1 50%;
  display:  flex;
  flex-direction: column;
  justify-content: space-between;

}



.publication .quote {
  margin-top: 0;
  position: absolute;
  z-index: 12;
  top: 275px;
  left: 0;
  display: block;
}
.section-main {
  /* background: #fcfbf9 url(images/bg-page-texture-rev.png) repeat-x center bottom; */
}
.section-more {
  background: #F9F9F8;
  padding: 60px 0 80px;
}
.home .section-main {
  background: #ffffff;
  padding: 60px 0 80px;
}
.section-main.topic-selector {
  padding: 20px 0 80px 0;
}
.news .section-main {
  padding: 40px 0 80px 0;
}
.landing .section-main {
  padding: 80px 0 20px 0;
}
.landing .section-main .row {
  display:  grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap:  50px;
  padding: 50px 20px 0;
}
.landing .section-main .row > div {
  flex:  0 1 33.33%;
}
.landing .section-main .row > div h3 {
  font-size:  1.875em;
  margin-bottom:  30px;
}
.landing .section-main .row > div .thumb {
  padding-bottom:  30px;
}
.landing .section-main .row > div p {
  font-size:  1.25em;
}


.level2 .section-main {
  padding: 40px 0 60px;
}
.landing .section-main {
  /* margin-top: 325px !important; */
}
.landing .section-main .container {
  position: relative;
  /* margin-top: -325px !important; */
}
.section-main .pad {
  border: solid #CEB571;
  border-width: 1px 1px 0 1px;
  padding-bottom: 80px !important;
}
.section-main .pad.mid {
  border-left: none;
  border-right: none;
}
.section-main .pad img {
  margin-bottom: 30px;
}
.shop .section-main {
  padding: 60px 0 80px;
}
.section-main .header {
  position: relative;
  margin: 0 -10px 10px;
}

.section-main .Other-resources .header {
  font-size: 1.3em;
  font-weight: 700;
  margin: 0 0 30px;
}


.section-main .head {
  border-top: solid 1px #CEB571;
  border-bottom: solid 1px #CEB571;
}
.section-main .content-2 .head {
  border-color: #ebd6dd;
}
.section-main .head .col {
  padding: 20px 1.5% 20px 8.333333%;
}
.section-main .head .col:first-child {
  padding: 20px 0 20px 1.5% !important;
}
.section-main .content .col {
  padding: 10px 1.5% 30px 8.333333%;
}
.section-main .content .col:first-child {
  border-right: solid 1px #CEB571;
  padding: 10px 8.333333% 30px 1.5% !important;
}
.section-main .content-2 .content .col:first-child {
  border-color: #ebd6dd;
}
.section-main .quicklinks {
  padding: 20px;
  border-top: solid 1px #CEB571;
}
.section-main .content-2 .quicklinks {
  border-color: #ebd6dd;
}
.sidebarmenu {
  position: relative;
  top: 0;
}
.section-filter {
  padding: 30px 0 20px;
}
.reader-logo {
  display: block;
  width: 100%;
  padding: 0 0 0 57px;
  background: url(../jpg/community-law-logo.jpg) no-repeat 0 0;
  background-size: auto 23px;
}
.topicmenu {
  padding: 5px 0 5px 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  background: #ffffff url(../png/clm-indicator-topics.png) no-repeat 0 -20px;
}
.topicmenu.is-active {
  background-position: 0 0;
}
.alphamenu {
  position: relative;
  padding: 0 10px 15px 10px;
  background: #fcfbf9;
  border: solid 1px #dbc791;
}
.alphamenu .box {
  position: relative;
  display: block;
  width: 316px;
  height: 15px;
  margin: -14.5px auto 0;
  background: #fcfbf9;
  border: solid  #dbc791;
  border-width: 1px 1px 0 1px;
}
.topicsmenu {
  border: solid  #CEB571;
  border-width: 0 1px 1px 1px;
  margin-bottom: 0;
  padding: 20px 0;
}
.clm-head {
/*  padding-bottom: 35px;*/

}
.clm .section-main {
  padding: 45px 0 0px;
}
.clm .section-main.sticky {
  margin-top: 261px;
}
.clm .section-main.sticky.is-active {
  margin-top: 464px;
}
.clm .section-main .content {
  padding-bottom: 70px;
}
.section.sticky {
  position: fixed;
  z-index: 100;
  top: 0;
}
.section.sticky .head {
  border-bottom: solid 1px #CEB571;
  padding: 5px 0;
}
.section.sticky .head {
  background: #ceb572;
  border-bottom: none;
  z-index: 100;
}
.section.sticky .openclose {
  position: absolute;
  bottom: 8px;
  right: 0px;
  z-index: 20;
  cursor: pointer;
  height: 20px;
  width: 120px;
  margin: 0;
  padding: 0;
  font-size: 0.90em;
  text-align: center;
  font-weight: 500;
  color: #010101;
  text-transform: normal;
  text-decoration: underline;
  line-height: 20px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  display: inline-block;
}
.section.sticky .openclose.is-active {
  background-position: right bottom;
}
.section.sticky .head .handle {
  position: absolute;
  z-index: 101;
  top: 38px;
  right: 45px;
  width: 27px;
  height: 19px;
  background: url(../png/bg-draw-pull-head.png) no-repeat 0 0;
  cursor: pointer;
  display: block;
}
.section.sticky .head .handle.is-active {
  background-position: 0 bottom;
}
.clm .topspace {
  display: block;
  width: 100%;
  height: 43px;
}
.clm .law-manual-menu .foot {
  display: none;
  border-bottom: solid 1px #CEB571;
}
.section.law-manual-menu {
  /*   display: none; */
  position: relative;
  z-index: 19;
  padding-bottom: 15px;

    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.section.law-manual-menu .controller {
  /*   display: none; */
  position: relative;
  z-index: 99;
  padding-top: 15px;
}
.section.law-manual-menu .controller .col {
 padding-top: 18px;
}
.section.law-manual-menu .controller .col.heading {
 padding-top: 17px;
}


.section.law-manual-menu .controller .col.search {
 padding-top: 0px;
}
.section.law-manual-menu .controller a {
  color: #000;
  text-decoration: none;
  
  font-size: 0.85em;
  font-weight: 700;
}

.section.law-manual-menu .controller .col.nav {
  padding: 3px 0 0 40px;
}
.section.law-manual-menu .controller .col.nav ul {
  display: flex;
  flex-direction:  row;
}
.section.law-manual-menu .controller .col.nav ul li {
  flex-basis: 33.333%;
  text-align: center;
  border-left:  solid 1px #b52545;
  line-height: 41px;
}

.section.law-manual-menu .controller .col.nav ul li a span {
  font-size: 0.75em;
  text-transform: none;
  font-weight: 300;
  font-style: italic;
}

.section.law-manual-menu .controller .col.nav ul li.btn a {
  display:  inline-block;
  line-height: 30px;
  margin-top:  7px;
  font-size: 0.7em;
  font-weight: 500;
  padding: 0 20px;
  background: #000;
  color: #fff;
  
  text-decoration: none;
}
.section.law-manual-menu .controller .col.nav ul li.btn a:hover {
  text-decoration: underline;
}




.home .section-main h3 {
  margin:  30px 0 30px;
}
.home .section-main p {
  font-size:  1.25em;
}







.section.law-manual-menu-tab {
  display: none;
  position: relative;

  z-index: 20;
      -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
}
.section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col:first-child {
  border-right: solid 1px #979797;
}
.section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col.topics .col {
  min-height: 100%;
  width: 40%;
  padding: 30px 0;
}
.section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col .col.col-1a {
  width: 60%;
}
.section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col.col-1c {
  padding-top: 15px;
  padding-bottom: 15px;
}

.section.law-manual-menu-tab .tab {

}
.section.law-manual-menu-tab .tab a {
  display: inline-block;
  position: relative;
  line-height: 76px;
  height: 79px;
  margin: -77px 0 0 -20px !important;
  padding: 0 20px;
  text-decoration: none;
  
  font-size: 0.85em;
  color: #b52545;
  font-weight: 700;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);



}
.section.law-manual-menu-tab .topicsmenu-wrapper {
  position: relative;
  z-index: 20;
  background: #fff;
  padding: 15px 0 25px;
}

.section.law-manual-menu-tab .mob {
  display: none;
}



.section.law-manual-menu-tab .nav ul li a {
  display: inline-block;
  font-size: 1.125em ;
  line-height: 25px;
  padding: 5px 0;
  color: #000;
}
.section.law-manual-menu-tab .nav ul li a.active {
  color: #b52545;
}


.section.law-manual-menu .content {
  /*   border-bottom: solid 1px #CEB571; */
}
.section.law-manual-menu .foot .chapter-bar {
  padding-top: 50px;
  padding-bottom: 0px;
  height: 95px;
}
.section.law-manual-menu.sticky .foot .chapter-bar {
  padding-bottom: 0;
  height: 100px;
}
.section.law-manual-menu.sticky .foot {
  border-bottom: solid 1px #CEB571;
}
.chapter-bar .left {
  float: left;
}
.chapter-bar .right {
  float: right;
}
.clm .breadcrumb {
  font-family: 'museo-sans', 'Times New Roman', Times, serif;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 10px;
  background: #b62745;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  font-weight: 500;
}
.clm-home .banner {
  background: #f3eedb url(../jpg/banner-clm-online-left.jpg) repeat-y 0 0;
  border-bottom: solid 14px #a58030;
  margin-top: 2px;
}
.clm-home .banner .banner-img {
  display: block;
  background: #f3eedb url(../jpg/banner-clm-online-right.jpg) no-repeat center 0;
  background-size: cover;
  height: 500px;
  position: absolute;
  top: 0;
  right: 0;
  float: none;
}
.clm-home .banner .banner-img div {
  border-left: solid 15px #a58030;
}
.box-nav-wrapper {
  text-align: center;
  padding-bottom: 15px;
}
.box-nav-wrapper .head,
.box-nav-wrapper .nav {
  max-width: ;
}
.box-nav-wrapper .row {
  margin-bottom: 20px;
  background: url(../png/bg-main-bottom.png) repeat-x center bottom;
}
.box-nav-wrapper .title-row {
  padding-bottom: 2px;
}
.box-nav-wrapper .menu {
  text-align: left;
}
.box-nav-wrapper .title h5 {
  display: none;
}
.box-nav-wrapper .title h5.is-active {
  display: inline-block;
}
.box-nav-wrapper .search {
  text-align: right;
}
.box-nav-wrapper .box-nav {
  position: relative;
  width: 102%;
  margin: 0 -1%;
}
.box-nav-wrapper .clm-search-form {
  display: inline-block;
  color: #fff;
  background: #a58030;
  height: 28px;
  line-height: 28px;
  font-size: 0.8em;
  font-weight: 500;
  padding: 0 5px 5px 20px;
}
.box-nav-wrapper .clm-search-field {
  display: inline-block;
  width: 120px;
  height: 16px;
  line-height: 18px;
  margin: 0px 0 0 20px;
  border: solid #dbc791;
  border-width: 0 0 1px 0 !important;
  padding: 0 5px;
  color: #b0b0b0;
  font-size: 0.9em;
  background: #fff;
  font-style: italic;

}

.clm-search-form {
  padding: 3px 0;
}


.clm-search-field {
  display: inline-block;
  width: 100%;
  max-width: 585px;
  height: 45px;
  line-height: 45px;
  margin: 0;
  /* border-width: 0 !important; */
  padding: 0 20px;
  color: #b0b0b0;
  font-size: 1em;
  font-style: italic;
  background-color: #fff;
  border-radius: 1px;
  /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); */
  transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.clm-search-field:focus,
.clm-search-field:hover {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}
.clm-search-field {
  height: 43px;
  line-height: 43px;
  font-size: 0.75em;
  background: #fff url(../png/bg-searchbox.png) no-repeat right center;
  background-size: auto 100%;
  border: solid 1px #979797;
  padding: 0 8px;
}
.home .clm-search-field {
  /* border: none; */
  /* max-width: 430px; */
}
.legal-info-nav .clm-search-field {
  height: 31px;
  line-height: 31px;
  font-size: 0.75em;
  box-shadow: none;
  padding: 0 7px;
}















.ui-autocomplete {
  border: none;
  box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
  background: #fff;
  width: 100%;
  max-width: 585px;
  padding: 10px 0 !important;
}
.home .ui-autocomplete {
  max-width: 500px;
}
/*
.topic-nav li {
  width: 24%;
  margin: 0 0.5% 36px !important;
  border: solid #666;
  border-width: 12px 1px 1px;
  background: #fff;
}
.topic-nav li img {
  width: 100%;
}
.topic-nav li h5 {
  width: 100%;
  line-height: 24px;
  margin-top: 4px;
  padding: 8px 50px 8px 16px;
  font-family: 'Museo-Sans', sans-serif;
  font-size: 1.125em;
  font-weight: 400;
}
.topic-nav li .pointer {
  position: absolute;
  right: 20px;
  bottom: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 9px 0 9px;
  border-color: #007bff transparent transparent transparent;
  display: none;
}

.topic-nav li.topic-tile-1 { border-color: #DF5B87; }
.topic-nav li.topic-tile-2 { border-color: #F15C61; }
.topic-nav li.topic-tile-3 { border-color: #4B4780; }
.topic-nav li.topic-tile-4 { border-color: #A7B824; }
.topic-nav li.topic-tile-5 { border-color: #00B4AB; }
.topic-nav li.topic-tile-6 { border-color: #984D8C; }
.topic-nav li.topic-tile-7 { border-color: #74B65C; }
.topic-nav li.topic-tile-8 { border-color: #DFB719; }
.topic-nav li.topic-tile-9 { border-color: #D6792A; }
.topic-nav li.topic-tile-10 { border-color: #13B3C8; }

.topic-nav li.topic-tile-1 .pointer{ border-color: #DF5B87 transparent transparent transparent; }
.topic-nav li.topic-tile-2 .pointer{ border-color: #F15C61 transparent transparent transparent; }
.topic-nav li.topic-tile-3 .pointer{ border-color: #4B4780 transparent transparent transparent; }
.topic-nav li.topic-tile-4 .pointer{ border-color: #A7B824 transparent transparent transparent; }
.topic-nav li.topic-tile-5 .pointer{ border-color: #00B4AB transparent transparent transparent; }
.topic-nav li.topic-tile-6 .pointer{ border-color: #984D8C transparent transparent transparent; }
.topic-nav li.topic-tile-7 .pointer{ border-color: #74B65C transparent transparent transparent; }
.topic-nav li.topic-tile-8 .pointer{ border-color: #DFB719 transparent transparent transparent; }
.topic-nav li.topic-tile-9 .pointer{ border-color: #D6792A transparent transparent transparent; }
.topic-nav li.topic-tile-10 .pointer { border-color: #13B3C8 transparent transparent transparent; }


.topic-nav li.topic-tile-double {
  width: 49%;
  margin: 0 0.5% 36px !important;
  border: none;
  border-width: 0;
  background: #E0E0E0 url(images/decor-banner-arrows.png) no-repeat right center;
  background-size: auto 55%;
  padding: 0;
}
.topic-nav li.topic-tile-double img {
  margin-top: 0 !important;
  max-height: 237px;
}
.topic-nav li.topic-tile-double .col {
  position: relative;
  min-height: 237px;
}

.topic-nav li.topic-tile-double .content {
  padding: 35px 50px 0 0;
}
.topic-nav li.topic-tile-double .content h5 {
    width: 100%;
    line-height: 24px;
    margin-top: 4px;
    padding: 8px 0 8px 0;
    font-family: 'Museo-Sans', sans-serif;
    font-size: 1.125em;
    font-weight: 400;
}

.topic-nav a.btn {
  float: right;
  margin: 0 0.5% 20px 0;
  line-height: 45px;
  font-size: 1.15em;
  padding: 0 17px ;
  background: #000;
  color:#fff;
  
  text-decoration: none;
}


.topic-nav li.topic-tile-double .content a.btn {
  position: absolute;
  bottom: 35px;
  margin: 0;
}
.topic-nav ul {
  clear: both;
}


*/











.section.law-manual-topic-content .sidebarmenu-law,
.section.law-manual-topic-content .other-places-nav {
    padding: 10px 20px 0 0;
}
.other-places-nav ul li a {
  display: inline-block;
    font-weight: 300;
    font-size: 1em;

    background: none;
    line-height: 38px;
    color: #000;
}






.ui-autocomplete li {
  display: block !important;
  width: 100% !important;
  font-family: 'museo-sans', Helvetica, Arial, serif;
  font-weight: 300;
  font-size: 0.93em;
  color: #999;
  padding: 0 !important;
  line-height: 1.2;
  padding: 5px 20px !important;
}
.ui-autocomplete li:hover {
  color: #000;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #000;
}
.sa-found-text {
    color: #000;
}

.sa_searching {
  background: #fff url(../gif/select2-spinner.gif) no-repeat right 20px center;
}








.ui-autocomplete.ui-widget-content {
  border: none;
}
ul.ui-front {
    z-index: 1000000;
}

.law-search {

}
.law-search {
  width: 100%;
  max-width: 585px;
  padding-bottom: 230px;
}
.law-search h2,
.browse-topics h2 {
  text-transform: none;
  margin-bottom: 15px;
  font-size: 1.875em;
}
.law-search .content {
    margin-left: 0;
    margin-top: 30px;
}
.browse-topics {
  padding-bottom: 130px;
}


.browsechaptnav  {
  padding:  20px 0 0;
  margin:  0 0 10px;
}
.browsechaptnav ul {
  width: 100%;
  display: block !important;
  -moz-column-count: 5;
  -moz-column-gap: 20px;
  -webkit-column-count: 5;
  -webkit-column-gap: 20px;
  column-count: 5;
  column-gap: 20px;
}

.browsechaptnav.nav ul li {
  padding: 6px 0 6px 0 !important;
}
.browsechaptnav ul li a {
  display:  inline-block;
  line-height: 1.2;
  padding: 6px 0 6px 0 !important;
}
.browsechaptnav ul li a {
  color: #000;
  font-size: 1.125em;
}
.browsechaptnav ul li a:hover {
  color: #b52545;
  text-decoration:  underline !important;
}



tbody td {
  border-top: 1px solid #ccc;
  padding-top: 18px;
}
table.Other-resources tbody td { border-top: none;}
tbody {
  border-bottom: 1px solid #ccc
}
.article thead td {
  vertical-align: bottom;
}
thead td p {
  font-weight: bold;
}


table.Other-resources td {
  padding: 20px 0 5px;
  border-bottom: solid 1px #000;
}
table.Other-resources td.OR-left {
  width: 27%;
  padding-right: 15px;
}
table.Other-resources td.OR-left p {
  font-weight: 700;
  color: #b52545;
}
table.Other-resources td.OR-left p.header {
  padding-top: 15px;
  color: #000;
  font-size: 1.3em;
  font-weight: 700;
  margin: 0 0 20px;
}
table.Other-resources tr:first-child td.OR-left p.header {
  padding-top: 0px;
}
table.Other-resources td p a {
  font-style: italic;
}










/*
.topicsmenu-wrapper .clm-search {
  position: absolute;
  top: -85px;
  right: 0;
  width: 180px;
  z-index: 100;
}
.topicsmenu-wrapper .clm-search-field {
  float: right;
  display: inline-block;
  width: 180px;
  height: 27px;
  line-height: 27px;
  margin: 18px 0 0;
  padding: 0 5px;
  color: #b0b0b0;
  font-size: 0.75em;
  background: #fff;
  font-style: italic;
  border: solid 1px #dfdfdf;
  -webkit-box-shadow: inset 0px 1px 8px 0px #dfdfdf;
  -moz-box-shadow: inset 0px 1px 8px 0px #dfdfdf;
  box-shadow: inset 0px 1px 8px 0px #dfdfdf;
}*/
.topicsmenu {
  position: relative;
}
.clm-home .section-main {
  background: #ffffff;
  padding: 70px 0 80px;
}
.clm-home .sidebar {
  padding: 39px;
  border: solid 1px #dbc791;
}
.publication .section.banner {
  position: relative;
  z-index: 10;
  background: #F9F9F8;
  height: 413px;
}

.publication .section-main {
  background: #ffffff;
}
.publication .section-main.letters {
  padding: 110px 0 80px;
}
.publication .section-main.repmodules {
  padding: 110px 0 80px;
}
.publication .section-main.bookshop {
  padding: 200px 0 80px;
}
.publication .banner-img {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 410px;
  z-index: 10;
}
.letters .banner-img {
  background: url(../jpg/letters_banner.jpg) no-repeat center center;
  background-size: cover;
}
.repmodules .banner-img {
  background: url(../jpg/rep_banner.jpg) no-repeat center center;
  background-size: cover;
}
.bookshop .banner-img {
  background: url(../jpg/bookshop_banner.jpg) no-repeat center center;
  background-size: cover;
}
.pub-items {
  padding-top: 10px;
}
.pub-item {
  border-top: solid 1px #CEB571;

  margin-bottom: 35px;
}
.news-item {
  margin-bottom: 0;
}
.news-widgets {
  padding-top: 35px;
}
.single-news-widgets {
  padding-top: 20px;
}
.pub-item .row {
  /*   padding: 20px 0; */
}
.pub-item .content {
  padding-top: 20px;
  padding-bottom: 30px;
}
.pub-item .pub-img {
  padding: 20px 0 30px 20px;

}
.pub-item .pub-img img {
  max-height: 330px;
  border: solid 1px #CEB571;
}
.pub-item .buy-now {
  padding-top: 20px;
  padding-bottom: 30px;
}
.repmodules .pub-item .buy-now {
  padding-top: 20px;
}
.pub-item .buy-now .form {
  padding: 15px;
  background: #F9F9F8;
  width: auto;
  max-width: 280px;
}
.pub-item .pub-img .row {
  padding: 0;
}
.pub-item.book .row {
  padding: 30px 0;
}
.pub-item.book .pub-img .row {
  background: #fcfbf9;
}
.pub-items-wrap {
  margin-bottom: 20px;
  padding: 15px 0 8px 0;
  line-height: 1.3;
  color: #000;
  padding-left: 50px;
  background: #F9F9F8 url(../svg/arrows-up-down-red.svg) no-repeat 15px 22px;
  text-decoration: none;
  border: solid 1px #DAD9D9;
  border-radius: 5px;
  font-weight: 300;
  line-height: 26px;
  min-height: 60px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.pub-items-wrap.is-active {
  background-position: 15px -110px;
}

.pub-items-wrap .grid-8 {
  text-align:  right;
  padding-right:  15px;
  line-height: 26px;
  font-size:  1.25em;
}



.pub-items-collection {
  margin-bottom: 40px;
}
.pub-items-collection > .row {
  border-top: solid 1px #CEB571;
  padding: 30px 0 0;
}
.pub-items-collection .pub-items {
  padding: 0;
}
.pub-items-collection .grid-14 {
  padding-bottom: 20px;
}
.pub-items-wrap.is-active .pub-item.pub-item-subhead {
  padding: 15px 0;
  margin: 0;
}
.pub-items-collection .pub-item {
  margin: 0;
  padding: 10px 10px 10px 0;
  border-bottom: none;
}
.pub-items-wrap .pub-item {
  display: none;
}
.pub-items-wrap .pub-item .grid-22 a {
  text-decoration: none;
  color:  #000;
}
.pub-items-wrap .pub-item .grid-22 a {
  text-decoration: none;
  color:  #000;
}





.news-item {
  border-top: none;
  border-bottom: solid 1px #CEB571;
}
.news-item.book {
  padding: 15px 0;
}
.news-item .row {
  padding: 0;
}
.about-us .content img {
  width: 150px !important;
/*   padding: 10px;
  border: solid 1px #CEB571;*/
}
.about-us .content a img {
  width: 50px !important;
  position: relative;
  margin-top: -5px;
  margin-bottom: 20px;
  padding: 0;
  border: none;
}
.about-us .section-main iframe {
  width:  100%;
}
.about-us .section-main .grid-18 {
  width: 100% !important;
  max-width: 1024px;
}
.page-template-board-template .section-main .wp-block-columns {
  margin-bottom: 40px;
  padding-bottom: 60px;
  border-bottom:  solid 1px #CEB571;
  column-gap: 85px;
}
.page-template-board-template .about-us .content img  {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  margin-bottom: 60px;
}
.page-template-board-template .about-us .content .wp-block-column img  {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  margin-bottom: 0px;
}



.single-publication .section-main {
  background: #fff;
  padding: 60px 0 80px;
  z-index: 11;
}
.single-publication .pub-item {
/*   padding-top: 38px;
padding-bottom: 0px;
border-top: none; */
}
.single-publication .pub-title {
  background: #b62745;
  color: #fff;
  margin: 0 0 30px 0;
}
.single-publication .pub-title .pub-cta {
  background: #000;
  float: right;
  line-height: 70px;
  text-align: center;
}
.single-publication .row {
  padding: 0;
}
.single-publication .pub-item .pub-img {
/*   border: none;
position: relative;
margin-top: 20px;
padding: 0 0 20px; */
    padding: 20px 10px 30px;
    border-left: solid 1px #CEB571;
}
.single-publication .pub-item .pub-img .thumb {
  padding: 35px 25px !important;
  background: #ceb572;
}
.single-publication .pub-item.book {
/*   padding: 35px 0; */
}
/*
.single-publication .buy-now {
  margin: 30px 10px 10px;
  background: url(images/bg-hr.png) repeat-x center top;
}
.single-publication .buy-now .row {
  padding: 10px 0;
  background: url(images/bg-hr.png) repeat-x center bottom;
}


.single-publication .buy-now .input-text.qty {
  margin-left: 130px !important;
  margin-bottom: 10px !important;

}

 */
.sp-content {
  height: 238px;
  overflow: hidden;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  margin-bottom: 15px;
}
.centres .section-main {
  background-color: #fff;
  padding-bottom: 70px;
}
.centres .section-main .pad {
  border-width: 1px;
  margin-bottom: 40px;
  padding-bottom: 10px !important;
}
.centres .section-main .content {
  padding-top: 20px;
  padding-left: 10px;
}
.centres.centres-intro .section-main .content {
  padding-top: 10px;
  padding-left: 10px;
}
.centres .section-main .find {
  padding: 20px 15px 10px;
  background: #f2ecdb;
}
.centres .section-main .find label {
  padding: 25px 20px 10px 4px;
}
.centres .section-main .find select {
  width: 200px;
  margin: 10px 0 0 0;
}
.centres .section-main .find .results {
  width: 100%;
  border-top: solid 1px #eadfc5;
  border-bottom: solid 1px #eadfc5;
  padding: 5px 0 5px 0;
  display: none;
}
.centres .section-main .find .results.is-active {
  display: block;
}
.centres .section-main .find .results .place {
  margin: 0;
}
.centres .section-main .find .message {
  border-bottom: solid 1px #eadfc5;
  padding: 10px 0;
  display: none;
}
.centres .section-main .find .message.is-active {
  display: block;
}
.centre .section.banner {
  background: #cdb470;
}
.centre .section.banner .content {
  height: 400px;
  padding-top: 40px;
}
.centre .section.banner .content .byline {
  background: url(../png/bg-main-bottom-red.png) repeat-x center top;
  padding: 15px 0 20px;
  margin-bottom: 40px;
}
.centre .section.banner .last {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: block;
  width: 57%;
  height: 400px;
}
.centre .section.banner .last .bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 400px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  opacity: 0;
}
.centre .section.banner .last .bg-1 {
  background: url(../jpg/clc_banner_1.jpg) no-repeat left center;
  background-size: cover;
}
.centre .section.banner .last .bg-2 {
  background: url(../jpg/clc_banner_2.jpg) no-repeat left center;
  background-size: cover;
}
.centre .section.banner .last .bg-3 {
  background: url(../jpg/clc_banner_3.jpg) no-repeat left center;
  background-size: cover;
}
.centre .section.banner .last .bg-4 {
  background: url(../jpg/clc_banner_4.jpg) no-repeat left center;
  background-size: cover;
}
.centre .section.banner .last .bg-5 {
  background: url(../jpg/clc_banner_5.jpg) no-repeat left center;
  background-size: cover;
}
.centre .section.banner .last .bg-6 {
  background: url(../jpg/clc_banner_6.jpg) no-repeat left center;
  background-size: cover;
}
.centre .section.banner .last .bg.is-active {
  opacity: 1;
}
.centre .section.banner .top-cnr {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  display: block;
  width: 466px;
  height: 366px;
  background: url(../png/bg-top-cnr.png) no-repeat right top;
  padding: 25px 0 0 210px;
}
.centre .subnav .btm {
  display: block;
  width: 100%;
  height: 3px;
  background: #ffffff url(../png/bg-main-bottom.png) repeat-x center top;
}
.centre .section-about,
.centre .section-workshops {
  padding-top: 50px;
  display: none;
  background: #fcfbf9 url(../png/bg-page-texture.png) repeat-x center top;
}
.centre .section-about.is-active,
.centre .section-workshops.is-active {
  display: block;
}
.centre .section-about-intro,
.centre .section-workshops-intro {
  padding-bottom: 50px;
}
.centre .section-main {
  background: #fff;
  padding-bottom: 70px;
}
.centre .content-block .item {
  padding: 20px 0 0 0;
  margin-bottom: 20px;
  background: #f9f9f1;
}
.centre .section-main .pad-left {
  padding-left: 10px;
  border: none;
}
.centre .section-main .row .pad-right {
  padding-right: 10px;
  border: none;
}
.centre .content-block .item .grid-9,
.centre .content-block .item .grid-19 {
  padding-bottom: 10px;
}
.centre .content-block .item .locn {
  padding-bottom: 20px;
}
.centre .content-block .item .addr {
  /*  height: 20px; */
  overflow: hidden;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.centre .content-block .item .detail {
  border-top: solid 1px #eadfc5;
  padding-top: 10px;
  /*   margin-top: 10px; */
  width: 100%;
  display: none;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.centre .content-block .item.is-active .detail {
  display: inline-block;
}
.centre .content-block .item.is-active .addr {
  height: auto;
  overflow: hidden;
}
.centre .content-block .item .notes {
  background: #f3ecdc;
  padding: 10px 0;
}
.centre .content-block .item .notes p {
  font-size: 1em;
  color: #b52545;
  text-align: center;
}
.centre .content-block .item .col {
  cursor: pointer;
}
.centre .content-outreach,
.centre .content-clinics,
.centre .content-advice {
  display: none;
}
.centre .content-outreach.is-active,
.centre .content-clinics.is-active,
.centre .content-advice.is-active {
  display: block;
}
.centre .detail {
  display: none;
}
.centre .wkshp-times .item.is-active .detail {
  display: inline-block;
}
.wkshp-times .wkshp-times-wrapper {
  border-top: solid 10px #b52545;
  padding-top: 20px;
}
.wkshp-times .summary .tm,
.wkshp-times .summary .txt,
.wkshp-times .summary .open {
  border-bottom: solid 1px #ccc;
  height: 46px;
}
.wkshp-times .row .summary {
  height: 48px;
  line-height: 46px;
}
.wkshop {
  padding-top: 40px;
  padding-bottom: 20px;
  border-top: solid 1px #efefed;
}
.wkshop .data {
  padding-top: 20px;
  border-top: solid 1px #efefed;
  border-bottom: solid 1px #efefed;
}
.data .row {
  padding-bottom: 20px;
}
.data .row-3 {
  padding-bottom: 10px;
}
.ws-content {
  height: 78px;
  overflow: hidden;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  margin-bottom: 15px;
}
.ws-content.is-active {
  height: auto;
}
.wkshop .content {
  padding-bottom: 35px;
}
.section-contact-head {
  border: none;
  background: #d4b66d url(../png/bg-main-bottom.png) repeat-x 0 bottom;
  padding-top: 20px;
  padding-bottom: 0;
}
.section-contact {
  background: #d4b66d;
  min-height: 265px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-contact table {
  border: none;
}
.section-contact td {
  border-top: none;
  padding: 0 5px 10px 0;
  vertical-align: top;
}
.section-contact td.red {
  font-weight: 500;
}
.section-main .container {
  z-index: 3;
}
.corner {
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  display: block;
  width: 276px;
  height: 281px;
  background: url(../png/bg-corner.png) no-repeat 0 0;
}
.corner-red {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  display: block;
  width: 345px;
  height: 320px;
  background: url(../png/bg-corner-red.png) no-repeat right bottom;
}
.bg-grey {
  background: #fcfbf9;
}
.bg-bottom {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 72px;
  background: url(../png/bg-page-texture-rev.png) no-repeat 0 0;
}
/*===============MAP SECTION=================*/
.section-map {
  background: #fff;
  border-top: solid 14px #d4b66d;
  padding: 40px 0 40px 0;
  position: relative;
  z-index:1000;
}
.centre .section-map {
  border-top: solid 1px #d4b66d;
}
.section-map .head {
  padding-right: 20px;
}
.section-map .content {
  padding: 5px 20px 0 0;
}
.section-map .navigation {
  padding: 0 20px;
}
.section-map .map {
  margin: 10px 0 0;
}
/*===============FOOTER=================*/
#footer {
  position: relative;
  z-index: 1001;
  padding-top: 50px;
  border-bottom: solid 25px #d4b66d;
  background: #ffffff url(../png/bg-footer-top.png) repeat-x center 0;
}
#footer p.copyright {
  margin-top: 20px;
  font-size: 0.7em;
  color: #6a747c;
  text-transform: none;
}
#footer p.copyright a {
  color: #6a747c;
}
/*===============OTHER=================*/
.section.fourohfour {
  padding: 0;
  background: #ffffff url(../png/bg-main-bottom.png) repeat-x center top;
  z-index: 10;
  text-align: center;
}
.section.fourohfour > div {
  background: url(../png/bg-page-texture.png) repeat-x center top;
  padding: 80px 0 40px;
}
#overlay {
  display: none;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  position: absolute;
  z-index: 99999;
  background: #000;
  opacity: 0.5;
}
#overlay.is-active {
  display: block;
}
#body-overlay {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 5000;
  background: #fbf6ec;
}
#body-overlay.is-active {
  display: block;
}
#googleMap iframe {
  width: 100%;
}
#googleMap {
  height: 550px;
}
#googleMap img {
  max-width: none;
}
#googleMap .iwContent {
  min-width: 150px;
  max-width: 295px;
  min-height: 30px;
  text-align: left;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
}
#googleMap .iwContent p {
  font-size: 1.15em;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 5px;
  overflow: hidden;
}
#googleMap .iwContent p.head {
  font-size: 1.3em;
  font-family: 'museo', 'Helvetica', Arial, sans-serif;
  padding-bottom: 10px;
  border-bottom: solid 1px #ddd;
}
#googleMap .iwContent p.lnk {
  margin-bottom: 0px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: left;
  width: 48%;
}
.woocommerce-checkout #payment {
  background: #f9f9f1;
  border-radius: 0px;
}
.woocommerce-checkout #payment ul.payment_methods {
  text-align: left;
  padding: 20px;
  border-bottom: 1px solid #d3ced2;
  margin: 0;
  list-style: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  display: block;
}
.payment_method_paypal img {
  width: auto;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: left;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border-radius: 0px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 150px;
}
#searchform {
  position: absolute;
  top: 8px;
  right: 0;
  margin-right: 0;
  height: 28px;
  width: 100px;
  z-index: 21;
}
/* 3.1 - Navigation Search */
.menu-search-button {
  background: url(../png/btn-search.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #000;
  border: none;
  border-color: #000;
  border-width: 0 !important;
  height: 30px;
  line-height: 30px;
  float: right;
  position: relative;
  margin-top: -1px;
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 38px;
}
.menu-search-button:hover {
  cursor: pointer;
}
.menu-search-form {
  width: 280px;
  /* 19.1%; */
  float: right;
}
.menu-search-field {
  width: 0%;
  margin-right: 38px;
  border: solid 1px #000;
  float: right;
  padding: 1px 0px;
  color: #b0b0b0;
  font-size: 12px;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 38px;
  height: 29px;
  line-height: 28px;
  webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
/*}
.menu-search-focus {*/
  width: 250px;
  padding: 1px 0 0 10px;
  opacity: 10;
}
.search-result {
  padding: 15px 0;
  border-top: solid 1px #CEB571;
}
.search-result h5 span {
  font-weight: 400;
  font-size: 0.9em;
}
.search-result h5 {
  line-height: 1.5;
  display: block;
  margin-bottom: 5px;
}
.search-result p {
  margin-bottom: 0px;
}
.search-result p.link {
  padding-top: 10px;
  font-size: 0.9em;
}




.payment_methods img {
  width: auto;
}
.maplink {
  float: right;
  position: relative;
  margin-top: 38px;
  padding-right: 20px;
  background: url(../png/icon-map.png) no-repeat right center;
  height: 18px;
  line-height: 18px;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 1em;
  font-weight: 300;
}
.fadein {
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -moz-animation: fadein 1s;
  /* Firefox */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera */
  animation: fadein 1s;
}
.fadeout {
  -webkit-animation: fadeout 1s;
  /* Safari and Chrome */
  -moz-animation: fadeout 1s;
  /* Firefox */
  -ms-animation: fadeout 1s;
  /* Internet Explorer */
  -o-animation: fadeout 1s;
  /* Opera */
  animation: fadeout 1s;
}
/*=================NAVIGATION=================*/
.nav ul,
.nav ul li {
  margin: 0;
  list-style: none;
/*  position: relative;*/
  padding: 0 !important;
}
.nav ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  display: block;
}
.nav ul li a,
.nav ul li a:visited,
.nav ul li a:hover,
.nav ul li a:active {
  text-decoration: none;
}
.nav.hrz ul li {
  float: left;
}
.nav.vert ul li {
  float: none;
}
.nav.hrz.center ul {
  float: left !important;
  left: 50% !important;
}
.nav.hrz.center ul li {
  right: 50% !important;
}
.nav ul li ul {
  display: none;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li {
  float: left;
}
* html ul li a {
  height: 1%;
}
body {
  font-size: 100%;
}
/* End */
.mainmenu-wrap {
  position:  static;
}
.mainmenu {
  margin: 0 auto;
/*  position: relative;*/
  z-index: 2;
  height: auto;
}
.mainmenu > ul {
/*  position: relative;*/
  z-index: 1;
  /* float: right; */
  width: 100%;
  display: flex;
}
.mainmenu > ul > li {
  height: 45px;
  width: auto;
  z-index: 100;
  flex-grow: 1;
}
.mainmenu > ul > li > a {
  display: block;
  height: 44px;
  width: 100%;
  margin: 0;
  padding: 0 33px 0 23px;
  font-size: 1em;
  text-align: center;
  font-weight: 300;
  color: #010101;
  line-height: 40px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  background: url(../png/bg-mainmenu-a.png) no-repeat right top;
}
.mainmenu > ul > li:hover,
.mainmenu>ul>li.active {
  background: #d2bb7d; /*url(images/bg-mainmenu-left.jpg) no-repeat left top;*/
  color: #43423d;
}
.mainmenu > ul > li a:hover {
  /* color: #b52545; */
}
.mainmenu > ul > li:hover,
.mainmenu > ul > li:hover > a,
.mainmenu > ul > li > a.hovered,
.mainmenu>ul >li.active> a {
  text-decoration: none;
  /* color: #b52545; */
}
.mainmenu > ul > li.current-menu-item,
.mainmenu > ul > li.current_page_parent,
.mainmenu > ul > li.current-page-ancestor,
.mainmenu > ul > li.current-menu-item,
.mainmenu > ul > li.current_page_parent {
  background: #d2bb7d;
}
.mainmenu > ul > li.current-menu-item > a,
.mainmenu > ul > li.current_page_parent > a,
.mainmenu > ul > li.current-page-ancestor > a,
.mainmenu > ul > li.current-menu-item > a:hover,
.mainmenu > ul > li.current_page_parent > a:hover {
  text-decoration: none;
}


.mainmenu ul li:hover ul,
.mainmenu ul li:hover ul ul,
.mainmenu ul li.active ul {
  display:  flex;
}
.mainmenu > ul > li > ul {
  position: absolute;
  top: 95px; /*44px;*/
  left: 0px;
  z-index: 100;
  width: 100%;
  background:  #fff;
  height: auto;
  margin: 0px;
  padding: 0;
  border-top: solid 5px #d2bb7d;
  border-bottom: solid 6px #000;
  flex-direction:  row;
  justify-content:  center;
}
.mainmenu > ul > li > ul > li {
  display: block;
  width: auto;
  height: auto;
  background: #fff;
}
.mainmenu > ul > li > ul.legal-info-nav > li,
.mainmenu > ul > li > ul.centers-nav > li {
  width: 100%;
  max-width:  1600px;
  margin: 0 auto;
}

.mainmenu > ul > li > ul.legal-info-nav > li .row,
.mainmenu > ul > li > ul.centers-nav > li .row {
  /* padding:  0 6.25% !important; */
  max-width: 1464px;
  margin: 0 auto !important;
}

.mainmenu > ul > li > ul > li:first-child {

}

.mainmenu > ul > li > ul > li.last {

}
.mainmenu > ul > li > ul > li > a {
  display:  inline-block;
  padding: 5px 12px;
  margin: 20px 10px;
  /* height: 32px; */
  line-height: 22px;
  color:  #000;
  text-decoration: none;
  /* background:  #fff; */
  /* border:  solid 1px #CEB571; */
  /* border-radius: 16px; */
}
.mainmenu > ul > li > ul > li > a:hover {
  text-decoration: underline;
  /* border:  solid 1px #CEB571; */
  color: #b52545;
}



.mainmenu > ul > li.lmo > a {
  background:  none;
  padding-right: 23px;
}



.mainmenu ul li.flh>ul,
.mainmenu ul li.rcs>ul {
  /* display:  flex; */
  width:  100%;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0 !important;
  /* margin-left: 2%; */
}
.mainmenu ul li.flh:hover>ul,
.mainmenu ul li.rcs:hover>ul {
  display:  flex;
}
.mainmenu ul li.flh>ul>li,
.mainmenu ul li.rcs>ul>li {
 /* display:  block !important;*/
 display:  flex;
 flex-direction: column;
 width: 100%;
 max-width: 1464px;
 min-height:  140px;
 margin: 0 auto !important;
 padding: 0 0 0 455px !important;
}
.mainmenu ul li.flh>ul>li>a,
.mainmenu ul li.rcs>ul>li>a {
  display:  inline-block !important;
  padding:  0;
  margin: 10px 0;
  font-weight:  600;
  pointer-events: none;
}

.mainmenu ul li.flh>ul>li>ul,
.mainmenu ul li.rcs>ul>li>ul {
  display:  inline-block !important;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
  width: 360px;
}
.mainmenu ul li.flh>ul>li>ul li,
.mainmenu ul li.rcs>ul>li>ul li {
  display: inline-block;
  width: 100%;
  float: none;
  margin-bottom: 12px !important;
}

.mainmenu ul li.flh>ul>li>ul li a,
.mainmenu ul li.rcs>ul>li>ul li a {
  color: #010101;
}
.mainmenu ul li.flh>ul>li>ul li a:hover,
.mainmenu ul li.rcs>ul>li>ul li a:hover {
  color: #010101;
  text-decoration: underline;
}



.mainmenu ul li.flh>ul>li {
  background: url(../jpg/menu-disp-flh.jpg) no-repeat 2% center;
}
.mainmenu ul li.rcs>ul>li {
  background: url(../jpg/menu-disp-rcs.jpg) no-repeat 25px center;
}









.mainmenu>ul>li.divider {
  flex-grow: 0;
  width:  0;
  overflow:  hidden;
  margin: 0 15px;
  border-left:  solid 1px #000;
  height:  87px;
  margin-top:  -42px;
}
.mainmenu>ul>li.divider a {
  padding:  0;
}

.legal-info-nav {
  /* display: none; */
  margin: 0;
  padding: 0 !important;
  list-style: none;
  position: relative;
  width: 587px;
}
/*.legal-info-nav .container {
  width:  100%;
  max-width: 1600px;
  padding:  0;
}
*/

.legal-info-nav .flex-row {
  display:  flex;
  flex-direction:  row;
}

.legal-info-nav .thumb {
  flex:  0 0 25%;
}

.legal-info-nav .thumb {
  background:  #E0E0E0 url(../jpg/clm-2022-menutile.jpg) no-repeat center center;
  background-size:  cover;
  padding:  0 0 12px 15px;
  display:  flex;
  flex-direction: column;
  justify-content:  flex-end;
}

.legal-info-nav .thumb a.btn {
    display: inline-block;
    color: #fff;
    font-size: 1em;
    background: #b52545;
    padding: 5px 12px;
    margin-right: 10px;
    line-height: 21px;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}



.legal-info-nav img {
  object-fit:  cover;
}


.legal-info-nav .nav {
  flex: 0 0 75%;
  display:  block !important;
  padding: 20px 0 20px 40px;
}
.legal-info-nav > li {
  width:  100%;
  float:  none;
}
.legal-info-nav p.topicnav-heading {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 700;
  color:  #000;
}
.legal-info-nav .nav ul {
  display:  flex !important;
  width:  100%;
  flex-flow: row wrap;
  gap: 8px;
}
.legal-info-nav .nav ul li {
  display: inline-block;
  width: auto;
  float: none;
  margin-bottom: 0px ;
  clear: both;
}
.legal-info-nav .nav ul li a {
  display:  inline-block;
  padding: 0 12px;
  /* height: 32px; */
  line-height: 32px;
  color:  #000;
  text-decoration: none;
  background:  #fff;
  border:  solid 1px #CEB571;
  border-radius: 16px;
}
.legal-info-nav .nav ul li a:hover {
  text-decoration: underline;
  color: #b52545;
}





.centers-nav {
  /* display: none; */
  margin: 0;
  padding: 0 !important;
  list-style: none;
  position: relative;
  width: 587px;
}
.centers-nav .flex-row {
  display:  flex;
  flex-direction:  row;
}

.centers-nav .specialist {
  flex:  0 0 15%;
  padding: 20px 0 20px 20px;

  border-left:  solid 1px #000;
}
.centers-nav .local {
  flex: 0 0 85%;
  display:  block !important;
  padding: 20px 20px 20px 0;
}
.centers-nav > li {
  width:  100%;
  float:  none;
}

.centers-nav p {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 700;
  color:  #000;
}
.centers-nav p a {
  margin: 0 !important;
  font-size: 1em;
  display: inline-block;
}
.centers-nav p a:hover {
  color: #b52545;
}




.centers-nav .local .nav > ul {
  display:  block !important;
/*  display:  flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;*/
  -moz-column-count: 5;
  -moz-column-gap: 20px;
  -webkit-column-count: 5;
  -webkit-column-gap: 20px;
  column-count: 5;
  column-gap: 20px;
}
.centers-nav .specialist .nav ul {
  display:  block !important;
  width:  100%;
/*  display:  flex !important;
  flex-direction: column;*/
  -moz-column-count: 1;
  -moz-column-gap: 20px;
  -webkit-column-count: 1;
  -webkit-column-gap: 20px;
  column-count: 1;
  column-gap: 20px;
}


.centers-nav .nav ul li {
  display: inline-block;
  width: 100%;
  float: none;
  margin-bottom: 8px ;
}
.centers-nav .nav ul li a {
  display:  inline-block;
  padding: 5px 0;
/*  height: 32px;*/
  line-height: 22px;
  color:  #000;
  text-decoration: none;
/*  background:  #fff;
  border:  solid 1px #CEB571;
  border-radius: 16px;*/
}
.centers-nav .nav ul li a:hover {
  text-decoration: underline;
  color: #b52545;
}
/*.centers-nav .nav ul li ul {
  display:  none !important;
}*/
.centers-nav .nav ul li.inset a {
  padding-left:  10px;
}
























#centreselect {
  float: right;
  margin: 22px 10px 0 0;
}
.titlebarmenu {
  margin: 10px 20px 0;
  position: relative;
  z-index: 2;
  height: auto;
  float: right;
}
.titlebarmenu ul {
  position: relative;
  z-index: 1;
}
.titlebarmenu ul li {
  z-index: 100;
  display: inline-block;
}
.titlebarmenu ul li a {
  display: block;
  height: 20px;
  margin: 10px 0 0;
  padding: 0 6px;
  font-size: 1.25em;
  text-align: left;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  white-space: nowrap;
  text-decoration: none;
  border-left: solid 1px #000;
}
.titlebarmenu ul li:first-child a {
  padding-left: 0;
  border-left: none;
}
.titlebarmenu ul li:hover a {
  color: #b52545;
  text-decoration: underline;
}
.titlebarmenu ul li.current-menu-item a,
.titlebarmenu ul li.current-menu-item a:hover {
  color: #b52545;
  text-decoration: none !important;
}
.topmenu {
  width: 100%;
  padding: 16px 0 0 0;
  position: relative;
  z-index: 4;
}
.topmenu ul {
  /* width: 687px; */
  /* float: right; */
  /* margin-right: 30px; */
  /* padding-left: 20px; */
}
.topmenu ul li {
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
}
/*.topmenu ul li:first-child {
  height: auto;
  width: auto;
  margin: 0 69px 0 0;
  padding: 0;
}*/
.topmenu ul li a {
  padding: 0 23px;
  font-size: 0.9em;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  letter-spacing: normal;
  color: #b52545;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.topmenu ul li.safety a {
  font-style: italic;
  text-decoration: underline;
}
.topmenu ul li:first-child {
  width: 25%;
}
.topmenu ul li:first-child a {
  display:  block;
  width: 120px;
  text-align: left;
  margin:  0 auto;
  padding: 0 23px 0 3px;
}

.topmenu ul li a:hover {
  text-decoration: underline;
  color: #000;
}

.topmenu ul li.btn a {
    position: relative;
    margin-top: -4px;
    display: inline-block;
    border: solid 1px #b52545;
    background: transparent;
    color: #b52545;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7em;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-align:  center;
    line-height: 10px;
    width: auto;
    padding: 3px 35px;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    margin-left: 20px;
    /* opacity: 1; */
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.topmenu ul li.btn a span {
  display:  block;
  font-size: 0.7em;
  font-style: italic;

}

.topmenu ul li.btn a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}












.coronamenu ul li a {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 0 10px;
  background: #b62745;
  line-height: 30px;
  text-align: center;
  
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  height: 30px;
}
.coronamenu ul li:nth-child(odd) a {
  background: #000;

}







a.lm-back {
  display:  none;
  position:  absolute;
  top:  20px;
  right:  20px;
  color: #000;
  font-size: 1em;
  background: #fff url(../svg/arrow-back.svg) no-repeat 7px center;
  padding: 5px 10px 5px 27px;
  margin-right: 10px;
  line-height: 21px;
  text-decoration: none;
  border: solid 1px #DAD9D9;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}


.responsive-nav {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 101;
  width: 100%;
  z-index: 20;
}
/*.responsive-nav.is-scrolled {
  top: 0;
}*/
a.responsive-nav-trigger {
  display: none;
  position: absolute;
  z-index: 2000;
  top: 25px;
  right: 20px;
  margin: 0;
  padding: 0 5px 0 35px;
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: 300;
  text-align: center;
  color: #b52545;
  text-decoration: none;
  margin: 0 2px 10px 0;
  
  background: url(../png/bg-primary-nav-trigger.png) no-repeat 5px top;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.responsive-nav.is-scrolled .responsive-nav-trigger {
  background: #f9f9f1 url(../png/bg-primary-nav-trigger.png) no-repeat 5px top;
  /* right: 5px; */
}
.responsive-nav-trigger.is-active,
.responsive-nav.is-scrolled .responsive-nav-trigger.is-active {
  background: url(../png/bg-primary-nav-trigger.png) no-repeat 5px bottom;
  /* right: auto;
  left: 15px; */
}
.responsive-nav .responsive-menus {
  display: none;
  position: absolute;
  left: 0;
  z-index: 1900;
  width: 100%;
  height: auto;
  margin: 0;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.15);
  top: 0px;
  padding: 80px 0 0 0;
  border-bottom: solid 14px #d4b66d;
}
.respmenu-wrap {
  border-top: solid 1px #dbc791;
  background: #fff;
}
.responsive-menus .titlebarmenu {
  float: left;
  display: block;
  width: 100%;
  margin: 0;
}
.respmenu-wrap.is-active {
  background: #ffffff url(../png/bg-half-grey.png) repeat-y center top;
}
.responsive-menus > ul {
  margin-top: 15px;
}
.responsivemenu {
  height: auto;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.responsivemenu > ul {
  width: 100%;
  padding-bottom: 20px !important;
  left: 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.responsivemenu > ul.is-active {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.responsive-menus ul li {
  position: static;
  height: auto;
  width: 100%;
  z-index: 100;
  display: block;
  float: none !important;
  max-width: 300px;
  /* margin-left: auto !important; */
  /* margin-right: auto !important; */
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.responsive-menus ul li:after {
  content: "";
  display: table;
  clear: both;
}
.responsive-menus ul li a {
  display: block;
  height: auto;
  float: right;
  margin: 0;
  font-size: 0.90em;
  text-align: left;
  font-weight: 500;
  color: #010101;
  
  line-height: 1.3;
  border: none;
  width: 90%;
  max-width: 300px;
  white-space: normal;
  padding: 15px 30px 15px 15px;
}
.responsive-menus ul li.has-child > a {
  background: url(../png/bg-respmenu-a.png) no-repeat right center;
}
.responsive-menus ul li ul li a {
  text-transform: none;
  padding: 15px 0 15px 15px;
}
.responsive-menus ul li.current-page-ancestor > a,
.responsive-menus ul li.current_page_item > a {
  color: #b52545;
}
/* .responsive-menus ul li.current-page-parent a {
  color: #010101;
} */
.responsive-menus .col {
  padding-top: 10px;
  /* background: #fff url(images/bg-main-bottom.png) repeat-x center top; */
}
.responsive-menus li.has-child ul.sub-menu a {
  background: none;
  float: none;
}
.responsive-menus ul.sub-menu {
  position: absolute;
  top: 87px;
  width: 100%;
  max-width: 300px;
  left: 50%;
}
.responsivemenu > ul.is-active > li {
  width: 50%;
  max-width: 50%;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.responsivemenu > ul.is-active > li > a {
  max-width: 300px;
  float: right;
}
.responsivemenu > ul.is-active > li {
  border-top: solid 1px #fcfbf8;
  border-bottom: solid 1px #fcfbf8;
}
.responsivemenu > ul > li.is-active {
  border-top: solid 1px #ceb571;
  border-bottom: solid 1px #ceb571;
  background: #fff;
}
.responsive-menus ul li.resp-olc > ul {
  position: absolute;
  top: 40px;
  left: 52%;
  width: 48%;
}
.responsive-menus ul li.resp-olc > ul li ul {
  position: relative;

  top: 57px;
  left: 0;
  width: 100%;
  max-width: 450px;
}
.responsive-menus ul li.resp-olc > ul li ul:after {
  content: "";
  display: table;
  clear: both;
}
.responsive-menus ul li.resp-olc > ul > li {
  padding: 0;
  list-style-image: none;
  float: left !important;
  width: 50%;
  display: block;
}
.responsive-menus ul li.resp-olc ul li a {
  display: block;
  font-size: 0.9em;
  line-height: 1.3;
  text-decoration: none;
  text-transform: none;
  float: none;
  background: none;
  text-align: left;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  height: auto;
}
.responsive-menus ul li.resp-olc li.noclick a,
.responsive-menus ul li.resp-olc li.noclick a:hover {
  color: #000;
  cursor: default;
}
.responsive-menus ul li.resp-olc ul li ul {
  float: none;
  display: block;
  width: 100%;
}
.responsive-menus ul li.resp-olc ul li ul li {
  float: none;
  padding: 3px 0 3px 0;
  display: block;
  width: 100%;
  height: auto;
}
.responsive-menus ul li.resp-olc ul li ul li.inset {
  padding-left: 10px !important;
}
.responsive-menus ul li.resp-olc > ul > li > a {
  display: none !important;
}
.responsive-nav a.back {
  display: none;
  padding-left: 20px;
  background: url(../png/bg-respmenu-a-back.png) no-repeat 0 center;
  margin-bottom: 10px;
  text-decoration: none;
  
  position: absolute;
  top: 15px;
  left: 5px;
}
/*   .responsive-nav .responsive-menus {
  padding-bottom: 10px;
} */
.alphamenu ul {
  width: 300px;
  margin: 0 auto;
}
.alphamenu ul li a {
  display: inline-block;
  width: 166px;
  padding: 0 0 0 5px;
  font-size: 1.25em;
  line-height: 1.25;
  font-weight: 300;
  letter-spacing: normal;
  color: #000;
  width: 60px;
  padding: 0;
  margin: 0 7px;
  text-align: center;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.alphamenu ul li a:hover,
.alphamenu ul li a.current-menu-item {
  color: #b52545;
  font-weight: 500;
  background: #fff;
}
.topicsmenu-wrapper {
  /* background: #f9f9f1;
  border-bottom: solid 1px #dbc791; */
}
.topicsmenu h5 {
  padding: 15px 0 10px;
  /*   border-bottom: solid 1px #dbc791; */
  color: #b52545;
  
}
.topicsmenu h5.hd-alpha {
  color: #cdb470;
}
.topicsmenu-nav ul li a {
  display: inline-block;
  width: auto;
  /* 166px; */
  padding: 0;
  margin: 0 0 10px;
  font-size: 1.25em;
  line-height: 1.3;
  font-weight: 300;
  letter-spacing: normal;
  color: #000;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.topicsmenu-nav ul li:hover a,
.topicsmenu-nav ul li.current-menu-item a {
  color: #b52545;
  font-weight: 500;
}
.law-manual-menu .menu {
  padding-top: 15px;
  padding-bottom: 15px;
}
.topicsmenu .nav {
  padding-right: 15px;
}
.topicsmenu .close {
  position: absolute;
  top: 15px;
  right: 12px;
  font-family: 'museo', sans-serif;
  font-size: 1em;
  font-weight: 700;
  color: #000;
  text-decoration: none;
}
.topicsmenu .close:hover {
  color: #b52545;
  text-decoration: none;
}
.chaptermenu {
  display: none;
}
.chaptermenu h5 {
  padding: 27px 0 10px;
  color: #b52545;
}
.chaptermenu ul li a {
  display: inline-block;
  width: auto;
  padding: 0 5px;
  margin: 0 18px 8px 0;
  font-size: 0.9em;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: normal;
  color: #000;
  background: #f8f4eb;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.chaptermenu ul li.current-menu-item a {
  color: #b52545;
}
.chaptermenu h5.hd-alpha {
  color: #cdb470;
}
.chaptermenu ul.hd-alpha li a:hover {
  color: #fff;
  background: #cdb470;
}
.chaptermenu ul.hd-topic li a:hover {
  color: #fff;
  background: #b52545;
}
.sidebarmenu-wrapper {
  padding-bottom: 80px;
}






.sidebarmenu-law {
  opacity: 1;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.sidebarmenu-law.is-active {
  /*  opacity: 0.3; */
}

.sidebarmenu-law>ul>li>a {
  color: #000 !important;
  display: inline-block;
  padding: 0;
  height: auto;
  margin-bottom: 20px;
  font-size: 1.25em;
  font-family: 'museo-sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.05em;

}
.sidebarmenu-law>ul>li.current-menu-item>a {
   color: #b52545;
}



.sidebarmenu-law {
  padding: 20px 20px 0 0;
}
.nav.sidebarmenu-law>ul>li>ul {
  display: block;
  background: #F9F9F8;
  border:  solid 1px #DAD9D9;
  border-radius:  13px;
  padding: 12px 12px 0 !important;
}
.sidebarmenu-law>ul>li>ul>li {
  max-width: 385px;
  border-top:  solid 1px #DAD9D9;
}

.sidebarmenu-law>ul>li>ul>li:first-child {
  border-top: none;
}

.sidebarmenu-law ul li ul li a {
  font-weight: 300;
  font-size: 1em;
  padding: 12px 17px 12px 40px;

  line-height: 24px;
  height: auto;
  color: #000;
  text-transform: none;
  display: block;
  margin: 4px 0;
  width: 100%;
}
.sidebarmenu-law ul li ul li a:hover {
  color: #b52545;
  text-decoration: underline;
}

.sidebarmenu-law ul li ul li.has-sub > a {
  background: url(../svg/arrows-up-down-red.svg) no-repeat left top 22px;
}
.sidebarmenu-law>ul>li>ul>li.has-sub>a {
  color: #000 !important;
}
.sidebarmenu-law>ul>li>ul>li.has-sub>a:hover {
  color: #b52545 !important;
}
.sidebarmenu-law>ul>li>ul>li>ul>li.has-sub>a {
  color: #b52545 !important;
}

.sidebarmenu-law ul li ul li.has-no-sub a {
  text-decoration: underline;
}
.sidebarmenu-law ul li ul li.current-menu-item.has-no-sub a {
  text-decoration: none;
}


.sidebarmenu-law ul li ul li.current-menu-item.has-sub a,
.sidebarmenu-law>ul>li>ul>li.current-menu-parent.has-sub a {
  background-position: left top -112px;
}
.sidebarmenu-law ul li ul li.current-menu-item a:hover {
  color: #b52545;
  background-position: left top -112px;
}

.sidebarmenu-law>ul>li>ul>li.current-menu-item.has-sub,
.sidebarmenu-law>ul>li>ul>li.current-menu-parent.has-sub {
  padding-bottom: 20px !important;
  margin-bottom: 10px !important;
}

.sidebarmenu-law ul li ul li.current-menu-item > a,
.sidebarmenu-law ul li ul li.current-menu-item > a:hover{
  color: #b52545;
  /* background: #E9EBEC url(images/arrow-right-red.png) no-repeat right 17px; */
}
.sidebarmenu-law ul li ul li.current-menu-parent > a,
.sidebarmenu-law ul li ul li.current-menu-parent > a:hover {
 /*  background: #E9EBEC url(images/arrow-right-red.png) no-repeat right 17px; */
}


.sidebarmenu-law ul li ul li ul {

  height: 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  overflow: hidden;



}
.sidebarmenu-law ul li ul li.current-menu-item ul,
.sidebarmenu-law ul li ul li.current-menu-parent ul {
  display: block;
  height: auto;
}


.sidebarmenu-law ul li ul li ul li a {
  font-size: 1em;
  line-height: 20px;
  padding: 5px 20px 5px 40px !important;
  background: none !important;
  text-decoration: underline;
}
.sidebarmenu-law ul li ul li ul li.current-menu-item a {
  text-decoration: none;
}

.sidebarmenu-law.single-topic-nav ul li ul li a {
  background: #E9EBEC url(../png/arrow-right-red.png) no-repeat right center;
}

.chaptnav-wrap {
  display:  flex;
}
.chaptnav-wrap .chaptnav {
  width: 66.666%;
  padding: 20px 10% 40px 0;
  min-height: 240px;
}
.chaptnav-wrap p.chaptnav-heading {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 500;
  font-family: 'museo', sans-serif;
}

.chapter-nav ul {
  width:  100%;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 40px;
}
.chapter-nav ul li {
  display: inline-block;
  width: 100%;
  float: none;
}
.chaptnav-wrap .thumb {
  position:  relative;
  width: 33.333%;
  overflow:  hidden;
  object-fit: cover;
}
.chaptnav-wrap .thumb img {
  position: absolute;
  width: 100%;
  height:  100%;
  object-fit: cover;
/*  object-position: center top;*/
}

.one-col .chaptnav ul {
  max-width: 33.3333%;
}
.one-col .chapter-nav ul {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
.one-col .chaptnav ul li {
}

.two-col .chaptnav ul {
  width: 66.666%;
}
.two-col .chapter-nav ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.four-col .chaptnav-wrap .chaptnav {
  width: 100%;
  padding: 20px 0 40px 0;
}
.four-col .chapter-nav {
  width: 100%;
}
.four-col .chapter-nav ul {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
.four-col .chaptnav-wrap .thumb {
  display:  none;
}


.chaptnav {
  padding: 20px 0;
}
.chaptnav ul li {
  border-top: 1px solid #CEB571;
}
.chaptnav ul li:nth-child(3n+0),
.chaptnav ul li:last-child {
  border-bottom: 1px solid #CEB571;
}
.one-col .chaptnav ul li:nth-child(3n+0) {
  border-bottom: none;
}

.two-col .chaptnav ul li:nth-child(3n+0),
.four-col .chaptnav ul li:nth-child(3n+0) {
  border-bottom: 1px solid #CEB571;
}
.two-col .chaptnav ul li:nth-child(4n+0),
.four-col .chaptnav ul li:nth-child(4n+0) {
  border-bottom: none;
}



.chaptnav ul li.thischapter {
  border: 1px solid #CEB571;
  border-width: 3px 0 2px;
  font-weight:  900;
}

.chaptnav ul li a {
  display:  block;
  padding: 12px 0;
  line-height: 1.3;
  color:  #000;
  padding-left:  30px;
  background:  url(../svg/arrow-right-red.svg) no-repeat left 5px top 13px;
  text-decoration: underline;
}
.chaptnav ul li a:hover {
  text-decoration: underline;
  color: #b52545;
}
.chaptnav ul li.thischapter a {
  background:  none;
  text-decoration: none;
  color:  #000;
}






.topicnav-wrap {
  /* display:  flex; */
}
.topicnav-wrap .topicnav {
  width: 100%;
  padding: 20px 0 0px 0;
}
.topicnav-wrap p.topicnav-heading {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 500;
  font-family: 'museo', sans-serif;
}

.topic-nav {
/*  display:  block !important;
  width:  100%;
  -moz-column-count: 4;
  -moz-column-gap: 5px;
  -webkit-column-count: 4;
  -webkit-column-gap: 5px;
  column-count: 4;
  column-gap: 5px;*/

}

.topic-nav ul {
  width:  100%;
  height:  120px;
  display:  flex;
/*  flex-direction: column;
  flex-wrap: wrap;*/
  flex-flow: row wrap;
  gap: 8px;
}

.topic-nav ul li {
  display: inline-block;
  width: auto;
  float: none;
/*  margin-bottom: 8px;*/
}

.topicnav {
  padding: 20px 0;
}

.topicnav ul li a {
  display:  inline-block;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  color:  #000;
  text-decoration: none;
  background:  #fff;
  border:  solid 1px #CEB571;
  border-radius: 16px;
}
.topicnav ul li a:hover {
  text-decoration: underline;
  color: #b52545;
}





































.single-article-topic-nav {
  display: none;
}
#sub-std.single-article-topic-nav {
  display: block;
}



.box-nav-wrapper .nav-select a {
  font-size: 0.9em;
  text-decoration: none;
  font-weight: 500;
}
.box-nav-wrapper .nav-select a.is-active {
  font-weight: 700;
  color: #000;
}
.box-nav-wrapper .topics .nav ul {
  position: relative;
  width: 102%;
  margin-left: -1%;
}
.box-nav-wrapper .topics ul li {
  width: 23%;
  margin: 0 1% 2%;
  background: url(../png/bg-box-nav-item.png) no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.45);
  border: solid 1px #dbc791;
  height: 90px;
  display: table;
}
.box-nav-wrapper .topics ul li a {
  /* or just choose another value: e.g. 1.5; */
  height: 90px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1em;
  line-height: 1.1;
  margin: 0;
  letter-spacing: normal;
  color: #000;
  font-weight: 700;
  padding: 0 17%;
  *zoom: 1;
  *display: inline;
}
.box-nav-wrapper .chapters {
  background: url(../png/bg-box-nav-chapters.png) no-repeat 0 0;
  background-size: 100% 100%;
  padding: 24px;
}
.box-nav-wrapper .chapters ul {
  margin-top: 0px;
  padding-top: 15px !important;
  background: url(../png/bg-main-bottom.png) repeat-x center top;
}
.box-nav-wrapper .chapters ul li {
  float: none;
  margin: 0 10px 10px;
  text-align: left;
}
.box-nav-wrapper .chapters ul li a {
  width: 100%;
  font-size: 1em;
  margin: 0;
  letter-spacing: normal;
  color: #000;
  font-weight: 500;
  text-align: left;
  padding: 0;
  line-height: 1;
  /* white-space: nowrap; */
}
.box-nav-wrapper .topics ul li a:hover,
.box-nav-wrapper .chapters ul li a:hover {
  color: #b52545;
}
.box-nav {
  display: none;
}
.box-nav.is-active {
  display: block;
}
.tagmenu {
  padding: 10px 0 0 0;
}
.tagmenu h5 {
  color: #cdb470;
}
.tagmenu ul {
  margin: 5px 0;
  padding: 5px 0 10px 0 !important;
  border-top: solid 1px #dbc791;
  border-bottom: solid 1px #dbc791;
  display: inline-block;
}
.tagmenu li {
  line-height: 1.3;
}
.tagmenu li a {
  font-size: 0.8em;
  color: #cdb470;
  padding-left: 10px;
  font-weight: 500;
  cursor: default;
}
\ .footermenu {
  position: relative;
  margin: 0;
  height: auto;
}
.footermenu ul,
.footermenu ul li {
  margin: 0;
  list-style: none;
  position: relative;
}
.footermenu ul li {
  padding: 3px 10px 3px 10px;
  list-style-image: none;
  float: left;
  display: inline-block;
  height: 500px;
}
.footermenu ul li a {
  font-size: 0.9em;
  font-weight: 500;
  color: #b52545;
  
  line-height: 1.3;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  text-decoration: none;
}
.footermenu ul li a:hover {
  color: #000;
  text-decoration: underline;
}
.footermenu ul li ul li {
  float: none;
  padding: 3px 0 3px 0;
  display: block;
  width: 100%;
  height: auto;
}
.footermenu ul li ul li.inset {
  padding-left: 10px;
}
.footermenu ul li ul li a {
  font-family: 'museo', 'Helvetica', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 300;
  background: none;
  color: #5c616f;
  text-transform: none;
}
.footermenu ul li ul li a:hover {
  color: #b52545;
  text-decoration: underline;
}
.footermenu > ul > li {
  border-left: solid 1px #CEB571;
}
.footermenu > ul > li:first-child {
  border-left: none;
}
.footermenu ul li.our-centres > ul > li {
  width: 40%;
  float: left;
  /*  -moz-column-count: 2;
   -moz-column-gap: 10px;
   -webkit-column-count: 2;
   -webkit-column-gap: 10px;
   column-count: 2;
   column-gap: 10px; */
}
.footermenu ul li.our-centres>ul>li:first-child {
   width: 50%;
  margin-right: 10%;
}


.footermenu ul li.our-centres > ul > li > a {
  display: none;
}
.footermenu > ul > li > .sub-menu {
  padding-top: 10px;
}
.footermenu li.clm-footmenu ul {
  padding-top: 5px;
}
.footermenu li.clm-footmenu ul li a {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 500;
  padding-left: 12px;
}
.footermenu li.noclick a,
.footermenu li.noclick a:hover {
  color: #5c616f;
  cursor: default;
  text-decoration: none;
}

.footermenu li.info ul ul {
  padding: 10px 0 0 10px;
}
.footermenu li.info ul ul li {
  font-size:  0.92em;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
}
.footermenu li.info li.donate a {
  display:  inline-block;
  padding: 2px 10px;
  border:  solid 1px #b52545;
}














.centres .centresmenu ul {
  margin-bottom: 20px;
}
.centres .centresmenu ul li {
  padding: 0;
  list-style-image: none;
  float: left;
  display: block;
}
.centres .centresmenu ul li a {
  display: block;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  text-decoration: none;
  float: left;
  background: none;
  color: #b52545;
  text-transform: none;
  text-align: left;
  margin: 0;
  padding: 2px 0;
  width: 100%;
  height: auto;
  font-size: 0.9em;
}
.centres .centresmenu ul li a:hover {
  color: #000;
  text-decoration: none;
}
.centres .centresmenu li.noclick a,
.centres .centresmenu li.noclick a:hover {
  color: #b52545;
  cursor: default;
}
.centres .centresmenu ul li ul {
  float: none;
  display: block;
  width: 100%;
}
.centres .centresmenu ul li ul li {
  float: none;
  padding: 3px 0 3px 0;
  display: block;
  width: 100%;
  height: auto;
}
.centres .centresmenu ul li ul li.inset {
  padding-left: 10px !important;
}
.centresmenu > ul > li {
  width: 50%;
  float: left;
  padding-right: 10px !important;
  /*  -moz-column-count: 2;
   -moz-column-gap: 10px;
   -webkit-column-count: 2;
   -webkit-column-gap: 10px;
   column-count: 2;
   column-gap: 10px; */
}
.centresmenu > ul > li > a {
  display: none !important;
}
.centresmenu > ul > li > .sub-menu {
  padding-top: 10px;
}
.centresmenu li.clm-footmenu ul {
  padding-top: 5px;
}
.centresmenu li.clm-footmenu ul li a {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 500;
  padding-left: 12px;
}
.centre .subnav {
  height: 76px;
  padding: 0;
  background: #ffffff url(../png/bg-main-bottom.png) repeat-x center top;
}
.centre .subnav ul li {
  padding: 4px 0;
  height: 73px;
}
.centre .subnav ul li a {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  font-weight: 700 !important;
  line-height: 69px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  text-decoration: none;
  color: #000;
  border-right: solid 1px #cdb470;
  padding: 0 35px;
  margin: 4px 0 0;
  height: 69px;
  width: auto;
  display: inline-block;
}
.centre .subnav ul li:hover,
.centre .subnav ul li.is-active {
  background: #cdb470;
}
.centre .subnav ul li:hover a,
.centre .subnav ul li.is-active a {
  color: #b52545;
}
.centre .subnav ul li:first-child a {
  border-left: solid 1px #cdb470;
}
.centre .subnav2 {
  /* height: 13px; */
  padding: 40px 0;
  background: #fff;
}
.centre .subnav2 ul {
  height: 71px;
  border-top: solid 1px #cdb470;
  border-bottom: solid 1px #cdb470;
}
.centre .subnav2 ul li {
  padding: 0;
  height: 71px;
}
.centre .subnav2 ul li a {
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
  font-size: 1em;
  font-weight: 700 !important;
  line-height: 69px;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  text-decoration: none;
  color: #000;
  padding: 0 35px;
  margin: 0;
  height: 69px;
  width: auto;
  display: inline-block;
}
.centre .subnav2 ul li:hover a,
.centre .subnav2 ul li.is-active a {
  color: #b52545;
  border-bottom: solid 4px #b52545;
}
.wkshop .tags li a {
  padding: 3px 10px;
  margin: 0 10px 20px 0;
  display: inline-block;
  background: #fcfbf9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: 'museo', 'Times New Roman', Times, serif;
  font-size: 0.9em;
  font-weight: 300;
  color: #000;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  text-decoration: none;
}
.wkshop .tags li a:hover {
  background: #b52545;
  color: #fff;
}
.social-menu ul {
  position: absolute;
  z-index: 15000;
  bottom: 30px;
  right: 100px;
}
.social-menu ul li {
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
}
.social-menu ul li a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../png/icons-social.png) no-repeat 0 0;
  text-indent: -9999px !important;
}
.social-menu ul li.facebook a {
  background-position: 0 0;
}
.social-menu ul li.twitter a {
  background-position: -40px 0;
}
a.floattotop {
  display: none;
  overflow: hidden;
  width: 52px;
  height: 52px;
  z-index: 900000;
  position: fixed;
  bottom: 52px;
  right: 52px;
  top: auto;
  background: url(../png/bg-backtotop.png) no-repeat center center;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -icab-border-radius: 99px;
  -khtml-border-radius: 99px;
  border-radius: 99px;
  text-indent: -9999px;
}
.nextprev {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 10000;
  display: block;
  width: auto;
  height: auto;
  /* background: url(images/bg_direction_nav.png) repeat 0 0;
  text-indent: -9999px; */
}
.nextprev a {
  font-size: 0.92em;
  font-weight: 600;
  
}
.next {
  background-position: right 0;
}
.prev {
  margin-left: 15px;
}
.next:hover {
  background-position: right bottom;
}
.prev:hover {
  background-position: left bottom;
}
.clm-prevnext {
  *height: 0;
  padding-right: 0 !important;
}
.clm-prevnext ul,
.clm-prevnext ul li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.clm-prevnext a {
  width: 25px;
  height: 25px;
  margin: 0;
  display: block;
  background: url(../png/bg_direction_nav.png) no-repeat left top;
  position: absolute;
  top: 37px;
  cursor: pointer;
  text-indent: -9999px;
  display: none !important;
  /* -webkit-transition: all .3s ease;*/
}
.clm-prevnext .clm-next {
  background-position: right top;
  right: 0;
  display: block !important;
}
.clm-prevnext .clm-prev {
  left: 0;
  display: block !important;
}
.clm-prevnext .clm-next:hover {
  background-position: right bottom;
}
.clm-prevnext .clm-prev:hover {
  background-position: left bottom;
}
.clm-next-nav {
  padding-top: 30px;
  margin-bottom: 80px;
}
.clm-next-nav {
  height: 46px;
}
.clm-next-nav div {
  display: inline-block;
  line-height: 20px;
  font-weight: 700;
  font-size: 0.9em;
  color: #b52545;
  margin: 0 0 15px 0;
  padding: 10px 15px 10px 35px;
  border: solid 1px #b52545;
  background: url(../svg/arrow-solid-right-red.svg) no-repeat left 15px center;
}
/***************WP STDS*****************/
.post.col {
  width: 285px;
  height: 520px;
  margin: 30px 24px 0 25px;
}
.post.col.quote {
  border: none !important;
}
p.postmetadata {
  font-size: 0.65em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #666;
  margin-bottom: 20px;
}
p.postmetadata a {
  color: #666;
  text-decoration: none;
}
p.postmetadata a:hover {
  color: #DF2646;
}
p.wp-caption {
  font-size: 0.7em;
  font-style: italic;
  padding: 0 0 15px;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 40px;
}
.share-col span {
  cursor: pointer;
}
.share-col span:hover {
  color: #fff;
}
.widget {
  margin: 0;
}
.widget ul,
.widget ul li {
  padding: 0;
  margin: 0;
}
.thread-alt {
  background-color: #f8f8f8;
}
.thread-even {
  background-color: white;
}
.entry {
  padding-top: 30px;
}
.entry p a:visited {
  color: #b85b5a;
}
.commentlist li,
#commentform input,
#commentform textarea {
  font: 0.9em;
}
.commentlist li ul li {
  font-size: 1em;
}
.commentlist li {
  font-weight: bold;
}
.commentlist li .avatar {
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}
.commentlist cite,
.commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}
.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}
.commentmetadata {
  font-weight: normal;
}
html > body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
}
html > body .entry li {
  margin: 7px 0 8px 10px;
}
.entry ul li:before {
  content: "\00BB \0020";
}
.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
}
.entry ol li {
  margin: 0;
  padding: 0;
}
.postmetadata ul,
.postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}
/* End Entry Lists */
/* Begin Form Elements */
.entry form {
  /* This is mainly for password protected posts, makes them look better. */
  text-align: center;
}
#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  border: solid 1px #e2eff4;
}
#commentform {
  margin: 5px 10px 0 0;
}
#commentform textarea {
  width: 100%;
  padding: 4px;
  border: solid 1px #e2eff4;
}
#respond:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#commentform #submit {
  clear: both;
  padding: 4px;
  margin: 0;
  border: solid 1px #e2eff4;
  background: #fff;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #00749b;
  
}
/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
}
.commentlist {
  padding: 0;
  text-align: justify;
}
.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;
}
.commentlist li ul li {
  margin-right: -5px;
  margin-left: 10px;
}
.commentlist p {
  margin: 10px 5px 10px 0;
}
.children {
  padding: 0;
}
#commentform p {
  margin: 5px 0;
}
.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}
.commentmetadata {
  margin: 0;
  display: block;
}
/***************PLUGINS*****************/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50200000;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50300000;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 50500000;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 90%;
  max-width: 620px;
  padding: 8px;
  cursor: auto;
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 50400000;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 50600000;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 40px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 11px;
}
.mfp-close-btn-in .mfp-close {
  color: #000;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  top: 0;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  opacity: 0.8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 20px;
  border-bottom-width: 20px;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 12px solid black;
  left: 5px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  border-right: 20px solid white;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 12px solid black;
  left: 3px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 20px solid white;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1200px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 55.5%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);
  background: #000;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure {
  line-height: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}
@media all and (max-width: 800px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/***** FlexSlider *****/
.flexslider ol,
.flexslider ul {
  padding-right: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
}
.flexslider ol li,
.flexslider ul li {
  margin: 0;
  padding-right: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 23px;
  height: 14px;
  margin: 0;
  display: block;
  background: url(../png/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  bottom: 26px;
  cursor: pointer;
  text-indent: -9999px;
  /* -webkit-transition: all .3s ease;*/
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0;
}
.flex-direction-nav .flex-prev {
  left: 25%;
}
.flexslider .flex-next:hover {
  background-position: 100% 100%;
}
.flexslider .flex-prev:hover {
  background-position: 0 100%;
}
.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav {
  width: auto;
  position: absolute;
  bottom: 25px;
  text-align: center;
  width: 75%;
  right: 0px;
}
.flex-control-nav li {
  margin: 0 5px !important;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 18px;
  height: 18px;
  display: block;
  background: #908837;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}
.flex-control-paging li a:hover {
  background: #fbc749;
}
.flex-control-paging li a.flex-active {
  background: #fbc749;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
.flex-direction-nav,
.flex-direction-nav li {
  height: 0;
  line-height: 0;
}
/***************MEDIA*****************/
img,
.txt img,
p img {
  width: 100%;
  object-fit: cover;
}
p img {
  padding: 0;
}
.section-marker img {
  width: 90px;
}
.section-top .content img,
.section-main .content img {
  width: auto;
  margin-top: 10px;
}
.feature-image {
  position: relative;
  z-index: 100;
}
.feature-image img {
  object-fit: cover;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  margin: 0 0 0 20px;
}
img.alignleft {
  margin: 0 30px 2px 0;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.video-embed {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin: 30px 0 50px;
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home .banner-sub img {
  float: left;
  width: auto !important;
  border: solid 4px #fff;
  margin-right: 30px;
}
.law-manual-banner img {
  float: left;
  width: auto !important;
  margin-right: 30px;
}
.law-manual-topic img {
/*   float: left;
width: auto !important;
margin-right: 30px; */
}
.law-manual-menu-tab img {
    float: right;
    max-height: 228px;
    width: auto !important;
    max-width: 100%;
    margin-right: 0px;
}

.chatbot-wrapper {
  background: #ceb572;
  padding: 20px 3% 20px;
}
.chatbot-wrapper .container {
  max-width: 790px;
  background: url(../png/icon-rentbot.png) no-repeat right center;
  background-size: auto 100%;
}
.chatbot-wrapper .container a.icon {
  float: right;
  display: block;
  width: 15%;
  height: 0;
  padding-top: 15%;
}


.chatbot-wrapper .container h3 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 800;
  margin-bottom: 10px;
}
.chatbot-wrapper .container h5 {
  margin-bottom: 5px;
}
.chatbot-wrapper .container h5 a {
  color: #010101;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 600;
}
.chatbot-wrapper .container h5 a:hover {
  text-decoration: underline;
}
.chatbot-wrapper .container p {
  font-size: 0.8em;
  font-weight: 400;
  margin-bottom: 0px;
}



.coronavirus-wrapper {
  background: url('../jpg/banner-coronavirus.jpg') no-repeat center center;
  background-size: cover;
  padding: 50px 3% 50px;
}

.coronavirus-wrapper .container {
  max-width: 790px;
}
.coronavirus-wrapper .container h3 {
  color: #fff;
  font-size: 2.6em;
  font-weight: 400;
  margin-bottom: 10px;
  
  line-height: 1;
}
.coronavirus-wrapper .container h3 span {
  display: block;
  font-size: 0.85em;
}
.coronavirus-wrapper .container h5 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 0;
  
}
.coronavirus-wrapper .container h5 a {
  color: #fff;
}

.coronavirus-notice {
  background: #b52545;
  padding: 20px 0;

}
.coronavirus-notice .container {
  max-width: 790px;
  padding-left: 100px !important;
  background: url(../svg/icon-warning.svg) no-repeat left center;
  background-size: 80px auto;
}
.coronavirus-notice .container h3 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 10px;
}
.coronavirus-notice .container p,
.coronavirus-notice .container p a {
  color: #fff;
}








#real-accessability {
  top: 120px;
}

#real-accessability img {
  width: auto !important;
}
#real-accessability-player {
  display: none;
}
#real-accessability a#real-accessability-btn {
    background-color: #000;
  }

#real-accessability li {
  font-weight: bold;
  list-style-image: none;
  display: block;
  margin: 0;
}




/***************FORMS*****************/
body,
textarea:focus,
input:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.wpcf7 {
  margin: 0;
  padding: 0;
  text-align: left;
}
.wpcf7 label {
  font-family: 'museo-slab', 'Times New Roman', Times, serif;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: normal;
  color: #b52545;
  width: 75px;
  display: inline-block;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  width: 70%;
  max-width: 283px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 0.9em;
  color: #000;
  background: #fff;
  border: none;
}
.wpcf7 input[type="submit"] {
  display: inline-block;
  margin: 0 10px 0 0;
  background: #b62745;
  text-align: center;
  
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
  font-weight: 700;
  border: none;
  padding: 0 20px;
  display: block;
  font-size: 0.75em;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  font-family: 'museo-sans', 'Helvetica', Arial, sans-serif;
}
#confirmation {
  padding: 8px 0 0 15px;
  font-size: 0.9em;
  line-height: 19px;
}
.wpcf7 img.ajax-loader {
  width: 16px !important;
}
/***************ANIMATION*****************/
.comein {
  transform: translateY(15px);
  animation: comein 0.8s ease forwards;
  /* IE 10+, Fx 29+ */
  -webkit-animation: comein 0.8s ease forwards;
  /* Safari 4+ */
  -moz-animation: comein 0.8s ease forwards;
  /* Fx 5+ */
  -o-animation: comein 0.8s ease forwards;
  /* Opera 12+ */
}
.comeindelay {
  transform: translateY(15px);
}
.comein:nth-child {
  animation-duration: 0.2s;
  /* IE 10+, Fx 29+ */
  -webkit-animation-duration: 0.2s;
  /* Safari 4+ */
  -moz-animation-duration: 0.2s;
  /* Fx 5+ */
  -o-animation-duration: 0.2s;
  /* Opera 12+ */
}
.fadein {
  -webkit-animation: fadein 1.8s;
  /* Safari and Chrome */
  -moz-animation: fadein 1.8s;
  /* Firefox */
  -ms-animation: fadein 1.8s;
  /* Internet Explorer */
  -o-animation: fadein 1.8s;
  /* Opera */
  animation: fadein 1.8s;
}
.homenav,
.bottlenav {
  -webkit-transition: 1.8s;
  /* Safari and Chrome */
  -moz-transition: 1.8s;
  /* Firefox */
  -ms-transition: 1.8s;
  /* Internet Explorer */
  -o-transition: 1.8s;
  /* Opera */
  transition: 1.8s;
}
.homenav.maxedout {
  max-width: 2000px;
}
.bottlenav.maxedout {
  max-width: 1500px;
}
.bottlenav.maxedout li {
  width: 25% !important;
  margin: 0 4% !important;
}
/* {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -webkit-transition: opacity 1.5s ease-in-out;
  -o-transition: opacity 1.5s ease-in-out;
}
 */
.already-visible {
  transform: translateY(0);
  opacity: 1;
  animation: none;
}
#TB_overlay {
  z-index: 99998 ;
}
.cm_ajax_loading img {
  width: 32px !important;
  height: 32px !important;
}




/*Where does this side menu come from? BE GONE. */
  .col.grid-9.prefix-2.suffix-2.sidebarmenu-wrapper > .sidebarmenu.nav.vert {
	height: 0px;
	overflow: none;
    	visibility: hidden !important;
  }

p.nzsl-video {
    float: right;
    width: 9em;
    font-size: 85%;
    margin-left: 1em;
    background: #eee;
    padding: .5em; }

.donateamt .gfield_radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

.donateamt .gfield_radio li {
    overflow: hidden;
    flex: 1 0 10%;
    height: 55px;
}
.donateamt .gfield_radio li input[type=radio] {
    position: relative !important;
    margin-left: -100px !important;
}
.donateamt .gfield_radio li label {
    margin-left: 86px !important;
    display: inline-block;
    border: solid 1px  rgb(133, 133, 133);
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    color: #3C3A61;
    font-size: 1.2em !important;
    font-weight: 400;
    text-transform: none;
    line-height: 50px !important;
    width: auto !important;
    padding: 0 25px !important;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    /* opacity: 1; */
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.gform_wrapper select {
  line-height: 34px;
  height: 34px;
  border: solid 1px rgb(133, 133, 133);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
    font-size: 1em !important;
}



h1.product_title {
  margin-bottom: 15px;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none !important;
    width: 100% !important;
    padding-left: 10%;
    max-width: 750px !important;
    clear: none;
}


.article {
  padding-top:  20px;
}

p.topic-heading {
  font-size: 2.5em;
  color: #b52545;
  font-weight: 300;
  margin: 0 0 30px;
  text-transform: none;
}

.article h1 {
  font-size: 1.75em;
  color: #000;
  font-weight: 300;
  margin: 0 0 30px;
  text-transform: none;
  padding-bottom: 5px;
  border-bottom: solid 1px #b62745;
}

.article h2 {
  font-size: 1.5em;
  font-family: 'museo-sans', Helvetica, Arial, serif;
  font-weight: 700;
  letter-spacing: normal;
  color: #b52545;
  line-height: 1.2;
  text-transform: none;
  margin: 40px 0 30px;
  padding-bottom: 5px;
  /* border-bottom: solid 1px #b62745; */
}
.article h3 {
  font-size: 1.375em;
  font-weight: 300;
  letter-spacing: normal;
  color: #b52545;
  line-height: 1.2;
  text-transform: none;
  margin: 35px 0 30px;

    padding-bottom: 5px;
    border-bottom: solid 1px #000;


}




/*.article.child-article h2 {
  font-size: 1.875em;
  font-weight: 300;
  padding-bottom: 5px;
  color: #b52545;
  border-bottom: solid 1px #535353;
}
*/

/*.intro-article h2 {
  font-size: 1.5em;
  font-family: 'museo-slab', 'Times New Roman', Times, serif;
  letter-spacing: normal;
  color: #b52545;
  line-height: 1.2;
  text-transform: none;
  font-weight: 100;
}
.article h2.subheading {
    color: #888;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
    margin-top: -0.5em;
    margin-bottom: 1.5em;
  padding-bottom: 10px;
  border-bottom: solid 1px #535353;
}
*/




.article p,
.article ul li{
  line-height: 1.4;
  font-size: 1.25em;
}
.article p {
  margin-bottom: 14px;
}

.article p.parent-title {
  color: #000;
  display: inline-block;
  padding: 0;
  height: auto;
  margin-bottom: 20px;
  font-size: 1.25em;
  font-family: 'museo-sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.05em;
}

.article p.Note {
  font-style: normal;
  font-size: 1em;
  padding: 1em 1em 1em 3.7em;
  margin-bottom: 2em;
  text-indent: -2.8em;
  background: #faf7f1;
  text-align: left;
}

.article p.Case-citation {
  font-size: 0.9em;
  font-style: italic;
}

.article li p.Note {
  margin: 1.5em 0 1em -1.5em;
}

.article p.Reference a {
  display:  inline-block;
  border:  solid 1px #DAD9D9;
  border-radius:  4px;
  line-height:  1.2;
  padding: 13px 45px 13px 13px;
  margin:  0 5px 15px 0;
  color: #000;
  font-size: 0.7em;
  text-decoration: underline;
  background: url(../svg/arrow-right-ref-link.svg) no-repeat right 10px center;
}
.article p.Reference a:hover {
  color: #b52545;
}

.feedbackq {
  display:  none;
  border:  solid 1px #DAD9D9;
  border-radius:  4px;
  line-height:  1.2;
  padding: 13px 30px 0 45px;
  margin:  0 5px 15px 0;
  color: #000;
  font-size: 0.875em;
  background: url(../svg/comment.svg) no-repeat left 10px top 13px;
}
.feedbackq p {
/*  margin-bottom: 0;*/
}
.feedbackq p.fbhead {
  font-weight:  700;
}


a:not([href]) {
  color: black;
  text-decoration: none;
}

.content ul li {
  padding-bottom: 0.5em; }

.article p+ul {
 /* margin-top: -0.5em;*/
}
.article ul {
  margin-bottom: 1em;
}

.content ul li li {
  font-size: 1em;
  list-style-image: none;
}

.article .Heading-4-Box,
.article h4 {
  font-size: 1.1em;
  color: #b52545;
    font-weight: 700;
  margin: 30px 0 15px; }


.article h2.subheading {
  color: #888;
  font-weight: normal;
  font-style: italic;
  font-size: 1.1em;
  margin-top: -0.5em;
  margin-bottom: 1.5em; }

.article h2 + h4,
.article h2 + h3,
.article h3 + h4 {
  margin-top: 0 }

/*.article .Heading-3-Example,
.article h3 {
  font-size: 23px;
  margin-top: 30px;
  font-weight: 700;
  color: black;
}
*/
.article span.bold,
.article span.Headwords {
    font-weight: bold;
  color: #b52545;
}

.article li.Bullet-2 {
  margin-left: 2em;
}

div.nzsl-video {
    float: right;
    width: 9em;
    font-size: 85%;
    margin-left: 1em;
    background: #eee;
    padding: .5em;
}



.example-box, .Example-box {
  background: #F9F9F1;
  padding: 15px 15px 10px;
  border:  solid 1px #92908A;
  margin-bottom: 1em;
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.example-box.covid, .Example-box.covid {
  border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-image: url('../stripes.html') 30 30 repeat;
  background-color: #f8ca1451;
}

h5.Example-Head,
h5.Example-head {
  margin-bottom: 15px;
  font-size: 1.25em;
  font-weight: 400;
    font-family: 'museo', sans-serif;
}
h6.Example-head-2,
p.Example-head-2 {
  font-size: 1.25em;
  font-weight: 400;
  margin: 25px 0 10px;
    font-family: 'museo', sans-serif;
}

p.LRM---table-in-head {
  font-weight: bold;
}
/*
p.other-resources_organisation {
  font-weight: bold;
  color: #b52545;
}

p.other-resources_header {
  font-size: 17px;
  font-weight: bold;
  margin-top: 15px;
}
p.other-resources_organisation,
p.other-resources_heading-2 {
  font-weight: bold;
  margin-bottom: 7px;
}
*/
.section-main .content img {
  max-width: 500px;
  max-height: 600px
}

.article table tr td:nth-child(1) {
   min-width: 250px;
}

.sidebarmenu-law ul li ul li.has-no-sub a {
  text-decoration: inherit;
}

.bcrow {
    padding: 0 0 0 0;
}
.publication .bcrow {
    padding: 0 0 20px 0;
}
.single-article .bcrow {
  padding: 20px 0 0 0;
}


.bcrow p.bc {
  font-size:  1em;
}
.bc a {
  color: #000;
  text-decoration: underline;
}
.bc a:hover {
  color: #b52545;
}



.section-chaptnav {
  background:  #F9F9F8;
  padding: 0;
  min-height: 240px;
}







.support-section {
  background:  #F9F9F8;
  padding:  30px 0 100px;
  margin-bottom: 12px;
}


.support-section p.parent-title {
  color: #000;
  display: inline-block;
  padding: 0;
  height: auto;
  margin-bottom: 20px;
  font-size: 1.25em;
  font-family: 'museo-sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.05em;
}
.support-section h4.support-title {
  font-family: 'museo-sans', sans-serif;
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.2;
  color: #000;
  margin-bottom: 30px;
}

.support-section .support h4 + p {
  margin: 0 0 40px 0;
  font-size: 1.625em;
  font-weight: 300;
  display:  none;
}
.support-section .support dl + p {
  margin: 0 0 40px 0;
  padding-bottom: 40px;
  font-size: 1.625em;
  font-weight: 300;
  border-bottom:  solid 1px #b52545;
}


.support-section dd,
.support-section p {
  line-height: 1.4;
  font-size: 1.125rem;
  margin-bottom: 14px;
}
.support-section dl {
  padding: 0 0 40px 0;
  /* margin: 0 0 40px 0; */
}
.support-section dt {
  padding: 20px 0 0 0;
  margin: 0 0 20px 0;
  border-top:  solid 1px #b52545;
}
.support-section dt:first-child {
  padding: 0;
  border-top:  none;
}
.support-section dt p {
  font-size: 1.625em;
  font-weight: 300;
  color: #b52545;
  margin-bottom: 20px;
}
.support-section dd {
  padding-bottom: 20px;
}
.support-section dd p.other-resources_heading-2 {
  font-family: 'museo-sans', sans-serif;
  font-size: 1.25em;
}
.support-section a {
  color: #000;
  text-decoration: underline;
}
.support-section a:hover {
  color: #b52545;
}
.support-section .pubs {
  padding-top:  39px;
}
.landing .quote .book .thumb,
.support-section .book .thumb {
  margin-bottom: 35px;
  max-width:  450px;
}

.landing .quote .book h5,
.support-section .pubs h5 {
  font-family: 'museo-sans', sans-serif;
  font-size: 1.625em;
  font-weight: 300;
  color: #000;
  margin-bottom: 30px;
}


.support-section .book p {
  line-height: 1.55 ;
}
.support-section .book p.btnrow {
  padding-top:  8px;
  margin-bottom:  0;
}

.landing .quote .book a.btn,
.support-section .pubs a.btn {
    display: inline-block;
    color: #fff;
    font-size: 1em;
    background: #b52545;
    padding: 5px 12px;
    margin:  0 10px 10px 0;
    line-height: 21px;
    text-decoration: none;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}

.landing .quote .book a.btn:hover,
.support-section .pubs a.btn:hover {
    background: #000;
}
.support-section .help {
  padding-top: 39px;
}

.support-section .pubs.no-support {
  display:  flex;
  flex-direction: row;
  justify-content: space-between;
}
.support-section .pubs.no-support > div {
  flex:  0 0 45%;
}
.support-section .pubs.no-support  .help {
  padding-top: 0px;
}
.support-section .pubs.no-support .help h5 {
  font-family: 'museo-sans', sans-serif;
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.2;
  color: #000;
  margin-bottom: 30px;
}

.article-search {
  background:  #F9F9F8;
  padding: 60px 0 40px ;
  text-align:  center;
}

.article-search p {
  font-family: 'museo-sans', sans-serif;
  position:  relative;
  z-index: 2;
  font-size: 1.25em;
  margin: -10px auto 30px;
  text-align:  center;
  line-height: 1;
  padding: 0 20px;
  width:  fit-content;
  background:  #F9F9F8;
  display:  inline-block;
}
.article-search > div > div {
  border-top:  1px solid #979797;
  position:  relative;
}

.article-search .clm-search-field {
  margin:  0 auto;
  max-width: 368px;
}


.single-article .article-search .fixed-nav {
  display:  none;
  flex-direction: row;
  height:  100px;
}
.single-article .article-search .fixed-nav a {
  display:  block;
  flex: 0 0 33.333%;
  margin: 0;
  padding: 65px 0 0;
  background: #000;
  color:  #fff;
  text-align:  center;
  text-decoration:  none;
  height:  100px;
}
.single-article .article-search .fixed-nav a.legal-advice {
  background:  #000 url(../svg/icon-legal-advice.svg) no-repeat center 18px;
}
.single-article .article-search .fixed-nav a.law-centres {
  background:  #000 url(../svg/icon-law-centres.svg) no-repeat center 15px;
}
.single-article .article-search .fixed-nav a.browse-topics {
  background:  #000 url(../svg/icon-question.svg) no-repeat center 18px;
}

.page-law-manual-online .single-article .section.article-search {
  display:  none;
}

.edit-link {
  position:  absolute;
  top: 110px;
  right: 5px;
}

.dashicons, .dashicons-before:before {
    width: 30px;
    height: 30px;
    font-size: 30px !important;
}
#news .navigation {
  padding-top: 50px;
}
#news .wp-block-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 50px;
  row-gap: 30px;
}
#news .wp-block-column {
  flex-basis: 0 1 100%;
  padding-bottom: 30px;
  border-bottom: solid 1px #CEB571;
}
#news figure {
  padding-bottom: 20px;
}









/*---Article indicators----*/
/*
h1,h2,h3 {
  text-transform: none !important;
  font-weight:  bold !important;
}
p.parent-title {
  font-size:  1em !important;
  font-weight:  bold !important;
}
p.parent-title:before {
  content:  'sect ' !important;
}
h1 {
  font-size: 3em !important;
}
h1:before {
  content:  'H1 ' !important;
}
h2 {
  font-size: 2.1em !important;
}
h2:before {
  content:  'H2 ' !important;
}
h3 {
  font-size: 1.5em !important;
}
h3:before {
  content:  'H3 ' !important;
}
h4 {
  font-size: 1.2em !important;
}
h4:before {
  content:  'H4 ' !important;
}


