/*  
Theme Name: Marketing e Giardinaggio
Theme URI: https://www.giudansky.com
Description: EPT 2019
Version: 1.0
Author: 
Author URI: https://www.giudansky.com/
*/

/*
html  {
	font-size:0.6rem !important;
}


/* Very Small devices (0 and up) */
@media (min-width: 0px) { 
	html  {
		font-size:0.6rem !important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	html  {
		font-size:0.6rem !important;
	}
}

/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) { 
	html  {
		font-size:0.8rem !important;
	}
	#main {width:100%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	html  {
		font-size:1rem !important;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	html  {
		font-size:1rem !important;
	}
	/*#main {width:980px;}*/
}


/* ------------------------------------------- WordPress Core */
.alignnone {
}
.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
}
figure {}
figcaption {}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 0;
    text-align: center;
line-height:1em; background:#ddebbe;
line-height:1em; padding:0; font-size:0.9em;
}
.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: 100%;
    padding: 0;
    width: auto;
}
.wp-caption figcaption {
    font-size: 0.9em;
    line-height: 1em;
    margin: 0;
    padding:5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ------------------------------------------- WordPress Core END */

/* ------------------------------------------------------- typo */
a, a:link, a:visited {
	color:#313a6f !important;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-family:Literata !important;
	font-weight:700 !important;
	color:#313a6f !important;
}
h3 {
	font-weight:normal !important;
}
.article h1 + p:first-letter, figure + .socials + p:first-letter{ 
   font-size: 2.5em;
   line-height: 0;  /* The line-height must be adjusted to compensate for the increased font size, otherwise the leading for the overall line is disrupted. I find that any values below 0.4 work. */
   color:#83bf2c;

    font-family: 'Literata', serif;
   font-weight:bold;
   margin-right:0.05em;
}
fieldset {
	position: relative;
}
.post-date {
	display:block;
	font-size:0.8em;
	opacity:0.7;
}
/*
.fa, .far, .fas, .blue_mg {
    color:#313a6f;
}
*/

body.single article a {
	color:#82bb25 !important;
	text-decoration:underline !important;
	
}
/* ------------------------------------------------------- typo END */
/* ------------------------------------------------------- main structure */
body {
	background-attachment:fixed;
	background-size:auto;
	background-repeat: no-repeat !important;
	background-color:#000;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95ba3a+0,336513+100 */
	background: rgb(149,186,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,186,58,1) 0%, rgba(51,101,19,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(149,186,58,1) 0%,rgba(51,101,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(149,186,58,1) 0%,rgba(51,101,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ba3a', endColorstr='#336513',GradientType=0 ); /* IE6-9 */
	
	font-family: 'Literata', serif;
} 


#skin {
	width:100%;
	height:100%;
	position:absolute;
	background:yellow;
	background-position: center top ;
	background-attachment:scroll;
	background-repeat:no-repeat;
	z-index:0;
	cursor:pointer;
}
#skin.fixed {

	background-attachment:fixed;

}
#skin a {
	display: block;
	width: 100%;
	height: 100%;
}
/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#skin {
		background-size: 1660px !important;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#skin {
		background-size: 1980px !important;
	}
}


#wrap {
	position:relative;
}
#main {
	/*width:100%;*/
	position:relative;
	margin:0 auto;	
	z-index:1;
	}
	
@media (min-width: 992px) { 
	#main {
		
	}
}	
	
#content{
	background:#fff;
	padding-bottom:40px;
	}

/*
#main >.container, #foot >.container, #footer >.container, #footer2 >.container {
	width:980px;
	max-width:980px;
	position:relative;
	}
*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	#main.container, #main > .container, #foot >.container, #footer >.container, #footer2 >.container  {
		width:100%;
		max-width:100%;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	#main.container, #main >.container, #foot >.container, #footer >.container, #footer2 >.container  {
		width:100%;
		max-width:100%;

	}
}
@media screen and (max-width: 992px) {
	#main.container, #main >.container, #foot >.container, #footer >.container, #footer2 >.container  {
		width:100%;
		max-width:100%;
	}
}

#head {
	height:40vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center;
	
}
body.page #head {height:20vh;}
#head h1{
	position: absolute;
	bottom: -15px;
	left: 10%;
	color: #fff !important;
	letter-spacing: -0.6pt;
	font-size: 4rem;
	line-height: 1;
}

aside {
	display:inline;
	float:right;
	width:30%;
	background:#fafafa;
	overflow:hidden;
}
aside > .pad {
	padding:10px 10px 60px;
	position:relative;
}


#foot {
	background:#313a6f;
	color:#fff;
	width:100%;
	position:relative;
	z-index:1;
}
#foot h3, #foot a {
	color:#fff !important;

}
#foot > div > div > div {
	background-color: rgba(255, 255, 255, 0.1);
}
#footer {
	background:#95ba3a;
	min-height:100px;
	width:100%;
	position: relative;
	z-index: 1;
}
#footer2 {
	background:#313a6f;
	color:#fff;
	min-height:100px;
	width:100%;
	position: relative;
	z-index: 1;
}
#footer2 a{
	color:#fff !important;

}








/* --------------------------------------------------- menu e navigazione */
#header {
	width:100%;
	z-index: 1;
	position: relative;
}

#navigation {
	width:100%;
	-webkit-transition: left 1s ease;
	-o-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-ms-transition: left 1s ease;
	-kthtml-transition: left 1s ease;
	transition: left 1s ease;
	background:#fff;
	z-index:1;
	position:relative;
}
#navigation a{
	color:#fff;
}
#navigation img{
	width: auto;
}
#bar1{

		background:#fff;
}
@media screen and (max-width: 992px) {

	#navigation .user-bar {
		width:100%;
	}
}

#navigation #bar2{
	background:#313a6f;
}
#bar1 .custom-logo, #mobile_bar .custom-logo {
	width:10vw;
	height:auto;
	max-height:100%;

/*
	-webkit-transition: all 3s ease;
    -o-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -kthtml-transition: all 3s ease;
    transition: all 3s ease;*/
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	#bar1 .custom-logo, #mobile_bar .custom-logo {
		/*width:50% !important;*/
	}
}
#bar1 .headline, #mobile_bar .headline {
	background:#a41515;
	color:#fff !important;
	/*
	-webkit-transition: font-size 3s ease;
    -o-transition: font-size 3s ease;
    -moz-transition: font-size 3s ease;
    -ms-transition: font-size 3s ease;
    -kthtml-transition: font-size 3s ease;
    transition: font-size 3s ease;

	*/
	display:inline-block;

}
#bar1 .headline h3, #mobile_bar .headline h3 {
	color:#fff !important;
}

#bar1 .headline.n1, #mobile_bar .headline.n1 {
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a41515+0,ffffff+100 */
background: rgb(164,21,21); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(164,21,21,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(164,21,21,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(164,21,21,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41515', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
margin-right: -2vw !important;
}
#bar1 .headline.n2, #mobile_bar .headline.n2 {
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,a41515+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(164,21,21,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(164,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(164,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a41515',GradientType=1 ); /* IE6-9 */
margin-left: -2vw !important;

}
#bar1 .custom-logo-link, .custom-logo-link {
	z-index:9;

}

#navigation nav#menu, nav#sidemenu {
	width: 100%;
	float: left; 
	font-weight:bold;
	z-index:99;
    font-family: 'Open Sans', sans-serif;
	font-size:1.8em;
	position: relative;
	box-sizing: border-box;
}

#navigation .menu  {
	/*
	-webkit-transition: font-size 1s ease;
    -o-transition:  font-size 1s ease;
    -moz-transition:  font-size 1s ease;
    -ms-transition:  font-size 1s ease;
    -kthtml-transition:  font-size 1s ease;
    transition:  font-size 1s ease;*/
}
/* sticky menu */
#navigation.sticky .menu  {
	font-size:0.8rem;
	line-height:2em;
}
#navigation.sticky .custom-logo {
	width:4vw;
	height:auto;
}
#navigation.sticky .headline {
	font-size:0.7rem;
}
#navigation.sticky .logo {
/*
	display: -webkit-flex !important;
	flex-direction: row! important;
	-webkit-flex-direction: row! important;
	*/
	

}
/* sticky menu END */

ul.menu, ul.menu ul {
	margin: 0;
	list-style: none;
	padding: 0;
	text-align:center;
	box-sizing: border-box;	
}
nav#menu ul ul {
	display: none;
	position: absolute;
	background:#95ba3a
	left: -1px;
	top: 98%;
	
}
body.mobile nav#menu ul ul {
	position: relative;
}
ul.menu ul ul {
	position: absolute;
	left: 98%;
	top: -2px;
}
ul.menu {
    font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:0.3pt;
	display: block;
	top: 0px;
	text-transform:uppercase;
}
ul.menu li {
	display: inline-block;
	white-space: nowrap;
	position:relative;
	z-index:20;
}
@media screen and (max-width: 768px) {
	ul.menu li {
		width:100%;
	}
}
ul.menu>li, ul.menu li {
	margin: 0;
}
ul.menu a:active, ul.menu a:focus {
	outline-style: none;
}
ul.menu a {
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	line-height:5em;
	color:#fff !important;
	width:100%;
	padding:0 10px;
	box-sizing: border-box;	
}
ul.menu ul li {
	float: left;
	clear:both;
	width:100%;
}
ul.menu ul a {
	text-decoration: none;
	line-height: 2em;
	font-size:0.7em;
}
ul.menu li:hover>a {
	background:;
	color:#313a6f !important;
	background:#95ba3a;
	text-decoration:none;
	text-shadow: 0 0 4px #fff;
}
ul.menu li:hover > a img.def {
	display: none;
}
ul.menu li:hover > a img.over {
	display: inline;
}

ul.menu ul li:hover>a {
	color: #3B3D5A;
	text-decoration: none;
}
ul.menu li.toplast>a {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}
ul.menu li.current-menu-item > a, ul.menu li.current-post-parent > a, ul.menu li.current-category-ancestor > a, ul.menu li.current-post-ancestor {
	background: #95ba3a !important;
}
ul.menu li.current-menu-item > a:hover {
	color: #fff !important;
}
ul.menu .current-menu-item > a, ul.menu .current-post-parent a, .current-category-ancestor > a  {
	color: #fff !important;
}
ul.menu svg  {
	width: 40px;
	vertical-align: middle;
	color:#fff;
	fill:#fff;
}


nav#sidemenu ul li {
	width:100%;
}
nav#sidemenu ul li a{
	border-bottom:solid #fff 1px;
	}
nav#sidemenu ul ul, nav#sidemenu ul ul {
	float:left;
	width:100%;
}



/* ------------------------------------ menu END */
/* ------------------------------------ content menu */
ul.subnav {
	letter-spacing:-0.3pt;
	line-height:1em;
	box-sizing: border-box;	
	padding:0;
	margin-bottom:2%;
	width:100%;
	list-style:none;
}
ul.subnav li  {
	display:inline-block;
	text-align:center;

}
ul.subnav li a {
	background:#95ba3a;
	
	padding:10px 20px; 
	text-decoration:none;
	color:#fff;
	display:block;
	
	-webkit-transition:all 350ms ease-in-out;
	-moz-transition:all 350ms ease-in-out;
	-khtml-transition:all 350ms ease-in-out;
	-o-transition:all 350ms ease-in-out;
}
/* ------------------------------------ content menu END */
/* -------------------------------------- ricerca */
form.search-form legend {
	display:none
}
form.search-form #searchsubmit {
	margin:0;
	border:0;
	cursor:pointer;
	position:absolute; 
	font-size:1.2em;
	right:15px;
	top:5px;
	z-index:999;
	box-shadow: none;
	color:#313a6f;
	z-index: 1;
}
form.search-form label {
	font:normal VAGRoundedStd, Arial, sans-serif;
	color:#80AF33;
	top:10px;
	left:15px;
	position:absolute;
}
form.search-form label.focus {
	-khtml-opacity:.35;
	-moz-opacity:.35;
	-ms-filter:"alpha(opacity=35)";
	filter:alpha(opacity=35);
	opacity:.35
}
form.search-form input#s {
	height:40px;
	width:100%;
}
/* -------------------------------------- ricerca END */
/* -------------------------------------- userbar social */
.user-bar {
	color:#666;
	padding:5px;
	box-sizing: border-box;
	text-align:center;
	display:flex;
	letter-spacing: 0.3pt;
}
.user-bar ul {
	display:flex;
	align-items:  center;
	flex-direction: row;
	flex-wrap:wrap;
	padding:0 10px 0 0;
	margin:0;
	box-sizing: border-box;
	text-align:center;
	width:100%;
	list-style: none;
}
.user-bar ul li > ul {
	flex-wrap:nowrap;
	text-align:right;
}
body.mobile .user-bar ul {
	flex-direction: column;
	
}
.user-bar > ul > li {
	flex: 0 1 auto;
	vertical-align: middle;
	padding:0 1vw;
	box-sizing: border-box;	
}

.user-bar > ul > li:first-child, .user-bar > ul > li:last-child {
	padding:0;
}
.user-bar ul li.search {
	flex: 1 0 auto;
}

.user-bar ul li.modulo_saga {
	align-self: flex-end;
}
.user-bar ul li a {
	text-decoration:none;
	color:#fff !important;
	display: inline-block;
}
.user-bar ul li a:hover {
	text-decoration:underline
}
.user-bar ul li a img {
	border:0;
	float:left; 
	vertical-align:middle;
	text-decoration:none;
}
.user-bar ul li a:hover  {
	z-index:999;
}
.user-bar ul li a .fab {
	vertical-align: middle;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	font-size:2em;
}
.user-bar ul li.twitter a .fab {
	color:#1da1f2;
}
.user-bar ul li.google a .fab {
	color:#ea4335;
}
.user-bar ul li.facebook a .fab {
	color:#3b5998;
}
.user-bar ul li.pinterest a .fab {
	color:#bd081c;
}
.user-bar ul li.youtube a .fab {
	color:#cc181e;
}
.user-bar ul li a .fab:hover {
	-khtml-opacity:.65;
	-moz-opacity:.65;
	transform: scale(2);
	color:#9ed64b;
}
.user-bar img {
}

/* -------------------------------------- userbar social END */

/* ---------------------------------- focus box new */

.post_frame {
	
}

.post_focus {
	background-size:cover;
	background-position:center;
	box-sizing: border-box;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	height:30vh;
	font-size: 0.8em;
}
.post_focus img.cover{
	width:100%;
	height:100%;
	object-fit: cover;
}

.post_focus a.link{
	background-size:cover;
	background-position:center;
	box-sizing: border-box;
	cursor:pointer;
}

.post_focus a.link{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	font-size:0;
	transition: transform 5s; /* Animation */
}

.post_focus.hover a.link{
	transform: rotate(5deg) scale(1.2);
	-webkit-transform:rotate(5deg) scale(1.2);
	-moz-transform:rotate(5deg) scale(1.2);
}

.post_focus .title {
	position:absolute;
	top: 0;
	left:0;
	padding:10px;
	background-color: rgba(49, 58, 111, .7);
	color: #fff;
	
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -kthtml-transition: all 1s ease;
    transition: all 1s ease; 
	
	z-index:2;
}

.stickyposts .title {
	width:100%;
}
.post_focus .dida {
	position:absolute;
	padding:10px;
	background-color: rgba(255, 255, 255, .1);
	color: #fff;
	z-index:5;
	top: 30px;
	right:30px;
	max-width:20%;
max-height: 30vh;
}



.post_focus .title {
	font-size:1em;
}
.post_focus .title a, .post_focus .title h2, .post_focus .title h3 {
	color: #fff !important;
}

.post_focus .title.active {
	opacity:0.3;
	
}




.post_focus figure {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	
}

.post_focus .intro {
	width:100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	padding:1vh;

	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -kthtml-transition: all 1s ease;
    transition: all 1s ease; 
	
	z-index:1;

}
.post_focus .intro p a, .focus p a {
	color:#333;
}


.post_focus.hover .title{
	background-color: rgba(49, 58, 111, .4);
}
.post_focus.hover .intro {
	background-color: rgba(255, 255, 255, 0.2);
}



/* ---------------------------------- focus box new END */


.rivista .post_focus, .sezioni .frame {
	padding:0;
	height:30vh;
}
.rivista .post_focus {
	padding:0;
	height:35vh;
	overflow: hidden;
}
.rivista .post_focus .title, .notizie .post_focus .title {
	top:inherit;
	bottom:0;
}
.rivista .post_focus img.cover {
	padding:5px;
	background:#fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(100,100,100,.5);
	box-shadow: 10px 10px 5px 0 rgba(100,100,100,.5);
	
	-webkit-transform: rotate(-6deg);
	    -ms-transform: rotate(-6deg);
	        transform: rotate(-6deg);
	-webkit-transition: transform 3s ease;
    -o-transition: transform 3s ease;
    -kthtml-transition: transform 3s ease;
    -webkit-transition: -webkit-transform 3s ease;
    transition: -webkit-transform 3s ease;
    transition: transform 3s ease;
    transition: transform 3s ease, -webkit-transform 3s ease;
}
.rivista .post_focus.hover img.cover {
	-webkit-transform: rotate(-20deg) scale(1.5) translate(-10%, 10%);
	    -ms-transform: rotate(-20deg) scale(1.5) translate(-10%, 10%);
	        transform: rotate(-20deg) scale(1.5) translate(-10%, 10%); /* Standard syntax */
}

	
	
/* ------------------------------------ bxslider override  */
.bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
	background:none;
	border:none;
	box-shadow:none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #666;
    border-radius: 10px;
    display: block;
    height: 20px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #313a6f;
}
 
.bx-wrapper .bx-prev {
    background: url("gfx/gray_prev.png") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
    left: 0 !important;
}
.bx-wrapper .bx-next {
    background: url("gfx/gray_next.png") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
    right: 0 !important;
}
.bx-wrapper .bx-prev:hover {
    background-position: center bottom;
}
.bx-wrapper .bx-next:hover {
    background-position: center bottom;
}
.bx-wrapper .bx-next, .dancarousel .bx-wrapper .bx-prev {
    height: 30px !important;
    margin-top: -16px !important;
    outline: 0 none !important;
    position: absolute !important;
    text-indent: -9999px !important;
    top: 50% !important;
    width: 30px !important;
    z-index: 99 !important;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 998;
} 
/* ------------------------------------ bxslider override END */

/* ------------------------------------ breadcrumb */
.bread-crumb {
	display:block;
	padding:10px;
	margin:0 0 20px;
	color:#666;
	text-transform:lowercase;
	letter-spacing:0 !important;

    font-family: 'Open Sans', sans-serif;

}
.bread-crumb strong {
	color:#83BF2C;
}
.bread-crumb a {
	text-decoration:underline;
	color:#83BF2C;
	font-weight:bold;
}
.bread-crumb a:hover {
	text-decoration:none
}
/* ------------------------------------ breadcrumb END */



/* ----------------------------- social actions */
.socials {
	padding:5px 10px;
	clear:both;
	margin-bottom:15px;
	font-size:0.9em;
	background: #ffef8e;
	box-sizing: border-box;	
	color:#666;
}
.socials ul li {
	float:left !important;
	width:auto !important;
	margin:0 !important;
	padding:0 5px !important;
	list-style:none !important;
	display:block !important;
	background:none;
}
.socials ul li.facebook{
	margin-right:5px;
}
.socials ul li.google{
}
.socials ul li.twitter{
}
.socials ul li.linkedin{
}
.socials ul li.share{
	float:right !important;
	text-align:right;
}
.socials .addthis_toolbox {
	width:50px;
	margin:0 20px 0 0;
	display:inline;
	float:left
}
.socials span {
	display:block;
}

.social_actions {
	padding:5px 10px;
	clear:both;
	margin-bottom:15px;

	background: #ffef8e;
	box-sizing: border-box;
	color:#666;
	
		display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	
	justify-content:center;
}
.social_actions > div {
	align-items:center;
	margin:5px;
}
.social_actions h4 {
	margin:0;
}
.social_actions > div i {
	font-size:2em;
}
.social_actions .twitter a {
	color:#1b95e0;
}
.social_actions .facebook a {
	color:#4267b2;
}
.social_actions .pinterest a {
	color:#e60023;
}
.social_actions .google a {
	color:#34a853;
}
.social_actions .linkedin a {
	color:#006699;
}
/* ----------------------------- social actions END */

/* --------------------------------------------------------- sezioni  */

/*---------------------------------------------- related */
.brick .text {
	padding-left:10px;
	
}
.brick .text h4 {
	line-height:1em;
	font-size:1.3em;
	
}
/* /*---------------------------------------------- related END */
/*---------------------------------------------- pagination */
.pagination {
	clear:both;
	text-align:center;
	margin:10px;
}
.pagination ul {
	margin:0 auto;
}
.pagination ul li {
	margin:0;
	margin-right:1px;
	display:inline-block;
}
.pagination ul li a {
	display:block;
	background: #95ba3a;
	padding:10px 15px;
	width:100%;
	height:100%;
	color:#fff;
	box-sizing: border-box;	
	
}
.pagination ul li a:hover {
	background: #95ba3a
}
.pagination ul li.active a  {
	color:#fff !important;
	background: #313a6f;
	font-weight:bold;
}
/*---------------------------------------------- pagination END */


/* ----------------------------- search --------------- */
.search .pad {
	padding:10px;
}
#searchbox  {
	text-align:center;
}
#searchbox input {
	font-size:2em;
	font-weight:normal;
	height:50px;
	display:inline;
	vertical-align:middle;
	line-height:1em;
}

/* ----------------------------------------- comments */
#comments .comment-list li {
	background:#ffef8e;
	padding:10px;
	margin-bottom:5px;
	box-sizing: border-box;
}
#comments textarea {
	width:100%;
	height:100px;
}
#comments input {
	width:100%;
}
#comments .comment-subscription-form input, #comments p.comment-subscription-form {
	height:auto;
	margin:0;
	font-size:0.8em;
}
.topcomm {text-align:right;}
.more {
	color:#313a6f;
}
/* ----------------------------------------- comments END */

/* inviting arrow icona di avviso scorrimento in basso */
@keyframes bot-sign {
25% {
    transform: scale(1.1);
}
75% {
    transform: scale(0.9);
}
}
#bot-sign {
	font-size:6em;
	position:fixed !important;
	z-index:101;
	bottom:0;
	display:none;
	width:auto;
	text-align:center;
	height:auto;
	color:rgba(117, 173, 57, .5);
	transform: translateZ(0px);
	animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: bot-sign;
    animation-timing-function: linear;
	cursor:pointer;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -39px;	
}
/* inviting arrow END */
/* scroll top button */
#back-to-top {
	position:fixed;
	display:none;
	bottom:60px;
	right:20px;
	color: rgba(117, 173, 57, 1);
	font-size:4em;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
	z-index:101;
	cursor:pointer;
}
#back-to-top:hover {
	transform: scale(1.1);
}
/* scroll top button END */

#mobile_bar {
	position:fixed;
	top:0;
	right:0;
	width:100%;
	background:#fff;
	z-index:9;
}

/* menu icon mobile */
#menu-icon {
	position:absolute;
	top:0;
	left:100%;
	cursor:pointer;
	z-index:999;
	font-size:4em;
	line-height: 1;
	background: #30396f;
	color: #fff;
}
#menu-icon:hover {
	color: rgba(117, 173, 57, 1);
}
/*  menu icon mobile END */

@media screen and (max-width: 768px) {


	
	#navigation {
		position:fixed;
		width:50% !important;
		height:100vh;
		top:0;
		left:-50%;
		z-index:999; 
		-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.3);
		box-shadow: 0 0 20px 10px rgba(0,0,0,0.3);
		line-height:2em;
		background:#313a6f;
	}

	#navigation.active {
		width:50%;
		left:0;
	}

	#menu ul ul {
		position:relative;
		float:left;
		width:100%;
		}
	#menu ul ul li a{
		text-align:center;
	}
	#menu ul li {
		width:100%;
		}
	#menu ul li > a {
	line-height:2em;
	}
	
	#menu ul .current-category-parent ul, #navigation ul .current-menu-item ul {
		display:block !important;
		background:#89c249 !important;
	}	
	form.search-form input#s {
		-webkit-border-radius: 0;
		border-radius: 0; 
		height:auto;
	}	
	
	
		
}
@media screen and (min-width: 992px) {

	#navigation.sticky {
		border-top: 0 none;
		bottom: inherit;
		left: 0;
		width:100% !important;
		position: fixed;
		top: 0;
		z-index: 9999;
		display:block;
	}
}
/* ------------------------------------------- user interface END */ 


/* ------------------------------------------ BANNER  */

.banner_blu {
	background:#d9dcee;
}

#main .banner img {
	width:100%;
	height:auto;
}
	
.leaderboard .banner {
	width:100%;
}
/*  BANNER CAROUSEL */
/*
.ban_carousel  {
  display: flex;
  justify-content: space-between;
	
}
.ban_carousel div {
}
*/
.ban_carousel .slide > a, .ins_carousel .slide > a {
	cursor: pointer;
}
.bx-loading {display:none;}
	
/*  BANNER CAROUSEL END*/
	
/* HOMEPAGE ARTICLE AND BANNER + ORDER */
.stickyposts article, .stickyposts .banner {order:999;}

.stickyposts article.n1, .stickyposts article.n2 {
	order:1;	
}

.stickyposts .banner.n1 {
	order:2;
}
.stickyposts article.n3, .stickyposts article.n4 {
	order:3;	
}

body.home .ins_carousel {
	order:4;
}
.stickyposts .banner.n2 {
	order:5;
} 
.stickyposts article.n5, .stickyposts article.n6, .stickyposts article.n7, .stickyposts article.n8 {
	order:6;
}
.stickyposts .banner.n3 {
	order:7;
}
.stickyposts article.n12, .stickyposts article.n13, .stickyposts article.n14 {
	order:8;	
}
.stickyposts .banner.n4 {
	order:9;
}
.stickyposts article.n15, .stickyposts article.n16, .stickyposts article.n17 {
	order:10;	
}
.stickyposts .banner.n5 {
	order:11;
}
.stickyposts article.n18, .stickyposts article.n19, .stickyposts article.n20 {
	order:12;	
}
.stickyposts .banner.n6 {
	order:13;
}
/* HOMEPAGE BANNER ORDER END*/

.ins_carousel > div {

	background:#95ba3a;
	padding:20px;
	margin-bottom:20px;
	
	padding-left: -0.25rem !important;
}
.ins_carousel p {
	color:#fff;
	font-family: Literata;
}
.ins_carousel .bx-wrapper {
	background:none;

}
.ins_carousel .slide {
	box-sizing: border-box;
	padding:20px;
}
.ins_carousel .slide img {

	-webkit-box-shadow: 10px 10px 10px 0 rgba(000,000,000,.2);
	box-shadow: 10px 10px 10px 0 rgba(000,000,000,.2);
}


/* ------------------------------------------ BANNER END */

.social_sharer {
	width:50px;
	position:absolute;
	top: calc(40vh + 20px);
	right:10px;
	color:#ccc;
}

/* Medium devices (tablets, 768px and up) */ 
@media (max-width: 768px) { 
	.social_sharer  {
		width:100%;
		position:relative;	
		top:inherit;
		left:inherit;
	}
}



.social_sharer svg {
  fill: currentColor;

}

/* ------------------------------------------ TMPL SPECIFICS */
.single .article {
	background: #fff;
	margin-top: -100px;
}
.category figure img {
	width:100%;
	height:auto;
}


.single.rivista figure.cover img {
	width:40%;
	height:auto;
	float:left;
}
/* ------------------------------------------ TMPL SPECIFICS END*/
/* ------------------------------------------ BOOTSTRAP OVERRIDES */

.btn, .btn-primary, a.btn-primary, button {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
	background: #95ba3a !important;
	border:0 !important;
	color:#fff !important;
}

.btn:hover, .btn-primary:hover, a.btn-primary:hover, button:hover {
	background:#313a6f !important;
	color:#fff !important;
	border-color: #313a6f !important;
	
}
.btn a, .btn-primary a, a.btn-primary, button, a.btn{
	color:#fff !important;
}
/* ------------------------------------------ BOOTSTRAP OVERRIDES END */

/* BXSLIDER OVERRIDE */

.bx-wrapper {
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border:0 !important;
	background:none;
	padding:0 !important;
	margin:0 !important;
}
/* ------------------------------------------ BOOTSTRAP OVERRIDES END */



/*  ------------------------------------------ WordPress Gallery */
#gallery-1 {
	clear:both;
}
#gallery-1 dl{
	margin:0;
	padding:0;
}
#gallery-1 img{
	border:0 !important;
}
.gallery {
	margin-left: -0.5em;
	margin-right: -0.5em;
	background:#95ba3a;
	margin-top:20px;
	margin-bottom:20px;
}

.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding: 0.5em;
}

.gallery-item img {
	width: 100%;
	height:auto;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	float: none;
}
.gallery-columns-2 .gallery-item {
	width: 50%
}
.gallery-columns-3 .gallery-item {
	width: 33.3333%
}
.gallery-columns-4 .gallery-item {
	width: 25%
}
.gallery-columns-5 .gallery-item {
	width: 20%
}
.gallery-columns-6 .gallery-item {
	width: 16.6667%
}
.gallery-columns-7 .gallery-item {
	width: 14.2857%
}
.gallery-columns-8 .gallery-item {
	width: 12.5%
}
.gallery-columns-9 .gallery-item {
	width: 11.1111%
}
/*  ------------------------------------------ WordPress Gallery END */



/* override modulo acy mailing */
.acym_lists {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.acym_lists > *{
	padding:0 5px;
}
/* ------------------------------------------ TENDINA */

#tendina {
	background:#000;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
}
/* ------------------------------------------ TENDINA END*/

/* ------------------------------------------ INTERVISTE*/
.interviste {
	background:#95ba3a;
	margin:20px -10px;
	padding:20px;
}
.interviste .grid{
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
}
.interviste .grid article{
	min-width:200px;

}
.interviste .post_focus {
	height:20vh;
}
.interviste p {
	color: #fff;
	font-family: Literata;
}
.interviste .post_focus .svg {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:99;
	background:#fff;
	padding:5px;
	background-color: rgba(255, 255, 255, 0.5);
}
/* ------------------------------------------ INTERVISTE END*/


/*  ------------------------------------------ newsletter popup */

#newsl_baloon {
	background:#95ba3a;
	width:25%;
	font-size:1.3em;
	position:fixed;
	bottom:80px;
	left:40px;
	padding:20px;
	box-sizing: border-box;
	color:#333;
	text-align:center;
	-webkit-box-shadow: 20px 20px 10px 0 rgba(30,30,30,.5);
	box-shadow: 20px 20px 10px 0 rgba(30,30,30,.5);
	z-index:999;

	display:none;
}
@media screen and (max-width: 980px) {
	#newsl_baloon {
		left:0;
		width:100%;
	}
}
#newsl_baloon .cont{
	background:#fff;
	display: flex;
	padding:40px 20px;
	flex-direction: column;
	align-items: center;
	align-content: center;
}
#newsl_baloon .angolo {
	background-image: url('/wp-content/themes/mg/images/angolo.png');
	background-size:cover;
	position:absolute;
	top:100%;
	left:200px;
	width:80px;
	height:80px;
}
#newsl_baloon div {
	vertical-align:middle;
}
#newsl_baloon .close {
	position:absolute;
	top:25px;
	right:25px;
	font-size:2.5em;
	color:#BF1E2D !important;
	
}
#newsl_baloon h3.title {
	display:none;
}
#newsl_baloon h3 {
	color:#666;
}
#newsl_baloon .muField, #newsl_baloon .muSubmit {width:auto; float:left;}
#newsl_baloon .muSubmit input:before {
	content: "<p></p>";
}
#newsl_baloon label, #newsl_baloon input {display:inline !important;}

#newsl_baloon .fa-envelope-o {
	font-size:8em;
	}

/*  ------------------------------------------ newsletter popup END */