/* ------- Copyright 2015 Web Alchemy srls ----------------------------------------

Aggiornato 29/09/2015
Aggiornato 29/05/2016


------------------- Triks ------------------------------------

background: url(../../../../wp-myimage/header-bg.png) no-repeat;

.classe:nth-child(1)

transition: all 0.3s ease 0s;

text-rendering: optimizeLegibility;

box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);

text-shadow: 0.1em 0.1em 0.2em #000000;

text-shadow: 1px 1px 3px #000000;

li[data-id="99"] a{
	
<a class="no-display"

.picopallo:not(:first-child)

<?php shailan_dropdown_menu(); ?>

-------------------------- Sfondo semi trasparente CSS  --------------------------
.alpha60 {
background: rgb(0, 0, 0) transparent;
background: rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


*/





html {
    background: #dedede;
    scroll-behavior: smooth;
}

  .uk-offcanvas-page {
    position: relative !important;
}
 
 a, .uk-link {
    color: #1fa2d6;
    cursor: pointer;
    text-decoration: none;
}

a:hover, .uk-link:hover {
    color: #0074a2;
    text-decoration: underline;
}
 
 


 .edit{
   display: none;
}
 
 
.contenitore{
	position: relative;
	float: none;
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	height: 100%;
}
 
 
.uk-grid {
    margin-left: 0;
}
 
.uk-grid > * {
    padding-left: 0;
}

.uk-container {
    max-width: 100%;
    padding: 0;
}

.tm-main {
    padding-left: 0 !important;
}

.uk-panel-box{
    padding: 0px;
	border: none;
	border-radius: 0;
	background: none;
} 

 
 .tm-middle{
margin-left: 0 !important;
}

.uk-width-medium-2-3, 
.uk-width-medium-4-6 {
    width: 66.66%;
}

.uk-width-medium-1-3, 
.uk-width-medium-2-6 {
    width: 33.33%;
}

.tm-headerbar,
.tm-navbar,
#tm-top-a,
#tm-top-b,
#tm-middle,
#tm-bottom-a,
#tm-bottom-b,
#tm-footer{
	position: relative;
	float: left;
	width: 100%;
}

@media (max-width: 1170px) {
	
	.contenitore{
	position: relative;
	float: left;
	margin: 0;
	padding: 0 2%;
	max-width: 96%;
	width: 96%;
	height: 100%;
}

body{
	overflow: hidden;
}
	
	
}


@media (max-width: 767px) {

.tm-sidebar-a {
    float: left;
    padding-left: 0;
    position: relative;
    width: 100% !important;
	margin-top: 30px;
}

.tm-sidebar-a-right .tm-main {
    padding-right: 0;
    width: 100%;
}

}

html {
    color: #444444;
    font: 15px/20px "Open Sans";
}

html {
	font-family: 'Lato', sans-serif;
}


h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    margin: 0 0 20px;
    text-transform: none;
}


.tm-toolbar, .tm-headerbar, .tm-navbar, .tm-footer {
    margin-bottom: 0;
    margin-top: 0;
}


.animato{
    animation-duration: 1s;
    animation-fill-mode: both;
}
 
  .fadeindx{
    animation-name: fadeInRight;
}

.fadeinsx{
    animation-name: fadeInLeft;
}

html {
	background: #5093a0;
}

.contenitore{
max-width: 700px;
width: 100%;
margin: 0 auto;
position: static;
float: none;
padding: 30px;
}

.contenitore .post-cont > *{
background: #fff;
position: relative;
float: left;
width: 100%;
}

.uk-article-title{
	display:  none;
}


.post-cont{
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
	background: #fff;
}
 

.tm-headerbar{
	text-align: center;
	padding: 20px 0;
}

.tm-headerbar .tm-logo {
    float: none;
}

.tm-middle{
	padding: 20px;
	width: calc(100% - 40px) !important;
	text-align: center;
}

.tm-footer{
border-top: solid 1px #ddd;
margin: 20px;
	width: calc(100% - 40px) !important;
	padding: 20px 0;
}


.tnp-subscription{
	display: none;
}

.back-pad-color {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
}

.back-cont-color {
	position: relative;
	float: left;
	width: 100%;
	background: #fff;
}

 /* Generale
----------------------------------------------------------------------------------------------------*/

.base{
	position: relative;
	float: left;
}

.base-2{
	position: relative;
	float: right;
}

.centrato{
	text-align: center;
}

.sottolineato{
	text-decoration: underline;
}

.grassetto{
	font-weight: bold;
}

.maiuscolo{
	text-transform: uppercase;
}

/*-----------------------------------------*/


.bold{
	font-weight: bold;
}

.font11{
	font-size: 11px;
}

.font12{
	font-size: 12px;
}


.font13{
	font-size: 13px;
}


.font14{
	font-size: 14px;
}


.font15{
	font-size: 15px;
}


.font16{
	font-size: 16px;
}

.font17{
	font-size: 17px;
}


.font18{
	font-size: 18px;
}


.font19{
	font-size: 19px;
}

.font20{
	font-size: 20px;
}


/*-----------------------------------------*/

.width100{
	width: 100%;
}

.width90{
	width: 90%;
}

.width80{
	width: 80%;
}

.width75{
	width: 75%;
}

.width70{
	width: 70%;
}

.width66{
	width: 66%;
}

.width60{
	width: 60%;
}

.width50{
	width: 50%;
}

.width40{
	width: 40%;
}

.width33{
	width: 33%;
}

.width30{
	width: 30%;
}

.width25{
	width: 25%;
}

.width20{
	width: 20%;
}

.width10{
	width: 10%;
}

/*-----------------------------------------*/

.alpha{
	margin-left: 0 !important;
}

.alpha-2{
	margin-right: 0 !important;
}


.bordo-img, 
.tm-top-a iframe, 
.tm-main .wk-gallery-wall img{
	padding: 5px;
	background: #fff;
	border: solid 1px #ddd;
}

.bordo-img:hover, 
#system .wk-gallery-wall img:hover{
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.no-display{
 display: inline !important;
}


.tabella-cookie{
	border: solid 1px #ddd;
}


/* -------------------- CONTINUA BOTTONE ---------------------*/

.bottone a {
    text-transform: uppercase;
    padding: 12px 25px;
    position: relative;
    width: 100%;
    background: #e5ae49;
    border-radius: 15px;
    font-size: 15px;
    text-decoration: none !important;
    border: 1px solid #e5ae49;
    transition: 0.3s linear;
}

.bottone a:hover {
    background: #fff;
    color: #e5ae49;
    border: 1px solid;
    transition: 0.3s linear;
}

.continua, 
.links a{
	padding: 6px 10px;
	background: none;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #8b8e97;
	transition: all 0.3s ease 0s;
	font-size: 11px;
	font-weight: bold;
    line-height: 15px;
}

.continua:hover, 
.links a:hover{
	color: #8b8e97;
	background: #f5f5f5;
}