@charset "utf-8";
/*---
Theme Name: LoveStory Child
Theme URI: ...
Description: LoveStory Child Theme
Author: Alessandro Giuffrida
Author URI: ...
Template: lovestory
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: orange, light, responsive-layout, accessibility-ready
Text Domain: lovestory-child
---*/
/*----Stili caratteri----*/
a:focus,
a:hover {
color:#FF7733;
}
.site-content p {
color:#553333;
}
.footer-menu li a:focus,
.footer-menu li a:hover {
color:#fff!important;
text-decoration: underline;
}
.site-footer a:focus,
.site-footer a:hover {
color:#fff!important;
text-decoration: underline;
}
/*----Sfondo----*/
.header-wrap,.header-menu div > ul > li.current-menu-item > a{
background: none;
}
body{
margin-top: -20px;
background: #FFC68C url('/wp-content/uploads/background/sfondo-OIS.jpg') no-repeat;
background-size: 100% auto;
font-family:Open Sans, Helvetica, Arial, sans-serif;
font-weight:normal;
font-style:normal;
font-size:13px;
line-height:1.5em;
color:#553333;
overflow-x:hidden;
}
.site-wrap {
background: url('/wp-content/uploads/background/balls.png') no-repeat fixed;
background-size: 100% auto;
}
/*----Eliminazione categorie fondo post----*/
.post-footer {
display:none;
}
/*----Stili plugin Category List----*/
div.all_cats_mobile {
display: none!important;
}
ul.lcp_catlist {
list-style: none;
}
ul.lcp_catlist li {
padding: 10px;
display: inline-block;
text-align: center;
}
img.lcp_thumbnail {
/*--- -webkit-filter: sepia(60%);
filter: sepia(60%); ---*/
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 175px;
height: 175px;
-webkit-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
-moz-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
}
img.lcp_thumbnail:hover,
img.lcp_thumbnail:focus,
img.lcp_thumbnail:active{
transform: rotate(5deg) scale(1.05,1.05);
-webkit-transform: rotate(5deg) scale(1.05,1.05);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
/*--- -webkit-filter: sepia(0);
filter: sepia(0); ---*/
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.container {
width:420px;
}
img.lcp_thumbnail {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
img.lcp_thumbnail:hover,
img.lcp_thumbnail:focus,
img.lcp_thumbnail:active{
-webkit-filter: brightness(150%);
filter: brightness(150%);
}
div.all_cats_mobile {
display: inline!important;
}
div.all_cats {
display: none!important;
}
}
@media only screen and (max-width: 479px) {
img.lcp_thumbnail {
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
img.lcp_thumbnail:hover,
img.lcp_thumbnail:focus,
img.lcp_thumbnail:active{
-webkit-filter: brightness(150%);
filter: brightness(150%);
}
div.all_cats_mobile {
display: inline!important;
}
div.all_cats {
display: none!important;
}
}
div.catlist {
text-align: center;
}
/*----Stili header----*/
.site-header {
background: rgb(255, 240, 220);
background: rgba(255, 240, 220, .8);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,240,220,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,240,220,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,240,220,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff0dc',GradientType=0 ); /* IE6-9 */
}
.site_logo {
position: relative;
float: left;
text-align:center;
margin-left: 25px;
}
.site_info {
float: right;
position: relative;
/** margin-top: -210px; **/
}
/*----Stili barra menu----*/
nav.header-menu {
clear:left;
margin-left: 40px;
}
.header-menu ul ul {
background: rgb(255, 240, 220);
background: rgba(255, 240, 220, .95);
}
.header-menu li.hover > a,
.header-menu a:hover {
color:#000;
background: rgb(255,255,235);
background: rgba(255,255,235,.7);
border-radius: 3px;
-webkit-box-shadow: 0px 0px 2px rgba(100,60,60,1);
-moz-box-shadow: 0px 0px 2px rgba(100,60,60,1);
box-shadow: 0px 0px 2px rgba(100,60,60,1);
}
.header-menu div > ul > li.current-menu-item > a {
background: rgb(255, 119, 51);
background: rgba(255, 119, 51, .5);
background-position:center center;
color:#000;
text-shadow:0 0 2px rgba(255,255,255,.2);
-webkit-box-shadow:0 0 6px 2px rgba(255,119,51,0.5) inset, 1px 1px 1px rgba(100,60,60,1);
-moz-box-shadow:0 0 6px 2px rgba(255,119,51,0.5) inset, 1px 1px 1px rgba(100,60,60,1);
box-shadow:0 0 6px 2px rgba(255,119,51,0.5) inset, 1px 1px 1px rgba(100,60,60,1);
}
.header-menu li > a,
.header-menu a {
padding-top:9px;
-webkit-transition: box-shadow background 0.5s ease-out;
transition: box-shadow background 0.5s ease-out;
}
/*----Pulsanti sidebar----*/
.sidebar_center {
margin: auto auto;
text-align: center;
}
a.button_sidebar {
display: inline-block;
border-radius: 4px;
background-color: #FF7733;
background: -webkit-linear-gradient(#FF7733, #CC5214);
background: -o-linear-gradient(#FF7733, #CC5214);
background: -moz-linear-gradient(#FF7733, #CC5214);
background: linear-gradient(#FF7733, #CC5214);
color: #FFFFFF!important;
text-align: center;
font-size: 18px;
padding:0.3em 0.8em 0.4em 0.8em;
transition: all 0.5s;
cursor: pointer;
margin: auto;
line-height:1.5em;
width:150px;
box-shadow: inset 0px -1px 1px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.8)
}
a.button_sidebar span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
a.button_sidebar span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
a.button_sidebar:hover span {
padding-right: 25px;
}
a.button_sidebar:hover span:after {
opacity: 1;
right: 0;
}
a.button_sidebar_fb {
display: inline-block;
border-radius: 4px;
background-color: #3b5998;
background: -webkit-linear-gradient(#6d84b4, #3b5998);
background: -o-linear-gradient(#6d84b4, #3b5998);
background: -moz-linear-gradient(#6d84b4, #3b5998);
background: linear-gradient(#6d84b4, #3b5998);
color: #FFFFFF!important;
text-align: center;
font-size: 18px;
padding:0.3em 0.8em 0.4em 0.8em;
transition: all 0.5s;
cursor: pointer;
margin: auto;
line-height:1.5em;
width:150px;
box-shadow: inset 0px -1px 1px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.8)
}
a.button_sidebar_fb span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
a.button_sidebar_fb span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
a.button_sidebar_fb:hover span {
padding-right: 25px;
}
a.button_sidebar_fb:hover span:after {
opacity: 1;
right: 0;
}
/*----Pulsanti header----*/
a.button_header {
display: inline-block;
border-radius: 4px;
background-color: #FF7733;
background: -webkit-linear-gradient(#FF7733, #CC5214);
background: -o-linear-gradient(#FF7733, #CC5214);
background: -moz-linear-gradient(#FF7733, #CC5214);
background: linear-gradient(#FF7733, #CC5214);
color: #FFFFFF!important;
text-align: center;
font-size: 14px;
padding:0.3em 0.8em 0.4em 0.8em;
transition: all 0.5s;
cursor: pointer;
margin: auto;
line-height:1.5em;
width:200px;
box-shadow: inset 0px -1px 1px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.8)
}
a.button_header span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
a.button_header span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
a.button_header:hover span {
padding-right: 25px;
}
a.button_header:hover span:after {
opacity: 1;
right: 0;
}
a.button_header_fb {
display: inline-block;
border-radius: 4px;
background-color: #3b5998;
background: -webkit-linear-gradient(#6d84b4, #3b5998);
background: -o-linear-gradient(#6d84b4, #3b5998);
background: -moz-linear-gradient(#6d84b4, #3b5998);
background: linear-gradient(#6d84b4, #3b5998);
color: #FFFFFF!important;
text-align: center;
font-size: 14px;
padding:0.3em 0.8em 0.4em 0.8em;
transition: all 0.5s;
cursor: pointer;
margin: auto;
line-height:1.5em;
width:200px;
box-shadow: inset 0px -1px 1px rgba(0,0,0,0.5), inset 0px 1px 1px rgba(255,255,255,0.8)
}
a.button_header_fb span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
a.button_header_fb span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
a.button_header_fb:hover span {
padding-right: 25px;
}
a.button_header_fb:hover span:after {
opacity: 1;
right: 0;
}
/*----Immagini slider----*/
img.home_slider {
height: 350px;
width: auto;
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
img.home_slider {
height: 175px;
width: auto;
}
}
@media only screen and (max-width: 767px) {
div.header-slider {
display: none!important;
}
}
/*----List alternativa----*/
ul.b {
list-style-type: square;
}
/*----Slider articoli----*/
@keyframes slidy2 {
0% { left: 0%; }
50% { left: -100%; }
100% { left: -200%; }
}
@keyframes slidy3 {
0% { left: 0%; }
33% { left: -100%; }
66% { left: -200%; }
100% { left: -300%; }
}
@keyframes slidy4 {
0% { left: 0%; }
25% { left: -100%; }
50% { left: -200%; }
75% { left: -300%; }
100% { left: -400%; }
}
div#article_slider_none {
background-color: black;
border: 1px solid black;
-webkit-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
-moz-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
}
div#article_slider_2 {
overflow: hidden;
background-color: black;
border: 1px solid black;
-webkit-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
-moz-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
}
div#article_slider_2 figure img { width: 33.3%; float: left; }
div#article_slider_2 figure {
position: relative;
width: 300%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 15s slidy2 infinite;
animation-delay: 2s;
}
div#article_slider_3 {
overflow: hidden;
background-color: black;
border: 1px solid black;
-webkit-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
-moz-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
}
div#article_slider_3 figure img { width: 25%; float: left; }
div#article_slider_3 figure {
position: relative;
width: 400%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 20s slidy3 infinite;
animation-delay: 2s;
}
div#article_slider_4 {
overflow: hidden;
background-color: black;
border: 1px solid black;
-webkit-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
-moz-box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
box-shadow: 2px 2px 2px 2px rgba(50,30,30,1);
}
div#article_slider_4 figure img { width: 20%; float: left; }
div#article_slider_4 figure {
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 25s slidy4 infinite;
animation-delay: 2s;
}
/*----Introduzione centrale----*/
div#big_center {
margin:auto;
text-align: left;
width: 66%;
font-size: 20px;
border-left: 5px double #CC5214;
border-right: 5px double #CC5214;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 767px) {
div#big_center {
margin:auto;
text-align: left;
width: 90%;
font-size: 17px;
border-left: 2px solid #CC5214;
border-right: 2px solid #CC5214;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (max-width: 999px) {
div.site_info {
display: none;
}
}