/*
	Theme Name: bunker
	Theme URI: bunker
	Description: bunker
	Version: 1
	Author: Martina Zonno - Neue Milano
	Author URI: https://neue-milano.it
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


 @font-face {
   font-family: 'LLineto';
   src: url('fonts/SuperstudioLLWeb-Regular.woff2') format('opentype');
   font-weight: normal;
   font-style: normal;
  }
  


  @font-face {
   font-family: 'LLinetoBold';
   src: url('fonts/SuperstudioLLWeb-Bold.woff2') format('opentype');
   font-weight: normal;
   font-style: normal;
  }


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;*/
}
/* html element 62.5% font-size for REM use */
html, body{
	margin:0px;
	padding:0px
}

html {
	font-size:62.5%;
}
body {
	font:300 13px/1.4 'LLineto', Helvetica, Arial, sans-serif;
	color:#444;
}

#post h1, #page h1,
.project-popup-content p,
ul.menu li a,
.project-popup ul li a,
#close_proj a,
article h2,
.proj_code p,
footer a {
    font-family: 'LLinetoBold';
}



body.galleria,
body.galleria .project-popup {
    background: #000;
    color: #fff;
}

body.galleria .project-popup a,
body.galleria a{
	color: #fff;
}

body.galleria .logo{
  filter: invert(1);
}


div#menu_bunker {
    width: 100%;
    gap: 15px;
    padding: 15px;
}

div#menu_bunker p {
    margin: 0px;
}


body.menu_fixed .feed_proj {
    padding-top: var(--menu-height);
}

body.menu_fixed #menu_bunker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
}

body.galleria.menu_fixed #menu_bunker {
    background: #000;
}



ul, ol, ul li{
	padding: 0px;
	margin: 0px;
}

ul li{
	list-style: none;

}


/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}

.box_flexbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-wrap: wrap;
	align-items: flex-start;
}



.bnk_col a, div#menu_bunker a,
div#menu_bunker div, .popup-close,
h3 {
    font-family: 'LLinetoBold';
}

body#post .project-popup p {
    display: none;
}

body#post .project-popup {
    padding-top: 15px;
}

body#post div#menu_bunker,
body#post .popup-close,
body#homepage.project-open .popup-close,
body#homepage.project-open div#menu_bunker {
    display: none !important;
}

.box_flexbox.col_4 div.proj {
    width: 100%;
}

#post {
    background: #fff;
}

p {
    margin-top: 0px;
    padding-top: 0px;
}

ul.menu {
    margin: 0px;
    padding: 0px;
}

ul.menu li {
   list-style: none;
}

ul.menu li.current-menu-item,
ul.menu li:hover,
article.post-preview:hover h2,
p a:hover, ul li:hover a,
a.return_home:hover,
#close_proj:hover,
.mailerlite-subscribe-submit:hover,
div#menu_bunker a:hover,
.popup-close:hover {
    text-decoration: line-through;
	cursor: pointer;
}

.inner_box, .feed_proj{
	margin:auto;
	width: 100%;
	padding: 15px;
}

 .feed_proj{
    flex-flow: row;
    gap: 15px;
    padding-top: 0px;
 }

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

article.post-preview h2 {
    font-family: 'LLinetoBold';
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

article.post-preview p {
    padding-top: 0px;
    font-family: 'LLineto';
}

article.post-preview p.excerpt_mob{
    display: none;
}

.project-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	font-size: 13px;
    width: 100%;
    background: #fff;
    z-index: 9999;
	border-bottom: 0.3px solid #000;
}

body.galleria .project-popup{
	border-color: #fff;
}

.project-popup.is-open {
    display: block;
}

.project-popup ul {
    padding: 0px;
    margin: 0px;
}

.project-popup ul li {
    padding: 0px;
    list-style: none;
}


.project-popup-content {
    position: relative;
    padding: 15px;
    margin: 0 auto;
}

#project-popup.is-open {
    display: block;
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 13px;
}

#post .project-popup {
    border: none;
    width: 28%;
    top: 35px;
}

#post .project-popup .project-popup-content{
    padding-top: 0px;
}

.menu_page .project-popup ul li {
    display: block;
}

#icon_bunker{
    position: fixed;
	cursor: pointer;
    bottom: 35px;
    right: 15px;
    height: 140px;
    width: 150px;
    background-image: url(img/icon-bunker.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

#icon_bunker:hover{
	background-image: url(img/icon-bunker-hover.png);
    
}

.galleria #icon_bunker{
	filter: invert();
}

div#close_proj {
    position: fixed;
    right: 15px;
    top: 15px;
    cursor: pointer;
}


.post-preview:hover span {
    text-decoration: line-through;
}

.post-preview:hover{
    cursor: pointer;
}

body#post.cat-galleria {
    background: #000;
	color: #fff;
}

body#post .project-popup{
	background: transparent;
}

body#post.cat-galleria .menu_page ul li a, 
body#post.cat-galleria .menu_page ul li h1,
body#post.cat-galleria div#close_proj a,
body#post.cat-galleria a{
	color: #fff;
}

#bunker-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  display: none;
}

#bunker-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10000;
  background: #fff;
  border: none;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 16px;
}

#bunker-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#bunker-overlay { display: none; }
#bunker-overlay.is-open { display: block; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

nav ul li {
    padding-left: 25px;
}

body#page .logo {
    display: none;
}

.logo {
    width: 100%;
	padding: 15px;
    padding-bottom: 0px;
}

.logo img{
    width: 100%;
}

.logo h1 {
    padding: 0px;
    margin: 0px;
}

.bnk_animate.about-us{
    padding-bottom: 15px;
}

#project-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  background: #fff; /* stesso bg della tua pagina progetto */
}

#project-overlay.is-open {
  opacity: 1;
  pointer-events: all;
}

#project-iframe {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.footer {
    text-align: left;
    font-family: 'LLinetoBold';
    padding-top: 70px !important;
}

.footer a:hover{
	text-decoration: line-through;
}

#error404 footer{
	display: none;
}

img.img_404 {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

a.return_home {
    position: absolute;
    right: 15px;
    bottom: 15px;
}


#post .project-popup{
	display: block;
}

article.post > * {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.1s ease, transform 0.4s ease;
}

article.post > *.is-visible {
    opacity: 1;
    transform: translateY(0);
}

#post .menu_proj li {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.1s ease, transform 0.4s ease;
}

#post .menu_proj li.show {
  opacity: 1;
  transform: translateY(0);
}

/* Fade-in animation base */
.logo,
.proj, .bnk_animate {
    opacity: 0;
    transform: translateY(10px);
    transition:  opacity 0.1s ease, transform 0.4s ease;
}

.logo.is-visible, 
.proj.is-visible,
.bnk_animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

#post header .logo{
    display: none;
}

#post header{
	width: 25%;
	float: left;
	position: fixed;
	top: 15px;
	left: 15px;
}

header .inner_box {
    padding: 0px;
}

.galleria .menu_page{
	display: none;
}

.menu_page ul {
    padding: 0px;
    margin: 0px;
}

.menu_page ul li {
    list-style: none;
    display: inline-block;
}


.menu_page ul li a, .menu_page ul li h1  {
    font-size: 13px;
}

.menu_page ul li a{    
    font-family: 'LLinetoBold';
}

h1,h2,h3,h4{
    font-weight: normal;
}

#post h1,
#page h1{
	padding: 0px;
    margin: 0px;
}

#page .menu_page ul li h1 {
    padding-left: 20px !important;
}

#post article,
#page article {
    margin: auto;
    max-width:44%;
    width: 100%;
}
#post article img, #post article p,
#post article .size-full img,
#page article img, #page article p {
    margin: auto;
	padding-bottom: 20px;
    width: 80%;
}

#page.privacy-policy article p {
    width: 100%;
}

#page article ul.wp-block-list,
#page article ol.wp-block-list {
    padding-left: 20px;
	padding-bottom: 20px;
}

#page article ul.wp-block-list li {
    list-style: square;
}

#page article ul.wp-block-list li,
#page article ol.wp-block-list li{
	 padding-top: 10px;
}

#page article ol.wp-block-list{
	padding-left: 30px;
}

#page article figure.wp-block-image,
#post article figure.wp-block-image{
    margin: auto;
    text-align: center;
} 


#post article figure.wp-block-image.size-large.big_img img,
#post article figure.wp-block-image.big_img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 769px) {
  .box_flexbox.col_4 div.bnk_col:nth-child(1) { order: 1; }
  .box_flexbox.col_4 div.bnk_col:nth-child(2) { order: 3; }
  .box_flexbox.col_4 div.bnk_col:nth-child(3) { order: 2; }
  .box_flexbox.col_4 div.bnk_col:nth-child(4) { order: 4; }
}

.bnk_col, #menu_bunker .bnk_animate {
    flex: 1;
}

aside#moove_gdpr_cookie_info_bar,
#newsletter_popup {
    position: fixed;
    bottom: 0px;
    border-top: 0.3px solid;
    width: 100%;
    background: #fff;
    padding: 10px 15px
}


.moove-gdpr-button-holder button {
    border: none;
    outline: none;
    background: none;
}

aside#moove_gdpr_cookie_info_bar,
.moove-gdpr-button-holder button{
	   font-size: 12px;
	   font-family: 'LLineto';
}

aside#moove_gdpr_cookie_info_bar a,
.moove-gdpr-button-holder button{
	cursor: pointer;
}

aside#moove_gdpr_cookie_info_bar a:hover,
.moove-gdpr-button-holder button:hover{
	text-decoration: line-through;
}

.moove-gdpr-info-bar-content,
.inner_nl {
    display: flex;
    justify-content: space-between;
}

.moove-gdpr-cookie-notice p,
.inner_nl p {
    padding: 0px;
    margin: 0px;
}
#newsletter_popup{
    opacity: 0;
    pointer-events: none;
}

#newsletter_popup.visible {
   opacity: 1;
    pointer-events: all;
}

aside#moove_gdpr_cookie_info_bar,
#newsletter_popup {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#feed_proj {
  position: relative;
}

body.galleria #newsletter_popup,
body.cat-galleria #newsletter_popup,
body.cat-galleria aside#moove_gdpr_cookie_info_bar,
body.galleria aside#moove_gdpr_cookie_info_bar{
    background: #000;
}

body.galleria .moove-gdpr-button-holder button,
body.cat-galleria .moove-gdpr-button-holder button{
    color: #fff;
}

body.cat-galleria .project-popup .project-popup-content{
    padding-bottom: 0px;}
  
.mailerlite-form-title,
.mailerlite-form .mailerlite-form-description {
    display: none;
}

.mailerlite-form-inputs input,
.mailerlite-form-inputs button,
.mailerlite-form-inputs label {
    font:300 13px/1.4 'LLineto', Helvetica, Arial, sans-serif;
}

input#mailerlite-1-field-email {
    width: 30%;
    border: none;
}
.mailerlite-form .mailerlite-form-field {
    margin-bottom: 0px;
}

#mailerlite-form_1{
    width:100%
}

.mailerlite-form-inputs, .mailerlite-form-field{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.mailerlite-form-response {
    margin: 0px!important;
    padding: 0px!important;
}

.mailerlite-form-field {
    justify-content: start;
    align-items: center;
    gap: 30px;
    width: 50%;
}

.mailerlite-subscribe-submit {
    max-width: 100%;
    border: none;
    background: none;
    font-family: 'LLinetoBold' !important;
    cursor: pointer;
}

input::placeholder {
    font-weight: 500;
    color:#a2a2a2
}

::-webkit-input-placeholder {
    font-weight: 500;
      color:#a2a2a2
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:768px) {
    .hide_mob, article.post-preview p.excerpt{
        display: none;
    }

    article.post-preview p.excerpt_mob{
    display: block;
}

    div#menu_bunker div:nth-child(3), div#menu_bunker div:nth-child(4) {
    display: none;
}


#post article img, #post article p,
#post article, #page article, #page article p {
    width: 100%;
	max-width: 100%;
}

#post article {
    margin-top: 20px;
}

#post header, #page header {
        width: 100%;
        background: #ffffff;
        top: 0px;
        padding-top: 10px;
		padding-bottom: 8px;
}

#post.cat-galleria header, #page.cat-galleria header,
.galleria header, #post.cat-galleria .menu_proj li{
    background: #000;
}

body.cat-galleria .menu_proj li:last-child {
    border-bottom: 0.3px solid #fff;
}


div#close_proj{
	top: 10px;
}

#post .project-popup {
    width: 100%;
}

#post .menu_proj li {
    background: #fff;
}

#post .menu_proj li:last-child {
    padding-bottom: 10px;
}

#post header, #page header,
div#close_proj{
	z-index: 999;
}

body.menu_fixed .feed_proj {
    margin-top: var(--menu-height);
}

 .feed_proj.col_4 {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
	width: 100% !important
  }

  .box_flexbox.col_4 div.bnk_col {
    width: 49%;
    float: left;
	
    padding-left: 15px;
  }

footer {
    flex-direction: column;
}

footer.box_flexbox.col_4 div{
	width: 100%;
}

footer.box_flexbox.col_4 div:first-child{
	padding-bottom: 25px;
}


	
	#homepage main{
		margin-top: 0px;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 15px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}