#blog_pages{
background-color: transparent;
border: none;
display: block;
position: relative;
}
.blog_article_content{
font-size: 1.05em;
line-height: 1.6;
}
.blog_article_content table{
border-collapse: collapse;
max-width: 100%;
}
.blog_article_content td, .blog_article_content th{
border: 1px solid #eadfcc;
padding: 4px 8px;
}
.blog_article_img{
margin: 12px 0;
}
.blog_article_img img{
border-radius: 10px;
}
.blog_article_img img, .blog_article_content img{
height: auto;
max-width: 100%;
}
.blog_article_lead{
font-size: 1.15em;
font-weight: 600;
}
.blog_article_places{
margin: 0 0 8px 0;
}
.blog_back{
margin: 24px 0;
}
.blog_breadcrumb li{
display: inline;
}
.blog_breadcrumb li + li:before{
content: "\203A";
margin: 0 6px;
}
.blog_breadcrumb ol{
font-size: 0.9em;
list-style: none;
margin: 0 0 12px 0;
padding: 0;
}
.blog_card{
background: #ffffff;
border: 1px solid #eadfcc;
border-radius: 10px;
overflow: hidden;
}
.blog_card_body{
padding: 12px 14px 16px 14px;
}
.blog_card_excerpt{
margin: 0 0 8px 0;
}
.blog_card_img img{
display: block;
height: 180px;
object-fit: cover;
width: 100%;
}
.blog_card_meta{
align-items: baseline;
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
}
.blog_card_more{
font-weight: bold;
}
.blog_card_place{
color: #786953;
font-size: 0.9em;
}
.blog_card_title{
font-size: 1.2em;
margin: 0;
}
.blog_card_title a{
text-decoration: none;
}
.blog_date{
color: #9a8a72;
display: block;
font-size: 0.9em;
margin: 4px 0 8px 0;
}
.blog_h1{
color: #4a3f30;
font-size: 2em;
line-height: 1.2;
margin: 0 0 8px 0;
}
.blog_intro{
margin: 0 0 20px 0;
}
.blog_list{
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.blog_page_current{
background: #ff7245;
color: #ffffff;
}
.blog_pagination{
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 24px 0;
}
.blog_pagination a, .blog_pagination span{
border: 1px solid #eadfcc;
border-radius: 6px;
padding: 6px 12px;
}
.blog_places{
margin: 8px 0 24px 0;
}
.blog_places a{
align-items: center;
background: #ffffff;
border: 1px solid #eadfcc;
border-radius: 999px;
display: inline-flex;
gap: 6px;
padding: 5px 12px;
text-decoration: none;
}
.blog_places a:hover{
border-color: #ff7245;
}
.blog_places ul{
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.blog_places_count{
color: #9a8a72;
font-size: 0.8em;
}
.blog_places_title{
color: #4a3f30;
font-size: 1em;
margin: 0 0 8px 0;
}
.blog_root{
box-sizing: border-box;
margin: 0 auto;
max-width: 960px;
padding: 16px;
}
.t_field_error_msg{
color: red;
font-weight: bold;
padding-bottom: 2px;
}
.blog_root a{
color: #c44822;
}