/*
Theme Name: Elégance
Theme URI: http://elegance .trendythemes.net/
Description: A Premium WordPress Blog Theme by Trendy Themes.
Author: Trendy Themes
Author URI: http://trendythemes.net
Version: 2.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* Global reset */
#wpstats { display:none; }
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
body {
font-family:"Open Sans", sans-serif;
color:#111;
background-color:#FFF;
}
p {
font-size:14px;
line-height:180%;
}
a {
text-decoration:none;
color:#222;
}
a:hover { #ddd5b5
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Oswald', sans-serif;
font-weight:400;
}
.container {
width:1020px;
margin:0 auto;
}
.container.tt_sidebar {
overflow:hidden;
}
#main {
width:100%;
}
#maingrid {
margin-top: 40px;
}
.container.tt_sidebar #main {
width:648px;
margin-right:30px;
float:left;
}
#sidebar {
width:342px;
float:right;
}
/********************************/
/*** Navigation ***/
/********************************/
#navigation {
background:#fff;
height:42px;
width:100%;
text-align: center;
}
#navigation-wrapper .menu {
border-bottom:2px solid #eee;
}
.post-entry a.more-link,
.newsletter-submit {
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
}
.page #navigation,
.category #navigation,
.archive #navigation,
.search #navigation {
margin-bottom:0px;
}
.slicknav_menu {
display:none;
}
#navigation .container {
position:relative;
}
.menu {
margin: 0;
padding: 0;
}
.menu li {
display:inline-block;
margin:0 22px;
position:relative;
}
.sub-menu li {
margin:0;
text-align:left;
}
.sub-menu li a {
letter-spacing:1.5px !important;
}
.menu li a {
font-size:12px;
margin: 0 auto;
display: block;
font-weight:400;
letter-spacing:2.5px;
color:#222;
line-height:42px;
text-transform:uppercase;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
}
.menu li a:hover {
color:#444;
}
#sidebar .menu li {
background:#222;
color:#fff;
font-size:12px;
letter-spacing:1px;
width:100%;
text-align:center;
margin:4px 0;
padding:0;
border:none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
-ms-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#sidebar .menu li:hover,
#sidebar .menu li a:hover {
text-decoration:none;
background:#444;
}
/*** DROPDOWN ***/
.menu .sub-menu,
.menu .children {
background-color: #f9f9f9;
display: none;
padding: 0;
position: absolute;
margin-top:0;
left: 0;
z-index: 99999;
}
ul.menu ul a,
.menu ul ul a {
color: #999;
margin: 0;
padding: 6px 10px 7px 10px;
min-width: 160px;
line-height:20px;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
border-top:1px solid #e9e9e9;
}
ul.menu ul li,
.menu ul ul li {
padding-right:0;
margin-right:0;
}
ul.menu ul a:hover,
.menu ul ul a:hover {
color: #222;
background:#fff;
}
ul.menu li:hover > ul,
.menu ul li:hover > ul {
display: block;
}
.menu .sub-menu ul,
.menu .children ul {
left: 100%;
top: 0;
}
/** Search **/
#top-search {
position:absolute;
right:0;
top:0;
width:42px;
text-align:center;
margin-left:16px;
display:none;
}
#top-search a {
height:42px;
font-size:14px;
line-height:42px;
color:#999;
display:block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#top-search a:hover {
color:#fff;
background:#999;
}
.show-search {
position:absolute;
top:42px;
right:-1px;
display:none;
z-index:10000;
}
.show-search .searchform input.s {
width:190px;
background:#FFF;
}
.show-search .searchform input.s:focus {
border:1px solid #d5d5d5;
}
/*** Top Social ***/
#top-social {
position:absolute;
right:66px;
top:0;
}
#top-social a i {
font-size:14px;
margin-left:10px;
line-height:40px;
color:#a0d6b4;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/********************************/
/*** Header ***/
/********************************/
#header {
background-color:#fff;
}
#logo {
text-align:center;
padding:40px 0;
}
/** Featured area **/
.featured-area {
margin-bottom:50px;
margin-top:-70px;
}
#owl-demo .item img{
max-width:100%;
height:auto;
}
#owl-demo .item .feat-overlay {
position:absolute;
width:100%;
bottom:20px;
background:rgba(255,255,255,.5);
}
#owl-demo .item .feat-overlay .feat-text {
padding:16px 15px 19px 15px;
}
#owl-demo .item .feat-overlay h3 a {
font-size:19px;
color:#000;
text-align:center;
width:100%;
display:block;
letter-spacing:1px;
}
#owl-demo .item .feat-overlay h3 a:hover {
text-decoration:underline;
}
#owl-demo .item .feat-overlay .feat-cat a{
font-size:14px;
font-style:italic;
text-align:center;
width:100%;
display:block;
color:rgba(0,0,0,.7);
display:inline-block;
margin-bottom:4px;
}
/** What I Love **/
.thingsilove-widget img {
width:100%;
float:left;
border:none;
}
.lovebox {
position:relative;
float:left;
margin-top:20px;
}
.lovebox.firstly {
margin-top:0px;
}
#sidebar .feat-overlay {
position:absolute;
width:100%;
bottom:0px;
background:rgba(255,255,255,.5);
padding:10px 0px 13px;
}
.lovebox h2 {
text-align:center;
color:#333;
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
}
/********************************/
/*** Grid Item ***/
/********************************/
/* grid title */
.sp-grid-title {
margin-bottom:45px;
text-align:center;
}
.sp-grid-title h3 {
font-size: 26px;
font-weight: 400;
text-transform: uppercase;
letter-spacing:4px;
margin-bottom:4px;
}
.sp-grid-title .sub-title {
font-size: 18px;
font-style: italic;
color: #999;
}
.sp-grid li {
display: inline-block;
vertical-align: top;
width: 300px;
margin-right: 15px;
margin-bottom: 45px;
}
.container.tt_sidebar .sp-grid li {
width:314px;
}
.container.tt_sidebar .sp-grid li:nth-child(3n+3) {
margin-right:15px;
}
.container.tt_sidebar .sp-grid li:nth-child(2n+2) {
margin-right:0;
}
.sp-grid li:nth-child(3n+3) {
margin-right:0;
}
.sp-grid li .item img {
width:100%;
height:auto;
margin-bottom:10px;
}
.sp-grid li .item .cat {
font-size: 11px;
color:#666;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom:7px;
display:block;
}
.sp-grid li .item .cat a:hover {
text-decoration:underline;
}
.sp-grid li .item h2 {
margin-bottom:8px;
}
.sp-grid li .item h2 a {
font-size: 18px;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
}
.sp-grid li .item p {
margin-bottom:6px;
}
.sp-grid li .item .date {
font-size: 11px;
color: #999;
letter-spacing: 1px;
}
.gridspace {
display:block:
clear:both;
height:60px;
}
/********************************/
/*** Post ***/
/********************************/
.post {
margin-bottom:60px;
}
.single .post {
margin-bottom:70px;
}
/*** Post Header ***/
.post-header {
margin:15px 0 20px;
text-align:center;
}
.post-header .date {
font-size:11px;
display: inline-block;
color:#666;
text-transform:uppercase;
letter-spacing:1px;
background-color: #fff;
}
article span.cat {
display:inline-block;
}
.post-header .cat a,
.post-header .cat {
font-size:11px;
color:#666;
letter-spacing:1px;
text-transform:uppercase;
}
.post-header .cat a:hover {
text-decoration:underline;
}
.post-header h1, .post-header h2 { color:#ddd2bc; margin-bottom:8px; text-transform:uppercase; }
.post-header h1 a, .post-header h2 a, .post-header h1 {
font-size:28px;
color:#ddd2bc;
letter-spacing:1px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
}
.post-header h2 a:hover,
.sp-grid li .item h2 a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
/*** Post image ***/
.post-image {
margin-bottom:10px;
text-align:center;
}
.post-image img {
max-width:100%;
height:auto;
}
.post-image.audio iframe {
height:166px;
}
.container.tt_sidebar .post-image.audio iframe {
width:650px;
height:auto;
}
/*** Post Entry ***/
.post-entry {
}
.post-entry img {
max-width:100%;
height:auto;
}
.post-entry p {
margin-bottom:20px;
}
.post-entry a.more-link {
font-weight:bold;
color:#222;
}
.post-entry a.more-link:hover,
.post-entry a.more-link:before:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
}
.newsletter-submit {
font-weight:700;
border: 2px solid #eee;
background:#fff;
color: #222;
display: block;
padding: 8px 0;
margin:15px 0 0 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
letter-spacing: 3px;
font-size:15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
cursor:pointer;
}
.newsletter-submit:hover {
background: #eee;
color: #222;
}
.newsletter-email {
width:100%;
height:40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
input.newsletter-email {
color:#aaa;
border: 1px solid #eee;
padding:8px;
}
.post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr {
margin-bottom:20px;
}
.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
color:#000;
}
.post-entry h1 {
font-size:30px;
}
.post-entry h2 {
font-size:27px;
}
.post-entry h3 {
font-size:24px;
}
.post-entry h4 {
font-size:20px;
}
.post-entry h5 {
font-size:18px;
}
.post-entry h6 {
font-size:16px;
}
.post-entry hr {
border:0;
height:0;
border-bottom:1px solid #e5e5e5;
clear:both;
}
.post-entry blockquote p {
background:url('img/blockquote.png') no-repeat;
color:#aaa;
padding:0 0 0 42px;
font-family:"Georgia";
font-size:20px;
line-height:28px;
font-style:italic;
}
.post-entry ul, .post-entry ol {
padding-left:45px;
margin-bottom:20px;
}
.post-entry ul li {
margin-bottom:12px;
list-style:disc;
}
.post-entry ol li {
margin-bottom:12px;
list-style:decimal;
}
.sticky.post .post-header { border:1px dashed #ddd; padding:20px 0; background-color: #f2f9f5; }
.bypostauthor { background-color:#ffffd9; }
li.comment { padding:20px 20px 0; }
.post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse }
.post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; }
.post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;}
.post-entry tr:hover {background:#f9f9f9;}
/*** Post Share ***/
.post-share {
text-align:center;
padding-bottom:30px;
margin-top:25px;
margin-bottom:60px;
background:url('img/line.png') no-repeat center bottom;
}
.single .post-share {
padding:27px 0;
background:#fbfbfb;
}
.single.widget-social a i,
.single .share-box i {
height: 26px;
width: 30px;
line-height: 26px;
margin: 0 12px;
font-size: 24px;
}
.post-share .post-box-title {
margin-bottom: 22px;
}
.single i.fa-comment-o {
font-size: 25px !important;
line-height: 24px !important;
}
.post-share a {
display:inline-block;
}
.clearfix {
display:block;
}
.share-box:hover {
}
.share-box i {
}
.share-box:hover > i {
}
/*** Post author ***/
.post-author {
margin-bottom:80px;
margin-top:70px;
overflow:hidden;
}
.author-img {
float:left;
margin-right:30px;
}
.author-img img {
border-radius:50%;
}
.author-content h5 a {
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:8px;
color:#000;
display:block;
}
.author-content p {
margin-bottom:8px;
font-size:13px;
}
.author-content .author-social {
font-size:14px;
color:#bbb;
margin-right:8px;
}
/*** Post related ***/
.post-related {
overflow:hidden;
margin-bottom:80px;
margin-top:70px;
}
.post-box { text-align:center; }
.post-box-title {
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:42px;
border-bottom:1px dashed #999;
padding-bottom:3px;
display:inline-block;
}
.item-related {
width:292px;
float:left;
margin-right:32px;
}
.item-related:last-child { margin-right:0; }
.container.tt_sidebar .item-related{
width:203px;
margin-right:19px;
}
.container.tt_sidebar .item-related:last-child {
margin-right:0;
}
.item-related img {
margin-bottom:6px;
width:100%;
height:auto;
}
.item-related h3 a {
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
color:#000;
}
.item-related h3 a:hover {
text-decoration:underline;
}
.item-related span.date {
font-size:10px;
text-transform:uppercase;
color:#999;
}
/** Post tags ***/
.post-tags {
margin-top:30px;
margin-bottom:50px;
}
.post-tags a {
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
background:#f2f2f2;
color:#666;
padding:7px 10px 8px;
margin-right:6px;
border-radius:2px;
margin-bottom:5px;
display:inline-block;
}
.post-tags a:hover {
background:#999;
color:#fff;
text-decoration:none;
}
/*** Post Pagination ***/
.post-pagination {
overflow:hidden;
}
.post-pagination .prev-post {
float:left;
width:470px;
}
.post-pagination .next-post {
float:right;
text-align:right;
width:470px;
}
.container.tt_sidebar .post-pagination .prev-post, .container.tt_sidebar .post-pagination .next-post {
width:320px;
}
.post-pagination span {
color:#999;
font-size:16px;
font-style:italic;
letter-spacing:1px;
}
.post-pagination .arrow {
font-size:64px;
color:#ddd;
line-height:64px;
}
.post-pagination .prev-post .arrow {
float:left;
margin-right:18px;
}
.post-pagination .next-post .arrow {
float:right;
margin-left:18px;
}
.pagi-text {
margin-top:11px;
}
.post-pagination h5 {
text-transform:uppercase;
letter-spacing:2px;
font-size:14px;
}
.post-pagination a {
color:#999;
}
.post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover {
color:#000;
}
.pagination a {
margin-top:30px !important;
}
/********************************/
/*** Pagination ***/
/********************************/
.pagination {
margin-top:-40px;
margin-bottom:60px;
overflow:hidden;
}
.sp-grid .pagination {
margin-top:50px;
}
.pagination .newer {
float:left;
}
.pagination .older {
float:right;
}
/********************************/
/*** Footer Social ***/
/********************************/
#footer-social {
text-align:center;
}
#footer-social .container {
padding:40px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
#footer-social a {
margin:0 15px;
color:#000;
font-size:11px;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
}
#footer-social a:first-child {
margin-left:0;
}
#footer-social a:last-child {
margin-right:0;
}
#footer-social a i {
height:62px;
width:62px;
text-align:center;
line-height:62px;
background:#fff;
color:#222;
margin-right:5px;
font-size:20px; -o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
border:1px solid #ddd;
}
#footer-social a:hover {
text-decoration:none;
}
#footer-social a:hover > i {
background:#eee;
border:1px solid #eee;
}
/********************************/
/*** Footer logo ***/
/********************************/
#footer-logo {
background:#fff;
padding:60px 0;
text-align:center;
}
#footer-logo img {
margin-bottom:15px;
}
#footer-logo p {
color:#ccc;
font-size:14px;
margin-bottom:0;
font-style:italic;
}
#footer-logo p i {
color:#999;
font-size:14px;
margin:0 5px 0 7px;
}
/********************************/
/*** Footer Copyright ***/
/********************************/
#footer-copyright {
padding:12px 0;
overflow:hidden;
letter-spacing: 1.5px;
text-transform:uppercase;
background:#eee;
}
#footer-copyright p {
font-size:11px;
color:#666;
float:left;
text-align:center;
display:inline-block;
width:100%;
}
#footer-copyright p a {
color:#fff;
}
#footer-copyright p a:hover {
text-decoration:underline;
color:#222;
}
#footer-copyright .to-top {
float:right;
margin-top:6px;
font-size:11px;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
color:#333;
}
#footer-copyright .to-top i {
font-size:14px;
margin-left:3px;
}
#footer-copyright .to-top:hover {
text-decoration:none;
}
/********************************/
/*** Widget Area ***/
/********************************/
#widget-area {
overflow:hidden;
margin-bottom:60px;
padding-top:70px;
border-top:1px solid #eee;
}
.widget {
}
.footer-widget-wrapper .widget {
width:318px;
margin-right:32px;
margin-bottom: 25px;
float:left;
border-color:#eee;
border-width:1px;
border-style:solid;
padding: 20px;
box-sizing: border-box;
}
#sidebar .widget {
background-color:#fff;
overflow:hidden;
width:342px;
margin-right:0;
float:none;
margin-bottom:30px;
border-color:#eee;
border-width:1px;
border-style:solid;
padding:20px;
box-sizing: border-box;
}
#sidebar .textwidget img {
width:100%;
}
#sidebar img
#sidebar iframe {
max-width:300px;
}
.adsbygoogle {
display:block;
margin:0 auto;
}
.footer-widget-wrapper .widget.last {
margin-right:0;
}
.widget-title {
font-size:11px;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
color: #333;
background:#eee;
font-weight:700;
padding:5px 14px;
margin-bottom:20px;
}
#sidebar .widget-title {
margin-bottom:20px;
background-color:#eee;
}
.widget a:hover {
text-decoration:underline;
}
.widget ul li {
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px dotted #ddd;
}
.widget ul li:last-child {
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}
.fan_box .full_widget{
border: 0 !important;
}
.widget_archive select,
.widget_categories select {
width: 100%;
color: #666;
border: 1px solid #eee;
height: 36px;
line-height: 100%;
padding: .6em;
}
.widget li.cat-item {
text-align:right;
width:100%;
font-size:14px;
}
.widget li.cat-item a {
float:left;
display:inline-block;
}
.widget li.cat-item a:before{
background:url('img/dot.png') no-repeat;
content: " ";
height:12px;
width:12px;
display:inline-block;
margin-right:3px;
}
.post-entry a.more-link:before {
background:url('img/arrow.png') no-repeat;
content: " ";
height:12px;
width:10px;
display:inline-block;
margin:0 1px 0 5px;
}
i.fa-comment-o {
font-size:19px !important;
line-height: 18px !important;
}
/*** Search widget ***/
.searchform input.s,
.search-field {
border: 1px solid #e5e5e5;
background:#fff url(img/searchsubmit.png) no-repeat 96% 13px;
padding:14px 14px;
font-size:11px;
color:#999;
letter-spacing:1px;
font-style:italic;
}
.search-field {
width:100%;
}
.widget_product_search input[type="submit"],
.screen-reader-text {
display:none;
}
.searchform .s:focus { outline:none; }
/** searchbar for widget ***/
.widget .searchform input.s {
width:300px;
}
#sidebar .widget .searchform input.s {
width:270px;
}
/*** About Widget ***/
.about-widget h2 {
font-size:15px;
font-weight:400;
color:#444;
text-align:center;
margin-bottom:5px;
letter-spacing:2px;
}
.about-widget h3 {
font-family:"Zeyada";
font-size:28px;
font-weight:400;
color:#444;
text-align:center;
margin-top:12px;
}
.about-widget img{
max-width:100%;
float:left;
margin-bottom: 20px;
}
.about-widget p {
font-size:14px;
color:#555;
display:block;
clear:both;
text-align:center;
}
.rounded-img {
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 50%;
/* Firefox 1-3.6 */
-moz-border-radius: 50%;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 50%;
}
#footer .abtimg {
float:left;
padding-right:12px;
}
/** Instagram widget support **/
.instag ul.thumbnails > li {
width:32% !important;
}
.post-image img,
#owl-demo .item img,
.sp-grid li .item img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.post-image img:hover,
#owl-demo .item img:hover,
.sp-grid li .item img:hover {
zoom:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.instag ul li {
margin:0;
padding-bottom:0;
border-bottom:none;
}
.pllexislider img {
width:100% !important;
}
.pllexislider ul li {
margin:0;
padding-bottom:0;
border-bottom:none;
}
/*** Tagcloud widget ***/
.widget .tagcloud a {
font-size:10px;
letter-spacing:1px;
text-transform:uppercase;
background:#f6f6f6;
color:#666;
padding:6px 8px 6px;
margin-right:5px;
margin-bottom:8px;
display:inline-block;
border-radius:2px;
}
.widget .tagcloud a:hover {
background:#a0d6b4;
color:#fff;
text-decoration:none;
}
/*** Calender widget ***/
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 12px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td a { font-weight:700; color:#222; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
/** WIDGET ITEMS **/
.widget ul.side-newsfeed li {
list-style-type:none;
margin-bottom:17px;
padding-bottom:13px;
margin-left:0;
}
.widget ul.side-newsfeed li:last-child {
margin-bottom:0;
padding-bottom:0;
}
.widget ul.side-newsfeed li .side-item {
overflow:hidden;
}
.widget ul.side-newsfeed li .side-item .side-image {
float:left;
margin-right:14px;
}
.widget ul.side-newsfeed li .side-item .side-image img {
width:110px;
height:auto;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-image img {
width: 100%;
display:block;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-image {
margin-right: 0px;
}
.widget ul.side-newsfeed li .side-item .side-item-text {
overflow:hidden;
}
#sidebar .widget ul.side-newsfeed li .side-item .side-item-text {
float: left;
margin-top: 8px;
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
margin-bottom:2px;
color:#444;
display:block;
font-size:15px;
}
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size:12px;
color:#999;
}
/** Social Widget **/
.widget-social {
text-align:center;
}
.widget-social a:first-child {
margin-left:0;
}
.widget-social a:last-child {
margin-right:0;
}
.widget-social a i,
.share-box i {
height:20px;
width:24px;
text-align:center;
line-height:20px;
color:#000;
margin:0 2px;
font-size:18px;
}
.widget-social a:hover {
text-decoration:none;
}
.widget-social a i:hover,
.share-box i:hover {
color:#999;
}
/*******************************
*** COMMENTS
*******************************/
.post-comments {
margin-bottom:70px;
margin-top:70px;
}
.comments {
margin-bottom:40px;
}
.thecomment {
border-bottom:1px dotted #eee;
padding-bottom:34px;
margin-bottom:34px;
}
.thecomment .author-img {
float:left;
margin-right:25px;
}
.thecomment .author-img img {
border-radius:50%;
}
.thecomment .comment-text {
overflow:hidden;
}
.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
display:block;
font-size:14px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:6px;
color:#222;
}
.thecomment .comment-text span.author a:hover {
text-decoration:underline;
}
.thecomment .comment-text span.date {
font-size:12px;
color:#999;
display:block;
margin-bottom:10px;
}
.thecomment .comment-text em {
font-size:13px;
margin-bottom:-14px;
display:block;
color:orange;
letter-spacing:1px;
}
.thecomment .comment-text em i {
font-size:14px;
color:#f3bd00;
}
.post-comments span.reply a {
float:right;
font-size:11px;
background-color:#aaa;
color:#FFF;
padding:3px 6px 5px 6px;
border-radius:2px;
margin-left:7px;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition:.3s;
}
.post-comments span.reply a.comment-edit-link {
background:#c5c5c5;
}
.post-comments span.reply a:hover {
background:#222;
}
ul.children { margin: 0 0 0 55px; }
ul.children li.thecomment { margin:0 0 8px 0; }
/** Reply **/
#respond {
margin-bottom:20px;
overflow:hidden;
}
#respond h3 {
font-size:14px;
color:#999;
font-weight:400;
margin-bottom:30px;
letter-spacing:2px;
text-transform:uppercase;
padding-left:20px;
}
#respond h3 a {
color:#000;
display:inline-block;
}
#respond h3 small a {
text-transform:uppercase;
font-size:11px;
background:#333;
color:#FFF;
padding:4px 6px 5px;
border-radius:3px;
margin-left:7px;
letter-spacing:1px;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition:.3s;
}
#respond h3 small a:hover {
opacity:.8;
}
#respond label {
color:#888;
width:80px;
font-size:14px;
display:inline-block;
font-weight:300;
}
#respond input {
padding:8px 10px;
border:1px solid #DDD;
margin-right:10px;
color:#999;
margin-bottom:15px;
font-size:12px;
width:250px;
}
#respond input:focus {outline:none;}
#respond .comment-form-url {
margin-bottom:10px;
}
#respond textarea {
padding:14px;
border:1px solid #DDD;
border-radius: 3px;
width:95%;
height:120px;
font-size:13px;
color:#777;
margin-bottom:14px;
line-height:20px;
}
#respond textarea:focus {outline:none;}
#respond #submit,
.pagination a,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
a.checkout-button.button.alt.wc-forward,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
text-transform:uppercase;
letter-spacing:2px;
background:#fff;
border:2px solid #eee;
font-size:11px;
color:#222;
padding:12px 19px 14px;
margin-top:6px;
display:inline-block;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition:.3s;
cursor:pointer;
width:auto;
}
#respond #submit:hover,
.pagination a:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background:#eee;
}
a.checkout-button.button.alt.wc-forward,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
width:100%;
font-size:13px;
box-sizing: border-box;
}
a.checkout-button.button.alt.wc-forward:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
color:#fff;
}
/********************************/
/*** Archive ***/
/********************************/
.archive-box,
.page-box {
background:#f9f9f9;
padding:30px 0 30px;
text-align:center;
margin-bottom:70px;
}
.page-box {
margin-bottom:50px;
}
.archive-box span {
font-size:14px;
font-style:italic;
letter-spacing:1px;
color:#999;
}
.archive-box h1,
.page-box h1 {
font-size:26px;
letter-spacing:2px;
text-transform:uppercase;
}
.nothing {
margin-bottom:90px;
text-align:center;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/*** Custom WordPress gallery style ***/
.gallery .gallery-caption{
font-size:12px;
color:#888;
}
.fa-etsy:before {
content: "E";
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}
.gallery .gallery-icon img{
border-radius:2px;
border:1px solid #eee !important;
padding:7px;
}
.gallery .gallery-icon img:hover {
border:1px solid #ccc !important;
}
/*** Contact Form 7 ***/
/*********************************************************/
.wpcf7 input {
width:266px;
}
div.wpcf7 {
overflow:hidden;
margin-top:40px;
}
.wpcf7 p.tt_input {
float:left;
margin-right:19px;
}
.wpcf7 p.tt_message {
clear:both;
}
.wpcf7 input, .wpcf7 textarea {
padding:8px;
border:1px solid #DDD;
margin-right:10px;
color:#777;
font-size:12px;
margin-top:6px;
margin-bottom:6px;
}
.wpcf7 textarea {
width:95%;
}
.wpcf7 .wpcf7-submit {
background:#fff;
border: 2px solid #eee;
padding:12px 24px;
color:#222;
letter-spacing:3px;
font-size:11px;
text-transform:uppercase;
cursor:pointer;
-o-transition: .4s;
-ms-transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
transition:.4s;
display:block;
width:auto;
margin:auto;
}
.wpcf7 .wpcf7-submit:hover {
background:#eee;
}
/*** 404 ***/
.error-404 {
margin-bottom:105px;
text-align:center;
}
.error-404 h1 {
font-size:290px;
line-height:100%;
font-weight:700;
margin-bottom:-25px;
}
.error-404 p {
color:#999;
font-size:18px;
font-style:italic;
}
#stickyholder {
position:relative;
}
#stickymenu,
#notstickymenu {
height:347px;
}
#stickymenu {
position:absolute; /* RESET TO THIS VALUES WITH jQ (see below) */
top:0px; /* RESET TO THIS VALUES WITH jQ (see below) */
width:100%;
z-index:9998;
}
#stickymenu.stuck {
display: block;
position: fixed;
z-index: 9998;
top: 0;
width: 100%;
height:122px;
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
-webkit-transform: scale3d(1,1,1);
}
#stickymenu.stuck #navigation,
.page #navigation,
.archive #navigation,
.woocommerce #navigation {
border-bottom:2px solid #eee;
}
#stickymenu.stuck #header img {
max-height:80px;
}
#stickymenu.stuck #header #logo {
padding:15px 0 10px;
}
#toTop {
height: 51px;
width: 50px;
position: fixed;
margin-top:-25px;
bottom: 50%;
right: 20px;
cursor: pointer;
display: none;
text-indent: -999em;
z-index: 999;
background: url("img/sprite.png") no-repeat -103px 0;
}
#toTop:hover {
background: url("img/sprite.png") no-repeat -154px 0;
}
/* WooCommerce */
.woocommerce div.product .product_title {
display:none;
}
.woocommerce div.product p.price del {
display:inline-block;
font-size: 20px;
color:#888;
}
.woocommerce div.product p.price ins {
font-size:30px;
text-decoration:none;
}
.woocommerce .star-rating,
.tagged_as a,
.posted_in a,
.woocommerce-tabs #tab-description a,
.summary [itemprop="description"] a,
.comment-form-rating .stars a,
.woocommerce .woocommerce-message:before,
.shipping-calculator-button,
a.checkout-button.button.alt.wc-forward,
.woocommerce .woocommerce-info:before,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.product-name .product-quantity,
.woocommerce-info a {
color: #C2A26F;
}
.woocommerce .star-rating:hover,
.tagged_as a:hover,
.posted_in a:hover,
.comment-form-rating .stars a:hover,
.woocommerce .woocommerce-message:before:hover,
.shipping-calculator-button:hover,
a.checkout-button.button.alt.wc-forward:hover,
.woocommerce .woocommerce-info:before:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.product-name .product-quantity:hover,
.woocommerce-info a:hover {
color: #dbc5a2;
}
.summary [itemprop="description"]:before {
content:"";
display:block;
background: #555;
height: 3px;
margin-bottom: 25px;
width: 80px;
}
.summary [itemprop="description"]:after {
content:"";
display:block;
background: #555;
height: 3px;
margin-top: 25px;
width: 80px;
}
[itemprop="description"] p,
.summary,
.panel.entry-content p {
font-size:13px;
}
.summary [itemprop="description"] {
padding:20px 0;
}
.product_meta {
border-top:1px solid #eee;
padding-top:20px;
}
[itemprop="description"] p {
margin:0 0 20px;
}
.woocommerce div.product form.cart .button {
margin-top:0px;
}
.woocommerce .quantity input.qty {
padding: 10px;
height: 21px;
border-radius: 0;
-webkit-border-radius: 0;
background-color: #eee;
color: #222;
border: none;
width: 70px;
box-shadow: none;
-webkit-box-shadow: none;
font-size: 14px;
font-weight:bold;
}
.woocommerce span.onsale,
a.checkout-button.button.alt.wc-forward:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
background-color:#C2A26F ;
}
.woocommerce-page div.product .woocommerce-tabs .panel {
border-radius: 0;
-webkit-border-radius: 0;
border: 1px solid #DFDBDF;
border-top: 0;
padding: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius:0px;
}
.woocommerce .panel.entry-content h2 {
font-family:"Open Sans";
margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight:400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
font-weight:700;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding 0;
margin: 0;
}
.sku_wrapper,
.posted_in {
display:block;
margin-bottom:10px;
}
.sku_wrapper .sku,
.woocommerce div.product .woocommerce-product-rating a {
color:#999;
}
.woocommerce div.product .stock {
margin-bottom:10px;
}
.woocommerce div.product p.stock {
font-size:14px;
}
.woocommerce img, .woocommerce-page img {
height: 120px;
}
.woocommerce-page .product img {
height: auto;
}
.woocommerce table.shop_attributes {
font-size:13px;
}
.woocommerce table.shop_attributes td {
font-style:normal;
}
.woocommerce #reviews h3 {
padding:0;
color:#222;
}
#respond label {
width:auto;
}
.woocommerce .woocommerce-message,
a.checkout-button.button.alt.wc-forward,
.woocommerce .woocommerce-info,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
border-color: #C2A26F;
}
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
width:152px;
padding: 13px 6px 9px;
border: 2px solid #eee;
text-transform:uppercase;
font-size:12px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
width:100%;
margin-top: 6px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
color:#aaa;
}
.woocommerce table.shop_table {
border-radius:0px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr th,
.woocommerce-cart .cart-collaterals .cart_totals table tr td {
padding-left:10px;
}
.woocommerce-checkout #payment ul.payment_methods li {
list-style:none;
}
.woocommerce-checkout #payment {
border-radius:0px;
background:#fff;
border:2px solid #ebebe9;
}
.woocommerce-checkout #payment div.payment_box{
background-color: #f2f2ee;
}
.woocommerce-checkout #payment div.payment_box:after {
top: -1px;
border: 8px solid #f2f2ee;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.order-total .amount {
color: #77a464;
}
.woocommerce ul.products li.product .price del {
display:inline-block;
color: #888;
}
.woocommerce nav.woocommerce-pagination {
margin-bottom:80px;
}
.woocommerce ul.products li.product h3 {
text-transform:uppercase;
font-size:14px;
}
.woocommerce h3,
.woocommerce h2 {
font-size:20px;
}
.related.products h2 {
margin-bottom:10px;
}
.related.products {
border: 1px solid #DFDBDF;
padding:40px 40px 0;
}
.woocommerce .woocommerce-message:before {
font-size:30px;
width:30px;
height:30px;
top:9px;
left:0;
margin-right:10px;
position:relative;
}
.woocommerce .woocommerce-message {
padding: 1em 2em !important;
font-size:13px;
}
.woocommerce a.added_to_cart {
font-size:12px;
padding:0 20px;
}
.woocommerce li.product {
text-align:center;
}
.woocommerce ul.products li.product .star-rating {
float:none;
margin:0 auto 8px;;
width:74px;
display:block;
}
.woocommerce a.added_to_cart:before {
font-family:"FontAwesome";
content:"\f101";
padding:0 5px 0 0;
}
.woocommerce a.remove,
.woocommerce form .form-row .required {
color:#ee3f3f !important;
}
.woocommerce a.remove:hover {
background-color:#e55454 !important;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-color: #e55454;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: #77a464;
}
.woocommerce table.shop_table,
.cart_totals,
.payment_methods ,
.woocommerce-checkout #payment div.payment_box p,
.woocommerce-info {
font-size:13px;
}
.widget.woocommerce ul.product_list_widget li a span,
.widget.woocommerce ul.product_list_widget li a {
font-size:13px;
text-transform:uppercase;
margin-bottom:3px;
}
.widget.woocommerce .reviewer {
font-size:10px;
text-transform:uppercase;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width:55px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
margin-top:10px;
}
.woocommerce.widget_shopping_cart .cart_list li a.remove {
top:3px;
}
.widget.woocommerce .quantity {
font-size:13px;
}
.widget.woocommerce .amount{
color: #77a464;
font-weight:bold;
text-decoration:none !important;
font-size:13px;
}
.woocommerce.widget_shopping_cart .cart_list li {
padding-top:4px;
}
.widget.woocommerce del .amount {
color: #888 !important;
font-size:13px;
}