@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300");


#wrapper-all {}

/* fonts */
#wrapper-all  {font-family: 'Libre Franklin', sans-serif;}

/* topmenu */
.topmenu {background: #fff; border: none; box-shadow: none; transition:0.2s;}
.topmenu * {color: #333;}

/* sidemenu */
.sidemenu  {border:none; width: 230px;}
.sidemenu-mode #div_all {margin-left: 180px;}
.sidemenu .menu-item, .sidemenu .menu-dropdown-content {border:none; box-shadow:none;}
.menulink {text-transform: initial; font-weight: normal;}
.body {font-size: 10pt;}

/* unrolled from the beginnings */
.homepage .sidemenu .menu-dropdown-content.submenu-works {max-height:initial;}

/* display none things */
.homepage .pagination {display:none;}
.homepage .article-title-preview {display:none;}
.filter-legend {display: none;}

/* article preview */
.article-subcontainer {position: relative;}
.article .comment-box {display:none;}
.article-title-preview {transition:0,4s;}
.homepage .article-title-preview {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.article-title-preview {display:block;}


/* pics all same size */
.article-header-img.preview {width:250px; height:150px; overflow: hidden;}
.article-header-img.preview img {min-width:250px; min-height:150px;}

/* article */ 
.article-header-img:not(.preview) {display:none;}
.gallery-hover-shadow:hover {box-shadow:none; opacity: 0.8;}
.article-content-subcontainer {font-size:10pt;}
.page-title {font-size:11pt}


/* page */
.page-content {font-size: 10pt;}
.page-content {width: 55%;}



/* container (borders) */
.container {border:none;}

/* footer */
.footer {background:transparent;}
.footer .menu-container {background: transparent;}
.footer * {color: #000;}
 

/* GALLERY */

/* grid space */
.gallery-flexbox-div .gallery-column {margin:4px;}
.gallery-column {width: 80%;}
.gallery-vertical-div {text-align:left; padding-left:35px;}
/* pictures names */
.gallery-vertical-legend {display:none;}
.gallery-pic-description {display: none;}


/* mobile */
@media screen and (max-width: 600px) {
  .sidemenu-mode #div_all {margin-left: 0px;}
  .page-content {width: 100%}

}


/*
*   STYLE PAGE
*   the <style> tag can be inserted also in the body of the page
*/  
  /* container page */
  .container-page                 {}

  /* container specific page */
  #container-page-id-SOME_ID            {}


/* 
*   STYLE BLOG
*   the <style> tag can be inserted also in the body of the page
*/  
  /* container all articles */
  .container-all-articles           {}
  
  /* articles separator */
  .articles-separator               {}

  /* container single article */
  .container-single-articles            {}
  
  /* container specific article */
  #container-article-id-SOME_ID             {}
  
  /* subcontainer all articles */
  .subcontainer-article               {}

  /* subcontainer specific article */
  #subcontainer-article-id-SOME_ID        {}

  /* content all articles */
  .subcontainer-article-content       {}
  
  
/* 
*   STYLE MISCELLANEOUS
*/