@font-face {
  font-family: AvNext;
  src: url("https://file.brz9.dev/cdn/fonts/serv/AvenirNext/AvenirNext-Regular.woff2");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: AvNext;
  src: url("https://file.brz9.dev/cdn/fonts/serv/AvenirNext/AvenirNext-Bold.woff2");
  font-style: normal;
  font-weight: 800;
}

:root {
  --font-t: AvNext;
  --font-h: AvNext;
  --font-p: AvNext;
  --col-bg: #ffffff;
  --col-fg: #171717;
  --col-aside-bg: #ffffff;
  --col-aside-fg: #171717;
  --col-hf-bg: #e4002b;
  --col-hf-fg: #ffffff;
  --col-a: #2293af;
  --col-a-v: #2293af;
}

html {
  font-family: var(--font-p);
  font-size: 1.1rem;
  color: var(--col-fg);
  background-color: var(--col-bg);
}

.byl-header h1 {
  font-family: var(--font-t);
  font-size: 3rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-h);
  font-size: 1.2rem;
}

.byl-header, .byl-footer {
  color: var(--col-hf-fg);
  background-color: var(--col-hf-bg);
}

.byl-header{
  padding-bottom: 20px;
}

.byl-header h1 {
  font-family: var(--font-t);
  font-size: 4rem;
  margin-top: 15px;
  margin-bottom: 15px;
}

#tagline {
  font-family: var(--font-p);
  font-style: italic;
  font-weight: 400;
  font-size: 1.2rem;
}

p, p[style] {
  font-family: var(--font-p) !important;
  font-size: 1.2rem !important;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

article header h2 {
  font-size: 2rem;
}

article h6,
article h5,
article h4,
article h3,
article h2,
article h1{
  font-size: 1.4rem;
}

article blockquote p {
  font-size: 1.6rem;
  font-style: italic;
}

blockquote.wp-block-quote {
  margin-top: 20px;
  margin-bottom: 20px;
}

footer nav li a {
  font-family: var(--font-h);
}

footer {
  font-family: var(--font-h);
}

article footer .dtlink {
  font-family: var(--font-h);
}

input[type=text].search-bar {
  font-family: var(--font-h);
  width: 100%;
  font-size: 1rem;
}

.article-detail {
  /*font-style: italic;*/
  float: right;
}

.menu, #submit{
  font-family: var(--font-h);
}

.byl-hero h4 {
  font-size: 2.2rem;
  padding: 5px;
}

input {
  border-radius: 0px;
  border: 0;
  padding: 4px;
}

a span.tag {
  border-style: solid;
  border-width: thick;
  padding: 3px;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 4px;
  font-size: 1rem;
  font-family: var(--font-h);
}

.tag-big {
  border-style: solid;
  border-width: 8px;
  padding: 3px;
  display: inline-block;
  margin: 5px;
  font-size: 2rem;
  font-family: var(--font-h);
}

textarea {
  width: 100%;
  height: 200px;
  resize: none;
  padding: 20px;
  font-family: var(--font-p);
  font-size: 1.2rem;
}

input#author, input#email {
  padding: 20px;
  width: 40%;
  margin-right: 15px;
}

article footer .dtlink {
  float: right;
  margin-top: 5px;
}

.footer-social {
  font-size: 1.3rem;
}

.footer-social span{
  margin-left: 10px;
  margin-right: 10px;
}

footer li{
  display: inline-block;
  padding-right: 20px;
}

#content {
  width: 100%;
}

#content article {
  padding: 10px;
}

input.submit {
  font-size: 1.2rem;
}

.full-article {
  padding-right: 10px;
}

.archive-year {
  font-family: var(--font-h);
}

footer.article-detail{
  width: 100%;
}

article p, article ul li {
  font-family: var(--font-p);
  font-size: 1.2rem;
}

.social-share {
  cursor: pointer;
  margin-right: 10px;
}

.byl-icon-link.social-share {
  margin-left: -7px;
}

.widget-title {
  margin-top: 5px;
  margin-bottom: 0px;
}

ul.menu {
  margin: 0px;
  padding-left: 20px
}

@media screen and (max-width: 1080px) {
  h1 {
    font-size: 3rem;
  }
  .byl-hero h4 {
    font-size: 1.4rem;
  }
}

.pub-info p {
  text-align: right;
}

figure.wp-block-image {
  width: 100%;
  margin: 0px;
}

img.wp-image-1000 {
  width: 100%;
}

article h4 {
  font-size: 1.2 rem;
}

article img.aligncenter {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.tag-cloud, .cat-cloud {
  padding-left: 5px;
  padding-top: 5px;
}

.simple-page {
  padding-right: 50px;
  padding-left: 50px;
}

section.widget {
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

section.widget_text h2.widget-title {
  text-align: left;
}

.comrade-bloc img {
  width: 8rem;
}

.comrade-bloc a {
  margin: 10px;
}

/* comment section start*/
h4.reply {
  margin-top: 10px;
  margin-bottom: 10px;
}

.comlevel1{
  margin-left: 20px;
}

.comlevel2{
  margin-left: 60px;
}

.reply, input#submit {
  background-color: var(--col-fg);
  color: var(--col-bg);
  padding: 5px;
  margin-top: -3px;
  display: inline-block;
  cursor:pointer;
}

section.comment-wrap {
  border-left: 5px solid var(--col-fg);
  padding-top: 1px;
  padding-left: 5px;

}

.comment-content {
  font-size: 1.2rem;
}

.comment-wrap {
  margin-top: 10px;
}

.comment-wrap footer {
  text-align: right;
}

.form-submit {
  margin-top: 15px;
}
/* comment section end*/

/* newsletter section start*/
section.widget div.tnp {
  padding-top: 0px;
  margin-top: 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 300px !important; 
}

form.tnp-form input {
  font-family: var(--font-h);
}

form.tnp-form input[type=submit] {
  background-color: var(--col-fg);
  cursor: pointer;
}

input.tnp-email {
  margin-bottom: 10px;
  border: none;
}
/* newsletter section end*/
article section p span[style]{
  color: var(--col-fg) !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  font-family: Vollkorn !important;
}

footer#main-footer .widget{
  padding-top: 0px;
}

@media screen and (max-width: 800px) {
  h1#site-title {
    font-size: 3rem;
  }
  .byl-hero h4 {
    font-size: 1.6rem;
  }
  article section p span[style], p,
  article h4, article h2 {
    text-align: left !important;
  }
}

.simple-page p {
  font-size: 1.2rem;
}

img.jc-logo {
  width: 195px;
}

li.current-menu-item {
  text-decoration: underline;
  text-decoration-color: white;
  text-underline-offset: 10px; /* adjust as needed */
  text-decoration-thickness: 7px; /* adjust as needed */
}

ul#menu-head li {
  display: inline-block;
}

ul#menu-head {
  text-align:  right;
}



section.headlogo img{
  margin-top: 20px;
  margin-left: 20px;
  max-height: 70px;
  width: auto;
}

section.headsearch {

  width: 200px;
}



header#masthead {
  display: flex;
}

section.headlogo {
  margin-right: auto;
}

section.headmenu {
  margin-top: 50px;
  margin-left: auto;
}

section.headsearch {
  margin-top: 45px;
  margin-left: 10px;
  margin-right: 20px;
}


section.pub-info span.post-author {
  font-weight: 800;
}

section.pub-info {
  margin-bottom: 50px;
}