body{ 
font-size: 1rem;
}
.site-header{
grid-area: header;
}
.site-branding{
background-image: none;
background: -webkit-linear-gradient(#009 25%,  #5bf); background: -o-linear-gradient(#009 25%,  #5bf); background: -moz-linear-gradient(#009 25%,  #5bf); background: linear-gradient(#009 25%,  #5bf); }
.custom-logo-link{
grid-area: logo;
margin: 0.8vw;
width:10vw;
height:10vw;
}
.site-branding a{
color: #ddd;
text-decoration: none;
}
.site-title {
grid-area: title;
align-self: end;
margin: 0;
padding: 0 16px 0;
font-size: 4vw;
font-weight: 500;
font-family: 'times new roman', serif; }
.site-description {
grid-area: description;
align-self: start;
margin: 0 ;
padding: 0 36px 0;
font-weight: 500;
font-size: 2vw; color: #222;
} #primary{
margin: 20px;
grid-area: main;
min-height: 600px;
} #secondary{
margin: 20px;
grid-area: sidebar;
}
#secondary.widget-area > *{
margin-top: 30px;
}
#secondary .widget-title{
font-size: 18px;;
color: #222;
margin-bottom: 0px;
} #tertiary {
grid-area: widgets;
max-width: none;
color: #ccc;
margin: 0;
padding: 10px 20px;
background: linear-gradient( #009 25%,  #48a); 
}
#tertiary a{
color: #ccc;
} #colophon {
grid-area: footer;
max-width: none;
background-color: #223355;
margin: 0;
padding: 10px 20px;
}
#colophon .site-info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: #ccc;
border: none;
padding: 0;
margin: 0;
}
#colophon .site-info a{
color: #ccc;
} ul,
ol {
margin: 0 0 2em 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px;
clear: none;
}
.post, .page{
margin: 0;
}
b, strong {
font-weight: bold;
}
a.post-thumbnail{
display: inline-block;
margin-top: 8px;
} ol.ol01 li,
ul.l01 li{
margin-bottom: 5px;
padding-left: 2px;
} .left20 {
position: relative;
left: 20%;
} .four-col {
-moz-column-count: 4;
-moz-column-gap: 20px;
-webkit-column-count: 4;
-webkit-column-gap: 20px;
} .wp-block-image {
text-align: center;
} .archive-list{
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
align-content: flex-start;
flex-direction: column;
height: 150px;
}
.archive-list-item{
width: 20%;
height: auto;
text-align: center;
} .cat-post-widget ul{
padding-left: 0;
list-style-type: none;
}
.cat-post-widget li{
padding: 3px 0;
margin-left; 0.5em;
}
.cat-post-date{
font-size: smaller;
margin-left: 10px;
} .wp-block-latest-posts li{
font-size: 18px;
font-weight: 500;
text-align: left;
}
.read-more{
font-size: 14px;
} .hof-flex-container{
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.hof-table-div{
text-align: center;
padding-left: 2%;
}
.hof-image-div{
flex-grow: 1;
width: 50%;
text-align: center;
}	
.hof-image-div figcaption{	
font-weight: bold;
} #scroll-to-top{
z-index:99;
background:#1D2022;
position: fixed;
bottom: 80px;
right: -65px;
padding:8px 4px;
cursor: pointer;
color: #FFF;
font-size: 16px;
line-height: 1;
border-radius:6px 0 0 6px;
width: 64px;
text-align: center;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
#scroll-to-top span{
margin-right: 4px;
font-size: 16px;
} #menu-quick-access{
list-style: none;
padding: 0;
}
#menu-quick-access li {
padding-left: 0em;
}
#menu-quick-access li:before {
font-family: 'Material Icons';
content: 'arrow_forward_ios';
font-size: 18px;
margin-right: 0.5em; 
position: relative;
bottom: -4px;
} .external-links{
margin-bottom: 1em;
}
.external-links a{
margin-left: 0em;
}
.external-links a:before {
font-family: 'Material Icons';
content: 'pets';
font-size: 18px;
margin-right: .5em; 
display: inline-block;
}
.registrar-contact span{
margin-left: 20px;
margin-right: 8px;
font-size: 18px;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(//americanbordercollie.org/wp-content/themes/abca-child/assets/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
}