
@import url('https://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,600,700&display=swap');

body{font-family: 'Open Sans', sans-serif; font-weight:400;}
h1{font-family: 'Fredoka One', cursive !important;font-weight: 400;}
h2{font-family: 'Fredoka One', cursive !important;font-weight: 400;}
h3{font-family: 'Fredoka One', cursive !important;font-weight: 400;}
h4{font-family: 'Fredoka One', cursive !important;font-weight: 400;}
h5{font-family: 'Fredoka One', cursive !important;font-weight: 400;}
h6{font-family: 'Fredoka One', cursive !important;font-weight: 400;}

#sp-main-body {padding: 50px 0;}
.autore-sito, .modified, .published, .hits{display:none;}

.font-fredoka {font-family: 'Fredoka One', cursive !important;font-weight: 400;}

#sp-top-bar {
    background: #000;
    color: #fff;
    padding:5px 0;
    font-size: 13px;
    line-height: 20px;
}

#sp-top-bar a {
  color:#fff;
}

/*header */

.logo-image {
    height: 100%!important;
    margin:0 auto;
}


#sp-logo .logo {
   
    margin: 0 auto;
    align-items: center;
    height:100%;
}

#sp-logo-section {
  background:#fafbaf;
}

 #sp-header {
    height: 90px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.00);
    background:#111;
}



#offcanvas-toggler {
    display: block;
    height: 90px;
    line-height: 90px;
    font-size: 20px;
}



.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
    line-height: 90px;
    text-transform: uppercase;

}


.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #f5f5f5;
    background:#cb1010;
    padding:10px;
    font-size: 16px;
    font-weight: 700;
}




.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 5px;
    line-height: 20px;
    font-size: 14px;
    margin: 0;
    color:#fff;
    letter-spacing:1px;
}

.sp-megamenu-parent > li {
  padding:0 20px;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a {

  color:#cb1010;
}


/*when the menu is sticky*/


 #sp-header.header-sticky {
  background:#000;
  height:80px;
}

.header-sticky .sp-megamenu-parent {

    line-height: 80px;
}

#sp-header.header-sticky {
  background:#000;
  height:80px;
}

.header-sticky .sp-megamenu-parent {

    line-height: 80px;
}




/*bottoni*/


.btn-primary, .sppb-btn-primary {
background:#cb1010 !important;
border:#cb1010 !important;
}

.btn-primary:hover, .sppb-btn-primary:hover {
background:#968c66 !important;
border:#968c66 !important;
}

/*footer and bottom*/

.sp-copyright p {
  font-size:12px;
}


.box-bottom .sppb-col-md-5, .box-bottom .sppb-col-md-3 {
  
  border-right:1px solid #dedede;

}




/*home*/


.box {
  border:2px solid #dedede;
  padding:20px;
  margin-bottom:50px !important;
}

.box h3 {
  font-size:15px;
  text-transform:uppercase;
}



.esagon div::before
{
	position: relative;
	z-index: 2;
	color: #cb1010;
	clear: both;
	float: none;
	display: block;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.esagon 
{
	position: relative;
	width: 139.2px; 
	height: 80.36px;
	background-color: transparent;
	margin: 40.188px 0;
	border-left: solid 2px #cb1010;
	border-right: solid 2px #cb1010;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	transform: rotate(0.0001deg);
	-webkit-transform: rotate(0.0001deg);
	-ms-transform: rotate(0.0001deg);
	-webkit-backface-visibility: hidden;
}
.esagon::before,
.esagon::after 
{
	content: "";
	position: absolute;
	z-index: 1;
	width: 98.42px;
	height: 98.42px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	background-color: inherit;
	left: 17.98536px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.esagon::before
{
	top: -49.21463px;
	border-top: solid 2.8284px #cb1010;
	border-right: solid 2.8284px #cb1010;
}
.esagon::after 
{
	bottom: -49.21464px;
	border-bottom: solid 3.39408px #cb1010;
	border-left: solid 3.39408px #cb1010;
}





/* fine home*/

#offcanvas-toggler > .fa {
    color: #f8f9fa;
}

.header-sticky #offcanvas-toggler {
    
    line-height: 60px;
}


p {
  font-size:16px;
}


/* CSS BOOTSTRAP SPECIFICI */

/* ------------------------------------------------------------------------------------ */

/* MOBILE */
@media (max-width: 767px){
   #sp-header {
     background:#111;
   }
  
}

/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 1023px){
#sp-header {
     background:#111;
   }
}

/* IPAD ORIZZONTALE e IPAD PRO VERTICALE */
@media (min-width: 1024px) and (max-width: 1365px){
#sp-header {
     background:#111;
   }
}

/* IPAD PRO ORIZZONTALE */
@media (min-width: 1366px){
  .container{
    max-width: 1300px;
  }

  .sp-menu-full.container{
    width: 1300px;
    left: 0!important;
    right: 0!important;
  }

  body.helix-ultimate .sppb-row-container{
    max-width: 1300px;
  }

  .sppb-row-container{
    width: 1300px;
  }
  
  


}


@media (max-width: 1680px){
  
}


#opening-hours-open,
#opening-hours-open-8,
#opening-hours-open-14,
#opening-hours-closed,
#opening-hours-morning,
#opening-hours-afternoon {
   display: none;
  font-size:20px;
  
}

#opening-hours-open
 {
  color:#1fa67a;
  font-weight:bold;
}

#opening-hours-closed {
  color:#ff0000;
   font-weight:bold;
}

#opening-hours-open-8,
#opening-hours-open-14 {
  color:#fff;
  font-weight:bold;
}

.cc-revoke.cc-top {
    left: 0!important;
    font-size: 12px;
    top: auto!important;
    bottom: 0!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.sf-nero {
  background:#333;
  color:#fff;
  padding:20px;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    display: block;
    padding: 5px 0;
    line-height: 20px;
}