body {
    background-color: #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;
}

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: 318px;
	padding-top: 20px; /* 32px */
	padding-left: 20px; /* 20px */
}

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

#header {
	max-width: 1366px; /* check this */
	height: 269px; /* check this */
	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: #fff;
	border-bottom: none;
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
	/* padding: 10px 0 20px 0; */
	text-shadow: none;
}

.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: 113px;
	display: inline-block;
}

#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;
}

.menu-item {
	padding: 0
}

nav#block-mainmenu { /* experiment starting here */
	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 */
}

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: top;
	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: 81px 81px, 15px auto; /* 108px */
    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;
}

nav#block-mainmenu li:nth-of-type(1) a span {
	background: url("../../images/menu-register.svg") no-repeat; 
}

nav#block-mainmenu li:nth-of-type(2) a span {
	background: url("../../images/menu-search.svg") no-repeat; 
}

nav#block-mainmenu li:nth-of-type(3) a span {
	background: url("../../images/menu-order.svg") no-repeat;
}

nav#block-mainmenu li:nth-of-type(4) a span {
	background: url("../../images/menu-associations.svg") no-repeat;
}

nav#block-mainmenu li:nth-of-type(5) a 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 div ul {
	/* display: none; */
}

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

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


/* 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 */



.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;
}

.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: 500px; /* 250px */
}

div.view-frontpage header h2.node__title {
	margin-bottom: 0;
	background-color: #0066aa;
	width: 500px; /* 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: 500px; /* 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: 500px; /* 250px */
	height: 328px; /* 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: 1px;
    padding-right: 1px;	
}

.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: 504px; /* 252px */
}

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

#block-clrc-content {
	/* margin-left: 11.5px; */
}

.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: 516px; 
	margin-left: 0; }

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: 30px;
	width: 500px;
}

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: 498px;  }

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 15px 0 15px;
}

.front-page-three-columns {
	padding-left: 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 {
	
}

.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: 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;
}

div.views-field.views-field-field-embedded-video div.field-content p iframe {
	/* width: 500px; 
	height: 281px; */
}

.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;
}


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



#block-languageswitcher {
	float: right;
	font-size: 1.3em;
	margin-left: 0;
	margin-right: 56px;
	position: relative;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
	top: 160px;
}

#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: 22px;
    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;
}


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

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

/* disable for now */

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

#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%;
	clip-path: inset(1px 1px);
	
}

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


}