#main.site-main {
display: flex;
flex-direction: column;
}
#main.tile {
flex-direction: row;
flex-wrap: wrap;
}
#content.site-content {
padding: 0;
position: relative;
}
.page-header {
background: #fff; width: 100%;
}
article.list {
padding: .75em;
border-radius: 4px;
position: relative;
margin-bottom: .5em;
}
article.list > a {
margin: -.75em;
display: block;
background: rgba(255, 255, 255, 0);
width: 100%;
height: 100%;
position: absolute;
border-radius: 4px;
transition: background .3s;
}
article.list > a:hover {
border-radius: 4px;
background: rgba(130, 171, 233, 0.1)
}
.archive.post-type-archive-attachment #main.site-main {
flex-direction: initial;
flex-wrap: wrap;
justify-content: space-between;
}
.archive.post-type-archive-attachment #main.site-main article {
min-width: 110px;
padding:0;
box-sizing: border-box;
margin:0 0 1em 0;
}
.phone.archive.post-type-archive-attachment #main.site-main article {
width: 50%;
}
.tablet.archive.post-type-archive-attachment #main.site-main article {
width: 33.3%;
}
.desktop.archive.post-type-archive-attachment #main.site-main article {
max-width: 180px;
} .entry-meta{
font-size: 12px;
display: block;
text-align: right;	
}
.entry-footer {
font-size: 12px;
display: block;
}
.entry-meta a,
.entry-footer a {
padding: 1px 4px;
border-radius: 3px;
margin-right: 3px;
display: inline-block;
line-height: 1.4;
transition: all .2s ease-in;
}
.entry-meta a:hover,
.entry-footer a:hover {
background: rgba(var(--rgb-grahite), .1);
}
.entry-meta .dashicons,
.entry-footer .dashicons {
font-size: 14px;
line-height: 1.4;
opacity: .7;
margin-left: 1em;
}
.edit-link {
width: 60px;
margin: 0 0 0 auto;
display: block;
}
.entry-footer .posted-on {
text-align: right;
color: #666;
}
.list .entry-meta {
color: #779469;
padding: 0 0 6px 4px;
}   .post-template-default.single .post-thumbnail + .entry-content > p:first-child,
.post-template-default.single div[class^="menu-"] + p,
.post-template-default.single .entry-content > p:first-child {
font-size: 1.125rem;
font-size: 18px;
background: #f3f5f6;
border-radius: 7px;
color: #767676;
line-height: 1.6;
margin-bottom: 3em;
margin-top:.75em;
padding: 1.5em 1em 1em;
}
.single .entry-header {
margin-bottom: 3em;
margin-top: 3em;
} .single-post .entry-title,
.page .entry-title {
}
.single .entry-content h2 {
border-bottom: 2px solid;
border-color: #be4141;
margin: 2.5em 0;
}
.single .entry-content h3 {
border-bottom: 2px solid;
border-color: #629951;
margin: 2.5em 0 2em;
}
.single .entry-content h4 {
border-bottom: 1px solid;
border-color: #578ead;
margin: 2em 0 1.8em;
}
.single .entry-content h5 {
border-bottom: 1px solid;
border-color: gray;
margin: 2em 0 1.8em;
}
.single .entry-content h6 {
border-bottom: 1px solid;
border-color: #ccc;
margin: 1.6em 0;
}
.single .entry-content p {
line-height: 1.9;
} div.caption {
margin-top: 0;
margin-bottom: 1.5em;
font-size: 12px;
color: #666;
} .single .entry-header + div.post-thumbnail {
display: block;
height: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
top: 0;
} .single .entry-header + div.post-thumbnail {
width: 100%;
padding-bottom: 56.25%;
} .single .entry-header + div.post-thumbnail img {
object-fit: contain;
position: absolute;
height: 100%;
width: auto; top:0;
bottom:0;
left:0;
right:0;
margin:auto;
} #main.gallery .single-gallery .post-thumbnail {
}  a.more-link {
box-shadow: none;
padding: 0.3em 1.5em;
background: #f7f8f9;
border: 1px solid #ccc;
border-radius: 7px;
color: var(--txt-a);
font-size: 0.875rem;
display: block;
width: 10em;
text-align: center;
margin: 1em auto;
text-decoration: none;
display: none;
}
a.more-link:focus,
a.more-link:hover {
background: #f2f6f9;
box-shadow: none;
border: 1px solid #cad4db;
border-radius: 7px;
color: var(--txt-hover);
text-decoration: none;
} article.list {
margin: 0 0 .5em 0;
padding: 0;
} .post-type-archive-attachment .entry-title,
.post-type-archive-attachment .entry-title a,
.tile .entry-title,
.tile .entry-title a {
font-size: 12px;
line-height: 1.25;
margin: 0 .5em;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; max-height: 2.5em;
}
.tile article {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 184px;
}
.tile .dummy {
height: 0;
padding:0;
margin:0
}
.tile.desktop article {
margin-bottom: 1em;
}
.tile.desktop article,
.tile.desktop .dummy {
width: 24%;
}
.tile.phone article,
.tile.phone .dummy  {
width: 48%;
}
.tile.tablet article,
.tile.tablet .dummy  {
width: 32%;
}
.tile .post-thumbnail {
margin: 1.5em .7em .7em .5em;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
border: 1px solid #ccc;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
}
.tile .post-thumbnail a {
line-height: 0;
}
.tile .post-thumbnail img {
width: 105%;
} .archive .entry-content p:not(.attachment){
display:none;
}
.archive .wp-video {
height: 0;
padding-bottom: 60%;
}
.tile .entry-content {
width: 100%;
height: 0;
padding-bottom: 100%;
overflow: hidden;
}
.tile.term-video .entry-content {
}
.tile .entry-content p.attachment {
margin:0;
}
.tile .entry-content p.attachment a {
display: block;
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative;
top:0;
width: 100%;
}
.tile .entry-content .mejs-container {
margin-top: 40px;
}
.tile .entry-content p.attachment a img {
position: absolute;
top:0;
bottom:0;
margin:auto;
} .single-attachment .attachment-content {
padding-top: 1.5em;
width: 100%;
display: flex;
justify-content: center;
}
.single-attachment .entry-content {
}
.single-attachment .entry-content p:not(.attachment) {
display: none;
}
.single-attachment p.attachment img {
width: 100%;
border-radius: 3px;
}
.single-attachment .entry-header {
margin-bottom: 3em;
margin-top: 0;
}
.single-attachment .entry-title {
font-size: 16px;
font-size: 1rem;
} .attachment.single .nav-links input[type="button"] {
background-color : transparent;
border: none;
color: #555;
padding: 0;
padding: 2em;
width: 100%;
height: 100%;
} .blog .entry-header .entry-title,
.archive .entry-header .entry-title {
font-size: 18px;
margin: 0;
padding: .5em 0;
}
.blog .entry-header,
.archive .entry-header,
.search .entry-header {
padding: 0 4px 0 0;
margin: 0;
} .list .entry-summary {
color: #555;
width: calc(100% - 70px);
margin: 0 0 0 1em;
}
.entry-summary p {
margin: 0;
}
.excerpt-content .post-thumbnail a img {
max-width: 80px;
}
.excerpt-content .post-thumbnail {
width: 80px;
height: 80px;
overflow: hidden;
}
.excerpt-content {
display: flex;
} .phone article.list,
.phone .blog .site-main > article,
.phone .archive .site-main > article,
.phone .search .site-main > article {
border-bottom: 1px solid #ccc;
margin: 0 -32px;
padding: 0 16px .5em 30px;
}
.phone.blog .entry-header .entry-title,
.phone .archive .entry-header .entry-title {
font-size: 16px;
}
.phone .excerpt-content {
display: none;
}   .site-footer {
background: var(--site-footer-gb);
color: var(--site-footer-txt);
}
.site-footer .widget-title {
color: var(--site-footer-txt);
}
.site-footer .widget-area a,
.site-footer .widget-area ul li a {
color: var(--site-footer-txt-a);
background:inherit;
}
.site-footer .widget-area a:hover,
.site-footer .widget-area ul li a:hover {
color: var(--site-footer-txt-a-hover);
background: var(--site-footer-widget-a-hover-bg);
}
.site-footer .widget-column.footer-widget-2 {
background: var(--site-footer-2-bg);
}
.site-info-wrap {
background: var(--site-footer-3-bg);
border-top: 1px solid var(--site-footer-gb);
} #secondary:before {
background: #f7f7f7;
color: rgba(0, 0, 0, .07);
content: " ";
display: block;
height: 40px;
line-height: 1.7;
margin: 0 0 2em 0;
padding: 0.2em 0 0.75em 0;
position: -webkit-sticky;
position: sticky;
text-align: center;
top: 0;
z-index: 2;
}
.desktop.secondary-open #secondary:before {
top: 0px;
}
.has-sidebar.desktop.secondary-open #secondary:before {
top: 40px;
}
#secondary .widget-title {
position: sticky;
top: 12px;
z-index: 2;
}
.has-sidebar.desktop #secondary .widget-title {
top: 52px;
} @media screen and (max-width: 600px) {
.site-branding { }
.top_nav_logo {
align-items: center;
max-height: 37px;
top: 3px;
left: 11px;
display: flex;
position: relative;
visibility: visible;
opacity: 1;
z-index: 5;
height: 38px;
padding-right: 4px;
}
}
@media screen and (min-width: 601px) {
}
@media screen and (min-width: 783px) {
.mininone {
display: initial;
}
.bignone {
display: none;
}
.site-content .wrap {
display: flex;
justify-content: space-between;
padding-bottom: 2em;
}
.home.page-one-column .site-content .wrap {
flex-direction: column;
}
.page-header {
background: #fff; padding: 1em; width: 100%;
} .has-sidebar #secondary_top_memu,
.has-sidebar .secondary-top-menu {
display: none;
} .secondary-open .page-header {
}
}