body {
    background-color: #fff; /* #3b3b3b; */
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-feature-settings: "liga";
	overflow-wrap: break-word;
    text-rendering: optimizelegibility;	
	color: #808080;
}

table {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	color: #3b3b3b;
}

a, a:visited, a:active, a:hover, a:focus, .link, .link:hover, .link:focus {
   color: #0066aa;
   outline: 0;
   text-decoration: none;
   border-bottom: none;
}


.region-featured-top a, .region-featured-top a:visited, .region-featured-top a:active, .region-featured-top a:hover, .region-featured-top  a:focus {
   color: #fff;
}


table tr th, table tr th a,
table tr th a:focus,
table tr th a:visited {
	color: #fff;
}

table tr th a:hover,
table tr th a:active {
	color: #0066aa;
}

table tr th {
    background: none;
	background-color: #7f7f7f;
	/*height: 34px; */
}

tr {
	
	background:transparent;
	vertical-align: top;

}

.tablesort--asc {
  background-image: url(/core/misc/icons/ffffff/twistie-down.svg);
}

.tablesort--desc {
  background-image: url(/core/misc/icons/ffffff/twistie-up.svg);
}

a.site-branding__logo img {
	width: 300px;
	padding-top: 20px; /* 32px */
	padding-left: 7px; /* 20px */
}

.layout-container {
	/* max-width: 1366px; */
	z-index: 200;
}

#header {
	/* max-width: 1366px; */
	height: 200px; /* 269px */
	margin-left: auto;
	margin-right: auto;
	border-bottom: 5px solid #ffcd05;
	background-color: #3b3b3b;
	background-image: url(../../images/bison.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	font-family: inherit;
}

#overlay {
    /* background-color: #000;
    opacity: 0.5;
    transition-delay: 0s;
    transition-duration: 2s;
    transition-timing-function: ease;
	height: 269px;
    width: 1366px;
    position: absolute;
	z-index: 150; */
}

#overlay:hover {
	/* opacity: 0.15;
	transition-delay: 0s;
    transition-duration: 2s;
    transition-timing-function: ease; */
}

#page {
	background-color: #fff; /*#3b3b3b */
}

.featured-top {
	background-color: #0066ab;
	/* max-width: 1366px; */
	margin-left: auto;
	margin-right: auto;
	/* padding: 10px 0 20px 0; */
	text-shadow: none;
	padding-bottom: 20px;
	border-bottom: 5px solid #ffcd05;
	line-height: 1.6em;
}

.featured-top-front-page {
	/* padding: 10px 0 45px 0; */
}

.layout-main {
	margin-top: 0;
}

.node--view-mode-teaser {
	border-bottom: none;
}

.sidebar h2 {
	border-bottom: none;
}

.sidebar .block {
	background-color: transparent;
	border: none;
}

.node__links {
	text-align: left;
}

.region-header .site-branding {
	margin-top: 0;
	z-index: 200;
}

.region-header {
	padding: 0;
}

.region-secondary-menu .menu {
    float: right;
	/* font-size: 1.3em; */
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
	margin-left: 0;
	/* margin-right: 56px; */
	position: relative;
	/* top: 214px; */
}

.region-secondary-menu .menu a:hover, .region-secondary-menu .menu a:focus  {
	text-decoration: none;
}

.highlighted {
	/* max-width: 1366px; */
	margin-left: auto;
	margin-right: auto;
}

.region-highlighted {
	margin: 0;
}

.messages__wrapper {
	background-color:#fff;
	margin: 0;
	padding-bottom: 0;
    padding-top: 0;
}

#header ul li.menu-item + li::before {
    content: "|";
    font-size: 1.225em;
    padding-left: 18px; /* tweak this and line below */
    padding-right: 18px;
	color: #fff;
}

.region-secondary-menu .menu a {
	padding: 0;
}

#phone {
    padding-left: 20px;
    /* position: relative;
    top: 38px; */
	display: inline-block;
	/* width: 100%; */

}

#phone, #phone a {
	color: #fff;
	text-decoration:none;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.site-branding__logo {
	margin: 0;
}

.block .content {
	margin-top: 0;
}

ul.menu {
	padding: 0;
}

ul.menu a.is-active {
	/* color: #0066aa; */
	color:#fff;
}


#block-clrc-tools a.is-active {
	color: #0066aa;
}

.menu-item {
	padding: 0
}

nav#block-mainmenu { 
	/* padding-left: 18px; 
	padding-right: 18px; */
}

nav#block-associationsmenu {  
	/* padding-left: 0px;
	padding-right: 19px; */
}	

nav#block-mainmenu div ul.menu {
	/* display: table; */
	/* max-width: 1330px; */ /* width 1330px */
	line-height: 1.6;
}

nav#block-associationsmenu div ul.menu { 
	/* display: table; */
}

nav#block-mainmenu div ul.menu li { /* main menu */
	/* display:table-cell; */
	/* font-size: 1.2em; */
	/* height: 163px; */ /* 163px */
	/* vertical-align: bottom; */
	text-align: center;
	/* width: 20%; */ /* 265px */ 
}

nav#block-registerlivestockmenu,
nav#block-searchtheregistrymenu,
nav#block-ordersuppliesmenu,
nav#block-associationsmenu,
nav#block-exploreclrcmenu {
	/* padding-top: 20px; */
}

nav#block-registerlivestockmenu  div ul.menu li,
nav#block-searchtheregistrymenu div ul.menu li,
nav#block-ordersuppliesmenu div ul.menu li,
nav#block-associationsmenu div ul.menu li,
nav#block-exploreclrcmenu div ul.menu li {
    color: #0066aa; /* keep setting on left */
	
	/* display: table-cell; */
    /* font-size: 1.2em; */
    /* height: 124px;
	padding-top: 0px; */
    text-align: center;
    /* vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;  */
}

nav#block-registerlivestockmenu div ul.menu li + li,
nav#block-searchtheregistrymenu div ul.menu li + li,
nav#block-ordersuppliesmenu div ul.menu li + li,
nav#block-associationsmenu div ul.menu li + li,
nav#block-exploreclrcmenu div ul.menu li + li {
    /* background: url("../../images/vertical-menu-bar.jpg") no-repeat 0 center; */
}

nav#block-registerlivestockmenu div ul.menu li:first-of-type {
    /* background-image: url("../../images/menu-register.svg"), url("../../images/arrow.svg"); */
}

nav#block-searchtheregistrymenu div ul.menu li:first-of-type {
    /* background-image: url("../../images/menu-search.svg"), url("../../images/arrow.svg"); */
}

nav#block-ordersuppliesmenu div ul.menu li:first-of-type {
    /* background-image: url("../../images/menu-order.svg"), url("../../images/arrow.svg"); */
}

nav#block-associationsmenu div ul.menu li:first-of-type {
    /* background-image: url("../../images/menu-associations.svg"), url("../../images/arrow.svg"); */
}

nav#block-exploreclrcmenu div ul.menu li:first-of-type {
    /* background-image: url("../../images/menu-explore.svg"), url("../../images/arrow.svg"); */
}
	
nav#block-registerlivestockmenu  div ul.menu li:first-of-type,
nav#block-searchtheregistrymenu div ul.menu li:first-of-type,
nav#block-ordersuppliesmenu div ul.menu li:first-of-type,
nav#block-associationsmenu div ul.menu li:first-of-type,
nav#block-exploreclrcmenu div ul.menu li:first-of-type  {
	/* background-size: 108px 108px, 15px auto;
    background-repeat: no-repeat, no-repeat;
	background-position: center center, 213px center;
	width: 279px;
	padding-left: 0;
	padding-right: 0; */
}

nav#block-registerlivestockmenu  div ul.menu li:first-of-type a,
nav#block-searchtheregistrymenu div ul.menu li:first-of-type a,
nav#block-ordersuppliesmenu div ul.menu li:first-of-type a,
nav#block-associationsmenu div ul.menu li:first-of-type a,
nav#block-exploreclrcmenu div ul.menu li:first-of-type a {
	display:none;
}

.menu-icon-57 span {
	/* background: url("../../images/menu-register.svg") no-repeat; */
}

.menu-icon-58 span {
	/* background: url("../../images/menu-search.svg") no-repeat; */
}

.menu-icon-59 span {
	/* background: url("../../images/menu-order.svg") no-repeat; */
}

.menu-icon-62 span {
	/* background: url("../../images/menu-associations.svg") no-repeat; */
}

.menu-icon-83 span {
	/* background: url("../../images/menu-explore.svg") no-repeat; */
}

nav#block-mainmenu div ul.menu li span {
 	/* background-position: center top;
	background-size: 81px 81px; */ /* 108px */
	/* opacity: 0.6;
	transition-delay: 0s;
    transition-duration: 2s;
    transition-timing-function: ease;
	height: 95px; */ /* 127px */
	/* width: 265px; */
	/* display: block;
	margin-left: 1px; */
}

nav#block-mainmenu div ul.menu li span:hover {
	/* opacity: 1.0;
	transition-delay: 0s;
    transition-duration: 2s;
    transition-timing-function: ease;  */
}

nav#block-mainmenu div ul.menu li + li {
	/* background: rgba(0, 0, 0, 0) url("../../images/vertical-menu-bar.jpg") no-repeat scroll 0px 59px;
	width: 266px; */
}

nav#block-mainmenu div ul.menu li a {
	/* margin-left: 1px; 	*/
}

nav#block-mainmenu div ul.menu li a.darken span {
	/* opacity: 1.0; */
}

nav#block-registerlivestockmenu div ul.menu li a.is-active,
nav#block-searchtheregistrymenu div ul.menu li a.is-active,
nav#block-ordersuppliesmenu div ul.menu li a.is-active,
nav#block-associationsmenu div ul.menu li a.is-active,
nav#block-exploreclrcmenu div ul.menu li a.is-active {
	/* position: relative; */
}

nav#block-registerlivestockmenu div ul.menu li a.is-active::after,
nav#block-searchtheregistrymenu div ul.menu li a.is-active::after,
nav#block-ordersuppliesmenu div ul.menu li a.is-active::after,
nav#block-associationsmenu div ul.menu li a.is-active::after,
nav#block-exploreclrcmenu div ul.menu li a.is-active::after {
	/* border: 2px solid #0066aa;
    content: " ";
    left: 50%;
    position: absolute;
    top: 115%;
    transform: translateX(-50%);
    width: 101%; */
}

h2#block-clrc-tools-menu {
	color: #0066aa;
    font-size: 1.725em;
    height: 79px;
    line-height: 1.725em;
    padding-top: 0px;
	padding-bottom: 0;
    text-align: center;
    width: 100%;
	background: url(../../images/menu_stack.svg) no-repeat;
	background-size: 60px 28px;
	background-position: center bottom;
	cursor: pointer;
}


nav#block-clrc-tools {
	
	padding:0;
	margin:0;
}

nav#block-clrc-tools div ul {
	/* display: none; */
}

/* gord patch */

nav#block-clrc-tools ul li:nth-of-type(6)  {
	
	background: url(../../images/CLRC-Menu-Home-circle.svg) no-repeat;
	background-size: 30px 30px;
	background-position: center center;
	height: 37px;

}

nav#block-clrc-tools ul li:nth-of-type(6) a {
	
	color: transparent; 

}


/* end gord patch */


nav#block-clrc-tools div ul li.menu-item {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
}

nav#block-clrc-tools div ul {
	padding-top: 20px;
}

.sidebar .block {
	/* padding: 15px 0px 15px 0px; */
}

#sidebar-first {
	/* width: 279px; */
}

.site-footer {
	background: #3b3b3b; 
	font-family: inherit;
	margin: 0 auto;
  	padding: 0;
}

.site-footer__bottom {
	border: none;
}

.site-footer__bottom .menu-item a {
    border-color: rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
}

.site-footer .content a, .site-footer .content a.is-active {
    color: rgba(255, 255, 255, 1.0);
}

.site-footer .content a:hover, .site-footer .content a:focus {
    color: rgba(255, 255, 255, 1.0);
}

.site-footer .content {
  font-size: 1.0em;
}

.site-footer__bottom, .site-footer__bottom .block, .site-footer__bottom .region {
	margin: 0;
}

.site-footer .layout-container {
	padding: 0;
	display: table;
}

.site-footer__bottom .content {
	padding: 0;
	padding-left: 12px;
}

.layout-main-wrapper {
	min-height: 500px;
}

nav#block-clrc-footer div ul.menu {
	height: 62px;
	display: table-row;
}

nav#block-clrc-footer div ul.menu li {
	display: table-cell;
	vertical-align: middle;
}

.site-footer__bottom {
	letter-spacing: inherit;
}

.site-footer__bottom .menu-item a {
	float: none;
}

div.view-frontpage header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /* border-color: #0066aa;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 1px; */
	/* width: 250px; */
}

div.view-frontpage header h2.node__title {
	margin-bottom: 0;
	background-color: #0066aa;
	/* width: 250px; */
}

div.view-frontpage header h2.node__title span {
	color: #fff;
}

.node--view-mode-teaser h2 {
    margin-top: 0;
    padding-top: 0;
	padding-bottom: 0;
    font-size: 1.36em;
    height: 35px;
    line-height: 35px;
    opacity: 0.7;
    text-align: center;
}

div.view-frontpage div.node__content {
	padding-top: 0;
	margin-top: 0;
}

div.view-frontpage div.node__content div.field--name-field-image {
	/* width: 250px; */
}

div.view-id-frontpage div.field--type-image a img.image-style-front-page-column-250-x-164- {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*border-color: #0066aa;
    border-image: none;
    border-style: solid;
    border-width: 0px 1px 1px 1px; */
	/* width: 250px; 
	height: 164px; */
}



div.view-id-frontpage div.column-layout {
	margin-left: 10px;
	margin-right: 10px;
}

.node--view-mode-teaser .node__content {
	font-size: inherit;
	line-height: normal;
}

.node--view-mode-teaser .node__content p {
    color: #808080;
    font-size: 1.14em;
    line-height: 1.2em;
	padding-left: 7px;
	padding-right: 7px;

}

.node--view-mode-teaser .node__content ul {
	margin-left: 7px;
}

.node--view-mode-teaser .node__content ul li {
    color: #808080;
    font-size: 1.14em;
    line-height: 1.2em;
	padding-bottom: 7px;

}

.node--view-mode-teaser .node__content p:nth-of-type(1) {
	
}

.node .field--type-image {
	margin: 0;
}

.front-page-column-layout {
	/* width: 252px; */
}

.front-page-column-layout:nth-child(n+2) {
	/* margin-left: 14px; */
}

#block-clrc-content {
	/* margin-left: 11.5px; */
	margin-left: auto;
    margin-right: auto;
    /* width: 252px; */	}

.front-page-three-columns, #block-clrc-content .views-row, div.view-frontpage div.view-content div.views-view-grid {
	/* controls width of three columns on front page */
}

div#block-clrc-content div.content {
	/* controls width */
}

#sidebar-first {
	margin-left:0;
}

#sidebar-second {
    clear: none; 
/*    width: 252px;  */
	margin-left: auto;
	margin-right: auto;
	/* width: 97%; */
}

div.front-page-three-columns ul.links li.node-readmore {
    font-size: 1.5em;
    line-height: 1.2em;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	padding-left: 0;
}

div.front-page-three-columns ul.links li.node-readmore a {
	text-decoration: underline;
	position: relative;
}

div.front-page-three-columns ul.links li.node-readmore a:after {
    content: ">";
	padding-left: 4px;
    position: absolute;
}

.sidebar .section {
    padding: 0;
}

#block-views-block-news-column-block-1 {
	padding: 0;
	/*margin-left: auto;
	margin-right: auto; */
	}

div#block-views-block-news-column-block-1 h2{
	padding: 0;
	margin: 0;
	text-shadow: none;
    font-size: 1.36em;
    line-height: 35px;
    text-align: center;
	color: #fff;
	background-color: #7f7f7f;
    /* border-color: #7f7f7f;
    border-style: solid;
    border-width: 1px; */
    height: 34px;
	/* width: 250px; */
	
}

div.view-news-column div.view-content {
    color: #808080;
    font-size: 1.25em;
    line-height: 1.2em; /* doesn't add up! */
	padding-bottom: 25px;
}

div.view-news-column div.view-content div.views-row div {
	/* padding-top: 2px; */
}

div.view-news-column div.view-content div.views-row div.views-field-field-embedded-video {
	/* margin-top: -6px; */
}

.node--view-mode-teaser {
	margin-bottom: 0; /* may need to be removed once real use begins */
	padding-bottom: 0; /* may need to be removed once real use begins */
}

.layout-sidebar-first .main-content {
    /* margin-left: 280px;
    margin-right: 0; */
}
.layout-one-sidebar .main-content {
    /* width: 824px;  */
}

.main-content .section {
    
	/* padding: 0 5px 0 5px; */
	padding: 0;

}




.front-page-three-columns {
	padding-left: 0; /* 15px */
}

div#block-views-block-news-column-block-1 div.view-content div.views-row div.views-field-field-video-caption {

}

div.node__content img {
	width: 100%;
}

.highlighted {
	display: none; /* hide status messages during demo period */
}

.node .field--type-image {
	float:none;
}

div.region-content article.node--type-article.node--view-mode-full,
div.region-content article.node--type-news.node--view-mode-full {
	width: 518px; 
}

div.region-content article.node--type-news.node--view-mode-full p.spacerequired { /* kludged for demo article - replace with proper twig rule */
	padding-top: 20px;
}

h1.page-title {
    background-color: #7f7f7f;
 	color: #fff;
    font-size: 1.36em;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 250px; /* 518px */
}

.node__content {
	margin-top: 0px;
	color: #808080;
    font-size: 1.14em;
    line-height: 1.2em;
}

.text-formatted ol, ul {
	padding-left: 1.5em;
}

ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: step-counter;
}

ol li {
  position: relative;
  padding-left: 1em;
  padding-bottom: 20px;

}

ol li::before {
  counter-increment: step-counter;
  content: counter(step-counter);
  position: absolute;
  left: -1.5em;
  margin-right: 5px;
  background-color: #0066aa;
  color: #fff;
  font-weight: bold;
  padding: 3px 8px;
}

div.clrc-supplies-view p {
	color: #808080;
    font-size: 1.14em;
    line-height: 1.2em;
    padding-right: 20px;	
}

.views-field-add-to-cart {
	padding-bottom: 30px;
}

div.clrc-supplies-view div.views-field-title {
	font-size: 2em;
}

div.clrc-supplies-view div.views-field-price {
	font-size: 1.5em;
	font-weight: bold;
}

.animal-list-header, .member-list-header {
	margin: 0;
	margin-top: 50px;
    background-color: #7f7f7f;
    color: #fff;
    font-size: 1.36em;
    height: 34px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    text-shadow: none;
}

.animal-list-header {
	margin-top: 50px;
}


.field--name-body {
	/* width: 250px; */
}

.caption > * {
    background: none;
    border: none;
}

.caption > figcaption {
	border: none;
}

.caption {
	margin: 0px;
}

div.view-display-id-page_1 span.views-label {
	font-weight: bold;
	padding-right: 10px;
}

div.view-animal-list-by-member div.view-content details.views-row div.details-wrapper div.views-field {
	display: table-row;
}

div.view-animal-list-by-member div.view-content details.views-row div.details-wrapper div.views-field span.views-label {
	font-weight:bold;
	display: table-cell;
	padding-right: 10px;
}

div.view-animal-list-by-member div.view-content details.views-row div.details-wrapper div.views-field span.field-content {
	display: table-cell;
}


#block-languageswitcher {
	float: right;
	font-size: 1.3em;
	/* margin-left: 280px; 
	margin-right: 0; 
	position: absolute; */
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
	/* top: 140px; */
	margin-right: 15px;
	margin-bottom: 0;
	
}

#block-languageswitcher div.content ul.links li a.language-link {
		color: #fffeff;
		font-size: 18px;
}


#block-languageswitcher div.content ul.links li::before {
		color: #fff;
    /* content: "|"; */
    font-size: 12px;
    padding-right: 22px;
	height: 33px;
}

#header ul li.menu-item + li::before {
	font-size: 22px;
}

.region-secondary-menu .menu {
	margin-right: 10px; /* margin-right: 172px;  /* adjustment to make room for language switcher */
	margin-top: 10px;
    font-size: 18px;
}


div#block-languageswitcher div.content ul.links li.is-active {
	display: none;
}



.views-field-field-association-short-name {
    width: 33%;
}


.views-label {
	padding-right: 7px;
	font-weight: bold;
}


/* disable for now */

h2#block-clrc-tools-menu {
    
    display:none;
}


div.messages.messages--status img.cc-logo {
	
	width: auto; 
} 


#block-views-block-news-column-block-1 .field-content {
	position: relative;
	padding-bottom: 56.25%;
	height:0;
	overflow: hidden;

}


#block-views-block-news-column-block-1 .field-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}


.home-button {
	
	display: none;
	background: none;


}


#block-registerlivestockmenu li.home-button, 
#block-searchtheregistrymenu li.home-button,
#block-ordersuppliesmenu li.home-button,
#block-associationsmenu li.home-button,
#block-exploreclrcmenu li.home-button {
	
	display: inherit;
	background: url(../../images/CLRC-Menu-Home-circle-reversed.svg) no-repeat;
	background-size: 30px 30px;
	background-position: center center;
	height: 37px;

}


.node--type-webform, .block-views {
	
	margin-left: 7px;
	margin-right: 7px;
}