@font-face {
  font-family: Dominique;
  src: url('Dominique.ttf');
}

@font-face {
  font-family: TravelingTypewriter;
  src: url('TravelingTypewriter.ttf');
}

@font-face {
  font-family: ATypewriterForMe;
  src: url('ATypewriterForMe.ttf');
}




body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(fond2.JPG); background-position: center top; background-size: auto ;
  background-repeat:repeat;
	font-family: 'ATypewriterForMe';
	font-size: 12pt;
	color: #3B3B3B;
}

body.image{
	margin: 0;
	padding: 0;
	background: #000000; background-size: auto ;
  background-repeat: no-repeat;
	font-family: 'ATypewriterForMe';
	font-size: 12pt;
	color: #3B3B3B;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	letter-spacing: -2px;
	font-family: 'TravelingTypewriter';
	font-weight: normal;
	color: #3D2729;
}

h1 {
	font-size: 3em;
	text-transform: uppercase;
}

h2 {
	letter-spacing: 1px;
	font-size: 2em;
  text-transform:none;
}

h3 {
	font-size: 1.6em;
}

h4 

{
	font-size: 1em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}



a {
	text-decoration:none;
	color: #8C1212;
  	font-weight: normal;
}

a:hover {
  color: #046380;
  font-weight:bold;
}


figure {
    display:inline-block;
    margin: 10px auto;
    padding: 0px
}

figure img {
    vertical-align:top;
}


figure figcaption {
    font-size: 11pt;
    text-align: right;
    padding-top: 5px ;
}



figure a:hover img {
  opacity: 0.4;
  transition: .5s ease;
}






/* Header */


#header {
	clear: both;
	width: auto;
	margin: 0px auto;
}

/* Logo */

#logo {
	margin: 0px;
	padding: 30px 0px;
	color: #000000;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 5em;
	font-family: 'Dominique', sans-serif;
	font-weight: 400;
	color: #000000;
}


#logo p {
	margin-top: -2em;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Dominique';
	font-size: 2em;
	color: #3B3B3B;
}


#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #323030;
}


/* Menu */


div#hormenu {
	width: auto;
	height: 55px;
	margin: 0px auto;
	padding: 0px;
	background: #8C1212;
}

div#hormenu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

div#hormenu li {
	display: inline-block;
	border-right: 1px solid #A72929;
	border-left: 1px solid #A72929;
}

div#hormenu a {
	display: block;
	letter-spacing: 1px;
	margin: 15px 10px;
	line-height: 20px;
	padding: 0 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Dominique';
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}


div#hormenu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: #42080f;
}
div#hormenu ul li ul li a:hover { color : #42080f; font-size: 16px;}

div#hormenu li ul
{
display: none
}

/* SUBMENU azione tendina */

div#hormenu li:hover ul
{
display: block;
position: absolute;
z-index:3;
width:250px;
padding: 0;
margin: 0 0 0 -1px;
border:1px solid black;
background: #DA7575;
}

div#hormenu li li { border:none; width:250px; }
div#hormenu li li a { padding:2px 2px 2px 2px; }



/* Page */

#wrapper
{
	padding-bottom: 40px;
}

#page {
	margin: auto;
}




/* Content */

#content {
	background: rgba(255,255,255,0.92);
}

.post {
	margin-bottom: 15px;
	padding: 30px 30px;
}


.post .entry {
	padding: 0px 100px 0px 100px;
	text-align: justify;
}

.flex-container {
  display: flex;
 justify-content: space-between;
}

.flex-container > div {
  width: 350px;
  margin: 0px;
  padding: 0px 15px 0px 15px;
}




/* Footer */

#footer {
	width: auto;
	height: 80px;
	margin: 0px auto;
	padding: 0px;
	background: #8C1212;
}

#footer p {
  margin: 0;
	padding-top: 10px;
	line-height: normal;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	color: #FFFFFF;
	font-family: 'TravelingTypewriter';
	font-weight: normal;
}

#footer a {
	color: #E8AABA;
}
#footer a:hover { color : #FFFFFF}

#footer img {vertical-align: middle;}





@media (max-width: 860px) {
  div#hormenu { height: auto; }
  div#hormenu a {
    margin: 0;
    padding: 15px;
    text-align: left;
    width: 80%;
    box-sizing: border-box;
  }

  .flex-container { display: block; }
  .flex-container > div { margin: 10px auto; max-width:95% !important;}

#page img {max-width:95% !important;}

  div#hormenu ul { padding: 0; }
  div#hormenu ul li {
    display: block;
    position: relative;
    border: none;
  }
  div#hormenu > ul > li::after {
    content: '⋮';
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 7px;
    font-size: 1.8em;
    width: 20%;
  }
  div#hormenu > ul > li:hover, div#hormenu > ul > li:focus {
    background-color: #DA7575;
    width: auto;
  }
  div#hormenu > ul > li:hover::after, div#hormenu > ul > li:focus::after {
    content: '⌄';
    padding-top: 0px;
  }
  div#hormenu > ul > li:hover ul, div#hormenu > ul > li:focus ul {
    display: block;
    position: relative;
    border: none;
    border-top: 1px dotted #8C1212;
    width: auto;
  }
  div#hormenu > ul > li:hover ul li, div#hormenu > ul > li:focus ul li { width: auto; }
  div#hormenu > ul > li:hover ul li a, div#hormenu > ul > li:focus ul li a {
    padding: 10px 0 10px 25px;
      }
  .post .entry { padding: 0; }

#wrapper { overflow-y: scroll; } 

}