@charset "UTF-8";
body{background:#000;text-align:center;}
h1, h2, h3, h4, h5, h6, a {-ms-word-wrap: break-word;word-wrap: break-word;}
a, a:link, a:visited, a:hover, a:active, a img, a:link img, a:visited img, a:hover img, a:active img{border:none;text-decoration:none;outline:0;}
a, a:link, a:visited{color:#fff;background-color:transparent;}
#edt-wrapper a:hover, #edt-wrapper a:active{color:#000;font-weight:bold;background-color:#fff;}
.fullimg{background-color:transparent!important}
.nodisplay{display:none;}
#spinner-news{position:absolute;margin:-25px 0 0 -25px;height:50px;width:50px;background-size:50px 50px;}
#c-spinner-news{}
header, header * {-webkit-transition: 0.6s;-o-transition:0.6s;-moz-transition:0.6s;transition: 0.6s;}
header {text-align:left;display:flex;margin-bottom: 25px;justify-content: space-between;position: fixed;width: 100%;background: #000;z-index: 10;}
div#damiano-wrap {padding-top:100px}
#photos, #films, #home, #instagram{padding:10px;display:inline-block;}
#home::after {display: block;content: attr(title);font-weight: bold;height: 0;overflow: hidden;visibility: hidden;}
#instagram:hover, #films:hover, #photos:hover, #diaporama:hover {opacity: 0.5;}
#instagram img, #films img, #photos img{max-width: 80%;}
nav#damiano-main-menu, .container {width:100%;}
#damiano-main-menu ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items:flex-end}
#damiano-main-menu ul li{padding:10px;white-space:nowrap;font-weight:bold;}
#damiano-main-menu .current-menu-item a, #damiano-main-menu .current-menu-item a:hover{color:yellow;background:none;font-weight:bold}
div#ajaxLoadMore * {-webkit-transition: 0.6s;-o-transition:0.6s;-moz-transition:0.6s;transition: 0.6s;}
div#ajaxLoadMore section {position: relative;}
div#ajaxLoadMore h1 {position: absolute;height: 100%;width: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;text-transform:uppercase}
div#ajaxLoadMore h1 span {background: #fff;padding: 10px;}
div#ajaxLoadMore a, div#ajaxLoadMore a picture {vertical-align: top;display: -webkit-inline-box;display: -moz-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}
div#ajaxLoadMore a, div#ajaxLoadMore a:link, div#ajaxLoadMore a:hover, div#ajaxLoadMore a:active{color:#000;font-weight:bold;background-color:#fff;}
div#ajaxLoadMore a img {width: 100%;height: 100%;object-fit: contain;}
div#ajaxLoadMore h1  {opacity:0;}

.damiano_film:hover, .damiano_attachment:hover, .damiano_photo:hover {-webkit-filter: saturate(120%);filter: saturate(120%);-webkit-filter: brightness(120%);filter: brightness(120%);}
footer{position:relative;display:block;}
@media screen and (max-width:320px){
	#instagram img, #films img, #photos img{max-width: 80%;}
}
@media screen and (max-width:425px){
	header {font-size:80%;}
}

div#ajaxLoadMore {
	font-size:80%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: scaleIn 0.25s cubic-bezier(0.64, 0.57, 0.67, 1);
          animation: scaleIn 0.25s cubic-bezier(0.64, 0.57, 0.67, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
div#ajaxLoadMore a:hover h1  {opacity:1;}
div#ajaxLoadMore a h1 span img {width: 25px!important;height: 25px!important;margin-top: 5px;margin-bottom: -5px;-webkit-filter: invert(100%);filter: invert(100%)}

@media (hover: none) {
	div#ajaxLoadMore h1  {opacity:0;}
}

	div#ajaxLoadMore .photos {
		  -webkit-transform: scale(0);
				  transform: scale(0);
		  -webkit-animation: scaleIn 0.25s cubic-bezier(0.64, 0.57, 0.67, 1);
				  animation: scaleIn 0.25s cubic-bezier(0.64, 0.57, 0.67, 1);
		  -webkit-animation-fill-mode: forwards;
				  animation-fill-mode: forwards;
		  -webkit-animation-delay: 0.50s;
				  animation-delay: 0.50s;
	}

@media screen and (max-width:600px){
.container{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;-moz-column-gap: 0em;-webkit-column-gap: 0em;column-gap: 0em;}
}
@media screen and (min-width:601px) {
div#ajaxLoadMore {font-size:100%;display: flex;flex-flow: column wrap;align-content: center;height: 1300px;margin: auto;}
.flex-cell {width:50%}
.flex-cell:nth-of-type(2n+1) { order: 1; }
.flex-cell:nth-of-type(2n) { order: 2; }
}

@media screen and (min-width:901px) {
.flex-cell {width:33.3333333333%}
.flex-cell:nth-of-type(3n+1) { order: 1; }
.flex-cell:nth-of-type(3n+2) { order: 2; }
.flex-cell:nth-of-type(3n) { order: 3; }
}  
@media screen and (min-width:1201px) {
.flex-cell {width:25%}
.flex-cell:nth-of-type(4n+1) { order: 1; }
.flex-cell:nth-of-type(4n+2) { order: 2; }
.flex-cell:nth-of-type(4n+3) { order: 3; }
.flex-cell:nth-of-type(4n)   { order: 4; }
}  
@media screen and (min-width:1501px) {
.flex-cell {width:20%}
.flex-cell:nth-of-type(5n+1) { order: 1; }
.flex-cell:nth-of-type(5n+2) { order: 2; }
.flex-cell:nth-of-type(5n+3) { order: 3; }
.flex-cell:nth-of-type(5n+4) { order: 4; }
.flex-cell:nth-of-type(5n) { order: 5; }
}  
@media screen and (min-width:1801px) {
div#ajaxLoadMore{max-width:1800px;}
.flex-cell {width:16.6666666666%}
.flex-cell:nth-of-type(6n+1) { order: 1; }
.flex-cell:nth-of-type(6n+2) { order: 2; }
.flex-cell:nth-of-type(6n+3) { order: 3; }
.flex-cell:nth-of-type(6n+4) { order: 4; }
.flex-cell:nth-of-type(6n+5) { order: 5; }
.flex-cell:nth-of-type(6n) { order: 6; }
}  
.break {flex-basis: 100%;width: 0;}

@-webkit-keyframes scaleIn {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleIn {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}