/*
*/
.tgs-cnt a.tag-38:hover {color:rgb(244,37,164)}
.tgs-cnt a.tag-39:hover {color:rgb(201,230,43)}
.tgs-cnt a.tag-32:hover {color:rgb(71,26,95)}
.tgs-cnt a.tag-33:hover {color:rgb(20,164,118)}
.tgs-cnt a.tag-34:hover {color:rgb(252,110,5)}
.tgs-cnt a.tag-35:hover {color:rgb(249,252,5)}
.tgs-cnt a.tag-36:hover {color:rgb(110,74,192)}
.tgs-cnt a.tag-40:hover {color:rgb(226,43,86)}
.tgs-cnt a.tag-41:hover {color:rgb(225,15,15)}
.grid{ position: relative}
/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of3 { width: 33.333%; }
.post-share-cnt{ margin-top: 10px}
.box-post-cnt2 {
float: left;
width: 567px;
}
.box-post-cnt1 {
float: left;
margin-right: 15px;
width: 568px;
}
.appl-send{ display: none}
#carica i{ font-size: 20px;}
#carica {
background: #fff none repeat scroll 0 0;
border: 1px solid #b3b3b3;
color: #000;
display: inline-block;
margin: 3px;
padding: 9px 20px 6px 20px;
text-align: center;
}
#share-buttons{margin-top:10px;}
.share-wa{
width: 60px;
padding: 5px; float:left; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px;background:#57bb63}
.share-pt{
width: 60px;
padding: 5px; float:left; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px; background:#CB2027}
.share-fb{
width: 60px; float:left;
padding: 5px; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px; background:#3C5B9B}
.share-gp{
width: 60px;
padding: 5px; float:left; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px;background:#F63E28}
.share-tw{
width: 60px;
padding: 5px; float:left; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px;background:#2DAAE1}
.share-tb{
width: 60px;
padding: 5px; float:left; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px;background:#2A445F}
.share-ig{
width: 60px;
padding: 5px; float:left; height:65px;
border: 0;
box-shadow: 0;
display: block; margin-bottom:10px;background:#A9469D}
.gif-download{ height:75px;display:block;background:#000;color:#fff;overflow:hidden;float:left; width: 70px;}
.gif-download .lbl1{ display: block;
float: left;
font-size: 45px;
margin: 15px 10px 10px 17px;}
.box-gif-cover-intro{ margin: auto; width: 650px}
.gif-download .lbl2{display: block;
float: left;
font-size: 20px;
margin: 25px 15px 0 5px;}
.box-gif-cover-rx{float: left;
padding-left: 50px;
padding-top: 150px;
width: 200px;}
.box-gif-cover-lx{float:left;width:400px;margin-bottom:25px; ; max-height: 355px; overflow: hidden}
.v-cover{width:100%;height:100%;}
.c2.hp-sld {padding:0}
.box-afternoon-img img{width:100%}
.footer-fb-icon{
display:block;width:32px;height:32px; background: rgba(0, 0, 0, 0) url("/img/Icone-Social-sprite-singole-06.png") no-repeat scroll 0 0; background-size:cover}
.footer-tw-icon{
display:block;width:32px;height:32px; background: rgba(0, 0, 0, 0) url("/img/Icone-Social-sprite-singole-07.png") no-repeat scroll 0 0; background-size:cover}
.footer-in-icon{
display:block;width:32px;height:32px; background: rgba(0, 0, 0, 0) url("/img/Icone-Social-sprite-singole-11.png") no-repeat scroll 0 0; background-size:cover}
.footer-tu-icon{
display:block;width:32px;height:32px; background: rgba(0, 0, 0, 0) url("/img/Icone-Social-sprite-singole-10.png") no-repeat scroll 0 0; background-size:cover}
.box-footer1 a{color:#000}
.box-posts #open-share{ background: rgba(0, 0, 0, 0) url("/img/TASTO-SHARE-01.png") no-repeat scroll 0 0;
display: block;
background-size:cover;
height: 34px;
position: absolute;
right: 20px;
text-indent: -9999px;
top: 20px;
width: 34px;}
#open-share-page a{ display: block; margin: 0 0 0 30px; color:#7F8080}
#open-share-page{
display: block;
height: 20px;
margin-top: 5px;
}
.player_yt{width:100%;height:550px}
#open-share-post {
background: #fff none repeat scroll 0 0;
border: 1px solid #b3b3b3;
color: #000;
display: inline-block;
font-size: 13px;
padding:5px 10px 3px 10px;
text-align: center;
margin-top: 10px
}
#open-share {
position: absolute;
right: 0;
top: 0;
background: #fff none repeat scroll 0 0;
border: 1px solid #b3b3b3;
color: #000;
display: inline-block;
font-size: 13px;
padding:5px 10px 3px 10px;
text-align: center;
}
/*
#open-share{ background: rgba(0, 0, 0, 0) url("/img/TASTO-SHARE-01.png") no-repeat scroll 0 0;
display: block;background-size:cover;
height: 34px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 0;
width: 34px;}
*/
.box-afternoon #open-share{
right: 10px;
top: 15px;
}
.article-tgs a{ color:#63308a} .article-tgs { margin-top:10px}
.art-tags-links{ font-size:20px; text-transform:uppercase; font-weight:bold}
.top-aft-btn:hover{ background: #d1d1d1;color:#fff; }
.top-aft-btn:hover{ background: #d1d1d1;color:#fff; }
.top-aft-btn.on{ background: #d1d1d1;color:#fff; }
.top-aft-btn{
background: #fff none repeat scroll 0 0;text-transform:uppercase;
border: 1px solid #b3b3b3;
border-radius: 26px;
color: #b3b3b3;
display: block;
float: right;
margin: 0 5px;
padding: 2px 20px;}
.post-swap-img{ display:block; margin-bottom:10px}
.external-box-video { margin:5px}
.external-box-video2 { border:1px solid #b3b3b3;padding:5px;background:#fff; margin:5px;color:#444}
.external-box-video2 img { width:100%}
.art3-tags-links a{ color:#662d91;}
.article-cat3-gallery{ float:left;width:90px;margin-left:10px}
.box-cat3-img{ float:left;width:500px}
.article-cat3-left{ float:left;width:600px}
.article-cat3-rx{ float: left;position:relative;
margin-left: 50px;
width: 500px;}
/*
Mosaic - Sliding Boxes and Captions jQuery Plugin
Version 1.0.1
www.buildinternet.com/project/mosaic
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
Released under MIT License / GPL License
*/
* {
margin:0;
padding:0;
border:none;
outline:none;
}
/*General Mosaic Styles*/
.mosaic-block {text-align:left;
float:left;
position:relative;
overflow:hidden;
width:100%;
height:100%;
margin: 0px;
}
.mosaic-backdrop {
display:none;
position:absolute;
top:0;
height:100%;
width:100%;
background:#111;
}
.mosaic-overlay {
display:none;
z-index:5;
position:absolute;
width:100%;
height:100%;
background:#111;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
background:url(../img/hover-magnify.png) no-repeat center center;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
display:none;
}
.fade .mosaic-overlay {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
background:url(../img/bg-black.png);
}
.bar .mosaic-overlay {
bottom:-100px;
height:75px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABvCAYAAADixZ5gAAAAuElEQVR42u3RQQ0AAAyEMPxrmrjpuKQPDNCq02wmwBM8wYMneIInePAET/DgCZ7gCR48wRM8wYMneIIHT/AET/DgCZ7gCR48wRM8eIIneIIHT/AED57gCZ7gwRM8wRM8eIInePAET/AED57gCZ7gwRM8wYMneIInePAET/AED57gCR48wRM8wYMneIIHT/AET/DgCZ7gCR48wRM8eIIneIIHT/AET/DgCZ7gwRM8wRM8eIIneDJgtgdxo1pKmsa7lQAAAABJRU5ErkJggg==");
}
.bar2 .mosaic-overlay {
bottom:-50px;
height:100px;
opacity:0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
}
.bar2 .mosaic-overlay:hover {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
}
.bar3 .mosaic-overlay {
top:-100px;
height:100px;
background:url(../img/bg-black.png);
}
/*** End Animation Styles ***/
.video-tags-links{ font-size:25px; color:#9e7}
.article-top{ margin-top:50px}
.article-cat1-map{ height:300px;border:1px solid #b3b3b3;margin-bottom:20px}
.article-cat1-image2.nailthumb-container{ margin-bottom:20px; }
.article-cat1-image1.nailthumb-container{ margin-bottom:20px;margin-right:20px;}
.article-cat1-image1{ float: left; margin-bottom:20px;margin-right:16px;
height: 240px; border:1px solid #b3b3b3;
width: 240px;}
.article-cat1-image2{ float: left;
height: 240px; margin-bottom:20px;border:1px solid #b3b3b3;
width: 240px;}
.article-cat1-left{ float:left;width:600px}
.article-cat1-rx{ float: left;
margin-left: 50px;
width: 500px;}
.pagination {margin:30px 0 30px 0;}
*{outline:none}
.play{
height: 100px;
left: 50%;
margin: -50px 0 0 -50px;
position: absolute;
top: 50%;
width: 100px;}
.left-clmn{ float:left;width:570px }
.right-clmn{ float:right;width:570px}
.hp-m .masonry {
margin: 1.5em 0; overflow: hidden;
column-count: 2;
-moz-column-gap:1em;
-webkit-column-gap: 1em;
column-gap: 1em;
font-size: .85em;
}
.clmn-a {
float: left;
width: 376px;
margin-right: 12px;
}
.clmn-b {
float: left; width: 376px
}
.clmn-c{
float: right; width: 376px
}
.box-title ._city{ line-height:18px; font-size:18px;color:#4d4d4d}
.box-title ._date{ line-height:18px; font-size:18px;color:#4d4d4d}
.box-title ._author{ line-height:13px; font-size:13px;color:#9f9f9f}
.box-title{ padding:10px; line-height:15px; text-align:left;}
.box-d{ position:relative; margin-bottom:10px ; border:2px solid #b3b3b3; overflow:hidden ; }
.box-d.CAT3{ }
.box-d.CAT3S{ border-top: 0 }
.box-d2{ }
.box-d .box-img{ overflow:hidden ; position:relative }
.box-d.rx .box-img{ margin-right:0px }
.box-d .box-img img{ width:100%; overflow:hidden ; }
.box-cate-1{ width:100%; height:300px; border:2px solid #ddd; margin:0 0 25px 0}
.box-cate-1 .work-masonry-thumb{ width:100%; height:300px; }
.box-d h3{ font-size:15px; padding:0;margin:0 }
.box-d p{ font-size:13px; padding:0;margin:0 }
.addthis_sharing_toolbox {
margin:10px 0 10px 0
}
.work-archive-thumb-link img {
margin-right: 12px;
margin-bottom: 12px;
float: left;
width:100%;
}
.article-b p {
margin: 0 0 0 0;
}
.share-over2{ display: table;
height: 100%;
text-align: center;
width: 100%;}
.share-over3{display:table-cell;vertical-align:middle;}
.share-over4{ background: #fff none repeat scroll 0 0;
margin: auto;padding:15px;
overflow: hidden;position:relative;
width: 260px;}
.share-over4 h3{ font-size:15px;}
.share-over{
top: 0px; font-weight: normal;
left: 0;
line-height: 0;
position:fixed;
text-align: center;
width: 100%;
z-index: 10000;
display:none;
height:100%;
left: 0;
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABvCAYAAADixZ5gAAAAuElEQVR42u3RQQ0AAAyEMPxrmrjpuKQPDNCq02wmwBM8wYMneIInePAET/DgCZ7gCR48wRM8wYMneIIHT/AET/DgCZ7gCR48wRM8eIIneIIHT/AED57gCZ7gwRM8wRM8eIInePAET/AED57gCZ7gwRM8wYMneIInePAET/AED57gCR48wRM8wYMneIIHT/AET/DgCZ7gCR48wRM8eIIneIIHT/AET/DgCZ7gwRM8wRM8eIIneDJgtgdxo1pKmsa7lQAAAABJRU5ErkJggg==");
}
.share-over a.close {
background: #fff url("/img/1442199511_icon-close-circled.png") no-repeat scroll 2px 10px;
height: 35px;
position: absolute;
right: -7px;
text-indent: -9999px;
top: -7px;
width: 35px;
}
.article-b {margin-top:20px;
font-weight:normal; font-size:13px;
font-family:helvetica,sans-serif;color:#777;
line-height:20px;
}
.box-posts.rx { float: right}
.box-posts {
position:relative; float: left;
margin:0 0 25px 0;
width: 100%; overflow:hidden; position:relative;
}
.box-posts-sub{ position:absolute; right:20px; bottom:15px;}
.box-posts-sub a{ transition: all .2s linear; display:inline-block;
float:right;margin-right:5px; height:40px; width:34px;}
.box-posts-sub a:nth-child(3n+0){ background: url(/img/Icone-Social-sprite2-07.png) 0px 3px no-repeat}
.box-posts-sub a:nth-child(3n+1){ background: url(/img/Icone-Social-sprite2-07.png) -37px 3px no-repeat}
.box-posts-sub a:nth-child(3n+2){ background: url(/img/Icone-Social-sprite2-07.png) -112px 3px no-repeat}
.box-posts-sub a:nth-child(3n+0):hover{ background-position: 0px -40px; }
.box-posts-sub a:nth-child(3n+1):hover{ background-position:-37px -40px; }
.box-posts-sub a:nth-child(3n+2):hover{ background-position: -112px -40px ; }
.box-posts-sub a img{ display:none}
.box-posts-img{ overflow:hidden; height: 415px ;position:relative;}
.box-posts-img a img{ max-width: 100%}
.box-posts .box-d2{
overflow:hidden;border:2px solid #b3b3b3;position:relative;
}
.box-afternoon .box-d2{position:relative;
overflow:hidden;border:2px solid #b3b3b3
}
.box-afternoon {
height: 400px;
margin:0 0 15px 0 ;
width: 100%; overflow:hidden;
}
.box-afternoon-det{ float: right; margin: 5px 15px 5px 0}
.box-afternoon-det a{ display: block; float: left; color: #ddd; font-size: 13px}
.box-afternoon-title {position:relative; font-weight:bold;color:#777; ;padding:20px; line-height:25px; text-transform: uppercase; font-size: 25px ;padding-left:5px;padding-right:5px; }
.box-afternoon-img{ overflow:hidden; height: 325px;background: #000;position:relative;}
.box-afternoon-author {font-weight:bold; padding-left:5px;color:#444; float: left ;padding:20px; line-height:25px; text-transform: uppercase; font-size: 25px ;padding-left:5px;padding-right:5px; }
.box-afternoon-date {font-weight:bold;color:#444; float: left ;padding:20px; line-height:25px; padding-right:5px; text-transform: uppercase; font-size: 25px ; padding-right:5px; }
.box-afternoon-city{font-weight:bold;color:#777; float: left ;padding:20px; line-height:25px;padding-left:5px;padding-right:5px; text-transform: uppercase; font-size: 25px }
.box-afternoon-img img{ /*position:absolute; top:-50%; left:0; */ }
.box-all.big-box2 {
height: 287px;
width: 574px;
}
.article-cat3-infos-mob a,
.article-cat3-infos a{
color: #000; text-decoration: underline;
}
.article-cat3-infos{
background: rgba(0, 0, 0, 0) url("/img/post-info.jpg") no-repeat scroll 3px 12px;
color: #777;
float: left;
font-size: 13px;
padding: 15px 100px 0 35px;
}
.box-afternoon-city:after{ content:"/"}
.box-video2 {
height: 100%;
;overflow:hidden;
}
.box-video.big-box {
height: 364px;
float:left;width:537px
}
#p_video{width:100%;height:500px;}
video {
object-fit: fill;
}
/*
.box-video { border: 1px solid #b3b3b3;
float: left; overflow:hidden; padding:4px;
height: 175px;
margin-bottom: 5px;
margin-right: 5px;
width: 261px; position:relative;
}
*/
.box-video { border: 1px solid #b3b3b3;
float: left; overflow:hidden; padding:4px;
height: 450px;
margin-bottom: 5px;
margin-right: 5px;
width: 100%; position:relative;
}
.box-video-toolbar{ background: none repeat scroll 0 0 #000;
bottom: 4px; opacity:.8;
left: 4px;
position: absolute;
right: 4px;}
.box-video-det{ margin: 20px;
}
.box-video-det a{ display: block; float: left; color: #ddd; font-size: 13px}
.box-video-title { line-height:25px; font-size: 20px ;margin: 20px;
}
.box-video-img img{ overflow:hidden; height:100%; width:100%; }
.box-video-img { overflow:hidden; }
.box-all.big-box{
height:574px;
width: 574px;
}
/*!
* jQuery Cookiebar Plugin CSS
* https://github.com/carlwoodhouse/jquery.cookieBar
*
* Copyright 2012, Mark Searle, Carl Woodhouse.
*/
.hover-grid .hover-grid-item {
width: 100%;
height: 100%;
margin: 0 ;
float: left;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
overflow:hidden;
position:relative;
cursor:default;
}
.hover-grid img {
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
border:0;
position:absolute;
margin: 0;
padding: 0;left:0; top:0;
}
.caption-in { display: table;
height: 100%; text-align: center;
width: 100%; }
.caption-in2 {display:table-cell; text-align: center;
vertical-align: middle; }
.hover-grid-item .caption {
/*
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDgvMDUvMTVznZz7AAABAklEQVR4nO3RQREAIRDAsONsrXis8UYBfSQKOtM1M/sj438dwM2QGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDIkxJMaQGENiDgTnAjixMlRdAAAAAElFTkSuQmCC');
*/
width: 100%;top:0;
height: 100%;
margin: 0 ;
position:absolute; opacity:1;
left:0;
color: #fff;
display:none;
line-height:1.1;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
}
.hover-grid-item .caption p {
font-size: 15px;
font-weight: 400;
color: #fff;
}
.caption { display:none}
.box-all {
background: none repeat scroll 0 0 #000;
float: left;
height: 287px;
margin: 0;
overflow: hidden;
position: relative;
width: 287px;
}
.box-all.big-box .box-all-img img{ /*width:100%; height:100%*/}
.box-all-over{ background: none repeat scroll 0 0 #000;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 1000;}
.clmn-l-video{ float: left; width: 830px}
.clmn-r-video{ float: right; width: 300px;background:#ccc;text-align:left;
}
.clmn-r-video h3{margin:0; background: #000; padding: 7px;color: #fff}
.search-aft-cnt2 {
border-right: 1px solid #b3b3b3;
float: right;
margin-right: 10px;
padding-right: 15px;
position: relative;
}
.search-aft-cnt{ border: 1px solid #b3b3b3; position:relative;
border-radius: 49px;
float: right;
padding: 3px 10px;}
.search-aft-input{ border: 0; background: #fff; font-size: 13px; line-height: 15px; color: #666;margin: 0;padding: 0}
.search-aft-input-btn{
background: url(/img/sa.png) 0 0 no-repeat;
border: 0 none;
color: #666;
display: block;
font-size: 13px;
height: 20px;
line-height: 15px;
margin: 0;
padding: 0;
position: absolute;
right: 7px;
text-indent: -9999px;
top: 8px;
width: 20px;
}
*:outline{ border: 0}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body ` face-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline:0;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
.article-cat3-rx h1 {
margin: 0 0 0px 0;
}
.article-cat3-rx h2 {
margin: 0 0 10px 0;
}
h1 {
font-size: 30px;
margin: 0 0 6px 0;
line-height:40px;
}
h1.cerca{ color: #999999;
font-size: 15px;
margin-bottom: 25px;}
h1.ricetta{ font-size: 25px; color: #444;
text-align:center
}
h2 {
color:#767676;
font-size: 21px;
margin: 0.83em 0;
}
.box-posts-sub-nn{display:none;float:left;width:100%;}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
.details h4 {
font-size: 17px; font-weight:normal;
margin: 10px 10px 0px 10px; color:#fff;
}.details a{
color:#fff;
}.details p {
color:#fff; margin: 0px 10px 5px 10px; ; font-size: 13px;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 0 0 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ==========================================================================
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ===== Initializr Styles ==================================================
Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
========================================================================== */
body {
font: 16px/26px oswald_regularregular,Helvetica, Helvetica Neue, Arial;
}
.wrapper {
width: 90%;
margin: 0 5%;
}
/* ===================
ALL: Orange Theme
=================== */
.header-container {
border-bottom: 20px solid #e44d26;
}
.footer-container,
.main aside {
border-top: 20px solid #e44d26;
}
.header-container,
.footer-container,
.main aside {
background: #f16529;
}
.title {
color: white;
}
/* ==============
MOBILE: Menu
============== */
nav ul {
}
nav a {
}
nav a:hover,
nav a:visited {
}
nav a:hover {
}
/* ==============
MOBILE: Main
============== */
.main {
padding: 30px 0;
}
.main article h1 {
font-size: 2em;
}
.main aside {
color: white;
padding: 0px 5% 10px;
}
.footer-container footer {
color: white;
padding: 20px 0;
}
/* ===============
ALL: IE Fixes
=============== */
.ie7 .title {
padding-top: 20px;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
.slicknav_menu {
display:none;
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.ft-gg{ width:181px;height:181px}
.box-footer2 a{ float:left; display:block;}
.page-id-127 .c12{ padding:50px 0 50px 0}
.page-id-13 .c12-2{ }
div.c{ margin: auto; width: 1150px}
div.c-footer{ }
div.c4{ margin: auto; width: 80%; text-align: justify}
.c12{margin: auto; width:860px; }
.c12-2{ padding: 30px; background: #fff; opacity: .9;margin-right:30px;margin-bottom:25px}
div.l{ float: left; width: 100%}
.box-all-img {
height: 100%;
width: 100%;
}
.page-id-9 .c12-2{ margin-right: 0px}
body.page-id-9 #primary{ }
body.page-id-25 i{ color: #B81548}
body.page-id-6 #primary,
body.page-id-25 #primary
{ margin-bottom: 0}
.main.pag-hp {
margin-bottom:0
}
body.page-id-6 .l { display: none;}
body.page-id-6 { background: url(/wp-content/themes/mood2/img/bio22.jpg) 50% 0 no-repeat fixed; background-size: cover}
body.page-id-13,body.page-id-241 { background: url(/wp-content/themes/mood2/img/l.jpg) 50% 0 no-repeat fixed; background-size: cover}
body.page-id-877 { background: url(/wp-content/themes/mood2/img/l.jpg) 50% 0 no-repeat fixed; background-size: cover}
body.page-id-25 { background: #fff}
.intro-contatti{ background: url(/wp-content/themes/mood2/img/bg_contatti.jpg) 50% 0 no-repeat fixed; background-size: cover}
.intro-contatti2{ color: #fff; font-size: 18px; background:#C32A5A url(/wp-content/themes/mood2/img/line_divider_white.png) 0 0 repeat-x; }
.home .cnt2,.home .cnt{ display: none;}
.page-id-880 #primary{margin-top: -11px ; }
#primary{margin-top: 5px; }
#logo img{ display: block;
height: 50px;
width: 185px; }
#logo{display:block; height: 50px;
width: 185px; text-indent:-9999px; /*background:url(/img/Symparthy.png) 0 0 no-repeat;*/
margin:2px 0 0 0px; }
div.logo{ background:#000; width:200px;float:left; height:55px}
div.tp-bar{ background: #ccc url(/img/bg_top.png) 50% 0 no-repeat; height:50px ; height:55px ; }
div.footer{ background:#ccc; }
div.content-area{ float: left; width: 100%; }
div.footer-box1{ float:left;width:300px }
div.footer-box2{ float:left;width:200px }
div.footer-box3{ float:left;width:170px }
.home .cnt{ top:-150px}
div.cnt{ background: #fff url(img/line_divider.png) top left repeat-x ; height: 10px ;z-index: 1000000 ;box-shadow: 0 5px 0px rgba(0, 0, 0, 0.2)}
div.cnt2{ background: url(img/line_divider.png) 0 3px repeat-x ; overflow: hidden}
div.cnt4{ background: url(img/d.png) 0 3px repeat-x ; height: 10px }
.page-id-9 .bgf{ height: 337px; width: 565px; }
.page-id-5 .bgf{ height: 284px;
width: 287px; }
.page-id-7 .bgf{
height: 474px;
margin: 40px 0 0;
width: 100%;}
.page-id-11 .bgf{
height: 417px;
margin: 0;
width: 100%;
}
.share-ig img{width: 52px; height: 52px;margin: 7px 0 0 4px;}
.page-id-9 .mega-box-c {background: url(/img/video-13.jpg) 0 0 no-repeat; height:939px}
.page-id-5 .mega-box-c {background: url(/img/all.png) 0 0 no-repeat; height:1096px}
.page-id-7 .mega-box-c {background: url(/img/afternoon-15.png) 0 0 no-repeat; height:2175px}
.page-id-11 .mega-box-c {background: url(/img/post.jpg) 0 0 no-repeat; height:1676px}
ul.dropdown li a{ padding:0 0px 0 0}
.menu-secondary_nav-container{ width: auto; }
.menu-secondary_nav-container li{ display: inline; list-style: none}
.menu-secondary_nav-container li a:after{ }
.menu-secondary_nav-container li.menu-item-20 a:after,
.menu-secondary_nav-container li.menu-item-27 a:after{ content: ""}
.menu-secondary_nav-container li a{
display:block; width:50px;
text-decoration: none; margin-left: 9px; margin-top: 9px;
font-size: 15px; font-weight: bold;
color: #000; text-transform:uppercase;
-webkit-transition: all .2s linear;
padding:0;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-kthtml-transition: all .2s linear;
transition: all .2s linear; height:42px;margin-top:15px;
}
/*
.menu-secondary_nav-container li a{
display:block; width:50px;
text-decoration: none; margin-left: 9px; margin-top: 9px;
font-size: 15px; font-family: heroregular;
color: #444; text-transform:uppercase;
-webkit-transition: all .2s linear;
padding:0;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-kthtml-transition: all .2s linear;
transition: all .2s linear; height:42px;margin-top:13px;
background:url(/img/sprite-19.png) 0 50% no-repeat; text-indent:-9999px;
}
*/
.open-box{ display:block;width:100%; height:100%;}
.box-over-l{ z-index:100000000; position:fixed; left:0; width:100%; height:100%; background:
url(/img/1.png) 0 0 repeat;
; top:0; display:none }
.box-over-l2-left-all-img{ position:absolute; top:50%;left:50%; margin-top:-200px; margin-left:-450px; width:900px; }
.box-over-l2-left-all-img img{ width:882px; height:100%}
.box-over-l2-left-all{ position:absolute; top:50%;left:50%; margin-top:-200px; margin-left:-450px; width:900px; }
.box-over-l2{ margin:auto;width:1000px;height:100%; position:relative; }
.box-over-l2-left{position:absolute; left:200px;top:20px; bottom:20px; width: 300px; }
.box-over-l2-right{position:absolute; left:520px; top:20px; bottom:20px; width:400px;}
.box-over-l .close{position:absolute; left:100%; top:20px;display:block; background:
url(/img/x.png) 0 0 repeat; width:18px;height:16px}
.box-over-l2-right img,.box-over-l2-left img{ max-height:100%;}
#menu-item-22,#menu-item-23 { display:none}
#menu-item-17 { display:none}
#menu-item-18 a{ background-position: -55px 0; width:100px }
#menu-item-18 a:hover{ background-position: -55px -50px; }
#menu-item-18.current_page_item a{ background-position: -55px -51px; }
#menu-item-19 a{ background-position: 0 0; }
#menu-item-19 a:hover,#menu-item-19 a.on{ background-position: 0 -50px; }
#menu-item-24 a{ background-position:-158px 0; width:65px }
#menu-item-24 a:hover,#menu-item-24 a.on{ background-position:-158px -50px; }
#menu-item-21 a{ background-position:-230px 0; width:60px }
#menu-item-21 a:hover,#menu-item-21 a.on{ background-position:-230px -50px; }
#menu-item-22 a{ background-position:-305px 0; width:86px }
#menu-item-22 a:hover,#menu-item-22 a.on{ background-position:-305px -50px; }
#menu-item-23 a{ background-position:-400px 0; width:120px }
#menu-item-23 a:hover,#menu-item-23 a.on{ background-position:-400px -50px; }
#menu-item-48 a{ background-position:-55px 0; width:100px }
#menu-item-48 a:hover,#menu-item-48 a.on{ background-position:-55px -50px; }
.tgs-cnt a.close{ background: url("/img/1442199511_icon-close-circled.png") no-repeat scroll 2px 10px;
height: 35px;
position: absolute;
right: -7px;
text-indent: -9999px;
top: -7px;
width: 35px;}
.tgs-cnt{ display:none; margin-bottom:10px;text-align:center; }.tgs-cnt .c2{ position:relative }
.tgs-cnt a{ color: #222;
display: inline-block;
font-size: 40px;
font-family:oswaldbold;
margin: 7px 7px 16px 7px ;
text-transform: uppercase; }
.tgs-cnt a:hover{ color: #f15a24;
}
.tgs-box{ height:300px; float:left;width:20%; }
.tgs-box img{ width:100%; }
.box-footer1 { text-align:center; float:left;width:950px; font-size:12px;padding:12px 0 12px 0;color:#777; display:inline-block}
.box-footer2 { float:right; padding-top: 25px; width: 148px; display:inline-block}
.box-footer3 { width: 400px; float: left;display:inline-block}
.top-search-b{ background: url("/img/top-search-i.jpg") no-repeat scroll 1px 1px #000;
border-radius: 25px;
cursor: pointer;
float: right; display: none;
height: 25px;
margin-right:5px;
margin-top: 15px;
width: 31px;}
.top-search-a{ background: url("/img/hs.jpg") no-repeat scroll 8px 5px #000;
border-radius: 25px;
cursor: pointer;
float: right;
height: 25px;
margin-right:25px;
margin-top: 15px;
width: 31px;}
a.home {
position: absolute; left: 30px; top: 30px;
background: url("http://dev8.dev3p.com/wp-content/uploads/2013/09/hp.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 30px;
margin-top: -5px;
text-indent: -9999px;
width: 25px;
}
div.menu-footer { float: left; text-align: center; padding: 15px;}
div.menu-footer a{ text-decoration: none; margin-left: 7px; display: block; float: left; font-size: 15px; font-family: heroregular; color: #444; text-transform:uppercase; background: url(img/fork.png) 0 8px no-repeat;padding-left: 20px;}
.entry-meta{ display: none}
div.menu-footer2 { float: right; font-family: heroregular; text-align: right; padding: 15px; font-size: 13px ; color: #bbb}
.pn{ font-family: heroregular,arial; }
.pn2{ font-family: heroregular,arial;}
.pn3{ font-family: heroregular,arial; /*font-family: 'Kaushan Script', cursive;*/}
.mood-box{ background: #B41449; opacity: .8;overflow:hidden }
.corsi-box{ background: #fff; opacity: .8; }
.corsi-box img{ border-radius: 140px; width: 250px; height: 250px;margin-bottom: 21px}
.corsi-b a{ display: block; text-decoration: none; color: #fff; text-align: center;padding: 7px; background: #B81548; -webkit-transition: all .5s linear;
-o-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-kthtml-transition: all .5s linear;
transition: all .5s linear; }
.corsi-b a:hover{ background: #740104 ;color:#fff;}
.ric-img{ width:50%; height: 300px;float: left; border-radius: 0; box-shadow: 0;}
.corsi-b a:hover{ color:#B81548; }
.mood{ color: #222; font-size: 18px; text-transform: uppercase; font-weight: normal; margin-top: 15px; background: #222; color: #fff;padding: 4px; display: block; float: left; position: absolute}
.box-ricetta{margin-bottom: 25px; float: left; width: 100%; font-size: 13px;}
.box-ricetta .desc{ float: left; width: 753px; margin-left: 15px; text-align: justify}
.box-ricetta .ic{ float: left; width: 200px ;padding-top: 20px}
.loader-gallery{ position: fixed; top: 50%; left: 50%; margin-left: -125px; width: 250px; background: #fff; padding: 7px; border-radius:4px;}
.loader-home{ height: 0px; background:#000; display:none;
margin-top: -75px; position: fixed; overflow:hidden; border-radius:150px;
top: 50%; left: 50%; margin-left: -75px; width: 0px; }
/*
Todd Motto Labs
URL: www.toddmotto.com
*/
body {
background:#fff;
}
a,
a:hover {
text-decoration:none;
}
ul,
ol {
list-style:none;
}
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
.main {
width:100%;
margin:50px 0;
text-align:center;
}
.main.pag-search {
width:100%;
margin:10px 0;
text-align:center;
}
.content {
text-align:left;
margin:25px 0;
}
.content-text {
margin:0 0 15px;
}
/* jQuery NailThumb Plugin - any image to any thumbnail
* Examples and documentation at: http://www.garralab.com/nailthumb.php
* Copyright (C) 2012 garralab@gmail.com
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see .
*/
.nailthumb-container {
width: auto;
height: auto;
margin: 0 ;
padding: 0px;
overflow: hidden;
position: relative;
text-align: left;
}
.nailthumb-container img.nailthumb-image {
margin: 0px;
padding: 0px;
max-width: none;
text-align: left;
float: left;
}
.nailthumb-container span.nailthumb-title {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
bottom: 0;
color: White;
display: block;
font-size: 9px;
height: 20px;
left: 0;
margin-top: 2px;
line-height: 20px;
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
float: left;
}
.nailthumb-container span.nailthumb-title .nailthumb-title-scroller {
padding-left: 2px;
}
.nailthumb-container img {
max-width: none;
text-align: left;
}
/*------------------------------------*
Flaunt JS Navigation
*------------------------------------*/
.nav {
position:relative;
}
.nav-list {
}
.nav-item {
*display:inline;
zoom:1;
position:relative;
}
.nav-item a {
}
.nav-item > a:hover {
color:rgb(180,021,073);
}
.nav-item:hover .nav-submenu {
display:block;
}
/* Navigation submenu */
.nav-submenu {
display:none;
position:absolute;
left:0;
width:180px;
}
.nav-submenu-item a {
background:#8B2770;
border-bottom:1px solid #9A337E;
display:block;
padding:15px;
}
.nav-submenu-item a:hover {
background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
display:none; /* Hide from browsers that don't support media queries */
cursor:pointer;
position:absolute;
top:-65px;
right:25px;
background:#3D3D3B url(/wp-content/themes/_mood/img/nav.svg) no-repeat center center;
background-size:18px;
height:50px;
width:50px;
}
/* Mobile navigation, clickable area for revealing */
.nav-click {
position:absolute;
top:0;
right:0;
display:none;
border-left:1px solid #8B2870;
height:49px;
width:50px;
cursor:pointer;
}
.nav-click i {
display:block;
height:48px;
width:48px;
background:url(../img/drop.svg) no-repeat center center;
background-size:20px;
}
.nav-click:hover {
background-color:#6E1656;
}
.nav-rotate {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.home .post{ display:block; background:#000}
ul.bxslider{ margin:0;padding:0}
.top-lang a img{ width:25px; height:25px }
.top-lang{ float:right;
border-radius:20px;
height:24px; margin:15px 0 0 0; }
.mob-search{ display: none; background:#ccc }
.top-search-mob{
background:#fff url(/img/Searchbox.png) 100% 0 no-repeat;
border-radius:20px;
height:24px; margin:15px ;}
.top-search{ float:right; width:194px ;
background:#fff url(/img/Searchbox.png) 0 0 no-repeat;
border-radius:20px;
height:24px; margin:15px 0 0 0; margin-right:5px;}
#searchform label { display:none}
#s{
border: 0 none;
float: left;
font-size: 12px;
margin: 0;
width: 140px;
}
#searchsubmit{background: none repeat scroll 0 0;
border: 0 none;
float: left;
height: 22px;
margin: -5px 0 0 10px;
text-indent: -9999px;
width: 29px;}
.input{ border: 0; width: 100%; padding: 0}
.menu-secondary_nav-container {
overflow: hidden;
float:left;width:500px;
margin-left:10px;
text-align: center;
}
.menu-secondary_nav-container ul {
margin: 0;
padding: 0;
}
.menu-secondary_nav-container ul li {
display: inline;
text-align: center;
}
.menu-secondary_nav-container ul li {
display: block; float:left;
}
.footer{ text-align:center}
.desc-ric{
font-size:13px;
}
div.box-mood{
opacity: 0
}
.ricette{ margin:0;padding:0}
.ricette li p { font-size:12px}
.ricette li { text-align:center}
.ricette li h3 a{ color:#444}
.ricette li h3,.ricette li p{ margin: 0; padding: 0}
.ricette li img { text-align:center}
.ricette li h3 { font-size:15px;margin-top:25px}
.mood-box ul li ,
.ricette li {
background:url("img/line_divider.png") repeat-x scroll 0 100% #fff;
display: block; float: left; width: 100%; margin-bottom: 5px; padding-bottom: 30px; }
.mood-box ul li .modd-d1 { display: block; float: left; margin-left: 12px; color: #fff; font-size: 15px; }
.mood-box ul li .modd-d3 { display: block; float: left; height: 50px; border: 2px solid #fff;; border-radius: 50px; width: 50px; }
.page-id-249 h1{ color: #fff}
.page-id-6 div.content-area{ }
.page-id-13 div.content-area{ font-size: 18px}
h3.line{ color: #B41449; font-size: 25px; text-align: center ;background:
url("img/line_divider.png") 0 15px repeat-x #fff; }
h3.line span{ display: inline-block; padding: 7px 25px 7px 25px; background: #fff }
.page-id-9,.page-id-249{ background: url(/wp-content/themes/mood2/img/bio_bg2.png) center center no-repeat; background-size: cover}
h1.nt{ font-size: 55px; color: #333; display: block; line-height: 40px; text-align: center}
h1.bio{ font-size: 55px; color: #333; display: block; line-height: 40px; text-align: center}
h1.bio .one{ display: block; float: left}
h1.bio .two{ display: block; float: right; margin-right: 20px; margin-bottom: 20px}
h1.food{ color: #fff; }
h1.food span.o{ }
h1.food span.t{ }
ul.bottom li{
float: left; width: 20%;
padding-left: 35px;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #d0d0d0;
background: url(/wp-content/themes/mood2/img/fork.png) 0 0 no-repeat;
}
ul.bottom li a{
font-size: 13px; color: #B81548
}
.page-id-150{ background: #fff}
div.bio-one2{
}
.bioimg{box-shadow: 0 0 0 16px rgba(0, 0, 0, 0.3) inset; border-radius: 140px; padding: 13px; display: none}
.moodimg{box-shadow: 0 0 0 16px rgba(0, 0, 0, 0.3) inset; max-width: 100%}
div.bio-one{
}
div.bio-two{ background: #fff url(img/d.png) 0 3px repeat-x ;
padding-bottom: 25px; padding-top: 25px;
}
.foodintro{ color: #fff; padding: 25px; padding-bottom: 25px; font-size: 25px;}
/*! http://responsiveslides.com v1.32 by @viljamis */
.rslides,.rslides2 {
position: relative;
list-style: none;
overflow: hidden;
width: 100%; height:100%;
padding: 0;
margin: 0; z-index:10000
}
.rslides li {
position: absolute;
display: none;
width: 100%; height:100%;
left: 0%;
top: 0;
}
.rslides2 li {
position: absolute;
display: none;
width: 80%;
left: 0;
top: 0;
}
.menu-item-211 a{ padding-left: 15px; padding-right: 15px;}
.page-id-11 .callbacks_tabs{ margin-left: -90px; }
.callbacks_tabs{ position: absolute; bottom: 125px; width: 100px; left: 50%; margin-left: -90px; z-index: 1000000}
.callbacks_tabs li {display: inline; text-align: center}
.callbacks_tabs li a{ width: 18px; height: 18px; text-indent: -9999px; display: block; float: left; background: url(img/bg_ball.png) 0 0 no-repeat ; margin-right: 5px;}
.callbacks_tabs li.callbacks_here a{ width: 18px; height: 18px; text-indent: -9999px; display: block; float: left; background: url(img/bg_ball2.png) 0 0 no-repeat ; margin-right: 5px;}
.rslides li:first-child ,.rslides2 li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img,.rslides2 img {
display: block;
height: auto;
float: left;
width: 100%; height:100%;
border: 0;
}
.page-id-877 .label{ background:#C32A5A;padding:3px;float:left;clear:both;margin-bottom:10px;border-radius:3px;}
.page-id-877 .inputc, .page-id-877 .input{ background:#fff}
.page-id-877 .inputc { border: 5px solid #ba8e95}
.page-id-877 { background:#fff}
.list-g{ border-radius: 45px; display: inline-block; height: 45px;width: 45px; background: #fff url(/wp-content/themes/mood2/img/logo-m.png) 0 0 no-repeat; float: left; background-size: cover}
.list-g.marino{ background: #fff url(/wp-content/themes/mood2/img/logo-ma.png) 0 0 no-repeat}
.list-g.s{ background: #fff url(/wp-content/themes/mood2/img/logo-s.png) 0 0 no-repeat}
.list-g.d{ background: #fff url(/wp-content/themes/mood2/img/logo-d.png) 0 0 no-repeat}
.list-g.t{ background: #fff url(/wp-content/themes/mood2/img/logo-t.png) 0 0 no-repeat}
.list-g.o{ background: #fff url(/wp-content/themes/mood2/img/logo-o.png) 0 0 no-repeat}
.food-b ul{ margin: 0; padding: 33px}
.food-b ul li { border-bottom: 1px dashed #fff;margin-bottom: 17px; padding-bottom: 17px; float: left; width: 100%}
.food-b ul li a{ color: #005800; display: block; float: left;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
-moz-transition: all .5s linear; margin-top: 10px; margin-left: 20px;
-ms-transition: all .5s linear;
-kthtml-transition: all .5s linear;
transition: all .5s linear;
} .food-b ul li a:hover{ color: #fff;}
.food-b h3{text-align:center; color: #fff; font-weight: 300; font-size: 25px;margin-bottom: 0; margin-left: 20px;padding-top: 12px; margin:0; padding-left: 25px;margin-top:25px}
h3.bottom{ border-bottom: 1px solid #333; color: #333}
.masonryImage{ width: 25%}
.masonryImage img{ height: 100%; width: 100%}
#form-c{ padding: 12px; background: #fff; border-radius: 12px; border:2px dashed #444}
#form-c input{ padding: 0; background:#e0e0e0;
border: 0; width: 100%;
}
.page-id-11 #primary{ margin-bottom: 0}
#form-c textarea{ padding: 0; background:#e0e0e0;
border: 0; width: 100%;
}
.next{background: #fff none repeat scroll 0 0;
border: 1px solid #b3b3b3;
color: #b3b3b3;
display: block;
float: right;
margin-top: 1px;
padding: 55px 25px;
text-align: center;}
.pre{background: #fff none repeat scroll 0 0;
border: 1px solid #b3b3b3;
color: #b3b3b3;
display: block;
float:left;
margin-top: 1px;
padding: 55px 25px;
text-align: center;}
.inputc { background: #fff; padding: 12px;border-radius: 4px; margin-bottom: 25px;}
p.label{ margin-bottom: 2px;margin-top:0}
ul.moods,ul.moods3 {
padding: 0;
margin: auto;
}
ul.moods li, ul.moods3 li {
display: inline;
text-align: center;
}
ul.moods li a.ron img{ width: 300px; height: 300px;}
ul.moods li a.ron{ overflow: hidden;
margin-right: 15px;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-kthtml-transition: all .5s linear;
transition: all .5s linear;
box-shadow: 0 0 30px #898989;
display: inline-block;
width:210px; håeight: 210px;
background: red; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px;
}
ul.moods li a:hover{
box-shadow: 0 0 30px #555;
}
.hp-sld{ height:350px}
.grow img {
height: 300px;
width: 300px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.grow img:hover {
width: 400px;
height: 400px;
}
ul.moods3 li a.ron{
display: inline-block;
width:150px; height: 150px;
}
.bioimgd img{ max-width: 100%}
.circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; ; display: block;}
.callbacks1_on{box-shadow:0 0 30px #4ff}
#bg-o2{margin-top:-200%}
.box-home1{
float: left;
margin-right: 15px;
width: 568px;
}
.box-home2{ float:left; width: 567px;}
div.c2{ margin:auto; width:1150px }
div.contatti-title{ height: 100px; }
.over{ overflow: hidden}
.im img{ width: 100%; height: 100%}
.team-box h3{ font-size: 15px; color: #333; margin: 15px 0 0 75px}
.team-box p{ font-size: 13px; margin: 10px; margin-left:75px}
.team-box{ box-shadow:0 0 1px rgba(0, 0, 0, 0.71);
float: left; width: 25%; background: #fff; height: 300px; }
.team-box.mgx{ float: right; }
.bio-three{ padding-bottom: 45px; }
.team-box2{
background: #B41449;
float: left; width: 50%; }
.team-box2in h3{ display: block; margin: 25px 0 0 40px}
.team-box2in img{ }
.team-box2in{
text-align: center;padding: 20px
}
.introbio{ }
.introbio p{ text-align: justify; margin: 0 25px 10px 25px }
html.swipebox {
overflow: hidden!important;
}
#swipebox-overlay img {
border: none!important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999!important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#swipebox-slider {
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
}
#swipebox-slider .slide {
background: url("/wp-content/themes/mood2/lib/swipebox/source/img/icons.svg") no-repeat center center;
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background:none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding:5%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0; left: 0;
}
#swipebox-action, #swipebox-caption {
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
#swipebox-action {
bottom: -50px;
}
#swipebox-action.visible-bars {
bottom: 0;
}
#swipebox-action.force-visible-bars {
bottom: 0!important;
}
#swipebox-caption {
top: -50px;
text-align: center;
}
#swipebox-caption.visible-bars {
top: 0;
}
#swipebox-caption.force-visible-bars {
top: 0!important;
}
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
background-image: url("/wp-content/themes/mood2/lib/swipebox/source/img/icons.png");
background-repeat: no-repeat;
border: none!important;
text-decoration: none!important;
cursor: pointer;
position: absolute;
width: 50px;
height: 50px;
top: 0;
}
#swipebox-action #swipebox-close {
background-position: 15px 12px;
left: 40px;
}
#swipebox-action #swipebox-prev {
background-position: -32px 13px;
right: 100px;
}
#swipebox-action #swipebox-next {
background-position: -78px 13px;
right: 40px;
}
#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
}
#swipebox-slider.rightSpring {
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#swipebox-slider.leftSpring {
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
@-moz-keyframes rightSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0px;
}
}
@-moz-keyframes leftSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0px;
}
}
@-webkit-keyframes rightSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0px;
}
}
@-webkit-keyframes leftSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0px;
}
}
@media screen and (max-width: 800px) {
#swipebox-action #swipebox-close {
left: 0;
}
#swipebox-action #swipebox-prev {
right: 60px;
}
#swipebox-action #swipebox-next {
right: 0;
}
}
/* Skin
--------------------------*/
#swipebox-overlay {
background: #0d0d0d;
}
#swipebox-action, #swipebox-caption {
text-shadow: 1px 1px 1px black;
background-color: #0d0d0d;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(#0d0d0d, #000000);
background-image: -moz-linear-gradient(#0d0d0d, #000000);
background-image: -o-linear-gradient(#0d0d0d, #000000);
background-image: linear-gradient(#0d0d0d, #000000);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 0.95;
}
#swipebox-action {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#swipebox-caption {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: white!important;
font-size: 15px;
line-height: 43px;
font-family: Helvetica, Arial, sans-serif;
}
ul.overview li img { width: 100%; height: 100%}
.sld{ height: 300px; position: relative}
.buttons.pre{ left: 0 }
.buttons.next{ right: 0; }
/* Tiny Carousel */
#slider1 { height: 300px; overflow:hidden; padding: 0 0 10px; }
#slider1 .viewport { float: left; width:100%; height: 300px; overflow: hidden; position: relative; }
#slider1 .buttons {
background: #C01313;
border-radius: 35px;
display: block;
position: absolute;
width: 35px;
height: 35px;
top: 50px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 35px;
text-decoration: none;
font-size: 22px;
}
#slider1 .next {
margin: 30px 0 0 10px;
}
#slider1 .buttons:hover{
color: #C01313;
background: #fff;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 100%; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 300px; border: 1px solid #dcdcdc; width: 236px;}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default;
-webkit-perspective: 900px;
-moz-perspective: 900px;
-o-perspective: 900px;
-ms-perspective: 900px;
perspective: 900px;
}
.ch-info{
position: absolute;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ch-info > div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.ch-info .ch-info-front {
box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);
}
.ch-grid {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 200px;
height: 200px;
display: inline-block;
margin: 20px;
margin-bottom:95px;
}
.ch-info .ch-info-back {
-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
background: #B41449;
opacity: 0;
}
.ch-img-1 {
background-image: url(/wp-content/themes/_mood/img/matrimonio.jpg);
}
.ch-img-2 {
background-image: url(/wp-content/themes/_mood/img/ricevimento.JPG);
}
.ch-img-3 {
background-image: url(/wp-content/themes/mood2/img/cena-romantica.jpg);
}
.ch-img-4 {
background-image: url(/wp-content/themes/mood2/img/cena-romantica.jpg);
}
.ch-info h3 a{ color: #fff}
.ch-info h3 {
color: #fff;
font-weight: 300; letter-spacing: -1px;
font-size: 24px;
margin: 35px 0 0 0;
padding: 60px 0 0 0;
height: 110px;
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5);
}
.ch-info p a {
display: block;
color: #fff;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans', Arial, sans-serif;
}
.mood-subt { color:#444;font-size:14px;line-height:15px;}
.mood-subt h3 a{ color:#444}
.mood-subt h3 a:hover{ color:#B11A51}
.mood-subt h3{margin:52px 0 10px 0;color:#444;
font-size:20px;
}
/*
.ch-info p a:hover {
color: #fff222;
color: rgba(255,242,34, 0.8);
}
.ch-item:hover .ch-info-front {
-webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
opacity: 0;
}
.ch-item:hover .ch-info-back {
-webkit-transform: rotate3d(1,0,0,0deg);
-moz-transform: rotate3d(1,0,0,0deg);
-o-transform: rotate3d(1,0,0,0deg);
-ms-transform: rotate3d(1,0,0,0deg);
transform: rotate3d(1,0,0,0deg);
opacity: 1;
}
*/
.box-contatti2{padding-left:330px;background:url(/wp-content/themes/mood2/img/c_d.png) 200px 45px no-repeat;height:200px; }
.box-contatti3{ float:left;height:150px;width:150px }
.box-contatti1{overflow:hidden; padding: 45px }
.mtp{ margin-top: 35px}
.bioimgd{ }
.bioimgd-c { }
.desc{float: left; width: 100%}
.page-id-877 .c12-2{ opacity:1}
/* ==========================================================================
Media Queries
========================================================================== */
.footer-box1-in{ padding: 60px 100px 50px 0px }
.footer-box2-in{ padding: 80px 10px 50px 0px }
/***************/
a.menu-mn{ display: none }
.footer-box1{ float:left;font-size:14px; width: 33%; }
.footer-box2{ float:left;font-size:12px; width: 33%; }
.footer-box3{ float:left;font-size:12px; width: 34%; text-align: center}
/***************/
@media (max-width: 1023px) {
.clmn-r-video{ margin-top:45px
}
.box-video { padding:0;
margin-right: 0px;
}
.article-cat1-left {
float: left;
width: 100%
}
.article-cat3-gallery {
float: left;
width: 100%;
margin-left: 0px;
}
.post-swap-img {
float: left;margin:25px 10px 0 0 ;width:100%;
}
.post-swap-img img{
width:100%;
}
.box-cat3-img {
float: left;
width: 100%;
}
.article-cat3-rx {
margin-left: 0px;
float: left;
width: 100%;
}
.article-cat1-rx {
float: left;
width: 100%; margin:45px 0 0 0;
}
.article-cat3-left {
float: left;
width: 100%
}
.article-cat3-left > a > img {
width: 100%
}
.page-id-13 h1{
background: url(/wp-content/themes/mood2/img/titoli.png) 50% 100% no-repeat;
}
.page-id-6 h1{
height:85px;
background: url(/wp-content/themes/mood2/img/titoli.png) 50% -125px no-repeat;
}
.page-id-11 h1{
background: url(/wp-content/themes/mood2/img/titoli.png) 50% -300px no-repeat;
}
.box-all.big-box {
width: 100%; height: 287px;
}
.box-all {
width: 100%
}
.c12-2{margin-right:0}
.ric-img, .ricette li img{ max-width:100%; }
.hp-line{display:none}
.menu-secondary_nav-container ul{ width: 100%}
.team-box2{ width:100%}
#menu-item-211, .hp-botm-sld{ display: none}
div.tp-bar,div.cnt{ position: static;float: left; width: 100%}
a.menu-mn{ }
.nav{ display: none; float: left; width: 100%}
.c12{margin: auto; width:90%; }
.menu-secondary_nav-container ul li{ display: block; float: left; width: 100%}
.nav-item > a{ padding: 4px; background: #fff; }
.menu-secondary_nav-container ul li{ text-align: center; ; margin-bottom: 7px;}
.menu-secondary_nav-container li a{ color: #444}
.bioimgd{ }
.box-contatti2{padding-left: 0px;background: none;height:200px; float: left; margin-left: 25px}
.box-contatti3{ }
#primary{ }
.footer-box1{ float:left;font-size:14px; width: 100%; text-align: center}
.footer-box2{ float:left;font-size:14px; width: 100%; text-align: center }
.footer-box3{float:left;font-size:14px; width: 100%; text-align: center}
div.c-footer{ margin: auto; width: 100%; }
.footer-box1-in{ padding: 25px 0 0 0}
.footer-box2-in{ padding: 25px 0 25px 0}
.bioimgd img{ max-width: 100%}
}
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
@media only screen and (min-width: 1024px) {
}
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
/***************/
.ngg-gallery-thumbnail img {
display: block;
margin: 4px 0px 4px 4px;
position: relative;
}
.gallery{ visibility: hidden}
.wc-gallery{ min-height: 500px}
.rotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
.page-id-880 #primary{ overflow: hidden}
.rotate:hover
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.rotate-h
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.gallery-p:nth-child(1){ }
.intro-gl{ box-shadow: 0 0 0 16px rgba(0, 0, 0, 0.3) inset; position: absolute; width: 200px; height: 200px; top: 0; left: 0; border-radius: 200px; z-index: -1}
.gallery-p{ width: 100%; height: 350px; background:
#444;
position: relative;
}
.gallery-p a img{ width: 100%;
}
.gallery-p div.t{ border-radius: 200px; display: block; width: 200px; font-size: 55px; height: 200px; position: absolute; z-index: 10000 ; box-shadow: 0 0 0 16px rgba(0, 0, 0, 0.3) inset;
top: 75px; left: 50%; margin-left: -100px; text-align: center ; background: #fff; opacity: .9
}
.gallery-p div.t h3{margin-top:75px;
display: block; font-weight: 300;
font-size: 20px; letter-spacing: -1px; text-transform: uppercase; color: #333;
}
#simple-menu {
display: none
}
@font-face {
font-family: 'oswaldbold';
src: url('/w/lib/fonts/oswald-bold-webfont.eot');
src: url('/w/lib/fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/w/lib/fonts/oswald-bold-webfont.woff2') format('woff2'),
url('/w/lib/fonts/oswald-bold-webfont.woff') format('woff'),
url('/w/lib/fonts/oswald-bold-webfont.ttf') format('truetype'),
url('/w/lib/fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oswaldlight';
src: url('/w/lib/fonts/oswald-light-webfont.eot');
src: url('/w/lib/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/w/lib/fonts/oswald-light-webfont.woff2') format('woff2'),
url('/w/lib/fonts/oswald-light-webfont.woff') format('woff'),
url('oswald-light-webfont.ttf') format('truetype'),
url('/w/lib/fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oswaldheavy';
src: url('/w/lib/fonts/oswald-heavy-webfont.eot');
src: url('/w/lib/fonts/oswald-heavy-webfont.eot?#iefix') format('embedded-opentype'),
url('/w/lib/fonts/oswald-heavy-webfont.woff2') format('woff2'),
url('/w/lib/fonts/oswald-heavy-webfont.woff') format('woff'),
url('/w/lib/fonts/oswald-heavy-webfont.ttf') format('truetype'),
url('/w/lib/fonts/oswald-heavy-webfont.svg#oswaldheavy') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oswald_regularregular';
src: url('/w/lib/fonts/oswald-regular-webfont.eot');
src: url('/w/lib/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/w/lib/fonts/oswald-regular-webfont.woff2') format('woff2'),
url('/w/lib/fonts/oswald-regular-webfont.woff') format('woff'),
url('/w/lib/fonts/oswald-regular-webfont.ttf') format('truetype'),
url('/w/lib/fonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
font-weight: normal;
font-style: normal;
}
a.tag-1:hover{ color:#669999; }
a.tag-2:hover{ color:#cc9900; }
a.tag-3:hover{ color:#ff3300; }
a.tag-4:hover{ color:#cc0000; }
a.tag-5:hover{ color:#9999ff; }
a.tag-6:hover{ color:#ff0099; }
a.tag-7:hover{ color:#00ffff; }
a.tag-8:hover{ color:#666699; }
a.tag-9:hover{ color:#9900cc; }
a.tag-10:hover{ color:#0066ff; }
a.tag-11:hover{ color:#33cc00; }
a.tag-12:hover{ color:#ffcc00; }
a.tag-13:hover{ color:#ff00cc; }
a.tag-14:hover{ color:#3366cc; }
a.tag-15:hover{ color:#ff6600; }
a.tag-16:hover{ color:#660099; }
a.tag-17:hover{ color:#99ff00; }
a.tag-18:hover{ color:#ff66cc; }
a.tag-19:hover{ color:#ff0066; }
a.tag-20:hover{ color:#009900; }
a.tag-21:hover{ color:#ff9900; }
a.tag-22:hover{ color:#669999; }
a.tag-23:hover{ color:#99cccc; }
a.tag-24:hover{ color:#000066; }
a.tag-25:hover{ color:#660000; }
a.tag-26:hover{ color:#666666; }
a.tag-27:hover{ color:#ff3333; }
a.tag-28:hover { color:#cc0000; }
.article-tgs a.tag-1 { color:#669999; }
.article-tgs a.tag-2 { color:#cc9900; }
.article-tgs a.tag-3{ color:#ff3300; }
.article-tgs a.tag-4{ color:#cc0000; }
.article-tgs a.tag-5{ color:#9999ff; }
.article-tgs a.tag-6{ color:#ff0099; }
.article-tgs a.tag-7{ color:#00ffff; }
.article-tgs a.tag-8{ color:#666699; }
.article-tgs a.tag-9{ color:#9900cc; }
.article-tgs a.tag-10{ color:#0066ff; }
.article-tgs a.tag-11{ color:#33cc00; }
.article-tgs a.tag-12{ color:#ffcc00; }
.article-tgs a.tag-13{ color:#ff00cc; }
.article-tgs a.tag-14{ color:#3366cc; }
.article-tgs a.tag-15{ color:#ff6600; }
.article-tgs a.tag-16{ color:#660099; }
.article-tgs a.tag-17{ color:#99ff00; }
.article-tgs a.tag-18{ color:#ff66cc; }
.article-tgs a.tag-19{ color:#ff0066; }
.article-tgs a.tag-20{ color:#009900; }
.article-tgs a.tag-21{ color:#ff9900; }
.article-tgs a.tag-22{ color:#669999; }
.article-tgs a.tag-23{ color:#99cccc; }
.article-tgs a.tag-24{ color:#000066; }
.article-tgs a.tag-25{ color:#660000; }
.article-tgs a.tag-26{ color:#666666; }
.article-tgs a.tag-27{ color:#ff3333; }
.article-tgs a.tag-28 { color:#cc0000; }
.article-tgs a.tag-1:hover { color:#000; }
.article-tgs a.tag-2:hover { color:#000; }
.article-tgs a.tag-3:hover { color:#000; }
.article-tgs a.tag-4:hover { color:#000; }
.article-tgs a.tag-5:hover { color:#000; }
.article-tgs a.tag-6:hover { color:#000; }
.article-tgs a.tag-7:hover { color:#000; }
.article-tgs a.tag-8:hover { color:#000; }
.article-tgs a.tag-9:hover { color:#000; }
.article-tgs a.tag-10:hover { color:#000; }
.article-tgs a.tag-11:hover { color:#000; }
.article-tgs a.tag-12:hover { color:#000; }
.article-tgs a.tag-13:hover { color:#000; }
.article-tgs a.tag-14:hover { color:#000; }
.article-tgs a.tag-15:hover { color:#000; }
.article-tgs a.tag-1:hover { color:#000; }
.article-tgs a.tag-16:hover { color:#000; }
.article-tgs a.tag-17:hover { color:#000; }
.article-tgs a.tag-18:hover { color:#000; }
.article-tgs a.tag-19:hover { color:#000; }
.article-tgs a.tag-20:hover { color:#000; }
.article-tgs a.tag-21:hover { color:#000; }
.article-tgs a.tag-22:hover { color:#000; }
.article-tgs a.tag-23:hover { color:#000; }
.article-tgs a.tag-24:hover { color:#000; }
.article-tgs a.tag-25:hover { color:#000; }
.article-tgs a.tag-26:hover { color:#000; }
.article-tgs a.tag-27:hover { color:#000; }
.article-tgs a.tag-28:hover { color:#000; }
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper img, .bx-viewport img {
height: 350px !important; //provide height of slider
}
.btmsld ul.bxslider li {
text-align:center; height: 200px;
border:1px solid #b3b3b3;
}
ul.bxslider li a{
display:block;overflow:hidden;margin:4px
}
.bx-wrapper {
position: relative;
margin: 0 ;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
height: 100%;
display: inline-block;
}
.btmsld .bx-wrapper, .btmsld .bx-viewport {
height: 215px !important; //provide height of slider
}
.btmsld .bx-wrapper img, .btmsld .bx-viewport img {
height: 200px !important;
width:100%
}
.bx-wrapper .bx-prev {
background: url(/img/controls.png) no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
left: -55px;
}
.bx-wrapper .bx-next{
background: url(/img/controls.png) no-repeat scroll -43px 0 rgba(0, 0, 0, 0);
right: -55px;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -65px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#fff;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{
}.sidr ul li a,.sidr ul li span{text-transform: uppercase; padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #bbb;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #b3b3b3;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #6669;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
border-radius: 5px;
border: 1px solid #ccc;
background: #fff;
color: #ccc;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
cursor: help;
margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}
.tooltipster-grow {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
top: 0;
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0px !important;
opacity: 0;
}
.tooltipster-slide {
left: -40px;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0px !important;
opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
opacity: 0.5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}