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; */
	font-size: 0.95em;
}

tr {
	background: none;
}

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

.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: 32px;
	padding-left: 20px;
}

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

.file--application-pdf {
    
    background-position: left top;
    
}

.file {
    
    padding-bottom: 3px;    
    
}

div.field-content.association-file-link div.item-list ul li {
    
    background-image: url(/core/themes/classy/images/icons/text-x-generic.png);
    background-position: left 4px;
    padding-left: 20px;
    min-height: 16px;
    background-repeat: no-repeat;
    
}


#header {
	max-width: 1366px;
	height: 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: #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;
}


.back-to-search-link {
    font-size: 87.5%;
    padding-bottom: 10px;
}

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

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

#phone {
    padding-left: 20px;
    position: relative;
    top: 100px;
	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  {
	padding-left: 18px; /* there is a blank 1 px margin on first li -- main page menu */
	padding-right: 18px;
}


nav#block-associationsmenu {  /* padding will probably be different for these second-level menus */
	padding-left: 0px;
	padding-right: 19px;
}

nav#block-mainmenu div ul.menu {
	display: table;
	width: 1330px;
}

nav#block-associationsmenu div ul.menu { /* some menus don't required 100% width */
	display: table;
}

nav#block-mainmenu div ul.menu li { /* main menu */
	display:table-cell;
	font-size: 1.2em;
	height: 163px;
	vertical-align: bottom;
	text-align: center;
	width: 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;
    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;
}

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: 108px 108px;
	opacity: 0.6;
	transition-delay: 0s;
    transition-duration: 2s;
    transition-timing-function: ease;
	height: 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;
	*/

	display: none; /* gord patch - 26-Sep-2017 - negating all the above options */

}

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; 

}



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


nav#block-clrc-tools div ul li.menu-item--active-trail a.is-active {
	/* color:#808080; */
}


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

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

#sidebar-first {
	width: 279px;
}

.site-footer {
	background: transparent;
	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: 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: 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: 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;
	position: absolute;
}

#sidebar-second {
    clear: none;
    width: 516px;
}

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

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

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

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

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

.caption > figcaption {
	border: none;
}

.caption {
	margin: 0px;
}

div.view-display-id-page_1 span.views-label,
div#block-views-block-staff-email-view-block-1 span.views-label,
div#block-views-block-staff-email-view-block-2 span.views-label,
div.view-display-id-page_1 span.views-label,
div#block-views-block-staff-french-block-1 span.views-label,
div#block-views-block-staff-french-block-2 span.views-label {
	font-weight: bold;
	padding-right: 10px;
}


.view-breeds-by-registrar {
    padding-bottom: 8px;
}



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

div.view-association-details div.view-content div.views-row div.views-field span.views-label {
	float: left;
}


table.pedigree-table tbody tr td {
	border: none;
	background-color: #fff;
}

table.pedigree-table tbody tr th {
	border: none;
	background-color: #7f7f7f;
}

table.pedigree-tree tbody tr {
	background-color: #fff;
	border: none;
}

table.pedigree-tree tbody tr td {
	padding: 3px;
	border: none;
}

td.pedigree-gen {
	background-color:#ccc;
}

table.pedigree-table tbody tr {
	vertical-align: top;
}

h1.progeny {
	padding-bottom:20px;
}

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

div.view-id-associations caption {
	text-align: left;
    font-size: 1.75em;
    font-weight: inherit;
    margin: 1em 0 0.5em;
}

div.view-association-details div.view-content div.views-row {
	/* font-size: 1.1em; - creates problems with nested views - revisit */
}

.cc-logo {
	padding: 10px 10px 10px 0;
}


details {
	display: list-item;
	list-style-type: none;
}

details, fieldset, .filter-wrapper {
    border-style: none;
}


details > .details-wrapper {
	padding-left: 0;
}


fieldset legend span, .webform-terms-of-service-details--title {
    /* font-size: 1.429em;
    line-height: 1.4;
    margin: 1.0em 0 0.5em; */ 
}

.tidy-back-button {
    
    padding-top: 30px;
    
}

.tidy-back-button a {
    
    color: #3a3a3a;
    border: 1px solid #e4e4e4;
    
}

[id^='edit-product-details'] legend span.form-required, [id^='edit-dna-test-type'] legend span.form-required, [id^='edit-select-association'] legend span.form-required,
div#edit-product-details legend span.form-required, div#edit-select-association legend span.form-required { 
    /* exceptions to the above */
   /* revisit this later font-size: 0.929em;
    line-height: 1.5;
    margin: 0; */
}


summary {
	color: #0066aa;
	text-shadow: none;
	display: inherit;
	background: none;
	padding: 0;
}

.image-style-association-logo {
	float: right;
	max-width: 500px;
}

.views-field-field-registrar-2-name, .views-field-field-registrar-3-name {
	padding-top: 1.1em;
}

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

#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: " "; /* 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: 172px;  /* adjustment to make room for language switcher */
	font-size: 18px;
}


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



div#block-views-block-news-column-block-1 div.view-content span.field-content h3 {
	font-weight: bold;
	color: #0066aa;
    font-size: 1.33em;
}


div.view-links table {
	font-size: 1.25em;
}


div.view-links table td.views-field-nothing {
	width: 225px;
}
/* ======----- JP-patch  ------=======*/

/* adding styles to modify "links" page */
.linksView table td {
     padding: 16px;
}
.linksView table img {
     display: block;
     margin: auto;
}
tr.linksRow {
     border-bottom: 2px solid #ccc;
}
/* adding styles for BOARD MEMBERS page */
.board-name {
     margin-top: 0 !important;
}
.board-position {
     font-weight: 600 !important;
     font-size: 1.7em !important;
     margin: 0 0 5px 0 !important;
}
.custom-line-break {
     line-height: 0.8;
}

/* end JP-patch */

/* gord patch - miscellaneous late-stage formatting */


div.view-header p {
    
    margin-top:20px;
    
}


.views-label-field-meeting-telephone,
.views-label-field-meeting-website,
.views-label-field-meeting-email,
.views-label-field-meeting-fax,
.views-label-field-meeting-register-deadline {
    
    float: left;
    font-weight: bold;
    
}


div.view-animal-list div.messages.messages--info,
div.view.view-member-list-with-associations div.messages.messages--info {

    color: #31708f;
    background-color: #d9edf7;
    background-image: url(/themes/clrc/images/info.svg);
    background-repeat: no-repeat;
    background-position: 10px 17px;
    border-color: #0074bd #0074bd #0074bd transparent;
    box-shadow: -8px 0 0 #0074bd;

    }



td.views-field-nothing-2 {
    
    min-width:15px;
}


div#tattoo_letter_combination_table button.link.tabledrag-toggle-weight.webform-multiple-tabledrag-toggle-weight,
div#herd_name_prefix_table button.link.tabledrag-toggle-weight.webform-multiple-tabledrag-toggle-weight,
div#registered_animals_table button.link.tabledrag-toggle-weight {
    
        display: none;

}



div#block-views-block-additional-association-files-tattoo-block-1 .views-col {
	font-size: 1.5em;
}

div.view-association-breeds .col-1, div.view-association-breeds .col-2, div.view-association-breeds .col-3,
div.view-association-breeds-french .col-1, div.view-association-breeds-french .col-2, div.view-association-breeds-french .col-3 {
	width: 33%;
}


div.form-item-regnumber {
	clear: left;
}

div.form-item-breed {
	display: none;
}

input[name=animalname] {
	max-width: 200px;
}

input[name=regnumber] {
	max-width: 120px;
}

input[name=microchip] {
	max-width: 150px;
}

input[name=nationaleartag] {
	max-width: 170px;
}

input[name=tattooletters] {
	max-width: 90px;
}

input[name=tattoonumber] {
	max-width: 100px;
}

input[name=tattooyearletter] {
	max-width: 120px;
}

input[name=ueln] {
	max-width: 150px;
}

input[name=sortname] {
	max-width: 90px;
}


div.view-animal-list div#matingform {
	display: none;
}

div.view-services div.view-grouping-content h3 {
	display: none;
}


div#block-backbutton {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}

div#block-backbutton a {
	font-size: 1.2em;
	line-height: 1.65em;
    
}



div.view-id-clrc_publications div.view-content h3 {
    
    margin-bottom: 5px;
    font-size: 1.429em;
    line-height: 1.4;
    font-weight: inherit;
    
}


/* services page */

div.view-id-services div.view-content div.view-grouping div.view-grouping-header {
    margin: 1.0em 0 0.5em;
    font-weight: inherit;
    font-size: 1.357em;
    color: #000;
}


div.view-services-detail div.view-content details {
    margin-top:0;
    margin-bottom:0;
}

div.view-services-detail div.view-content details.js-form-wrapper summary {
    font-size:1.25em;
}

div.view-services-detail div.view-content details.js-form-wrapper div.details-wrapper  {
    margin-left:29px;
}


div.view-services-detail div.view-content details.js-form-wrapper div.details-wrapper div.views-field span.field-content {
    font-size:1.2em;
}



div.field--name-field-basic-page-file {
    line-height: 2em;
        
}


input.avid-quantity {
    width: 65px;
}


.webform-readonly input[name=net_amount], .webform-readonly input[name=ssl_amount], .webform-readonly input[name=ssl_amount_display], .webform-readonly input[name=ssl_salestax], .webform-readonly input[name=ssl_salestax_display] {
    
    background-color: transparent;
    border: none;
    padding-left: 0;
    margin-left: 0;

}

.form-item-ssl-country.form-disabled select {
    
    background-color: transparent;
    border: none;
    padding-left: 0;
    margin-left: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    
}


.form-item-ssl-country.form-disabled select::-ms-expand { /* IE hack */
  
    display: none;
    
}


.form-item-net-amount span.field-prefix, .form-item-ssl-salestax span.field-prefix, .form-item-ssl-amount span.field-prefix {
    
    display: none;
    
}

.webform-readonly span.field-prefix {
    
    display: inline;
    padding-right: 0;
    margin-right: -2px;

}



/* gord patch - clearly defined placeholder colours in forms

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - UC Browser for Android
   - QQ Browser */
::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 500;
}

/* Firefox 4-18 */
:-moz-placeholder {
    color: #ccc;
    font-weight: 500;
}

/* Firefox 19-50 */
::-moz-placeholder {
    color: #ccc;
    font-weight: 500;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 500 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
    color: #ccc;
    font-weight: 500;
}



/* gord patch - begin development of additional back arrow to add a "home" button - THIS SECTION WILL PROBABLY BE DELETED BEFORE LAUNCH */


nav#block-testsmenu div ul.menu {
    display: table;
}

nav#block-testmenu div ul.menu li:nth-of-type(2) {
    background-position: center center, 213px center;
    background-repeat: no-repeat, no-repeat;
    background-size: 108px 108px, 15px auto;
    padding-left: 0;
    padding-right: 0;
    /* width: 279px; */
	width: 209px;
}

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


nav#block-testmenu div ul.menu li:first-of-type {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-left: 0;
    padding-right: 0;
    width: 70px;
	height: 124px;
}



nav#block-testmenu div ul.menu li:nth-of-type(2) {
    background-image: url("../../images/menu-associations.svg"), url("../../images/arrow.svg");
}
nav#block-testmenu div ul.menu li div ul.menu li {
    color: #0066aa;
    display: table-cell;
    font-size: 1.2em;
    height: 124px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
    vertical-align: middle;
}


nav#block-testmenu div ul.menu li a.is-active::after {
    border: 2px solid #0066aa;
    content: " ";
    left: 50%;
    position: absolute;
    top: 115%;
    transform: translateX(-50%);
    width: 101%;
}
nav#block-testmenu div ul.menu li a.is-active {
    position: relative;
}

nav#block-testmenu div ul.menu li {
    color: #0066aa;
    font-size: 1.2em;
    text-align: center;
}


nav#block-testmenu div ul.menu li + li {
    background: rgba(0, 0, 0, 0) url("../../images/vertical-menu-bar.jpg") no-repeat scroll 0 center;
}
nav#block-testmenu div ul.menu li {
    color: #0066aa;
    display: table-cell;
    font-size: 1.2em;
    height: 124px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    text-align: center;
    vertical-align: middle;
}

nav#block-testmenu div ul.menu li:first-of-type a {
    color:transparent;
	text-align: right;
	float:right;
}

nav#block-testmenu div ul.menu li:nth-of-type(2) a {
    display: none;
}


/* end gord patch */



div.view-animal-list td.views-field-nothing-1, div.view-animal-list td.views-field-dob, div.view-animal-list td.views-field-animalname, div.view-animal-list td.views-field-tattoo {
    
    white-space: nowrap;
    
}


input.ic-checkbox {
    
    margin-bottom: 20px;
    
}


.ic-submit {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
  background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
  border: 1px solid #e4e4e4;
  border-bottom-color: #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  padding: 0.250em 1.063em;
  border-radius: 1em;
  display: inline-block;
  line-height: normal;
}
.ic-submit:hover,
.ic-submit:active,
.ic-submit:focus {
  background: #dedede;
  color: #5a5a5a;
  text-decoration: none;
}


.ic-select {
    
    border: 1px solid #ccc;
    color: #3b3b3b;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    padding: 4px;

}
    

.ic-text {
    
    border: 1px solid #ccc;
    color: #3b3b3b;
    font-size: 0.929em;
    margin: 2px 0;
    padding: 4px;
    max-width: 100%;
    box-sizing: border-box;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    
}



#block-views-block-news-column-block-1 .field-content {
	position: relative;
	padding-bottom: 0; /* 52.25% */
	height:0;
	height: auto;
	/* 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 !important;
	background: none !important;


}