/*
Theme Name: Music
Theme URI: http://themify.me/themes/music
Version: 1.0.9
Description: Created by Themify.
Author: Themify
Author URI: http://www.themify.me
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) Themify.
Tags: featured-images, translation-ready, custom-menu
---------
DO NOT EDIT THIS FILE.
If you need to overwrite the CSS styling, create a new custom_style.css
in the theme folder and it will automatically load in the .
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
/* set img max-width */
img {
max-width: 100%;
height: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ie 8 img max-width */
.ie8 img { width: auto;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* audio */
audio {
max-width: 100%;
}
/* iframe */
iframe {
max-width: 100%;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
font: 1em/1.7em 'Lato', Arial, Helvetica, sans-serif;
word-wrap: break-word;
color: #666;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
outline: none;
color: #f78c26;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0 0 1.2em;
padding: 0;
}
small {
font-size: 87%;
}
blockquote {
font-size: 1.2em;
line-height: 1.4em;
padding: .8em 2em 1em;
margin: 0 0 1.2em;
position: relative;
}
blockquote:before {
content: '\201C';
font-size: 3.3em;
color: #f78c26;
position: absolute;
margin-left: -.5em;
margin-top: .2em;
}
ins {
text-decoration: none;
}
/* LIST
================================================ */
ul, ol {
margin: 1em 0 1.4em 1.6em;
padding: 0;
}
li {
margin: 0 0 .5em 0;
padding: .5em 0;
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
line-height: 1.4em;
padding: 1.3em 0 .4em;
margin: 0;
color: #000;
font-weight: 300;
word-wrap: normal;
}
h1 {
font-size: 4em;
padding: .1em 0 .2em 0;
letter-spacing: -.02em;
text-shadow: 2px 2px 4px white;
filter:DropShadow(Color=#FFFFFF, OffX=2, OffY=2);
}
h2 {
font-size: 3.875em;
padding: .2em 0 .3em 0;
letter-spacing: -.02em;
}
h3 {
font-size: 1.7em;
line-height: 1.5em;
padding: 0 0 1.3em 0;
text-shadow: 2px 2px 4px white;
filter:DropShadow(Color=#FFFFFF, OffX=2, OffY=2);
}
h4 {
font-weight: normal;
font-size: 1.3em;
line-height: 1.6em;
padding: 0 0 1em 0;
}
h5 {
font-size: 1.4em;
font-weight: normal;
}
h6 {
font-size: 1.2em;
font-weight: normal;
}
/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button {
font-size: 100%;
font-family: inherit;
max-width: 100%;
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
background: #fff;
color: #666;
font-weight: normal;
border: none;
padding: .8em;
margin: .4em 0;
border: solid 1px #ccc;
-webkit-appearance: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] {
width: 15em;
max-width: 100%;
}
input[type=number] {
width: 7em;
max-width: 100%;
}
/* text area */
textarea {
width: 100%;
min-height: 8em;
}
/* form input:focus */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus {
outline: none;
background: #fff;
border-color: #f78c26;
}
/* form button */
input[type=reset], input[type=submit], button {
background: transparent;
color: #f78c26;
border: 2px solid #f78c26;
padding: 12px 22px;
cursor: pointer;
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {
background: #f78c26;
color: #fff;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
/* set general layout containers box-sizing */
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#pagewrap {
padding-top: 130px; /* for fixed header */
}
.fixed-header-on #pagewrap {
padding-top:80px;
}
/* main page width */
.pagewidth {
width: 1160px;
margin: 0 auto;
}
/* body (middle container) */
#body {
max-width: 100%;
}
/* content */
#content {
width: 69%;
float: left;
padding: 5% 0;
}
.sidebar-none #content {
width: 100%;
float: none;
}
/* sidebar */
#sidebar {
width: 26%;
float: right;
padding: 5% 0;
}
#sidebar .secondary {
width: 47%;
}
/* full_width content */
.full_width #layout {
width: 100%;
max-width:100%;
}
.full_width #content {
padding: 0;
width: auto;
float: none;
}
.full_width #sidebar {
width: auto;
float: none;
}
/* sidebar left */
.sidebar-left #content {
float: right;
}
.sidebar-left #sidebar {
float: left;
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1 {
margin-left: 3.2%;
float: left;
}
.col4-1 {
width: 22.6%;
}
.col4-2, .col2-1 {
width: 48.4%;
}
.col4-3 {
width: 74.2%;
}
.col3-1 {
width: 31.2%;
}
.col3-2 {
width: 65.6%;
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first {
margin-left: 0;
clear: left;
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap {
background: #f78c26;
clear: both;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:130px;
transition: all 0.3s;
z-index:inherit;
}
#header {
position: relative;
height: 130px;
}
#header a {
color: #fff;
}
/*
FIXED HEADER
================================================ */
#headerwrap.fixed-header {
position: fixed;
top: 0;
left: 0;
height: 100px !important;
z-index:100;
transition:height 0.3s;
background: #f78c26;
}
/* Make background-color to 70% black when the body has class .transparent-header */
.transparent-header #headerwrap.fixed-header {
background:rgba(0,0,0,0.7);
}
.transparent-header #headerwrap {
position: fixed;
z-index:100;
background:none;
}
/* prevent headerwrap covering builder with transparent header selected */
.transparent-header.themify_builder_active #pagewrap {
padding-top: 130px;
}
/* When background of #headerwrap is none , the page should fit to top without padding */
.transparent-header #pagewrap {
padding-top: 0;
}
.admin-bar #headerwrap,
.admin-bar #headerwrap.fixed-header {
top: 32px;
}
#headerwrap.fixed-header #site-logo {
top: 14px;
}
#headerwrap.fixed-header #site-description {
display: none;
}
#headerwrap.fixed-header #sidr {
/* Fix the default top position of #sidr */
top: 6px;
}
/*
SITE LOGO
================================================ */
#site-logo {
margin: 0;
padding: 0;
line-height: 1em;
position: absolute;
top: 30px;
font-weight: 900;
font-size:2em;
z-index:999;
}
#site-logo a {
text-decoration: none;
}
#site-logo a:hover {
text-decoration: none;
}
/*
SITE DESCRIPTION
================================================ */
#site-description {
margin: 0;
padding: 0;
line-height: 110%;
position: absolute;
top: 80px;
color: #fff;
color: rgba(255,255,255,.75);
z-index:100;
}
#site-description p {
font-weight:300;
font-size:1em;
}
/*
SOCIAL WIDGET
================================================ */
.social-widget {
position: relative;
float: right;
margin: 4px 0 0 20px;
}
.social-widget a {
text-decoration: none;
font-size: 0px;
}
.social-widget a:hover {
text-decoration: none;
}
.social-widget .widget {
display: inline-block;
vertical-align: middle;
margin: 0 2px 0 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
box-shadow: none;
}
.social-widget .widget div {
display: inline;
}
.social-widget .widgettitle {
width: auto;
font-weight: bold;
font-size: 100%;
font-family: inherit;
text-transform: none;
letter-spacing: 0;
position: static;
display: inline-block;
vertical-align: middle;
margin: 0 .5em 0 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
box-shadow: none;
}
.social-widget ul {
margin: 6px 0 0 !important;
padding: 0;
display: inline;
}
.social-widget ul li {
padding: 0 2px 5px 0;
margin: 0;
display: inline-block;
border: none !important;
clear: none;
line-height: 100%;
}
.social-widget li img {
vertical-align: middle;
margin-top: -3px;
}
/* rss */
.social-widget .rss {
display: inline-block;
vertical-align: middle;
margin-top: 7px;
}
.social-widget .rss a {
display: inline-block;
padding: 4px;
width: 20px;
height: 20px;
}
.social-widget .rss a:before {
content: "\f09e";
display: block;
font-size: 20px;
}
.social-widget .social-link-item a,
.social-widget .rss a {
opacity: .75;
}
.social-widget .social-link-item a:hover,
.social-widget .rss a:hover {
opacity: 1;
}
/* rss icon position fix */
.social-widget .themify-social-links + .rss {
margin-top: 4px;
}
/*
SEARCH FORM
================================================ */
#searchform-wrap {
position: relative;
float: right;
margin: 0 0 0 40px ;
z-index: 999;
}
#headerwrap #searchform {
position: absolute;
top: 6px;
right: 0;
float: left;
}
#headerwrap #searchform #s {
width: 40px;
background: transparent;
color: transparent;
margin: 0;
padding: 10px;
float: right;
border: none;
-webkit-transition: width .7s;
-moz-transition: width .7s;
transition: width .7s;
box-shadow: none;
}
#headerwrap #searchform #s:focus,
#headerwrap #searchform #s:hover,
#headerwrap #searchform .icon-search:hover + #s {
width: 180px;
color: #fff;
background: #000;
background: rgba(0,0,0,.5);
cursor: pointer;
}
#headerwrap #searchform .icon-search:before {
content: "\f002";
color: #fff;
font-size: 1.25em;
position: absolute;
right: 10px;
top: .4em;
cursor: pointer;
}
/* social widget position fix */
#headerwrap #searchform-wrap + .social-widget {
margin-right: 40px;
}
/*
MAIN NAVIGATION
================================================ */
/* mobile menu panel */
#sidr {
position: absolute;
top: 35px;
right: 0;
z-index: 10001;
}
#main-nav-wrap {
float: right;
}
#main-nav {
margin: 0;
padding: 0;
float: left;
text-transform: uppercase;
font-size: .85em;
font-weight: 700;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: inline-block;
}
/*scritta LIVE */
li#menu-item-5535 a {
color:red;
font-weight:bold;
text-decoration: underline;
}
li#menu-item-5535 a:hover {
background: red;
color: #fff;
}
/* dropdown icon */
#main-nav .menu-item-has-children > a:after {
content: "\e64b";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1em;
line-height: 0;
margin-left: 18px;
position: relative;
text-transform: none;
top: 0;
}
#main-nav ul .menu-item-has-children > a:after {
content: "\e649";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .65em;
position: absolute;
right: 15px;
top: 40%;
}
/* main level link */
#main-nav a {
color: #fff;
color: rgba(255,255,255,.75);
display: block;
padding: 9px 14px;
margin: 0;
text-decoration: none;
border: 2px solid transparent;
}
/* main level link :hover */
#main-nav a:hover {
background: #f78c26;
color: #fff;
}
/* current link */
#main-nav .current_page_item a,
#main-nav .current-menu-item a {
background: transparent;
color: #fff;
border: 2px solid #fff;
}
/* current link :hover */
#main-nav .current_page_item a:hover,
#main-nav .current-menu-item a:hover {
background: #f78c26;
color: #fff;
border-color: #f78c26;
}
/* sub-levels link */
#main-nav ul a,
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a {
width: 150px;
color: #fff;
background: #f78c26;
font-weight: normal;
text-transform: none;
padding: 8px 15px;
margin: 0;
display: block;
border: none;
text-shadow: none;
border-radius: 0;
box-shadow: none;
}
/* sub-levels link :hover */
#main-nav ul a:hover,
#main-nav .current_page_item ul a:hover,
#main-nav ul .current_page_item a:hover,
#main-nav .current-menu-item ul a:hover,
#main-nav ul .current-menu-item a:hover {
background: #fff;
color: #f78c26;
border: none;
}
/* dropdown ul */
#main-nav ul {
margin: 0;
padding: 0;
border: solid 2px #f78c26;
list-style: none;
position: absolute;
margin-top: -2px;
display: none;
}
#main-nav ul li {
background: none;
padding: 0;
margin: 0;
float: left;
width:100%;
}
#main-nav ul li:last-child {
border-bottom: none;
}
/* sub-levels dropdown */
#main-nav ul ul {
left: 100%;
top: 0;
margin-left: 2px;
}
/* show dropdown ul */
#main-nav li:hover > ul {
display: block;
}
/* mobile menu icon */
#menu-icon,
#menu-icon-close {
display: none;
}
#menu-icon {
font-size: .9em;
}
#menu-icon:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e68e";
font-size: 1.65em;
color: #fff;
}
/************************************************************************************
PAGE
*************************************************************************************/
.page-title {
font-size: 320%;
padding: 0;
margin: 0 0 1em;
}
/*
AUTHOR PAGE
================================================ */
.author-bio {
margin: 0 0 4em;
}
.author-bio .author-avatar {
float: left;
margin: 0 15px 0 0;
}
.author-bio .author-avatar img {
background: #fff;
padding: 5px;
border: solid 1px #ccc;
}
.author-bio .author-name {
margin: 0 0 .5em;
padding: 0;
font-size: 1.6em;
}
.author-posts-by {
margin: 0 0 1.5em;
padding: 1em 0 0;
font-size: 1.4em;
text-transform: uppercase;
border-top: solid 4px #ccc;
border-color: rgba(118,118,118,.3);
}
/************************************************************************************
SINGLE POST
*************************************************************************************/
.single-post .post .post-share {
float: none;
}
/* top center post/page title layout
================================================ */
.single-press #layout,
.single-album #layout,
.single-event #layout,
.single-gallery #layout,
.single-video #layout {
position: relative;
z-index: 101;
}
.fixed-header-on #layout {
z-index: inherit; /* prevent overlap when fixed-header is on */
}
.single-press #header,
.single-album #header,
.single-event #header,
.single-gallery #header,
.single-video #header {
height: 380px;
}
.fixed-header-on #header {
height: auto;
}
.single-press #content,
.single-album #content,
.single-event #content,
.single-gallery #content,
.single-video #content {
padding-top: 0;
}
.single-album .post-content,
.single-event .post-content,
.single-gallery .post-content,
.single-video .post-content {
padding-top: 5%;
padding-left: 0;
}
.single-press .post-title,
.single-album .post-title,
.single-event .post-title,
.single-gallery .post-title,
.single-video .post-title {
display: block;
font-size: 320%;
color: #fff;
background: transparent;
padding: 0;
margin: .5em 0 .9em;
text-align: center;
}
.single-event #headerwrap,
.single-gallery #headerwrap,
.single-video #headerwrap,
.single-press #headerwrap,
.single-album #headerwrap {
height: 380px;
}
.single-event .post-title a,
.single-gallery .post-title a,
.single-video .post-title a,
.single-press .post-title a,
.single-album .post-title a{
color:#FFF;
}
/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
clear: both;
padding-bottom: 20px;
text-align: right;
}
.pagenav a {
text-decoration: none;
}
.pagenav a, .pagenav span {
font-size: 1em;
font-weight: bold;
display: inline-block;
line-height: 100%;
margin: 0 1px 0 0;
min-height: 18px;
min-width: 24px;
padding: 6px 0 0;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
.pagenav a:hover {
text-decoration: underline;
}
/************************************************************************************
SECTION POST
*************************************************************************************/
.section-post {
overflow: hidden;
}
.section-post .section-inner {
padding: 80px 5% 40px;
}
.section-post.fullwidth .section-inner {
width: 100% !important;
padding: 0;
}
/************************************************************************************
POST LAYOUTS
*************************************************************************************/
/*
GENERIC POST
================================================ */
.post {
margin-bottom: 3em;
position: relative;
overflow: hidden; /* for .post-content clearfloat & min-width in FF */
}
.loops-wrapper article.type-post,
.single .list-post .post {
overflow:visible;
}
/* .post behaviour when it is under .module (demo 4) */
.module.loops-wrapper.grid2 .post,
.module.loops-wrapper.grid3 .post,
.module.loops-wrapper.grid4 .post {
overflow: visible;
}
/* post content */
.post-content {
min-width: 120px;
position: relative;
}
.single-post .post-content,
.loops-wrapper.list-post .post-content {
padding-left: 160px;
}
.loops-wrapper.grid2 .post-content {
padding-left: 140px;
}
/* post title */
.post-title {
font-size: 2.4em;
line-height: 1.1em;
margin: 0 0 .5em;
padding: 0;
}
.post-title a {
text-decoration: none;
}
/* post tag */
.post-tag {
color: #ccc;
}
/* post image */
.post-image {
margin: 0 0 1.3em;
}
.module .post-image {
margin: 0 0 1.6em;
}
.post-image img {
width: 100%;
vertical-align: bottom;
}
.post-image.left {
float: left;
margin-right: 1em;
}
.post-image.right {
float: right;
margin-left: 1em;
}
/* lightbox zoom image */
.post-image .lightbox {
display: inline-block;
position: relative;
max-width: 100%;
}
.post-image .lightbox .zoom {
position: absolute;
color: #fff;
font-size: 1.25em;
font-style: normal;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
top: 50%;
left: 50%;
border-radius: 100%;
background-color: rgba(0,0,0,.3);
}
.post-image .lightbox .zoom:before {
content: "\f002";
font-family: FontAwesome;
position: absolute;
top: 50%;
left: 50%;
width: 1em;
height: 1em;
line-height: 1em;
margin: -.55em 0 0 -.5em;
}
.post-image .lightbox:hover .zoom {
background-color: rgba(0,0,0,.7);
}
/* post meta */
.post-meta {
font-size: .9em;
line-height: 1.6em;
margin: 0 5% .5em 0;
padding: 0;
width: 120px;
float: left;
position: relative;
text-align: center;
word-wrap: normal;
}
.post-meta a {
text-decoration: none;
}
.post-meta a:hover {
text-decoration: underline;
}
.post-meta span {
margin-right: .6em;
display: block;
}
/* post date */
.post-date {
color: #fff;
display: block;
width: 120px;
height: 120px;
margin: 0 0 .5em;
border-radius: 100%;
background: #f78c26;
background: rgba(247,140,38,.8); /*carlo colore bolloni */
text-align: center;
}
.post-date span {
margin: 0;
}
.post-date .day {
font-size: 2.625em;
text-align: center;
font-weight: 300;
margin: 0 auto;
padding: 20px 0 5px 0;
letter-spacing: -.05em;
}
.post-date .month {
font-size: .85em;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .1em;
}
.post-date .month:after {
content: ' ';
display: block;
width: 45%;
height: 1px;
background: #fff;
background-color: rgba(255,255,255,.5);
margin: 5px auto;
}
.post-date .year {
font-size: 1.1em;
}
/*post-comment*/
.post-comment:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: '\e644';
display: inline-block;
vertical-align: middle;
color: #ccc;
text-decoration: none;
margin-right: 5px;
}
/*post-category*/
.post-category {
text-transform: uppercase;
margin: 20px 0 15px;
}
.post-category:after {
content: ' ';
display: block;
width: 30px;
height: 1px;
background: #ccc;
margin: 0 auto;
margin-top: 15px;
}
.post-author-wrapper {
margin-bottom: 10px;
}
.post-author {
font-size: .85em;
text-transform: uppercase;
letter-spacing: .1em;
margin-left: 10px;
}
.post-author a {
text-decoration: none;
}
.author-avatar {
display: inline-block;
vertical-align: middle;
}
.author-avatar img {
border-radius: 100%;
vertical-align: bottom;
width: 41px;
height: 41px;
}
.loops-wrapper.event.grid2 .post,
.loops-wrapper.event.grid3 .post,
.loops-wrapper.event.grid4 .post {
overflow: visible;
}
.loops-wrapper.sidebar-none.grid4 .post {
overflow: visible;
}
.loops-wrapper.sidebar1.grid2 .post .post-content .entry-content,
.loops-wrapper.sidebar1.grid3 .post .post-content .entry-content,
.loops-wrapper.sidebar1.grid4 .post .post-content .entry-content {
clear: none;
}
/* style for event type and post type post-content */
.loops-wrapper.list-post .post-content {
position: static;
}
/* Builder news layout page */
.loops-wrapper .category-top-stories .post-content {
margin-left: 0px;
}
.module.loops-wrapper.list-thumb-image .post {
overflow: visible;
}
/*
LIST POST
================================================ */
.loops-wrapper.list-post .post-title {
margin-bottom: .8em;
}
.loops-wrapper.list-post .post-share {
float: none;
}
.single-post .post-meta span,
.loops-wrapper.list-post .post-meta span {
margin-right: 0;
}
.single-post .post-tag,
.loops-wrapper.list-post .post-tag {
margin: 0 0 15px;
}
.single-post .post-tag:after,
.loops-wrapper.list-post .post-tag:after {
content: ' ';
display: block;
width: 30px;
height: 1px;
background: #ccc;
margin: 0 auto;
margin-top: 15px;
}
/*
GRID4 POST
================================================ */
.loops-wrapper.grid4 .post {
width: 22.6%;
margin-left: 3.2%;
float: left;
margin-bottom: 2.5em;
}
.loops-wrapper.grid4 .post-title {
font-size: 1.2em;
font-weight: normal;
}
.loops-wrapper.grid4 .post-content {
padding: 0;
clear: both;
}
.loops-wrapper.grid4 .post .post-image + .post-meta {
margin-top:-50px;
width: 100%;
text-align: left;
}
.loops-wrapper.grid4 .post-meta span {
display: inline-block;
}
.loops-wrapper.grid4 .post-meta .post-date span {
display: block;
}
.loops-wrapper.grid4 .post-meta .post-date {
margin-left: 8px;
width: 76px;
height: 76px;
}
.loops-wrapper.grid4 .post-meta .post-date .day {
font-size: 1.5em;
padding: 8px 0 0 0;
}
.loops-wrapper.grid4 .post-meta .post-date .month {
line-height: 1.5em;
}
.loops-wrapper.grid4 .post-meta .post-date .month:after {
margin: 0 auto;
margin-bottom: 1px;
}
.loops-wrapper.grid4 .post-meta .post-date .year {
font-size: .85em;
line-height: 1.5em;
}
.loops-wrapper.grid4 .post-category {
margin: 0;
}
.loops-wrapper.grid4 .post-category:after {
content: ' ';
display: inline-block;
vertical-align: bottom;
width: 1px;
height: 20px;
background: #ccc;
margin: 0 auto;
margin-left: 10px;
}
.loops-wrapper.grid4 .post-comment {
margin-left: 5px;
}
.loops-wrapper.grid4 .post-author-wrapper {
margin-top: 30px;
}
.loops-wrapper.grid4 .post-author {
font-size: 80%;
}
/*
GRID3 POST
================================================ */
.loops-wrapper.grid3 .post {
width: 31.2%;
margin-left: 3.2%;
float: left;
margin-bottom: 3.1em;
position: relative;
overflow: visible;
}
.loops-wrapper.grid3 .post-title {
font-size: 1.7em;
}
.loops-wrapper.grid3 .post-content {
padding: 0;
clear:both;
}
/* grid3 list.posts post-content (demo2) */
.loops-wrapper.grid3.list-posts .post-content {
position:static;
}
/* highlight module grid3 .post-content */
.module-highlight.loops-wrapper.grid3 .post-content {
clear: right;
bottom: auto;
}
.loops-wrapper.grid3 .post .post-share {
width:100%;
}
.loops-wrapper.grid3 .post .post-share .social-share {
width: 56px;
}
.loops-wrapper.grid3 .post .post-image + .post-meta {
margin-top:-50px;
width: 100%;
text-align: left;
}
.loops-wrapper.grid3 .post-meta span {
display: inline-block;
}
.loops-wrapper.grid3 .post-meta .post-date span {
display: block;
}
.loops-wrapper.grid3 .post-meta .post-date {
margin-left: 10px;
width: 94px;
height: 94px;
}
.loops-wrapper.grid3 .post-meta .post-date .day {
font-size: 2em;
padding: 10px 0 5px 0;
}
.loops-wrapper.grid3 .post-meta .post-date .month:after {
margin: 2px auto;
}
.loops-wrapper.grid3 .post-meta .post-date .year {
font-size: .85em;
}
.loops-wrapper.grid3 .post-category {
margin: 0;
}
.loops-wrapper.grid3 .post-category:after {
content: ' ';
display: inline-block;
vertical-align: bottom;
width: 1px;
height: 20px;
background: #ccc;
margin: 0 auto;
margin-left: 10px;
}
.loops-wrapper.grid3 .post-comment {
margin-left: 7px;
}
.loops-wrapper.grid3 .post-author-wrapper {
margin-top: 30px;
}
.loops-wrapper.grid3 .post-author {
font-size: 80%;
}
/*
GRID2 POST
================================================ */
.loops-wrapper.grid2 .post {
width: 48.4%;
margin-left: 3.2%;
float: left;
margin-bottom: 3.7em;
}
.loops-wrapper.grid2 .post-title {
font-size: 2.2em;
}
.loops-wrapper.grid2 .post .post-image + .post-meta {
margin-top:-50px;
}
.loops-wrapper.grid2 .post .post-content{
position:static;
}
.loops-wrapper.grid2 .post .post-share {
float: none;
}
/*
GRID2-THUMB POST
================================================ */
.loops-wrapper.grid2-thumb .post {
width: 48.4%;
margin-left: 3.2%;
float: left;
}
.loops-wrapper.grid2-thumb .post-title {
font-size: 1.8em;
}
.loops-wrapper.grid2-thumb .post-image {
width: 20%;
float: left;
margin: 0 5% .3em 0;
}
.loops-wrapper.grid2-thumb .post-meta {
text-align: center;
width: 20%;
clear: left;
}
.loops-wrapper.grid2-thumb .post-date {
border-radius: 0;
background-color: transparent;
color: #666;
text-align: center;
width: auto;
height: auto;
padding: 0;
}
.loops-wrapper.grid2-thumb .post-date .day,
.loops-wrapper.grid2-thumb .post-date .month,
.loops-wrapper.grid2-thumb .post-date .year {
font-size: 1em;
font-weight: 700;
letter-spacing: .1em;
display: inline-block;
margin-right: 0.250em;
padding: 0;
}
.loops-wrapper.grid2-thumb .post-date .month:after {
content: none;
}
.loops-wrapper.grid2-thumb .post-meta span {
display: inline-block;
}
.loops-wrapper.grid2-thumb .post-category {
margin: 0;
}
.loops-wrapper.grid2-thumb .post-category:after {
display: none;
}
.loops-wrapper.grid2-thumb .post-share {
float: none;
}
/*
CLEAR GRID FLOAT
================================================ */
.loops-wrapper.grid4 .post:nth-of-type(4n+1),
.loops-wrapper.grid3 .post:nth-of-type(3n+1),
.loops-wrapper.grid2 .post:nth-of-type(2n+1),
.loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/*
POST SHARE
================================================ */
.post-share {
margin: 10px 5px 0 0;
margin-right:5px;
padding: 0;
text-align: left;
display: inline-block;
vertical-align: middle;
position: relative;
/* adding float to fix some layot issues, like homepage */
float: left;
}
.post-share .box {
display: inline-block;
height: 28px;
margin: 0;
padding: 5px 8px;
text-align: center;
}
.post-share:hover .box {
background-color: #f78c26;
}
.post-share .share {
font-size: .75em;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}
.post-share .box .share-icon:after {
content: '\e72e';
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-decoration: none;
color: #f78c26;
margin-left: 8px;
}
.post-share:hover .box .share-icon:after,
.post-share:hover .box .share {
color: #fff;
text-decoration: none;
}
.post-share .social-share {
z-index: 999;
margin: 0 auto;
text-align: center;
padding: 5px 8px;
position: absolute;
visibility: hidden;
left: 0;
right: 0;
bottom: 5px;
background: rgba(255, 255, 255, 0.9);
border: 2px solid #f78c26;
margin: 0;
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* show dropdown social boxes */
.post-share:hover .social-share {
display: block;
visibility: visible;
opacity: 1;
bottom: 38px;
}
.social-share a:hover {
text-decoration: none;
}
.sharrre .count {
font-size: 1em !important;
color: rgba(32, 39, 47, 0.3);
text-align: center;
font-weight: normal !important;
}
.post-share .sharrre {
display: block;
min-width: 20px;
margin: 6px 12px;
text-align: center;
}
.post-share .sharrre > a {
text-decoration: none;
}
/* Social icons */
.facebook-share .share span:after {
content: '\e741';
font-size: 1.8em !important;
}
.pinterest-share .share span:after {
content: '\e731';
}
.googleplus-share .share span:after {
content: '\e73e';
}
.twitter-share .share span:after {
content: '\e74b';
}
/* common social icons config */
.facebook-share .share span:after,
.pinterest-share .share span:after,
.googleplus-share .share span:after,
.twitter-share .share span:after {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: block;
text-decoration: none;
color: #20272F;
font-size: 2em;
top: 0;
left: 0;
margin-bottom: 6px;
margin-left:4px;
}
.post-share .share:hover span:after {
color: #f78c26;
text-decoration: none !important;
}
/*
LIST-THUMB-IMAGE POST
================================================ */
.loops-wrapper.list-thumb-image .post {
clear: both; /* require for FF */
}
.loops-wrapper.list-thumb-image .post-image {
max-width: 20%;
float: left;
margin: 0 2em 1em 0;
}
.loops-wrapper.list-thumb-image .post-image img {
width: 100%;
height: auto;
}
.loops-wrapper.list-thumb-image .post-meta {
padding: 0;
margin-right: 1.6em;
margin-left: 0;
width: 84px;
}
.loops-wrapper.list-thumb-image .post-meta .post-category {
margin: 8px 0;
}
.loops-wrapper.list-thumb-image .post-meta .post-category:after {
margin-bottom: 18px;
}
.loops-wrapper.list-thumb-image .post-meta .post-date {
margin: 0 auto;
padding: 0;
width: 76px;
height: 76px;
}
.loops-wrapper.list-thumb-image .post-meta .post-date .day {
font-size: 1.5em;
padding: 8px 0 0 0;
}
.loops-wrapper.list-thumb-image .post-meta .post-date .month {
line-height: 1.5em;
}
.loops-wrapper.list-thumb-image .post-meta .post-date .month:after {
margin: 0 auto;
margin-bottom: 1px;
}
.loops-wrapper.list-thumb-image .post-meta .post-date .year {
font-size: .85em;
line-height: 1.5em;
}
/*
LIST-LARGE-IMAGE POST
================================================ */
.loops-wrapper.list-large-image .post-meta {
margin-right: 1.6em;
}
.loops-wrapper.list-large-image .post-content {
position: static;
padding-left: 0;
}
.loops-wrapper.list-large-image .post-image {
max-width: 64%;
float: left;
margin: 0 1.6em 1.3em 0;
}
.loops-wrapper.list-large-image .post-image img {
width: 100%;
height: auto;
}
.loops-wrapper.list-large-image .post-meta .post-date {
margin-left: 10px;
width: 94px;
height: 94px;
}
.loops-wrapper.list-large-image .post-meta .post-date .day {
font-size: 2em;
padding: 10px 0 5px 0;
}
.loops-wrapper.list-large-image .post-meta .post-date .month:after {
margin: 2px auto;
}
.loops-wrapper.list-large-image .post-meta .post-date .year {
font-size: .85em;
}
/*
SLIDER POST
================================================ */
.loops-wrapper.slider {
position: relative;
margin: 0 0 50px;
}
.loops-wrapper .slideshow-wrap {
height: 0; /* will be toggled with js */
visibility: hidden; /* will be toggled with js */
}
.loops-wrapper.slider .carousel-nav-wrap {
height: 0;
margin: 0;
}
.loops-wrapper.slider .post {
width: 100%;
float: left;
margin-left: 0;
margin-bottom: 0;
text-align: left;
position: relative;
margin: 0 0 15px;
min-height: 40px;
}
.loops-wrapper.slider .post-image {
width: auto;
float: none;
margin: 0;
}
.loops-wrapper.slider .post-image .lightbox .zoom {
display: none;
}
.loops-wrapper.slider .post-title {
font-size: 1.8em;
line-height: 1.2em;
margin: 0 0 .85em;
}
.loops-wrapper.slider .post-title a {
color: #fff;
}
.loops-wrapper.slider .post-image + .post-meta + .post-content,
.loops-wrapper.slider .post-image + .post-content {
position: absolute;
bottom: 0;
width: 75%;
min-height: 40px;
padding: 15px 5% 15px 20%;
overflow: visible;
margin: 0 auto;
background: rgba(0,0,0,.6);
font-size: .9em;
line-height: 1.5em;
color: #eee;
z-index:5;
}
.loops-wrapper.slider .post-image + .post-meta + .post-content a,
.loops-wrapper.slider .post-image + .post-content a {
color: #fff;
text-decoration: none;
}
.loops-wrapper.slider .post-meta {
position: absolute;
bottom: 0;
left: 20px;
}
.loops-wrapper.slider .post-meta .post-category {
margin: 8px 0;
}
.loops-wrapper.slider .post-meta .post-category:after {
margin-bottom: 18px;
}
.loops-wrapper.slider .post-meta .post-date {
margin: 0 auto;
padding: 0;
width: 76px;
height: 76px;
}
.loops-wrapper.slider .post-meta .post-date .day {
font-size: 1.5em;
padding: 8px 0 0 0;
}
.loops-wrapper.slider .post-meta .post-date .month {
line-height: 1.5em;
}
.loops-wrapper.slider .post-meta .post-date .month:after {
margin: 0 auto;
margin-bottom: 1px;
}
.loops-wrapper.slider .post-meta .post-date .year {
font-size: .85em;
line-height: 1.5em;
}
.loops-wrapper.slider .post-share .share {
color: #fff;
}
/* reset slider shortcode in framework css */
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next {
border-radius: 0;
border: 0;
text-shadow: none;
margin: 0;
box-shadow: none;
background-image: none;
}
/* slider carousel controls */
.loops-wrapper.slider .carousel-wrap {
position: relative;
overflow: visible;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider .carousel-wrap {
overflow: hidden;
}
.loops-wrapper.slider .carousel-nav-wrap {
width: 100% !important;
height: 100%;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev,
.loops-wrapper.slider .carousel-nav-wrap .carousel-next {
position: absolute;
top: 50%;
margin-top: -65px;
display: block;
width: auto !important;
height: auto !important;
float: left;
font-size: 0;
text-indent: -900em;
text-decoration: none;
color: #fff;
background: rgba(0,0,0,.3);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev {
left: 0;
padding: 30px 0 30px 20px;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next {
right: 0px;
padding: 30px 0 30px 20px;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:hover {
padding-left: 30px;
padding-right: 30px;
background-color: #f78c26;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:hover {
padding-right: 30px;
background-color: #f78c26;
}
/* carousel prev/next arrow */
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before,
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
width: 100%;
text-align: center;
display: inline-block;
vertical-align: top;
text-align: center;
font-size: 20px;
line-height: 100%;
position: absolute;
left: 2%;
top: 34%;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-next:before {
content: '\e649';
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev:before {
content: '\e64a';
left: -2%;
}
/* carousel pager */
.loops-wrapper.slider .carousel-pager {
clear: both;
text-align: center;
line-height: 100%;
width: auto;
}
.loops-wrapper.slider .carousel-pager a {
text-indent: -900em;
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
margin: 2px 3px 0;
background: #ccc;
background: rgba(0,0,0,.1);
border: solid 2px #ccc;
border-radius: 100%;
cursor: pointer;
}
.loops-wrapper.slider .carousel-pager a.selected {
background: rgba(15,14,159,.4); /* carlo bordino selezionato - era rgba(38,185,163,.3) */
border-color: #f78c26;
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/************************************************************************************
VIDEO POST TYPE
*************************************************************************************/
.loops-wrapper.video .post-image {
position: relative;
}
.loops-wrapper.video .video-post {
position: relative;
overflow: hidden;
}
.loops-wrapper.video .post-content {
position: absolute;
overflow: hidden;
height: 100%;
}
.loops-wrapper.video .post-title {
position: absolute;
display: block;
list-style: none;
bottom: 0;
color: #fff;
margin-bottom: 5%;
}
.loops-wrapper.video .post-title a {
color: #fff;
}
/* video shared rules */
.loops-wrapper.grid4.video .post-image,
.loops-wrapper.grid3.video .post-image,
.loops-wrapper.grid2.video .post-image {
margin-bottom: 0;
cursor: pointer;
}
.loops-wrapper.grid4.video .post-content,
.loops-wrapper.grid3.video .post-content,
.loops-wrapper.grid2.video .post-content {
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #000;
background-color: rgba(0,0,0,.5);
top:75%;
bottom: 0;
left: 0;
right: 0;
color: inherit;
padding: 5%;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.loops-wrapper.grid4.video .video-post:hover .post-content,
.loops-wrapper.grid3.video .video-post:hover .post-content,
.loops-wrapper.grid2.video .video-post:hover .post-content {
top:0 !important;
}
/* position set to absolute to make hover animation */
.loops-wrapper.grid2.video .type-video .post-content {
position:absolute;
}
/* video image */
.loops-wrapper.video img {
vertical-align: bottom;
}
/* videos list-post */
.loops-wrapper.list-post.video .post-content {
position: absolute;
bottom: 0;
width: 95%;
height: auto;
min-height: 40px;
padding: 15px 2.5%;
overflow: visible;
margin: 0 auto;
background: rgba(0,0,0,.6);
font-size: .9em;
line-height: 1.5em;
color: #eee;
}
.loops-wrapper.list-post.video .post-meta {
width: auto;
float: none;
position: static;
text-align: left;
}
.loops-wrapper.list-post.video .post-meta span {
display: inline-block;
}
.loops-wrapper.list-post.video .post-date {
display: none;
visibility: hidden;
border-radius: 0;
background-color: transparent;
color: #666;
text-align: left;
width: auto;
height: auto;
padding: 0;
}
.loops-wrapper.list-post.video .post-date .day,
.loops-wrapper.list-post.video .post-date .month,
.loops-wrapper.list-post.video .post-date .year {
font-size: 1em;
font-weight: 700;
letter-spacing: .1em;
display: inline-block;
margin-right: 0.250em;
padding: 0;
}
.loops-wrapper.list-post.video .post-category:after {
content: none;
}
.loops-wrapper.list-post.video .post-author {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
margin-left: 10px;
color: #666;
}
.loops-wrapper.list-post.video .post-image {
margin-bottom: 0;
}
.loops-wrapper.list-post.video .post-title {
margin-bottom: .5em;
position: static;
}
.loops-wrapper.list-post.video .post-title a {
color: #fff;
}
/* Video grid4 */
.loops-wrapper.grid4.video .post-image:before {
margin-left: -.7em;
margin-top: -1.25em;
font-size: 2.5em;
text-align: center;
color: #fff;
padding: .27em .125em;
border: 3px solid #fff;
}
.loops-wrapper.grid4.video .post-content {
top:67% !important;
}
.loops-wrapper.grid4.video .post-content .video-post-author {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* Video grid3 */
.loops-wrapper.grid3.video .post-image:before {
margin-left: -.7em;
margin-top: -1.1em;
font-size: 3.5em;
text-align: center;
color: #fff;
padding: .37em .13em;
border: 3px solid #fff;
}
.loops-wrapper.grid3.video .post-content {
top:70% !important;
}
/* Video grid2-thumb */
.loops-wrapper.grid2-thumb.video .post-image:before {
margin-left: -.9em;
margin-top: -.9em;
font-size: 1.250em;
text-align: center;
color: #fff;
padding: .1em .3em;
border: 2px solid #fff;
border-radius: 100%;
}
.loops-wrapper.grid2-thumb.video .video-post-author {
margin-bottom: .5em;
}
.loops-wrapper.grid2-thumb.video .post-title a {
color: #000;
}
.loops-wrapper.grid2-thumb.video .post-title a:hover {
color: #26B9A2;
}
/* Video list-thumb-image */
.loops-wrapper.list-thumb-image.video .post-content {
position: static;
overflow: visible;
}
.loops-wrapper.list-thumb-image.video .post-title {
position: static;
}
.loops-wrapper.list-thumb-image.video .post-title a {
color: #000;
}
.loops-wrapper.list-thumb-image.video .post-title a:hover {
color: #26B9A2;
}
.loops-wrapper.list-thumb-image.video .video-post-author {
margin-bottom: .5em;
}
.loops-wrapper.list-thumb-image.video .post-image:before {
margin-left: -.9em;
margin-top: -.850em;
font-size: 2.250em;
text-align: center;
color: #fff;
padding: .4em .3em;
border: 3px solid #fff;
}
/* Video list-large-image */
.loops-wrapper.list-large-image.video .post-image:before {
margin-left: -.9em;
margin-top: -.9em;
font-size: 3em;
text-align: center;
color: #fff;
padding: .5em .3em;
border: 3px solid #fff;
}
.loops-wrapper.list-large-image.video .post-content {
position: static;
overflow: visible;
}
.loops-wrapper.list-large-image.video .post-title {
position: static;
}
.loops-wrapper.list-large-image.video .post-title a {
color: #000;
}
.loops-wrapper.list-large-image.video .post-title a:hover {
color: #26B9A2;
}
/* Video slider */
.loops-wrapper.slider.video .post-content {
width: 95%;
height: auto;
padding: 30px 2.5%;
}
.loops-wrapper.slider.video .post-title {
position: static;
margin-bottom: 0;
}
.loops-wrapper.slider.video .video-post-author {
margin-bottom: 10px;
}
.loops-wrapper.slider.video .carousel-nav-wrap .carousel-prev,
.loops-wrapper.slider.video .carousel-nav-wrap .carousel-next {
position: absolute;
top: 36%;
}
.loops-wrapper.video .lightbox {
display: block;
}
/************************************************************************************
GALLERY POST TYPE
*************************************************************************************/
.loops-wrapper.gallery .gallery-post {
position: relative;
overflow: hidden;
}
/* genneral gallery post-image */
.loops-wrapper.list-post.gallery .post-image,
.loops-wrapper.grid4.gallery .post-image,
.loops-wrapper.grid3.gallery .post-image,
.loops-wrapper.grid2.gallery .post-image {
margin-bottom: 0;
position: relative;
}
/* general gallery post-content (apply overlay styling to list-post, grid4,3,2) */
.loops-wrapper.list-post.gallery .post-image + .post-content,
.loops-wrapper.grid4.gallery .post-image + .post-content,
.loops-wrapper.grid3.gallery .post-image + .post-content,
.loops-wrapper.grid2.gallery .post-image + .post-content {
background-color: #000;
background-color: rgba(0,0,0,.5);
color: #ccc;
top:75%;
bottom: 0;
left: 0;
right: 0;
position: absolute;
overflow: hidden;
height: 100%;
padding: 5%;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.loops-wrapper.list-post.gallery .gallery-post:hover .post-content,
.loops-wrapper.grid4.gallery .gallery-post:hover .post-content,
.loops-wrapper.grid3.gallery .gallery-post:hover .post-content,
.loops-wrapper.grid2.gallery .gallery-post:hover .post-content {
top:0 !important;
}
.loops-wrapper.list-post.gallery .post-image + .post-content a,
.loops-wrapper.grid4.gallery .post-image + .post-content a,
.loops-wrapper.grid3.gallery .post-image + .post-content a,
.loops-wrapper.grid2.gallery .post-image + .post-content a {
color: #fff;
text-decoration: none;
}
/* gallery grid4,3,2 post title (push title to bottom) */
.loops-wrapper.grid4.gallery .post-image + .post-content .post-title,
.loops-wrapper.grid3.gallery .post-image + .post-content .post-title,
.loops-wrapper.grid2.gallery .post-image + .post-content .post-title {
position: absolute;
display: block;
bottom: 0;
color: #fff;
margin-bottom: 5%;
}
/* general gallery post meta */
.loops-wrapper.gallery .post-meta {
width: auto;
float: none;
text-align: left;
position: static;
}
.loops-wrapper.gallery .post-category {
margin: 0 0 .5em;
display: block;
}
.loops-wrapper.gallery .post-category:after {
display: none;
}
.loops-wrapper.gallery .post-meta .post-date {
color: inherit;
display: block;
background: none;
width: auto;
height: auto;
margin: 0 0 .3em;
border-radius: 0;
text-align: left;
}
.loops-wrapper.gallery .post-date .day,
.loops-wrapper.gallery .post-date .month,
.loops-wrapper.gallery .post-date .year {
font-size: 1em !important;
font-weight: 700;
letter-spacing: .1em;
display: inline-block !important;
margin-right: 0.250em;
padding: 0;
}
/* Gallery slider */
.loops-wrapper.slider.gallery .post-image + .post-content {
width: 100%;
padding: 3% 5%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.loops-wrapper.slider.gallery .post-title {
position: static;
margin: 0 0 .5em;
}
.loops-wrapper.slider.gallery .gallery-post-author {
margin-bottom: 10px;
}
.loops-wrapper.slider.gallery .carousel-nav-wrap .carousel-prev,
.loops-wrapper.slider.gallery .carousel-nav-wrap .carousel-next {
position: absolute;
top: 36%;
}
.loops-wrapper.slider.gallery .gallerySlide {
margin-top: 1.25% !important;
opacity: 0.5;
z-index: 0;
}
.loops-wrapper.slider.gallery .galleryBigSlide {
opacity: 1;
z-index: 1;
}
.loops-wrapper.slider.gallery {
-webkit-transition: background-color .5s;
transition: background-color .5s;
}
.loops-wrapper.list-post.gallery .post-author {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
margin-left: 10px;
color: #666;
}
.loops-wrapper.list-post.gallery .post-image {
margin-bottom: 0;
}
.loops-wrapper.gallery img {
vertical-align: bottom;
}
.loops-wrapper.list-post.gallery .post-title {
margin-bottom: .5em;
position: static;
}
.loops-wrapper.list-post.gallery .post-title a {
color: #fff;
}
/* gallery grid4 */
.loops-wrapper.grid4.gallery .post {
width: 25%;
margin: 0;
font-size: .9em;
}
.loops-wrapper.grid4.gallery .post-category:after {
display: none;
}
.loops-wrapper.grid4.gallery .post-content {
top:67% !important;
}
/* gallery grid3 */
.loops-wrapper.grid3.gallery .post {
width: 33.333%;
margin: 0;
}
.loops-wrapper.grid3.gallery .post-category:after {
display: none;
}
.loops-wrapper.grid3.gallery .post-content {
top:70% !important;
}
/* gallery grid2 */
.loops-wrapper.grid2.gallery .post {
width: 50%;
margin: 0;
}
.loops-wrapper.grid2.gallery .post-category:after {
display: none;
}
/* Gallery list-thumb-image */
.loops-wrapper.list-thumb-image.gallery .post-content {
position: static;
overflow: visible;
}
/* Gallery list-large-image */
.loops-wrapper.list-large-image.gallery .post-content {
position: static;
overflow: visible;
}
/* Masonry */
.gallery-wrapper.masonry .item .gallery-caption .post-title {
font-size: 1em;
}
.gallery-wrapper.masonry .item .gallery-item-wrapper {
overflow: hidden;
}
.gallery-wrapper.masonry .item .gallery-item-wrapper .gallery-caption {
background-color: #000;
background-color: rgba(0,0,0,.7);
margin: 0;
height: 100%;
}
.gallery-wrapper.masonry .item .gallery-caption .post-category a,
.gallery-wrapper.masonry .item .gallery-caption .post-title a {
color: #FFF;
}
/************************************************************************************
GALLERY
*************************************************************************************/
#body .gallery {
margin: 0 0 20px 0;
}
#body .gallery img {
border: none;
}
.sidebar-none.full_width #body .col-full .module-text .loops-wrapper.gallery {
margin: 0;
}
/* gallery item */
.gallery-wrapper .item {
background-color: inherit;
display: block;
float: left;
margin: 0;
padding: 0;
}
.gallery-wrapper .item .gallery-item-wrapper {
display: block;
position: relative;
height: 100%;
margin: 0;
padding: 0;
}
.gallery-wrapper .item img {
display: inline-block;
vertical-align: bottom;
width: 100%;
height: auto;
margin: 0;
padding: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.gallery-wrapper .item .gallery-item-wrapper .gallery-caption {
display: block;
visibility: hidden;
position: absolute;
top: 20%;
padding: 5%;
width: 90%;
text-align: left;
color: inherit;
font-weight: 300;
line-height: 120%;
margin: 5px 0 0;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.gallery-wrapper .item .gallery-item-wrapper:hover .gallery-caption {
display: block;
visibility: visible;
top: 0;
opacity: 1;
}
/* gallery caption content */
.gallery-wrapper .item .gallery-caption .post-title {
font-size: 1.65em;
margin-top: 10px;
color: inherit;
}
.gallery-wrapper .item .gallery-caption .post-category {
font-size: .85em;
font-weight: 500;
margin-top: 5px;
text-decoration: none;
color: inherit;
}
.gallery-wrapper .item .gallery-caption .post-category:after {
display: none;
visibility: hidden;
}
.gallery-wrapper .item.gallery-caption .entry-content {
font-size: 1em;
color: inherit;
}
.gallery-wrapper .item .gallery-caption .post-category a,
.gallery-wrapper .item .gallery-caption .post-title a {
text-decoration: none;
color: inherit;
}
.single-gallery .gallery-wrapper .item .gallery-caption .post-category,
.single-gallery .gallery-wrapper .item .gallery-caption .entry-content {
display: none;
visibility: hidden;
}
/* GALLERY COLUMN
================================================ */
/* gallery column 1 (display all in one line) */
#body .gallery-columns-1 .item {
width: auto;
}
#body .gallery-columns-1 br {
display: none !important;
}
/* gallery column 2 */
#body .gallery-columns-2 .item {
width: 50%;
}
/* gallery column 3 */
#body .gallery-columns-3 .item {
width: 33.333%;
}
/* gallery column 4 */
#body .gallery-columns-4 .item {
width: 25%;
}
/* gallery column 5 */
#body .gallery-columns-5 .item {
width: 20%;
}
/* gallery column 6 */
#body .gallery-columns-6 .item {
width: 16.666%;
}
/* gallery column 7 */
#body .gallery-columns-7 .item {
width: 14.285%;
}
/* gallery column 8 */
#body .gallery-columns-8 .item {
width: 12.5%;
}
/* gallery column 9 */
#body .gallery-columns-9 .item {
width: 11.111%;
}
/* set gallery item margin-right */
#body .gallery-columns-1 .item,
#body .gallery-columns-2 .item,
#body .gallery-columns-3 .item,
#body .gallery-columns-4 .item,
#body .gallery-columns-5 .item,
#body .gallery-columns-6 .item,
#body .gallery-columns-7 .item,
#body .gallery-columns-8 .item,
#body .gallery-columns-9 .item {
margin: 0;
}
/* clear gallery item margin-right */
#body .gallery-columns-9 .item:nth-of-type(9n),
#body .gallery-columns-8 .item:nth-of-type(8n),
#body .gallery-columns-7 .item:nth-of-type(7n),
#body .gallery-columns-6 .item:nth-of-type(6n),
#body .gallery-columns-5 .item:nth-of-type(5n),
#body .gallery-columns-4 .item:nth-of-type(4n),
#body .gallery-columns-3 .item:nth-of-type(3n),
#body .gallery-columns-2 .item:nth-of-type(2n) {
margin-right: 0;
}
/************************************************************************************
EVENT POST TYPE
*************************************************************************************/
.loops-wrapper.event .event-info span {
display: inline-block;
margin-left: 1em;
}
.loops-wrapper.event .event-info span:first-child {
margin-left: 0;
}
.loops-wrapper.event .location:before,
.loops-wrapper.event .event-time:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
margin-right: .5em;
}
.loops-wrapper.event .location:before {
content: '\e693';
}
.loops-wrapper.event .event-time:before {
content: '\e66e';
}
.loops-wrapper.event .event-cta-wrapper {
margin: 20px 0 0;
}
.loops-wrapper.grid2.event .post .post-content .entry-content,
.loops-wrapper.grid3.event .post .post-content .entry-content,
.loops-wrapper.grid4.event .post .post-content .entry-content {
clear: both;
}
/* single event */
.single-event .event-single-wrap {
overflow: hidden;
position: relative;
color: #FFFFFF;
top: 0;
left: 0;
width: 100%;
}
.single-event .event-map {
vertical-align: bottom;
overflow: hidden;
height: 650px;
}
.single-event .event-single-details {
position: absolute;
overflow: hidden;
top:0;
right: 0;
margin-top: 40px;
margin-right: 40px;
background: #1a1c1c;
max-width: 350px;
}
.single-event .event-single-details .post-image {
margin: 0;
}
.single-event .event-single-details .event-info-wrap {
display: block;
overflow: hidden;
padding: 40px;
}
.single-event .event-single-details .event-cta-wrapper {
padding: 20px 40px;
}
.single-event .event-single-details .event-cta-wrapper .buy-button {
float: right;
}
.single-event .event-single-details .event-cta-wrapper .post-share .share {
color: #fff;
}
.single-event .event-single-details .post-date {
background-color: transparent;
color: #fff;
text-align: left;
width: auto;
height: auto;
padding: 0;
}
.single-event .event-single-details .post-date .day,
.single-event .event-single-details .post-date .month,
.single-event .event-single-details .post-date .year {
font-size: 1em;
font-weight: 700;
letter-spacing: .1em !important;
display: inline-block;
margin-right: 0.250em;
padding: 0;
}
.single-event .event-single-details .post-date .month:after {
content: none;
}
.single-event .event-single-details .post-date span {
display: inline-block;
margin-bottom: 20px;
}
.single-event .event-single-details .post-date .time {
display: block;
font-size: 1em;
font-weight: 700;
}
.single-event .event-single-details .post-date .day:before,
.single-event .event-single-details .post-date .time:before,
.single-event .event-single-details .location:before {
font-family: 'themify';
position: relative;
margin-right: 10px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.single-event .event-single-details .post-date .day:before {
content: "\e6b6";
}
.single-event .event-single-details .post-date .time:before {
content: "\e66e";
}
.single-event .event-single-details .location:before {
content: "\e693";
margin-left: 0;
}
.single-event .event-single-details .address {
margin-left: 25px;
}
.shortcode.map .map-container {
border:none;
}
/* event slider */
.loops-wrapper.slider.event .post-content {
width: 79%;
padding: 20px 5% 20px 16%;
z-index: 9;
}
.loops-wrapper.slider.event .post-date {
width: 120px;
height: 120px;
margin: 0 0 .5em;
}
.loops-wrapper.slider.event .post-meta {
position: absolute;
bottom: 12px;
left: 30px;
z-index:9;
}
.loops-wrapper.slider.event .post-title {
margin: 0 0 .3em;
}
.loops-wrapper.slider.event .post-meta .post-date .day {
font-size: 2.625em;
padding: 20px 0 5px 0;
letter-spacing: -.05em;
}
.loops-wrapper.slider.event .post-meta .post-date .month {
font-size: .85em;
margin-top: 5px;
}
.loops-wrapper.slider.event .post-meta .post-date .month:after {
margin: 5px auto;
}
.loops-wrapper.slider.event .post-meta .post-date .year {
font-size: 1.1em;
}
.loops-wrapper.slider.event .event-cta-wrapper {
position: absolute;
top: 0;
right: 30px;
}
/* event list post */
.loops-wrapper.list-post.event .post-title {
margin-bottom: .25em;
}
.loops-wrapper.list-post.event .post-image {
max-width: 20%;
float: left;
margin: 0 1.4em 1em 0;
}
.loops-wrapper.list-post.event .post-meta {
padding: 0;
margin-right: 1.6em;
margin-top: 1em;
}
/* add padding to event list posts */
.sidebar-none.full_width .col-full .module-text .loops-wrapper.list-post.event {
padding: 0 5%;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.list-post.event .post-meta {
margin-top: .5em;
}
.loops-wrapper.list-post.event .post-image + .post-meta {
margin-left: -80px;
}
.loops-wrapper.list-post.event .post-meta .post-date {
margin-left: 10px;
width: 94px;
height: 94px;
}
.loops-wrapper.list-post.event .post-meta .post-date .day {
font-size: 2em;
padding: 10px 0 5px 0;
}
.loops-wrapper.list-post.event .post-meta .post-date .month:after {
margin: 2px auto;
}
.loops-wrapper.list-post.event .post-meta .post-date .year {
font-size: .85em;
}
.loops-wrapper.list-post.event .post-content {
position: static;
padding-left: 0;
text-align: left;
}
.loops-wrapper.list-post.event .post-title,
.loops-wrapper.list-post.event .event-info {
display: block;
/* carlo - elimino max-width per titoli degli eventi in homepage - max-width: 80%; */
height: auto;
}
.loops-wrapper.list-post.event .event-cta-wrapper {
position: absolute;
top: 0;
right: 0;
}
.loops-wrapper.list-post.event .event-post {
border-bottom: 1px solid #999;
border-bottom-color: rgba(111,111,111,.2);
padding-bottom: 20px;
}
.loops-wrapper.list-post.event .event-post:last-child {
border-bottom: 0;
}
/* Event grid4 */
.loops-wrapper.grid4 .event-post .event-info span {
margin-left: .5em;
}
/* Event grid3 */
.loops-wrapper.grid3.event .event-info span {
margin-left: .5em;
}
/* event list-thumb-image */
.loops-wrapper.list-thumb-image.event .post-image + .post-meta {
margin-left: -60px;
}
.loops-wrapper.list-thumb-image.event .post-meta {
margin-top: 1em;
}
.loops-wrapper.list-thumb-image.event .post-content {
padding-top: 1em;
}
.loops-wrapper.list-thumb-image.event .event-post {
border-bottom: 1px solid #000;
border-bottom-color: rgba(0,0,0,.25);
padding-bottom: 20px;
}
.loops-wrapper.list-thumb-image.event .event-cta-wrapper {
position: absolute;
top: 0;
right: 0;
}
/* event list-large-image */
.loops-wrapper.list-large-image.event .post-image + .post-meta {
margin-left: -70px;
}
.loops-wrapper.list-large-image.event .post-meta {
margin-top: 1em;
}
.loops-wrapper.list-large-image.event .post-content {
padding-top: 1em;
}
.loops-wrapper.list-large-image.event .event-post {
border-bottom: 1px solid #000;
border-bottom-color: rgba(0,0,0,.25);
padding-bottom: 20px;
}
.loops-wrapper.list-large-image.event .event-cta-wrapper {
position: absolute;
top: 0;
right: 0;
}
.loops-wrapper.list-post.event .post {
overflow:visible;
}
/************************************************************************************
EVENT WIDGET
*************************************************************************************/
.event-widget .event-post .post-title a {
color: #000;
}
.event-widget .event-post a.buy-button {
display: inline-block;
margin-left: 121px;
font-size: .85em;
}
#footer .footer-widgets .event-widget .event-post .post-title a {
text-decoration:none;
}
#footer .event-widget .event-post a.buy-button {
margin-left: 121px;
text-decoration:none;
border-color:#FFF;
}
.widget .event-widget .event-info {
margin-bottom: 1em;
}
.widget .event-widget time {
width: 94px;
height: 94px;
}
.widget .event-widget .post-date .day {
font-size: 2em;
padding-top: 7px;
}
.widget .event-widget .post-title {
font-size: 1.8em;
}
.widget .event-widget .post-content {
padding-left:0;
}
.widget .event-widget .post-meta {
width: 105px;
}
.widget .event-widget a.buy-button {
margin-left:0;
}
.widget .event-widget .post-share {
float: left;
}
.widget .event-widget .event-cta-wrapper {
float:left;
}
/************************************************************************************
PRESS POST TYPE
*************************************************************************************/
.loops-wrapper.press .post-image {
float: left;
}
.loops-wrapper.press .post-meta {
margin-top: 10px;
}
.loops-wrapper.press .post-meta {
margin-right: 4%;
}
.loops-wrapper.press .press-meta-wrapper,
.press-meta-wrapper a {
text-decoration: none;
}
.loops-wrapper.press .post-category:after {
content: ' ';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 20px;
background: #ccc;
margin: 0 10px;
}
.loops-wrapper.press .post-share {
margin: 0 5px;
}
.loops-wrapper.press .post {
overflow:visible;
}
/* Press slider */
.loops-wrapper.slider.press .post-image {
float: none;
}
.loops-wrapper.slider.press .post-title {
margin: 0 0 .250em;
}
.loops-wrapper.slider.press .post-content {
width: 79%;
padding: 20px 5% 20px 16%;
}
.loops-wrapper.slider.press .post-date {
width: 120px;
height: 120px;
margin: 0 0 .5em;
}
.loops-wrapper.slider.press .post-meta {
position: absolute;
bottom: 12px;
left: 30px;
}
.loops-wrapper.slider.press .post-meta .post-date .day {
font-size: 2.625em;
padding: 20px 0 5px 0;
letter-spacing: -.05em;
}
.loops-wrapper.slider.press .post-meta .post-date .month {
font-size: .85em;
margin-top: 5px;
}
.loops-wrapper.slider.press .post-meta .post-date .month:after {
margin: 5px auto;
}
.loops-wrapper.slider.press .post-meta .post-date .year {
font-size: 1.1em;
}
/* press list post */
.loops-wrapper.list-post.press .post-image + .post-meta {
margin-top: -60px;
}
.loops-wrapper.list-post.press .post-meta {
margin-right: 3%;
}
.loops-wrapper.list-post.press .entry-content {
clear: both;
}
/* press grid4 */
.loops-wrapper.grid4.press .post-meta {
margin-top: 0;
}
.loops-wrapper.grid4.press .entry-content {
clear: left;
}
/* Press grid3 */
.loops-wrapper.grid3.press .post-image + .post-meta {
position: relative;
margin-left: -70px;
margin-top: 20px;
width: auto;
}
.loops-wrapper.grid3.press .post-image {
width: 40%;
}
.loops-wrapper.grid3.press .post-content {
position: static;
}
.loops-wrapper.grid3.press .post-meta {
position: static;
width: auto;
text-align: center;
}
.loops-wrapper.grid3.press .post-share,
.loops-wrapper.grid3.press .post-share .social-share {
width: auto;
}
/* press grid2 */
.loops-wrapper.grid2.press .post-image + .post-meta {
margin-left: -70px;
margin-top: 20px;
}
.loops-wrapper.grid2.press .post-image {
width: 30%;
}
/* Press grid2-thumb */
.loops-wrapper.grid2-thumb.press .post-meta {
display: block !important;
width: 75%;
margin: 0;
}
.loops-wrapper.grid2-thumb.press .post-content {
display: block !important;
width: auto;
}
/* press list-thumb-image */
.loops-wrapper.list-thumb-image.press .post-image + .post-meta {
margin-left: -60px;
}
.loops-wrapper.list-thumb-image.press .post-meta {
margin-right: 2%;
}
/* Press list-large-image */
.loops-wrapper.list-large-image.press .post-image + .post-meta {
margin-left: -75px;
}
.loops-wrapper.list-large-image.press .post-meta {
margin-right: 2%;
}
.loops-wrapper.press .entry-content {
overflow: hidden;
}
/************************************************************************************
ALBUM POST TYPE
*************************************************************************************/
/* album single */
.album-container {
background-color: #1a1c1c;
color: #fff;
padding: 4%;
}
.album-cover {
float: left;
width: 34%;
margin-right: 4%;
}
.album-info {
float: left;
width: 14%;
margin-right: 4%;
}
.album-playlist {
float: left;
width: 44%;
}
.album-cover .share {
color: #fff;
}
.tracklist {
display: table;
position: relative;
list-style: none;
margin: 0 ;
padding: 0;
width: 100%;
counter-reset: li;
}
.tracklist li {
margin: 0;
border-bottom: 1px solid #0c0c0c;
}
.tracklist .track {
position: relative;
padding: 12px 30px 18px 20px;
text-align: left;
font-size: 1.1em;
}
.tracklist .track-title {
color: #fff;
text-decoration: none;
}
.tracklist .track:hover {
background-color: #000;
}
.jp-progress {
display: block;
width: 50%;
height: 100%;
background-color: #f78c26;
z-index: 9;
}
.track-state {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
width: 100%;
height: 4px;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
background-color: #5b5c5c;
}
.jp-duration {
float: right;
text-align: right;
color: #5b5c5c;
}
.jp-seek-bar {
width: 100%;
cursor: pointer;
background: #000;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.jp-play-bar {
display: block;
width: 50%;
height: 4px;
background: #f78c26 !important;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.play-track,
.pause-track {
border: 0;
font-size: 0;
padding: 0;
color: #fff;
}
.play-track:hover,
.pause-track:hover {
background-color: transparent;
color: #f78c26;
}
.tracklist .track:hover .play-track,
.tracklist .track:hover .pause-track,
.tracklist .track:hover .track-title {
color: #f78c26;
}
.play-track:before,
.pause-track:before {
font-family: 'themify';
position: relative;
top: 4px;
margin-right: 10px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 28px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.play-track:before {
content: '\e6ad';
}
.pause-track:before {
content: "\e6ae";
}
.tracklist .track.is-playing .play-track,
.tracklist .track.is-playable .pause-track {
display: none;
visibility: hidden;
}
.tracklist .track.is-playing .pause-track {
display: inline-block;
visibility: visible;
}
.album-post .album-info dt {
letter-spacing: 2px;
text-transform: uppercase;
}
.album-post .album-info dd {
margin-bottom: 20px;
color: rgba(255,255,255,.5);
}
/* album post */
.album-post .post-content {
text-align: left;
}
.album-post .post-title {
margin-bottom: .4em;
float: left;
display: block;
}
/* record-details */
.record-details {
position: static;
display: block;
text-align: left;
margin: 0;
word-wrap: normal;
}
.record-details li {
display: inline-block;
vertical-align: top;
font-size: 1em;
margin: 0 !important;
padding: 0 1em .5em .2em !important;
list-style: none;
}
.loops-wrapper.grid4 .record-details li,
.loops-wrapper.grid3 .record-details li,
.loops-wrapper.grid2 .record-details li {
width: 30%;
box-sizing: border-box;
}
.record-details li h6 {
font-weight: 700;
margin: 0;
color: #fff;
padding: 0;
font-size: .9em;
}
.record-details li p {
margin: 0 0 5px !important;
line-height: 1.1em !important;
}
/* album archive */
.loops-wrapper.album img {
vertical-align: bottom;
}
.loops-wrapper.album .album-post-author {
margin: 0;
}
.loops-wrapper.album .post-title {
display: block;
width: 100%;
margin: 0 auto;
}
.loops-wrapper.album .post-content {
position: relative;
display: block;
height: 100%;
text-align: center;
margin: 0 auto;
}
.loops-wrapper.album .record-details {
position: absolute;
display: block;
list-style: none;
width: 100%;
text-align: center;
margin: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 1em;
color: #fff;
}
.loops-wrapper.album .record-details li {
display: inline-block;
margin-right: 40px;
text-align: left;
}
.loops-wrapper.album .record-details li:last-child {
margin-right: 0;
}
.loops-wrapper.album li h6 {
color: #fff;
}
.loops-wrapper.album li p {
color: rgba(255,255,255,.6);
}
/* album grid layouts */
.loops-wrapper.grid4.album .post-title a,
.loops-wrapper.grid3.album .post-title a,
.loops-wrapper.grid2.album .post-title a {
color: #fff;
}
.loops-wrapper.grid4.album .post-image,
.loops-wrapper.grid3.album .post-image,
.loops-wrapper.grid2.album .post-image {
margin-bottom: 0;
cursor: pointer;
}
.loops-wrapper.grid4.album .album-post,
.loops-wrapper.grid3.album .album-post,
.loops-wrapper.grid2.album .album-post {
overflow: hidden;
}
.loops-wrapper.grid4.album .post-content,
.loops-wrapper.grid3.album .post-content,
.loops-wrapper.grid2.album .post-content {
/*adding important to override themify-buidler-style.css !important */
position: absolute !important;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #000;
background-color: rgba(0,0,0,.5);
top:70%;
bottom: 0;
left: 0;
right: 0;
color: #fff;
/*adding important to override themify-buidler-style.css !important */
padding: 5% !important;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.loops-wrapper.grid4.album .album-post:hover .post-content,
.loops-wrapper.grid3.album .album-post:hover .post-content,
.loops-wrapper.grid2.album .album-post:hover .post-content {
top:0 !important;
cursor: pointer;
}
/* album list post */
.loops-wrapper.list-post.album .post-content {
text-align: left;
padding: 0;
}
.loops-wrapper.list-post.album .entry-content {
clear: both;
}
/* Grid correction */
.loops-wrapper.album.list-large-image .post-title {
width: 32%;
}
/* record-details */
.loops-wrapper.list-post.album .post-title {
font-size: 2.8em;
margin-bottom: .7em;
display: block;
width: 50%
}
.loops-wrapper.list-post.album .record-details {
position: static;
display: block;
width: 50%;
float: right;
text-align: right;
list-style: none;
margin: 0;
color: #000;
}
.loops-wrapper.list-post.album .record-details li {
display: inline-block;
vertical-align: top;
margin-right: 40px;
font-size: 1em;
}
.loops-wrapper.list-post.album li h6 {
font-weight: 700;
margin: 0;
color: #000;
}
.loops-wrapper.list-post.album li p {
margin-bottom: 0;
color: rgba(0,0,0,.6);
}
/* Album grid4 */
.loops-wrapper.grid4.album .post-image:before {
margin-left: -.7em;
margin-top: -1.15em;
font-size: 2.5em;
text-align: center;
color: #fff;
padding: .27em .125em;
border: 3px solid #fff;
}
.loops-wrapper.grid4.album .post-content {
top:67% !important;
}
.loops-wrapper.grid4.album .post-content .album-post-author {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.loops-wrapper.grid4.album .record-details li {
font-size: .9em;
margin-right: 10px;
}
/* Album grid3*/
.loops-wrapper.grid3.album .post-image:before {
margin-left: -.7em;
margin-top: -1.1em;
font-size: 3.5em;
text-align: center;
color: #fff;
padding: .37em .13em;
border: 3px solid #fff;
}
.loops-wrapper.grid3.album .post-content {
top:70% !important;
}
.loops-wrapper.grid3.album .record-details li {
font-size: .9em;
margin-right: 20px;
}
/* Album grid2-thumb */
.loops-wrapper.grid2-thumb.album .post-image {
position: relative;
}
.loops-wrapper.grid2-thumb.album .post-image:before {
margin-left: -.7em;
margin-top: -.7em;
font-size: 1.5em;
text-align: center;
color: #fff;
padding: .01em .08em;
border: 2px solid #fff;
border-radius: 100%;
}
.loops-wrapper.grid2-thumb.album .album-post-author {
margin-bottom: .5em;
}
.loops-wrapper.grid2-thumb.album .post-content {
text-align: left;
}
/* record-details grid2-thumb */
.loops-wrapper.grid2-thumb.album .post-title {
margin-bottom: .2em;
}
.loops-wrapper.grid2-thumb.album .record-details {
position: static;
text-align: left;
list-style: none;
margin: 0;
color: #000;
}
.loops-wrapper.grid2-thumb.album .record-details li {
display: inline-block;
vertical-align: top;
margin-right: 20px;
font-size: .8em;
}
.loops-wrapper.grid2-thumb.album li h6 {
font-weight: 700;
margin: 0;
color: #000;
}
.loops-wrapper.grid2-thumb.album li p {
margin-bottom: 0;
color: rgba(0,0,0,.6);
}
/* Album list-thumb-image */
.loops-wrapper.list-thumb-image.album .album-post-author {
margin-bottom: .5em;
}
.loops-wrapper.list-thumb-image.album .post-image {
position: relative;
}
.loops-wrapper.list-thumb-image.album .post-image:before {
margin-left: -.7em;
margin-top: -.7em;
font-size: 2.5em;
text-align: center;
color: #fff;
padding: .27em .125em;
border: 3px solid #fff;
}
.loops-wrapper.list-thumb-image.album .post-content {
text-align: left;
}
/* record-details list-thumb-image */
.loops-wrapper.list-thumb-image.album .post-title {
display: block;
width: 77%;
margin-bottom: .4em;
}
.loops-wrapper.list-thumb-image.album .record-details {
position: static;
text-align: left;
list-style: none;
margin: 0;
color: #000;
}
.loops-wrapper.list-thumb-image.album .record-details li {
display: inline-block;
vertical-align: top;
margin-right: 30px;
font-size: .9em;
}
.loops-wrapper.list-thumb-image.album li h6 {
font-weight: 700;
margin: 0;
color: #000;
}
.loops-wrapper.list-thumb-image.album li p {
margin-bottom: 0;
color: rgba(0,0,0,.6);
}
/* Album list-large-image */
.loops-wrapper.list-large-image.album .post-image {
position: relative;
}
.loops-wrapper.list-large-image.album .post-image:before {
margin-left: -.950em;
margin-top: -.8em;
font-size: 3.250em;
text-align: center;
color: #fff;
padding: .5em .3em;
border: 3px solid #fff;
}
.loops-wrapper.list-large-image.album .post-content {
text-align: left;
}
/* record-details list-large-image */
.loops-wrapper.list-large-image.album .post-title {
display: block;
width: 65%;
margin-bottom: .4em;
}
.loops-wrapper.list-large-image.album .record-details {
position: static;
text-align: left;
list-style: none;
margin: 0;
color: #000;
}
.loops-wrapper.list-large-image.album .record-details li {
display: inline-block;
vertical-align: top;
margin-right: 40px;
font-size: 1em;
}
.loops-wrapper.list-large-image.album li h6 {
font-weight: 700;
margin: 0;
color: #000;
}
.loops-wrapper.list-large-image.album li p {
margin-bottom: 0;
color: rgba(0,0,0,.6);
}
/* album slider */
.loops-wrapper.slider.album .post-image + .post-content {
width: 100%;
padding: 15px 5%;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 88%;
}
.loops-wrapper.slider.album .post-content {
text-align: left;
overflow: hidden;
}
.loops-wrapper.slider.album .post-title {
margin-bottom: .4em;
float: left;
display: block;
width: 50%
}
.loops-wrapper.slider.album .record-details {
position: static;
display: block;
width: 50%;
float: right;
text-align: right;
list-style: none;
margin: 0;
color: #fff;
}
.loops-wrapper.slider.album .record-details li {
display: inline-block;
vertical-align: top;
font-size: 1em;
width: 22% !important;
padding-left: 5% !important;
}
.loops-wrapper.slider.album .record-details h6 {
font-weight: 700;
margin: 0;
color: inherit;
}
.loops-wrapper.slider.album .record-details li p {
margin-bottom: 0;
color: inherit;
opacity: .6;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .post-title {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .post-content {
width: 100% !important;
position: absolute;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #000;
background-color: rgba(0,0,0,.5);
top:100%;
bottom: 0;
left: 0;
right: 0;
color: inherit;
padding: 5%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .31s ease-in-out;
transition: all .3s ease-in-out;
cursor: pointer;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .record-details {
position: absolute;
display: block;
list-style: none;
width: 100%;
text-align: center;
margin: 0;
bottom: 5%;
left: 0;
right: 0;
font-size: 1em;
color: inherit;
}
/* ALBUM LIGHTBOX
================================================ */
.post-lightbox {
padding: 0 !important;
overflow: hidden; /* prevent body scrolling */
}
.post-lightbox-iframe {
padding-top: 0;
}
.post-lightbox-iframe .post-nav,
.post-lightbox-iframe #wpadminbar {
display:none;
}
.post-lightbox .album-lightbox {
width: 90%;
max-height: 90%;
margin-left: -45%;
position: fixed;
z-index: 100005;
right: 5%;
}
.post-lightbox .album-lightbox .album-container {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: rotateY(-90deg) scale(0.5);
transform: rotateY(-90deg) scale(0.5);
-webkit-perspective: 800px;
perspective: 800px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.post-lightbox .album-lightbox.flipped {
-webkit-perspective: 800px;
perspective: 800px;
}
.post-lightbox .album-lightbox.flipped .album-container {
opacity: 1;
-webkit-transform: rotateY(0deg) scale(1);
transform: rotateY(0deg) scale(1);
}
.lightbox-added {
padding: 0 0 5%;
text-align: center;
}
.post-lightbox .close-lightbox {
color: #fff;
z-index: 10;
}
.overlay {
display: none;
}
/* Album Carousel */
.loops-wrapper.album.slider .post-title {
font-weight: normal;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.album.slider .slideshow-wrap .caroufredsel_wrapper .slideshow .album-post:hover > .post-content {
top: 0px;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.album.slider .caroufredsel_wrapper .album-post .post-content .post-title {
font-size: 18px;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.album.slider .caroufredsel_wrapper .album-post > .post-content {
top: 75%;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.album.slider .caroufredsel_wrapper .album-post .entry-content {
display: none;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .caroufredsel_wrapper .record-details li:last-child {
margin-right: 0;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .caroufredsel_wrapper .record-details li:first-child {
padding-left: 15%;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .caroufredsel_wrapper .record-details li {
width: 26.33%;
margin: 0;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sidebar-none.full_width .col-full .module-text .loops-wrapper.slider.album .caroufredsel_wrapper .record-details li p {
width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.loops-wrapper.slider .carousel-nav-wrap .carousel-prev,
.loops-wrapper.slider .carousel-nav-wrap .carousel-next {
z-index: 10;
}
/* adding !important because override the themify-buidler-style.css:2271 */
.sidebar-none.full_width .col-full .module-text .loops-wrapper.album.slider .caroufredsel_wrapper .album-post .post-content {
position: absolute !important;
padding: 5% !important;
}
/*
ALBUM LIGHTBOX
================================================ */
#overlay {
background: #333;
background: rgba(0,0,0,.8);
position: fixed;
z-index: 100000;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.album-lightbox {
position: absolute;
z-index: 100001;
width: 100%;
top: 10%;
}
.album-lightbox .album-container {
margin: auto;
width: 1000px;
max-width: 92%;
background: #000;
position: relative;
}
.album-lightbox .close-lightbox {
position: absolute;
top: 20px;
right: 20px;
font-size: 17px;
cursor: pointer;
}
/************************************************************************************
BUY BUTTON
*************************************************************************************/
.buy-button {
background: transparent;
padding: .5em 1.2em;
margin-right: 10px;
color: #f78c26;
border: 2px solid #f78c26;
font-size: 1.15em;
letter-spacing: .005em;
text-decoration: none;
white-space:nowrap;
float: left;
text-decoration: none;
}
.buy-button:hover {
background-color: #f78c26;
color: #fff;
text-decoration: none;
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box {
margin: 15px 0;
border: none;
}
.author-box .author-avatar {
float: left;
margin: 0 15px 5px 0;
}
.author-box .author-name {
margin: 0 0 20px;
font-size: .85em;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 700;
color: #666;
padding-top: 10px;
}
/************************************************************************************
POST PAGINATION (the tag)
*************************************************************************************/
.post-pagination {
text-align: right;
margin: .5em 0 2em;
}
.post-pagination strong {
margin-right: 3px;
}
.post-pagination a {
margin-left: 3px;
margin-right: 3px;
}
/************************************************************************************
POST NAVIGATION (the tag)
*************************************************************************************/
.post-pagination {
text-align: right;
margin: .5em 0 2em;
}
.post-pagination strong {
margin-right: 3px;
}
.post-pagination a {
margin-left: 3px;
margin-right: 3px;
}
/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav {
margin: 0 0 4em;
padding: 15px 0;
clear: both;
font-size: 1.15em;
letter-spacing: .005em;
}
.post-nav .prev,
.post-nav .next {
width: 47%;
position: relative;
}
.post-nav a {
text-decoration: none;
display: block;
}
.post-nav a:hover {
text-decoration: none;
}
.post-nav .prev {
float: left;
}
.post-nav .next {
float: right;
text-align: right;
}
/* post nav arrow */
.post-nav .arrow {
display: block;
width: auto;
float: left;
width: 28px;
height: 28px;
text-align: center;
}
.post-nav .next .arrow {
float: right;
}
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before {
font-size: 14px;
top: 0;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.post-nav .next .arrow:before {
content: "\e649";
font-family: 'themify';
}
.post-nav .prev .arrow:before {
content: "\e64a";
font-family: 'themify';
}
.post-nav .prev .arrow:before {
left: 0;
}
.post-nav .next .arrow:before {
right: 0;
}
.post-nav a span:before {
color: #666;
}
.post-nav a:hover span:before {
color: #f78c26;
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
margin: 10px 0 20px;
position: relative;
clear: both;
}
/* comment title */
.comment-title, .comment-reply-title {
letter-spacing: .2em;
text-transform: uppercase;
font-weight: 700;
font-size: 140%;
margin: 0 0 0.625em;
padding: 0;
}
/* comment pagenav */
.commentwrap .pagenav {
margin: 10px 0;
border: none;
box-shadow: none;
}
.commentwrap .pagenav.top {
margin: 0;
position: absolute;
top: 0;
right: 0;
}
/* commentlist */
.commentlist {
margin: 0 0 30px;
padding: 5px 0 0;
border-top: solid 1px #ddd;
}
.commentlist li {
margin: 0;
padding: 15px 0 0;
list-style: none;
position: relative;
}
.commentlist .comment-author {
margin: 2px 0 10px;
padding: 0;
text-transform: uppercase;
}
.commentlist .avatar {
float: left;
margin: 0 30px 0 0;
width: 70px;
height: 70px;
border-radius: 100%;
}
.commentlist cite {
font-style: normal;
font-size: 100%;
font-weight: 700;
}
.commentlist cite a {
text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
content: '\f02e';
font-family: FontAwesome;
display: block;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.commentlist .comment-time {
font-size: 75%;
text-transform: uppercase;
position: relative;
top: -8px;
}
.commentlist .commententry {
position: relative;
min-height: 40px;
overflow: hidden;
padding-bottom: 5px;
word-wrap: break-word;
}
.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
padding: 0;
}
/* reply link */
.commentlist .reply {
position: absolute;
right: 0;
top: 1.75em;
}
.commentlist .comment-reply-link {
font-size: .85em;
text-transform: none;
letter-spacing: .05em;
text-decoration: none;
background: transparent;
color: #f78c26;
border: 2px solid #f78c26;
padding: 10px 16px;
cursor: pointer;
}
.commentlist .comment-reply-link:hover {
text-decoration: none;
background: #f78c26;
color: #fff;
}
/*
COMMENT FORM
================================================ */
#respond {
margin: 40px 0;
padding: 40px 5%;
position: relative;
clear: both;
background: #f3f3f3;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 30px;
right: 5%;
display: block;
font-size: 85%;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
line-height: 100%;
text-decoration: none;
background: transparent;
color: #f78c26;
border: 2px solid #f78c26;
padding: 12px 22px;
cursor: pointer;
}
#respond #cancel-comment-reply-link:hover {
background: #f78c26;
color: #fff;
}
#commentform {
margin: 40px 0 0;
}
#commentform input[type=text] {
width: 206px;
margin-right: 5px;
}
#commentform label {
font-weight: bold;
}
#commentform label small {
font-weight: normal;
}
#commentform textarea {
height: 140px;
}
#commentform input#submit {
padding: 12px 22px;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget {
margin: 0 0 0px; /* carlo modificato */
word-wrap: break-word;
}
.widgettitle {
margin: 0 0 1.250em;
padding: 0;
font-size: 1.250em;
letter-spacing: .2em;
text-transform: uppercase;
font-weight: 700;
}
.widgettitle a {
text-decoration: none;
}
.widgettitle a:hover {
text-decoration: underline;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: .85em 0;
list-style: none;
clear: both;
border-top: solid 1px #ddd;
}
.widget li:first-child {
border-top: 0;
}
.widget ul ul {
margin: 6px 0 -6px 0px;
padding: 0;
border-top: none;
}
.widget ul ul li {
margin: 0;
padding-left: 10px;
}
/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption {
font-weight: bold;
padding-bottom: 10px;
}
.widget #wp-calendar td {
width: 31px;
padding: 4px 2px;
text-align: center;
}
/* feature posts widget */
.widget .feature-posts-list br {
display: none;
}
.widget .feature-posts-list li {
padding: 1.5em 0;
}
.widget .feature-posts-list .post-img {
margin: 0 20px 0 0;
max-width: 75px;
height: auto;
float: left;
}
.widget .feature-posts-list small {
font-style: italic;
font-size: 90%;
display: block;
margin: 0 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
display: block;
margin: 0 0 0.6em;
font-size: 1.125em;
font-weight: 700;
color: #f78c26;
text-decoration: none;
}
.widget .feature-posts-list .post-excerpt {
display: block;
}
/* twitter widget */
.widget .twitter-list .twitter-timestamp a {
font-style: italic;
font-size: 90%;
}
.widget .follow-user {
margin: 0;
padding: 5px 0;
}
/* links widget */
.widget .links-list img, .widget_links img {
vertical-align: middle;
}
/* recent comments widget */
.recent-comments-list .avatar {
margin-right: 12px;
float: left;
}
/* flickr widget */
.widget .flickr_badge_image {
margin-top: 10px;
}
.widget .flickr_badge_image img {
width: 50px;
height: 50px;
margin-right: 12px;
margin-bottom: 12px;
float: left;
}
/* search widget */
#sidebar #searchform {
position: static;
}
#sidebar #searchform #s {
width: 93%;
}
/* add white bg to facebook badge iframe */
iframe[src*="facebook"] {
background: #fff;
}
/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered {
max-width: 100% !important;
}
#content .twt-border {
max-width: 100% !important;
min-width: 180px !important;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
background: #f78c26;
padding-bottom: 75px;
}
#footer {
clear: both;
color: rgba(255,255,255,.6);
}
#footer a {
clear: both;
color: #fff;
text-decoration: underline;
}
#footer .footer-widgets {
padding-top: 2em;
clear: both;
}
#footer .footer-widgets .widgettitle {
color: #fff;
}
/* footer nav */
.footer-nav {
margin: 7px 0 10px;
padding: 0;
text-align: left;
}
.footer-nav li {
padding: 0;
margin: 0 8px 5px 0;
list-style: none;
display: inline-block;
zoom:1;
*display:inline;
}
/* footer text */
.footer-text {
clear: both;
font-size: 85%;
padding: 0 0 1em;
}
/************************************************************************************
MUSIC PLAYER
*************************************************************************************/
#footer-player {
-moz-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
overflow: hidden;
bottom: 0;
width: 100%;
height: 75px;
background: #1a1c1c;
background-color: rgba(0,0,0,.7);
z-index: 10000;
}
#footer-player .buttons-wrap,
#footer-player .volume,
#footer-player .post-image,
#footer-player .tracklist,
#footer-player .button-menu-player
#footer-player .button-switch-player {
display: inline-block;
margin-top: 10px;
}
#footer-player .buttons-wrap {
width: 80px;
margin-right: 10px;
}
#footer-player .volume {
width: 80px;
margin-right: 20px;
}
#footer-player .post-image {
width: 52px;
height: 52px;
margin: 0 20px 0 0;
vertical-align: middle;
}
#footer-player .post-image img {
width: 100%;
height: 100%;
}
#footer-player .tracklist {
width: 55%;
margin-top: 0;
font-size: .850em;
}
#footer-player .player-button:hover {
color: #f78c26;
}
.buttons-console-wrap {
display: inline-block;
font-size: 1.5em;
margin: 20px 0 0;
width: 18%;
margin-left: 2%;
}
.button-menu-player {
float: left;
}
.button-switch-player {
float: right;
}
.player-button,
.volume-link,
.button-menu-player,
.button-switch-player {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
color: #fff;
}
.button-play:before {
content: "\e6ad";
font-size: 2em;
position: relative;
top: 5px;
}
.button-pause:before {
content: "\e6ae";
}
.backward:before {
content: "\e6b0";
}
.forward:before {
content: "\e6af";
}
.button-mute:before {
content: "\e601";
}
.button-unmute:before {
content: "\e601";
text-decoration: overline;
}
.button-menu-player:before {
content: "\e68f";
}
.button-switch-player:before {
content: "\e64b";
}
/* tracklist */
#footer-player .tracklist .track {
padding: 0 0 12px 0;
}
#footer-player .tracklist li {
border-bottom: 0;
}
#footer-player .tracklist .track:hover,
#footer-player .tracklist .track:hover .play-track,
#footer-player .tracklist .track:hover .pause-track,
#footer-player .tracklist .track:hover .track-title {
background-color: transparent;
color: #fff;
}
/* Volume */
#footer-player .button-mute {
display: inline-block;
width: 10%
}
.volume-bar {
position: relative;
display: inline-block;
height: 4px;
width: 70%;
margin-left: 10%;
margin-bottom: 4px;
background-color: #5b5c5c;
}
.volume-bar span {
position: absolute;
display: block;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: #f78c26;
z-index: 9;
}
#footer-player .post-image {
position:absolute;
left:182px;
top:12px;
}
#footer-player .mejs-duration,
#footer-player .mejs-currenttime {
display:none;
}
#footer-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background: #f78c26;
}
#footer-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #000;
}
#footer-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-buffering {
background: #5b5c5c;
}
/* setup symbols */
#footer-player .footer-player-inner .tracklist .wp-playlist .mejs-controls .mejs-playpause-button button {
color: #fff;
height: 25px;
width: 25px;
margin: 0;
left:12px;
top:0px;
}
#footer-player .mejs-controls .mejs-play button:before {
content: '\e6ad';
font-size:36px;
}
#footer-player .mejs-controls .mejs-pause button:before {
content: "\e6ae";
}
#footer-player .themify-player-volume .mejs-volume-button button:before {
content: "\e601";
}
#footer-player .wp-playlist-prev:before {
content: "\e6b0";
font-size:18px;
}
#footer-player .wp-playlist-next:before {
content: "\e6af";
font-size:18px;
}
#footer-player .mejs-controls .mejs-play button:before,
#footer-player .mejs-controls .mejs-pause button:before,
#footer-player .themify-player-volume .mejs-volume-button button,
#footer-player .wp-playlist-next, #footer-player .wp-playlist-prev {
font-family: 'themify';
position: relative;
top: 4px;
margin-right: 10px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 28px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#footer-player .wp-audio-shortcode.mejs-container,
#footer-player .wp-audio-shortcode.mejs-container .mejs-controls,
#footer-player .wp-audio-shortcode.mejs-container .mejs-controls .mejs-button button,
#footer-player .wp-playlist-themify .mejs-container,
#footer-player .wp-playlist-themify .mejs-container .mejs-controls {
background: none;
}
#footer-player .mejs-controls .mejs-button button {
background:none;
}
/* /setup symbols */
#footer-player .footer-player-inner .tracklist .wp-playlist {
position: absolute;
top: -15px;
width: 100%;
border: none;
}
/* Track caption */
#footer-player .footer-player-inner .tracklist .wp-playlist .wp-playlist-current-item {
position: absolute;
top: 18px;
width: 100%;
height: auto;
left: 251px;
color:#FFF;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .mejs-controls .mejs-time-rail {
float: none;
position: absolute;
left: 234px;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .mejs-controls .mejs-playpause-button button:hover {
color: #f78c26;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .mejs-controls .themify-player-volume {
width:90px;
height:36px;
position:absolute;
left:80px;
top:-13px;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .wp-playlist-prev,
.wp-playlist-next {
top: 10px;
cursor: pointer;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .wp-playlist-prev:hover,
#footer-player .footer-player-inner .tracklist .wp-playlist .wp-playlist-next:hover {
color: #f78c26;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .wp-playlist-prev {
left:0;
top:-4px;
position:absolute;
color:#FFF;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .wp-playlist-next {
left:54px;
top:-4px;
position:absolute;
color:#FFF;
}
#footer-player .tracklist .wp-playlist-themify .mejs-controls .themify-player-volume .mejs-button button {
background: none;
height: 28px;
width: 25px;
top: 0px;
}
#footer-player .footer-player-inner .tracklist .wp-playlist .mejs-controls .themify-player-volume .mejs-button button::before {
content: "\e601";
color: #FFF;
font-family: 'themify';
font-size: 18px;
font-style: normal;
font-weight: normal;
font-variant: normal;
margin-right: 10px;
position: relative;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#footer-player .tracklist .wp-playlist-themify .mejs-controls .mejs-horizontal-volume-slider {
margin-top: 12px;
}
#footer-player .tracklist .wp-playlist-themify .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #f78c26;
height: 4px;
border-radius: 0px;
}
#footer-player .tracklist .wp-playlist-themify .mejs-controls .mejs-time-rail .mejs-time-total {
float:none;
width:100% !important;
top: 32px;
}
#footer-player .mejs-container .mejs-time-rail .mejs-time-total {
margin: 0;
background: #f78c26;
height: 4px;
border-radius: 0;
}
#footer-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height:4px;
background:#000;
border-radius:0;
}
#footer-player .mejs-container .mejs-controls .mejs-time-total .mejs-time-buffering,
#footer-player .mejs-container .mejs-controls .mejs-time-total .mejs-time-loaded,
#footer-player .mejs-container .mejs-controls .mejs-time-total .mejs-time-current,
#footer-player .mejs-container .mejs-controls .mejs-time-total .mejs-time-handle {
height: 4px;
border-radius: 0;
}
#footer-player .tracklist .wp-playlist-themify .mejs-controls .mejs-time {
top: 8px;
}
#footer-player .tracklist .wp-playlist-themify .mejs-controls .mejs-time span {
font-size: 16px;
}
/* Album playlist */
.album-playlist .mejs-container .mejs-controls .mejs-time .mejs-duration {
display:none;
font-family:"lato";
}
.album-playlist .mejs-controls .mejs-volume-button {
display:none;
}
.album-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
display:none;
}
.album-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
display:none;
}
.album-playlist .mejs-container .mejs-controls {
background:none;
position:relative;
padding-top:17px;
}
.album-playlist .tracklist .track {
height:52px;
padding:0;
margin:0;
padding-top:12px;
}
.album-playlist .tracklist .track:hover button {
color:#f78c26;
}
.album-playlist .mejs-controls .mejs-playpause-button button {
position:absolute;
top:-48px;
left:9px;
background:none;
color:#FFF;
width:30px;
height:30px;
font-size:30px;
font-family:"themify";
}
.album-playlist .mejs-controls .mejs-play button:before {
content: '\e6ad';
}
.album-playlist .mejs-controls .mejs-pause button:before {
font-family:"themify";
content: "\e6ae";
}
.album-playlist .mejs-controls div.mejs-time-rail {
width:100% !important;
height:4px;
}
.album-playlist .mejs-controls .mejs-time-rail .mejs-time-total {
width:100% !important;
border-radius:0;
margin:0;
background:#5b5c5c;
height:4px;
}
.album-playlist .mejs-container {
background:none;
}
.album-playlist .mejs-controls .mejs-time-rail .mejs-time-loaded {
height:4px;
background:#000;
}
.album-playlist .mejs-controls .mejs-time-rail .mejs-time-current {
height:4px;
background:#f78c26;
}
.album-playlist .tracklist .track-title {
margin-left:50px;
}
.album-playlist .mejs-container .mejs-controls div {
float:none;
position:absolute;
}
.album-playlist .mejs-container .mejs-controls .mejs-time {
right:10px;
top:-23px;
}
.album-playlist .mejs-container .mejs-controls .mejs-time span {
font-size:18px;
font-family:"lato";
}
/* Footer collapsible */
.buttons-console-wrap {
position:absolute;
right:20px;
}
#footer-player {
-webkit-transition: bottom 0.3s ease-out;
transition: bottom 0.3s ease-out;
}
.footer-player-inner .buttons-console-wrap {
position: absolute;
top: 0;
-webkit-transition: top 0.3s ease-out;
transition: top 0.3s ease-out;
}
#footer-player.collapsed {
bottom: -75px;
overflow: visible;
}
.collapsed .footer-player-inner .buttons-console-wrap {
top: -60px;
}
.footer-player-inner .button-switch-player {
background-color: transparent;
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.collapsed .footer-player-inner .button-switch-player {
background-color: #f78c26;
padding: 9px;
text-decoration: none;
}
.collapsed .footer-player-inner .button-switch-player:before {
content: "\e601";
}
/* Making player responsive */
.album-playlist .mejs-container {
width:100% !important;
}
.footer-player-inner {
position:relative;
}
/************************************************************************************
SHORTCODE
*************************************************************************************/
/*
BUTTON STYLES
================================================ */
a.shortcode.button {
font: 1em/1.7em 'Lato', Arial, Helvetica, sans-serif;
padding: 13px 25px;
margin: 0;
background: transparent;
color: #f78c26;
border-radius: 0 !important;
border-width: 2px !important;
box-shadow: none;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
font-weight: 700;
}
a.shortcode.button:hover {
text-decoration: none;
background-color: #f78c26;
color: #fff;
}
/************************************************************************************
BUILDER
*************************************************************************************/
/* builder row */
.full_width .themify_builder_row .row_inner {
width: 1160px; /* same width as .pagewidth */
max-width: 100%;
margin: auto;
}
/*
FULL HEIGHT SECTION STYLES
================================================ */
/* Slider */
.caroufredsel_wrapper {
min-width: 120px;
}
.carousel-nav-wrap {
text-align: center;
width: 100%;
}
.carousel-pager a {
background: rgba(0, 0, 0, 0.2);
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 10em;
cursor: pointer;
display: inline-block;
height: 8px;
margin: 2px 3px 0;
text-indent: -900em;
text-decoration: none;
vertical-align: middle;
width: 8px;
}
.carousel-pager a:hover,
.carousel-pager a.selected {
background: #02BECE;
}
/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
.sticky {}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
margin-bottom: 15px;
}
.alignleft {
float: left;
margin-right: 30px;
}
.alignright {
float: right;
margin-left: 30px;
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption-text {
font-style: italic;
font-size: 95%;
line-height: 120%;
margin: 6px 0;
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.textleft {
text-align: left;
}
.textright {
text-align: right;
}
.textcenter {
text-align: center;
}
/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1; }
/************************************************************************************
LOADER
*************************************************************************************/
#loader{
position: fixed;
top: 45%;
left: 50%;
z-index: 100001;
}
.themify-loader{
width: 50px;
height: 30px;
margin: 0 auto;
padding: 20px 0;
}
.themify-loader_blockG {
background-color: #666;
border: 1px solid #999;
float: left;
height: 36px;
margin-left: 3px;
width: 10px;
opacity: 0.1;
-moz-animation-name: bounceG;
-moz-animation-duration: 1.3s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: linear;
-moz-transform: scale(0.7);
-webkit-animation-name: bounceG;
-webkit-animation-duration: 1.3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
-webkit-transform: scale(0.7);
-ms-animation-name: bounceG;
-ms-animation-duration: 1.3s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: linear;
-ms-transform: scale(0.7);
-o-animation-name: bounceG;
-o-animation-duration: 1.3s;
-o-animation-iteration-count: infinite;
-o-animation-direction: linear;
-o-transform: scale(0.7);
animation-name: bounceG;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-direction: linear;
transform: scale(0.7);
}
.themify-loader_1 {
-moz-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-o-animation-delay: 0.39s;
animation-delay: 0.39s;
}
.themify-loader_2 {
-moz-animation-delay: 0.52s;
-webkit-animation-delay: 0.52s;
-ms-animation-delay: 0.52s;
-o-animation-delay: 0.52s;
animation-delay: 0.52s;
}
.themify-loader_3 {
-moz-animation-delay: 0.65s;
-webkit-animation-delay: 0.65s;
-ms-animation-delay: 0.65s;
-o-animation-delay: 0.65s;
animation-delay: 0.65s;
}
@-moz-keyframes bounceG {
0% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(0.7);
opacity: 0.1;
}
}
@-webkit-keyframes bounceG {
0% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(0.7);
opacity: 0.1;
}
}
@-ms-keyframes bounceG {
0% {
-ms-transform: scale(1.2);
opacity: 1;
}
100% {
-ms-transform: scale(0.7);
opacity: 0.1;
}
}
@-o-keyframes bounceG {
0% {
-o-transform: scale(1.2);
opacity: 1;
}
100% {
-o-transform: scale(0.7);
opacity: 0.1;
}
}
@keyframes bounceG {
0% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(0.7);
opacity: 0.1;
}
}
/************************************************************************************
CLONED IMAGE
*************************************************************************************/
.clone-wrap {
-webkit-perspective: 800px;
perspective: 800px;
display: block !important;
position: fixed;
z-index: 100001;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.clone-wrap.moved {
top: 10% !important;
left: 50% !important;
width: 270px;
margin-left: -135px;
}
.clone {
box-sizing: content-box;
padding: 0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transform: rotateY(1deg) scale(0.8);
transform: rotateY(1deg) scale(0.8);
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.clone-wrap.moved .clone.image-clone {
padding: 40px;
}
.clone.image-clone {
background: #000;
opacity: 1;
-webkit-transform: rotateY(1deg) scale(1);
transform: rotateY(1deg) scale(1);
}
.clone.image-clone.flipped {
opacity: 0;
-webkit-transform: rotateY(89deg) scale(1.2) translateY(10%);
transform: rotateY(89deg) scale(1.2) translateY(10%);
}
/************************************************************************************
ICON FONT
*************************************************************************************/
.social-widget .rss a:before,
#headerwrap #searchform .icon-search:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}