/*

TEXT & HEADINGS COLOR: #666
LINKS COLOR: #9c9c9c
BLOCK BG COLOR: #fff
BODY BG COLOR: #eee
DEFAULT ACCENT COLOR: #e63600

*/

/*---------------------------------------
	MAIN STRUCTURE
---------------------------------------*/

li.filter.current-cat {
border: 1px solid #fff;  
}

.folio-wrap {
background-color: rgba(255, 255, 255, 0.87);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); 
}

.folio-wrap2 {
background-color: rgba(255, 255, 255, 0.87);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.folio-wrap:hover {
background-color: rgba(24, 24, 24, 0.87);
box-shadow: 0 0 5px rgba(255, 255, 255, 0.26);
color: #d2d2d2;    
}

img.widgets-list-layout-blavatar {
background-color: #fff;
border: 1px solid #eee;
}

a.bump-view {
color: #ffffff;
}

a.bump-view:hover {
color: #000000;
}

#sidebar {
background: rgba(255, 255, 255, 0.86);
box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

#footer-widgets {
background-color: rgba(255, 255, 255, 0.89);
box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

/*---------------------------------------
	GENERAL STYLING
---------------------------------------*/

.block-bg {
background-color: rgba(255,255,255,0.95);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

div#previews-wrapper.block-bg {
box-shadow: 0 0 12px rgba(30, 30, 30, 0.93);    
}

#page-title {
background: rgba(255, 255, 255, 0.86);
box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

body {
background-color: #878787;
color: #666;
}

table {
border: 1px solid #e5e5e5;
}

thead, th, td {
border: 2px solid #e5e5e5;    
}

a {
color: #9c9c9c;
}

.gallery a {
border: 1px solid #eee;
}

/*/// CALENDAR ///*/

aside.widget_calendar #wp-calendar th {
background: #f3f3f3;
}

aside.widget_calendar #wp-calendar tfoot td {
border-top: 2px solid #f3f3f3;
}

aside.widget_calendar #today {
color: #fff;
}

aside.widget_calendar #wp-calendar #today a {
color: #fff;
}

/* FORMS
--------------------------------*/

#content input[type="text"],
#content textarea,
.contact-form input,
#footer-widgets input[type="text"],
#footer-widgets textarea,
#sidebar input[type="text"],
input[type="password"] ,
#sidebar textarea {
border: 1px solid #ccc;
box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
}

#content input[type="text"]:focus,
#content textarea:focus,
.contact-form input:focus,
#footer-widgets input[type="text"]:focus,
#footer-widgets textarea:focus,
#sidebar input[type="text"]:focus,
#sidebar textarea:focus,
input[type="password"]:focus {
background: #f5f5f5;
}

input[type="submit"], button {
color: #888888;
background-color: #eeeeee;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

input[type="submit"]:hover, button:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
background-color: #f7f7f7;
}

input[type="submit"]:active, button:active {
background-color: #dbdbdb;
}

/*---------------------------------------
	HEADER
---------------------------------------*/

.logo-ph {
background: rgba(255,255,255,0);
}

/* NAVIGATION
--------------------------------*/

.main-menu ul {
background: rgba(255, 255, 255, 0.95);
border: 1px solid #e5e5e5;
border-top: 1px solid #d5d5d5;
box-shadow: inset 0 0 10px rgba(0,0,0,0.05), 0 2px 8px rgba(0,0,0,0.15);
}

.main-menu ul li {
border-top: 1px solid #eee; 
}

/*---------------------------------------
	CONTENT
---------------------------------------*/

.entry-wrapper .entry-thumb {
background: #000;
}

.notis-thumb:hover {
background: #ffffff;
}

.entry-wrapper a.entry-thumb:hover,
.entry-wrapper a.entry-thumb.blog-hover {
background: #ffffff;
}

.entry-meta {
color: #aaa;
}

.entry-title,
.entry-title a {
color: #666;
text-shadow: 0px 1px 1px rgba(21, 23, 43, 0.26);
}

.author-avatar {
border: 1px solid #eeeeee;
}

/* LINK FORMAT
--------------------------------*/

.entry-link {
background: #f5f5f5;
border-bottom: 1px solid #e9e9e9;
}

.entry-link h2,
.entry-link h1 {
text-shadow: 1px 1px 0 #fff;
}

/* PORTFOLIO / RECENT WORK
--------------------------------*/

#filtering-links li.filter.current a,
#filtering-links li.filter:hover a,
#filtering-links li.cat-item.current-cat a,
#filtering-links li.cat-item:hover a {
background-color: #f1f1f1;
border: 1px solid #fff;
box-shadow: inset 0 0 3px rgba(0,0,0,0.05);
}

.folio-grid .folio-item,
.folio-fully .folio-item,
.folio-masonry .folio-item,
.home-composition .folio-item {
background: #000;
}

.folio-grid .folio-item:hover,
.folio-fully .folio-item:hover,
.folio-masonry .folio-item:hover,
.home-composition .folio-item:hover,
.folio-grid .folio-item.folio-hover,
.folio-fully .folio-item.folio-hover,
.folio-masonry .folio-item.folio-hover,
.home-composition .folio-item.folio-hover {
background: #000;
}

.folio-grid .folio-item .folio-title,
.folio-fully .folio-item .folio-title,
.folio-masonry .folio-item .folio-title,
.home-composition .folio-item .folio-title {
background: #333;
background-color: rgba(0,0,0,0.7);
border: 1px solid #000;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.folio-grid .folio-item .folio-title h2,
.folio-fully .folio-item .folio-title h2,
.folio-masonry .folio-item .folio-title h2,
.home-composition .folio-item .folio-title h2 {
color: #fff;
}

.folio-grid .folio-item .folio-title h4,
.folio-fully .folio-item .folio-title h4,
.folio-masonry .folio-item .folio-title h4,
.home-composition .folio-item .folio-title h4 {
color: #666;
}

/* SINGLE PORTFOLIO
--------------------------------*/

#folio-sidebar aside > span {
border-top: 1px solid #ddd;
}

#folio-sidebar aside.folio-skills a {
color: #666;
}

#folio-sidebar aside.folio-skills a:hover {
color: #ffffff;
}

#folio-sidebar aside .live-btn {
background: #eee;
color: #aaa;
box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

#folio-sidebar aside .live-btn:hover {
color: #fff;
}

/* RECENT POSTS
--------------------------------*/

.recent-posts .recent-post-wrap img.attachment-recent-thumb,
#related-posts ul li img, 
#related-poste ul li img {
border: 1px solid #ddd8d8;
background: #fff;
box-shadow: 2px 2px 5px rgba(72, 72, 72, 0.34);
}

.recent-posts .recent-post-wrap:hover img.attachment-recent-thumb {
box-shadow: 0px 0px 17px rgba(128, 128, 128, 0.58);
}

.recent-work-row .recent-button,
.recent-posts .recent-button {
background: #eee;
color: #aaa;
box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

.recent-work-row .recent-button:hover,
.recent-posts .recent-button:hover {
color: #fff;
}

.gridnav-label {
background: rgba(255,255,255,0.6);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

/* PAGINATION
--------------------------------*/

.pagination {
background: rgba(255,255,255,0.6);
box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

.pagination .page-numbers,
.pagination .pages,
.post-page-numbers {
border-right: 1px solid #eee;
background-color: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.pagination .pages {
color: #aaa;
}

.pagination .page-numbers:hover,
.post-page-numbers:hover {
border-right: 1px solid #ccc;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.pagination .page-numbers:active,
.post-page-numbers:active {
border-right: 1px solid #eee;
background-color: #f5f5f5;
box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
}

.pagination .page-numbers.current:hover,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.current:active,
.pagination .page-numbers.dots:active {
background-color: #fff;
border-right: 1px solid #eee;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

/* RELATED POSTS
--------------------------------*/

#related-posts ul li h6, #related-poste ul li h6 {
color: #666;
}

/* COMMENTS (NATIVO & SOPORTE PARA DISQUS)
--------------------------------*/

div#disqus_thread {
background-color: rgba(255,255,255,0.95);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

#comments .comment-date {
color: #9c9c9c;
}

#comments .comment-date a {
color: #9c9c9c;
}

#comments .comment-content {
background-color: #f3f3f3;
}

#comments .comment-content footer .comment-reply-link,
#comments .comment-content footer .comment-edit-link {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

#comments #respond {
background-color: #f3f3f3;
}

#comments #respond #cancel-comment-reply-link {
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

#comments #respond #cancel-comment-reply-link:hover {
color: #fff;
}

#comments #respond .required{
color: red;
}

#comments #comment_nav_below a {
color: #fff;
background: #888;
}

#comments #comment_nav_below a:hover {
color: #666;
background: #eee !important;
}

/*---------------------------------------
	WIDGETS
---------------------------------------*/

aside.widget > span:first-child {
border-top: 1px solid #ddd;
}

aside.widget ul ul {
border-left: 1px solid #ddd;
}

aside.widget.widget_rss h3 a {
color: #666;
}

.tagcloud > a {
border: 1px solid #ddd;
background: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

aside.widget.widget-posts-thumbs .wid_thumb {
background-color: #fff;
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}

aside.widget.widget-posts-thumbs .wid_thumb img {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

aside.widget.widget-posts-thumbs h2 {
color: #666;
}

aside.widget.widget-posts-thumbs .wid_post_meta {
color: #aaa;
}

.page-template-home-composition aside.widget.widget_text .textwidget {
background-color: rgba(255,255,255,0.95);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

/*---------------------------------------
	SHORTCODES
---------------------------------------*/

/* DIVIDERS
---------------------*/

.hdivider a {
background: rgba(255,255,255,0);
}

/* NOTIFICATION BOXS
---------------------*/

.box a {
color: #000;
}

/*---------------------------------------
    WOOCOMMERCE
---------------------------------------*/

.social-wrapper .cart-contents a {
background: #888;
color: #fff;
}

.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
border-bottom: 3px solid #ccc;
}

.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
border-top: 1px solid #ddd !important;
}

.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
border-top: 1px solid #ddd !important;
}

.portadell {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}