@charset "UTF-8";
/* Themify Pinboard 7.1.3 framework 7.3.3 */
/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;inset:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}
/*/css/themify.common.css*/
iframe{
border:0
}
a{
cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
outline:none
}
.tf_large_font{
font-size:1.1em
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.skip-to-content:focus{
clip-path:none
}
.post-image .themify_lightbox{
position:relative;
display:block;
max-width:100%
}
.post-image .themify_lightbox .zoom{
width:35px;
height:35px;
background:rgba(0,0,0,.3);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
vertical-align:middle;
color:#fff;
stroke-width:1px;
line-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
border-radius:0
}
/*/wp-content/themes/pinboard/style.css*/
/*!
Theme Name:Themify Pinboard
Theme URI:https://themify.me/themes/pinboard
Version:7.1.3
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) 2016 Themify.
Tags:featured-images, translation-ready, custom-menu
Text Domain:themify
---------
DO NOT EDIT THIS FILE.
If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme).
*/
/************************************************************************************
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{
box-sizing:border-box
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block
}
audio,
iframe, object{
max-width:100%
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
@font-face{
font-family:'themify_theme_icon';
font-display:swap;
src:url(data:application/octet-stream;base64,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) format('woff')
}
body{
font:1em/1.7em 'Helvetica Neue',Helvetica,Arial,sans-serif;
background-color:#efeeee;
color:#666;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word
}
body.fixed-header-enabled{
padding:7.75em 0 2.5em
}
a{
text-decoration:none;
outline:none;
color:#c16b05
}
a:hover{
text-decoration:underline
}
p{
margin:0 0 1.2em;
padding:0
}
small{
font-size:.87em
}
blockquote{
font:italic 1.1em/1.3em Georgia, "Times New Roman", Times, serif;
padding:8px 30px 15px
}
ins{
text-decoration:none
}
/* LIST
================================================ */
ul, ol{
margin:1em 0 1.4em 1.5em;
padding:0;
line-height:1.4em
}
li{
margin:0 0 .5em;
padding:0
}
/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
line-height:1.4em;
margin:1.25em 0 .6em;
color:#000;
font-weight:normal;
overflow-wrap:normal
}
h1{
font-size:2.4em
}
h2{
font-size:2em
}
h3{
font-size:1.8em
}
h4{
font-size:1.6em
}
h5{
font-size:1.4em
}
h6{
font-size:1em
}
/* FORM
================================================ */
/* form input */
input, textarea, select, input[type=search], button{
font-size:1em;
font-family:inherit
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel]{
background-color:#fff;
border:solid 1px #c2c2c2;
padding:.6em;
border-radius:5px;
-webkit-appearance:none
}
input[type=text], input[type=search], input[type=email], input[type=url]{
width:240px;
max-width:90%
}
/* text area */
textarea{
line-height:1.5em;
width:94%
}
/* 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{
outline:none;
background-color:#fbfbf5
}
/* form button */
input[type=reset], input[type=submit], button{
color:#fff;
border:0;
padding:.7em 1.1em;
cursor:pointer;
background-color:#be252a;
border-radius:5px;
font-weight:bold;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.05em;
-webkit-appearance:none
}
/* form input:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover{
background-color:#333;
color:#fff
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer{
box-sizing:border-box
}
/* main page width */
.pagewidth,
.row_inner{
width:978px;
margin:0 auto
}
/* content */
#content{
width:74%;
float:left;
padding:0 0 3.75em
}
.sidebar-none #content{
width:100%;
float:none
}
/* sidebar */
#sidebar{
width:22%;
float:right;
padding:0 0 3.75em;
font-size:.9em
}
/* sidebar left */
.sidebar-left #content{
float:right
}
.sidebar-left #sidebar{
float:left
}
/* fullwidth 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
}
/************************************************************************************
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-color:#be252a;
z-index:1000;
min-height:55px;
width:100%;
box-shadow:0 1px 3px 0 rgba(0,0,0,.2)
}
.no-fixed-header #headerwrap{
margin-bottom:2.5em
}
.fixed-header-enabled #headerwrap{
position:fixed;
top:0;
left:0
}
/* shift headerwrap down to prevent admin-bar from overlapping */
.admin-bar #headerwrap{
top:32px
}
#header{
position:relative;
color:rgba(255,255,255,.7);
width:auto;
max-width:none;
padding:5px 5%
}
#header a{
color:#fff
}
#header .widget{
padding:0;
background:0;
box-shadow:none;
border-radius:0
}
/*
FIXED HEADER
================================================ */
.fixed-header #site-description{
display:none
}
/*
SOCIAL WIDGET
================================================ */
#social-wrap{
position:absolute;
top:13px;
right:27px
}
.social-widget{
float:right;
margin-right:5em
}
.social-widget a{
text-decoration:none;
font-size:1.4em;
display:inline-block
}
.social-widget a:hover{
text-decoration:none
}
.social-widget .widget{
display:inline-block;
margin:0
}
.social-widget .widget div{
display:inline
}
.social-widget .widgettitle{
width:auto;
font-weight:300;
font-size:1em;
text-transform:none;
border:0;
letter-spacing:0;
position:static;
display:inline-block;
margin:0.3em 0.5em 0.125em 0;
padding:0;
background:0;
box-shadow:none
}
.social-widget ul{
margin:6px 0 0!important;
padding:0;
display:inline
}
.social-links.horizontal li{
padding:0 0.125em 0 0;
margin:0;
display:inline-block;
border:0!important;
clear:none;
line-height:1em
}
.social-widget li img{
vertical-align:middle;
margin-top:1px
}
/* rss */
.social-widget div.rss{
display:inline-block;
position:relative;
text-indent:-999em
}
.social-widget div.rss a:before{
content:"\f09e"; /* fa-rss */
margin-right:5px;
text-indent:0!important;
position:absolute;
top:-2px;
left:0;
width:16px;
height:16px;
display:block;
padding:.25em;
text-align:center
}
/*
SEARCH FORM
================================================ */
#searchform-wrap{
float:right
}
#header #searchform{
width:160px;
position:relative;
z-index:1
}
#header #searchform #s{
width:6px;
color:#a5a099;
background-color:transparent;
padding:.55em 15px;
float:right;
border:0;
border-radius:5em;
transition:all .7s;
position:absolute;
right:0;
top:-3px;
opacity:0
}
#header #searchform .icon-search{
position:absolute;
top:-3px;
right:0;
color:#000;
background-color:#fff;
padding:.62em;
border-radius:5em;
z-index:1;
font-family:'themify_theme_icon';
font-style:normal;
line-height:1
}
#header #searchform .icon-search:before{
content:"\e808"; /* fa-search */
}
#header #searchform .icon-search:hover + #s,
#header #searchform #s:hover,
#header #searchform #s:focus{
width:140px;
color:#333;
background-color:#fff;
opacity:1
}
#header #searchform #s:focus .icon-search{
z-index:1
}
/*
MAIN NAVIGATION
================================================ */
#main-nav{
margin:0;
padding:0;
position:absolute;
left:18px;
top:13px;
width:35%;
z-index:100
}
#main-nav li{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative
}
/* main level link */
#main-nav a{
color:#fff;
display:block;
padding:0.1875em 0.625em;
margin:0;
text-decoration:none;
font-size:.95em;
letter-spacing:-.025em
}
/* main level link :hover */
#main-nav a:hover{
color:#fff
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a{
background-color:#452411;
color:#fff;
border-radius:5px
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover{
color:#fff
}
/* 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{
color:#666;
line-height:1.4em;
font-weight:normal;
text-transform:none;
padding:.375em .375em .375em .95em;
margin:0;
display:block;
width:180px;
background:0;
border:0;
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-color:#F3F3F3;
color:#000
}
/* dropdown ul */
#main-nav ul{
margin:0;
padding:0.3em 0;
list-style:none;
position:absolute;
background-color:#fff;
z-index:100;
display:none;
box-shadow:0 0 1px rgba(0,0,0,.3), 0 2px 5px rgba(0,0,0,.2);
border-radius:5px
}
#main-nav ul li{
background:0;
padding:0;
margin:0;
float:none
}
/* sub-levels dropdown */
#main-nav ul ul{
left:190px;
top:-2px
}
/* show dropdown ul */
#main-nav li:hover > ul{
display:block
}
/************************************************************************************
WELCOME MESSAGE
*************************************************************************************/
.welcome-message{
padding:.938em 4% .315em;
width:90%;
max-width:770px;
margin:0 auto 2.6em;
background-color:#fff796;
color:#908b55;
border-bottom-color:#d6d6d6;
text-align:center;
box-shadow:0 1px 1px rgba(0,0,0,.11)
}
.welcome-message h1,
.welcome-message h2,
.welcome-message h3,
.welcome-message h4,
.welcome-message h5,
.welcome-message h6{
margin:0 0 .2em;
color:#000;
font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:300
}
.welcome-message p{
margin:0;
padding:0 0 .7em
}
/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title{
margin:0 0 0.26em;
padding:0;
font-size:3em;
line-height:1.1em
}
/*
AUTHOR PAGE
================================================ */
.author-bio{
margin:0 0 1.875em
}
.author-bio .author-avatar{
float:left;
margin:0 0.938em 0 0
}
.author-bio .author-avatar img{
background-color:#fff;
padding:0.25em;
border:solid 1px #ccc
}
.author-bio .author-name{
margin:0 0 .25em;
padding:0;
font-size:1.6em
}
.author-posts-by{
margin:0 0 20px;
padding:10px 0 0;
font-size:1.4em;
text-transform:uppercase;
border-top:double 4px #ccc;
border-color:rgba(118,118,118,.3)
}
/*
CATEGORY SECTIONS
================================================ */
.category-section{
clear:both;
margin-bottom:1.875em
}
.category-section-title{
font-size:1.2em;
text-transform:uppercase;
margin:0 0 1.25em;
padding:.625em 0 0;
border-top:double 4px #ccc
}
/************************************************************************************
POST
*************************************************************************************/
.post{
background-color:#fff;
border-radius:5px;
box-shadow:0 1px 2px rgba(0,0,0,.2);
box-sizing:border-box
}
.loops-wrapper .post,
.builder-posts-wrap.grid4 .post,
.builder-posts-wrap.grid3 .post,
.builder-posts-wrap.grid2 .post{
margin-bottom:15px
}
.post-inner{
padding:0
}
/* author pic */
.author-pic{
float:left;
margin:0.15em 1em 0.2em 0
}
.page .author-pic img,
.archive .author-pic img,
.search .author-pic img,
.home .post .author-pic img{
width:33px;
height:33px;
border-radius:100%
}
.post-author a{
color:#a3a3a3;
text-transform:uppercase;
letter-spacing:.1em
}
/* post content */
.post-content{
min-width:120px;
padding:0.925em
}
.post-image + .post-content{
padding-top:0
}
/* post title */
.post-title{
margin:0 0 0.55em;
padding:0;
font:300 normal 2em/1.1em 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif
}
.post-title a{
color:#000
}
/* post date */
.post-date{
font:italic .7em/1.1em Georgia, "Times New Roman", Times, serif;
color:#a3a3a3;
display:block;
margin:0 0 0.36em;
letter-spacing:.08em
}
/* post image */
.post-image{
max-width:100%;
margin:0 0 .5em
}
.post-image.left{
float:left;
margin-right:0.938em
}
.post-image.right{
float:right;
margin-left:0.938em
}
.post-image img{
width:100%;
border-top-left-radius:5px;
border-top-right-radius:5px
}
/* entry content */
.entry-content{
clear:both;
margin-top:1.5em;
display:block
}
/* post meta */
.post-meta{
font-size:.85em;
line-height:1.1em;
clear:both;
margin:0 0 0.438em
}
.post-meta a{
color:#a3a3a3
}
.post-tag{
color:#dadada
}
.post-tag a{
color:#C3C3C3;
text-transform:lowercase;
margin-left:.35em
}
.post-tag:before{
content:'';
display:inline-block;
vertical-align:middle;
border-left:solid 1px;
height:1.5em;
margin:0 .3em
}
/* post comment */
.post-comment{
display:inline-block;
vertical-align:middle;
margin:1.5em 0 0.4em;
font-size:0.85em;
line-height:1em
}
.post-comment:before{
content:'\e800'; /* ti-comment */
display:inline-block;
vertical-align:middle;
font-family:'themify_theme_icon';
margin-right:0.2em
}
.post-comment a{
color:#aaa
}
.post-comment:hover{
color:#ff5b4e
}
/* post author */
.post-author{
font-size:.75em;
line-height:.9em
}
/* more link */
.more-link{
font-size:.75em;
line-height:1em;
text-transform:uppercase;
padding:.4em .8em;
margin-left:0.3em;
text-decoration:none;
background-color:#be252a;
color:#fff;
display:inline-block;
border-radius:5px;
letter-spacing:.1em
}
.more-link:hover{
background-color:#333;
text-decoration:none
}
/* list post */
.list-post .loops-wrapper{
margin-left:0
}
.loops-wrapper.list-post .post-content{
padding:1em 1.8em .5em
}
.loops-wrapper.list-post .post-meta{
width:90px;
position:absolute;
top:70px;
left:-110px
}
.loops-wrapper.list-post .author-pic{
margin-bottom:1em
}
.archive.sidebar-none #layout,
.blog #layout{
width:auto;
max-width:90%
}
/* grid4 post */
.loops-wrapper.grid4 .post{
font-size:.9em;
line-height:1.4em
}
.loops-wrapper.grid4 .post-title{
font-size:1.4em
}
.loops-wrapper.grid4 .social-share{
font-size:.9em
}
/* grid3 post */
.loops-wrapper.grid3 .post-title{
font-size:1.5em
}
/* grid2 post */
.loops-wrapper.grid2 .post-title{
font-size:2em
}
/* single post */
.single .post{
overflow:hidden
}
.single .post-image + .post-content{
padding-top:0
}
.single .post-content{
padding:1.75em
}
.single .post-meta{
font-size:0.9em;
margin:0.8em 0 0.7em
}
.single .post .author-pic{
margin-bottom:1em
}
.single .author-pic img{
width:45px;
height:45px;
border-radius:100%
}
.single .post-date{
margin-top:0.3em
}
.single .likeit-wrap{
font-size:1.25em;
margin-top:1.2em
}
.single .likeit-wrap .like-count{
font-size:.9em;
letter-spacing:0.08em;
margin-left:.3em
}
.single .post-comment{
font-size:1em;
margin-left:0.3em
}
.single .social-share.sharrre{
font-size:1.25em;
margin-top:1em
}
.single .social-share.sharrre:before{
width:6%;
padding-top:1.2em
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video, .embed-youtube{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom:0.5em
}
.post-video iframe,
.post-video embed,
.embed-youtube iframe,
.embed-youtube embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
margin:0.938em 0
}
.author-box .author-avatar{
float:left;
margin:0 0.938em 0.313em 0
}
.author-box .author-name{
margin:0 0 0.313em
}
/************************************************************************************
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 3.15em;
padding:0 1.7em;
clear:both
}
.post-nav .prev,
.post-nav .next{
width:47%;
position:relative;
box-sizing:border-box
}
.post-nav a{
text-decoration:none;
display:block
}
.post-nav a:hover{
text-decoration:none
}
.post-nav .prev{
float:left;
padding-left:1.7em
}
.post-nav .next{
float:right;
text-align:right;
padding-right:1.7em
}
/* post nav arrow */
.post-nav .arrow{
width:auto;
float:left;
text-align:center;
text-indent:-9999px
}
.post-nav .next .arrow{
float:right
}
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before{
content:'';
display:inline-block;
vertical-align:middle;
width:15px;
height:15px;
border:2px solid transparent;
margin-top:-15px;
position:absolute;
top:50%;
transform:rotate(45deg);
transform-origin:0 center
}
.post-nav .next .arrow:before{
border-top-color:inherit;
border-right-color:inherit
}
.post-nav .prev .arrow:before{
border-bottom-color:inherit;
border-left-color:inherit
}
.post-nav .prev .arrow:before{
left:5px
}
.post-nav .next .arrow:before{
right:5px
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap{
margin:.625em 0 1.25em;
position:relative;
clear:both;
padding:0 1.7em
}
/* comment title */
.comment-title, #reply-title{
font-size:1.5em;
margin:0 0 .65em;
padding:0;
font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:300;
letter-spacing:-.05em
}
/* comment pagenav */
.commentwrap .pagenav{
margin:0.625em 0;
border:0;
box-shadow:none
}
.commentwrap .pagenav.top{
margin:0;
position:absolute;
top:0;
right:0
}
/* commentlist */
.commentlist{
margin:0 0 2em;
padding:0.3em 0 0
}
.commentlist li{
margin:0;
padding:1.1em 0 0;
list-style:none;
position:relative;
min-height:30px;
border-top:solid 1px #e5e5e5
}
.commentlist .comment-author{
margin:0 0 0.2em;
padding:0
}
.commentlist .avatar{
float:left;
margin:0 1em 0 0;
max-width:43px;
max-height:43px;
border-radius:100%
}
.commentlist cite{
font:normal 300 1.2em/1.1em 'Helvetica Neue',Helvetica,Arial,sans-serif;
color:#737373
}
.commentlist cite a{
text-decoration:none;
color:inherit
}
.commentlist cite .tf_fa{
margin-right:10px
}
.commentlist .bypostauthor > .comment-author cite:before{
content:"\e812"; /* fa-bookmark */
font-style:normal;
margin-right:5px;
color:#b6020d;
text-shadow:0 1px 0 rgba(0,0,0,.7)
}
.commentlist .comment-time{
font-size:.75em;
font-variant:small-caps;
font-style:italic
}
.commentlist .commententry{
position:relative;
min-height:40px;
overflow:hidden;
padding:0 0 0.25em 3.8em;
overflow-wrap:break-word
}
.commentlist ul, .commentlist ol{
margin:0 0 0 9%;
padding:0
}
/* commentlist on home, archive pages and query category pages */
.page .commentlist,
.archive .commentlist,
.search .commentlist,
.home .commentlist{
font-size:.95em;
margin:1.1em 0 1em;
padding:0;
border:0
}
.page .commentlist ul,
.archive .commentlist ul,
.search .commentlist ul,
.home .commentlist ul{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0
}
.page .commentlist p,
.archive .commentlist p,
.search .commentlist p,
.home .commentlist p{
margin:0 0 0.375em
}
.page .commentlist li,
.archive .commentlist li,
.search .commentlist li,
.home .commentlist li{
border-top:solid 1px #eee;
padding:0.725em 0
}
.page .commentlist li:last-child,
.archive .commentlist li:last-child,
.search .commentlist li:last-child,
.home .commentlist li:last-child{
padding-bottom:0
}
.page .commentlist .comment-author,
.archive .commentlist .comment-author,
.search .commentlist .comment-author,
.home .commentlist .comment-author{
margin:0;
float:left
}
.page .commentlist .avatar,
.archive .commentlist .avatar,
.search .commentlist .avatar,
.home .commentlist .avatar{
margin-right:.725em
}
.page .commentlist cite,
.archive .commentlist cite,
.search .commentlist cite,
.home .commentlist cite{
font-size:1.1em;
font-weight:500
}
.page .commentlist .commententry,
.archive .commentlist .commententry,
.search .commentlist .commententry,
.home .commentlist .commententry{
min-height:30px;
padding:0;
border:0;
clear:none;
color:#a3a3a3
}
/* more comments */
.page .more-comments,
.archive .more-comments,
.search .more-comments,
.home .more-comments{
border-top:solid 1px #ddd;
padding:0.66em 0 0;
margin:0.985em 0 0;
text-align:right
}
.more-comments a{
display:inline-block;
vertical-align:middle
}
.more-comments a:after{
content:'';
display:inline-block;
width:10px;
height:10px;
border:1px solid transparent;
border-top-color:inherit;
border-right-color:inherit;
transform:rotate(45deg);
margin-left:.5em
}
/* reply link */
.commentlist .reply{
position:absolute;
right:0;
top:8px
}
.commentlist .comment-reply-link{
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:inherit;
border-radius:5px;
padding:0.5em;
transition:0.5s ease
}
.commentlist .comment-reply-link:hover{
text-decoration:none;
background-color:#be252a;
color:#fff
}
/*
COMMENT FORM
================================================ */
#respond{
margin:0;
padding:0.63em 0 0;
position:relative;
clear:both
}
#respond #cancel-comment-reply-link{
position:absolute;
top:20px;
right:0;
font-size:.85em;
line-height:1em;
text-decoration:none;
padding:0.3em 0.63em;
display:block;
color:#fff;
background-color:#be252a;
border-radius:5px
}
#respond #cancel-comment-reply-link:hover{
background-color:#fb4e55
}
#commentform{
margin:0.95em 0 0
}
#commentform label small{
font-weight:normal
}
#commentform textarea{
height:175px;
width:100%;
box-sizing:border-box
}
#commentform .comment-form-author,
#commentform .comment-form-email{
width:50%;
float:left;
box-sizing:border-box;
clear:none
}
#commentform p.comment-form-author{
padding-right:2%
}
#commentform .comment-form-email{
padding-left:2%
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
width:100%;
max-width:none;
box-sizing:border-box
}
#commentform input#submit{
padding:0.7em 0.95em 0.7em 1.1em
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget{
overflow-wrap:break-word;
margin-bottom:1.35em;
background-color:#fff;
padding:0.8em 0.9em;
border-radius:5px;
box-shadow:0 2px 1px -1px rgba(0,0,0,.2)
}
.widgettitle{
margin:0 0 0.416em;
padding:0;
font-size:1.21em;
font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:300;
line-height:1.1em
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:.6em 0;
list-style:none;
clear:both;
border-top:solid 1px #e5e5e5
}
.widget ul ul{
margin:6px 0 -6px;
padding:0;
border-top:none
}
.widget ul ul li{
margin:0;
padding-left:10px
}
.widget li:first-child{
border:0
}
/************************************************************************************
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 .post-img{
margin:.25em .75em .65em 0;
float:left
}
.widget .feature-posts-list small{
font-style:italic;
font-size:.9em;
display:block;
margin:0 0 .25em
}
.widget .feature-posts-list .feature-posts-title{
margin:.313em 0 .25em
}
.widget .feature-posts-list .post-excerpt{
display:block
}
/* links widget */
.widget .links-list img, .widget_links img{
vertical-align:middle
}
/* recent comments widget */
.recent-comments-list .avatar{
margin-right:0.75em;
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
}
/* flickr shortcode */
.shortcode .flickr_badge_image{
width:23.8%;
margin:0 1.5% 1.5% 0;
float:left
}
.shortcode .flickr_badge_image:nth-of-type(4n){
margin-right:0
}
.shortcode .flickr_badge_image img{
margin:0
}
/* search widget */
#sidebar #searchform{
position:static
}
#sidebar #searchform #s{
width:93%
}
/* reset twitter embed max-width to 100% */
.twitter-tweet-rendered{
max-width:100%!important
}
/* Text widget */
.widget .textwidget ul{
margin:0 0 1.4em 1.6em
}
.widget .textwidget li{
display:list-item
}
.widget .textwidget ul li{
list-style:disc
}
.widget .textwidget ol li{
list-style:decimal
}
/************************************************************************************
LOAD MORE BUTTON
*************************************************************************************/
.load-more-button{
position:relative;
font-size:1.13em;
line-height:1em;
color:#fff;
background-color:#be252a;
padding:.8em 1.1em .7em;
text-decoration:none;
border-radius:10px;
letter-spacing:.02em;
font-weight:300;
margin:30px auto 10px;
text-align:center;
display:none
}
.load-more-button:before{
content:"\e801"; /* ti-angle-double-down */
font-family:'themify_theme_icon';
display:inline-block;
vertical-align:middle;
font-size:1.3em;
margin-right:0.4em
}
.load-more-button:hover{
background-color:#333
}
/* Social Links Widget */
.widget .social-links{
margin:0 0 1.25em;
padding:0;
line-height:1em
}
.widget .social-links li{
margin:0 .32em .32em 0;
padding:0;
list-style:none;
border:0;
display:inline-block
}
.widget .social-links img{
vertical-align:middle
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer{
clear:both;
padding-bottom:1.875em
}
/* footer text */
.footer-text{
clear:left;
color:#a7a7a7;
font-size:0.8em;
line-height:1.7em;
text-align:center
}
.footer-text a{
color:inherit
}
/* back to top */
.back-top{
clear:both;
margin:1.875em 0 0.31em;
text-align:center
}
.back-top a{
color:#000;
display:block;
margin:0.95em auto 0.325em;
width:25px;
height:25px;
text-indent:-900em;
text-align:center;
text-decoration:none;
position:relative
}
.back-top a:after{
content:'';
display:block;
border:1px solid transparent;
border-top-color:#000;
border-left-color:#000;
transform:rotate(45deg);
transition:all 0.3s ease;
width:100%;
height:100%;
position:absolute;
bottom:0;
left:50%;
margin-left:-15px
}
.back-top a:hover:after{
bottom:15px
}
/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
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-size:.95em;
line-height:1.2em;
margin:6px 0
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment{
float:none;
margin:0;
text-align:left
}
/************************************************************************************
ISOTOPE
*************************************************************************************/
/* required for containers to inherit vertical size from window */
html,
body{
height:100%
}
/* Start:Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item{
z-index:2
}
.isotope-hidden.isotope-item{
pointer-events:none;
z-index:1
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item{
transition-duration:.8s
}
.isotope{
transition-property:height,width
}
.isotope .isotope-item{
transition-property:transform,opacity
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{
transition-duration:0s
}
/* End:Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling{
transition:none
}
/************************************************************************************
INFINITE SCROLL
*************************************************************************************/
#infscr-loading{
position:fixed;
text-align:center;
bottom:30px;
left:50%;
width:50px;
height:41px;
padding-top:9px;
margin-left:-25px;
z-index:100;
background-color: #fff;
background-color:hsla( 0, 0%, 100%, 0.9 );
overflow:hidden;
border-radius:10px
}
/************************************************************************************
SHARE BUTTONS
*************************************************************************************/
.social-share.sharrre{
margin:0.3em 0;
overflow:hidden;
clear:both;
display:block;
width:100%;
position:relative;
font-size:1.05em;
min-height:34px
}
.social-share.sharrre:before{
content:'';
display:block;
width:100%;
border-top:1px solid #e5e5e5;
padding-top:0.7em
}
/* sharrre container */
.sharrre{
margin:0 .3em;
display:inline-block
}
.sharrre a{
text-decoration:none;
color:#9d9d9d
}
.sharrre a:hover{
color:#be252a
}
/* sharrre top part */
.sharrre .share{
padding:.15em .4em .15em 0;
font-size:1.2em;
line-height:1em;
text-align:center;
display:inline-block;
vertical-align:middle
}
/* sharre bottom part */
.sharrre .count{
line-height:1em;
text-align:center;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0.8em
}
.sharrre .share span{
display:none
}
.twitter-share .share:after{
content:"\f099"; /* fa-twitter */
}
.facebook-share .share:after{
content:"\f09a"; /* fa-facebook */
}
.googleplus-share .share:after{
content:"\f0d5"; /* fa-google */
}
.pinterest-share .share:after{
content:"\f0d2"; /* fa-pinterest */
}
.linkedin-share .share:after{
content:"\f0e1"; /* fa-linkedin */
}
/* like it */
.likeit-wrap{
margin:1.5em 0 0.4em;
min-height:15px;
font:normal .9em/1em Arial, Helvetica, sans-serif;
color:#aaa;
display:inline-block;
vertical-align:middle
}
.likeit-wrap .likeit{
display:inline-block;
margin-right:.5em;
color:#999;
vertical-align:middle;
cursor:pointer
}
.likeit-wrap .likeit:hover{
color:#ff5b4e
}
.likeit-wrap .like-text{
width:17px;
position:relative;
display:inline-block;
text-indent:-999em
}
.likeit-wrap .like-text:after{
content:"\e803"; /* fa-heart-o */
color:#E26F6A;
text-indent:0;
position:absolute;
top:0;
left:0
}
.likeit-wrap .likeit:hover .like-text:after{
content:"\e802"; /* fa-heart */
}
.likeit-wrap .like-count{
margin-right:2px
}
.likeit-wrap span{
display:none;
color:#eee;
color:rgba(54,54,54,.3)
}
/************************************************************************************
WEBFONT ICON
*************************************************************************************/
#header .search-icon:before,
.search-icon:after,
#search-icon:after,
#menu-icon:after,
.social-widget div.rss a:before,
.social-share .share:after,
.likeit-wrap .like-text:after,
.comment-author cite:before,
#load-more a:before,
.back-top a:after{
font-family:'themify_theme_icon';
line-height:1em
}
/************************************************************************************
LIGHTBOX SINGLE
*************************************************************************************/
html.post-lightbox-html{
margin:0!important
}
* html.post-lightbox-html body{
margin:0!important
}
body.post-lightbox-iframe{
padding:0
}
.lightbox-post{
background-color:#fff;
width:100%
}
.lightbox-post #content{
width:100%!important;
max-width:100%!important
}
.lightbox-post .post{
width:100%!important;
max-width:100%!important;
padding:0;
margin:0;
box-shadow:none;
border-radius:0
}
.lightbox-post .post img{
border-radius:0
}
.lightbox-post .post-inner{
margin:0
}
@media (pointer:coarse){
.pp_content,#pp_full_res,#pp_full_res iframe,
.mfp-iframe-scaler,.mfp-iframe{
overflow:scroll;
-webkit-overflow-scrolling:touch
}
.mfp-iframe-holder .mfp-close{
top:4%;
right:5%;
position:fixed
}
}
/************************************************************************************
SIGNUP and LOGIN BOX
*************************************************************************************/
/* sign up form shortcode */
.signup-box label{
width:140px;
display:inline-block
}
.signup-box #blogname{
width:110px
}
.signup-box .prefix_address{
font-size:.9em
}
.signup-box .submit-field{
margin-left:140px
}
.widget .signup-box .submit-field{
margin-left:0
}
/* login form shortcode */
.login-box input[type="text"],
.login-box input[type="search"],
.login-box input[type="password"],
.login-box input[type="email"]{
display:block;
width:180px;
max-width:100%;
margin-bottom:7px
}
/************************************************************************************
BUILDER
*************************************************************************************/
.module .author-pic{
display:none
}
.module .loops-wrapper.list-post .post-content,
.single .module .loops-wrapper.list-post .post-content{
margin-left:0
}
.single .module .loops-wrapper.list-post .post-content{
min-width:30px
}
.module .loops-wrapper.list-post.list-post .post-meta,
.single .module .loops-wrapper.list-post .post-meta{
width:auto;
position:static
}
.module .loops-wrapper.list-post .post-meta .post-author,
.module .loops-wrapper.list-post .post-meta .post-category,
.module .loops-wrapper.list-post .post-meta .post-tag,
.module .loops-wrapper.list-post .post-meta .post-author,
.module .loops-wrapper.list-post .post-meta .post-comment a,
.single .module .loops-wrapper.list-post .post-meta .post-author,
.single .module .loops-wrapper.list-post .post-meta .post-category,
.single .module .loops-wrapper.list-post .post-meta .post-tag,
.single .module .loops-wrapper.list-post .post-meta .post-author,
.single .module .loops-wrapper.list-post .post-meta .post-comment a{
display:inline;
text-align:left;
border-top:none;
padding:0 5px 0 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 */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after,#content:after{
visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0
}
.widget li, #body, #footer, footer,#main-nav, .menu
{ display:block }
/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
/* ARCHIVE PRODUCT
================================================ */
.woocommerce ul.products li.product{
background-color:#fff;
border-radius:5px;
box-shadow:0 2px 1px -1px rgba(0,0,0,.2);
box-sizing:border-box;
margin-bottom:1.65em;
padding-bottom:13px
}
.woocommerce ul.products li.product a img{
border-top-left-radius:5px;
border-top-right-radius:5px;
margin-bottom:0.5em
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce a.added_to_cart{
margin-left:13px
}
.woocommerce ul.products li.product h3{
font:300 normal 2em/1.1em 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:1.4em;
padding:0;
margin-bottom:0.55em
}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce div.product form.cart .button,
.woocommerce ul.products li.product .button{
font-size:.75em;
text-transform:uppercase;
padding:.4em .8em;
background-color:#be252a;
color:#fff;
border-radius:5px;
letter-spacing:.1em;
transition:background-color 500ms ease-in-out
}
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce ul.products li.product .button:hover{
background-color:#333;
color:#fff
}
/* pagination */
.woocommerce nav.woocommerce-pagination ul{
border:0;
margin:auto
}
.woocommerce nav.woocommerce-pagination ul li{
border:0
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
color:#333;
text-shadow:0 1px 0 rgba(255,255,255,.8);
border-radius:10em;
border:solid 1px #ccc;
background-image:linear-gradient(to bottom, #fff 0%,rgba(255,255,255,0) 100%);
margin:0 .188em;
padding:0;
min-width:26px;
min-height:26px;
line-height:26px;
transition:all 0.3s ease-in-out
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover{
background-color:#fff
}
.woocommerce nav.woocommerce-pagination ul li span.current{
background-color:#666;
box-shadow:inset 0 1px 0 rgba(0,0,0,.5);
color:#fff
}
/* SINGLE PRODUCT
================================================ */
.single.woocommerce #content{
background-color:#fff;
border-radius:5px;
box-shadow:0 2px 1px -1px rgba(0,0,0,.2);
box-sizing:border-box;
margin-bottom:1.65em;
padding:13px
}
.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary{
float:none;
width:auto
}
.single.woocommerce #content div.product{
padding-left:1.75em;
padding-right:1.75em;
box-sizing:border-box
}
.single.woocommerce #content div.product div.images{
margin-left:-1.75em;
margin-right:-1.75em
}
.single.woocommerce #content div.product div.images img{
width:100%
}
/* On Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
background-color:#be252a
}
/* single title */
.woocommerce #content div.product .product_title{
font-size:2em;
font-weight:300;
font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif
}
/* single price */
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color:inherit
}
/* quantity */
.woocommerce div.product form.cart div.quantity{
margin-top:-3px
}
/* tab */
.woocommerce #content div.product .woocommerce-tabs ul.tabs{
padding:0
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before{
border-bottom-color:#ddd
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li{
background:0;
border-radius:0;
border:1px solid #ddd;
text-transform:uppercase;
margin:0;
padding:0;
position:relative
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before{
display:none
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a{
background-color:#be252a;
color:#fff;
padding:.8em 1.2em;
text-shadow:none;
font-weight:normal;
transition:all .3s ease-in-out
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a{
background-color:#fff;
color:#000
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active{
border-bottom-color:#fff
}
/* single product tabs h2 */
.woocommerce #content div.product .woocommerce-tabs h2,
.woocommerce .related h2,
.woocommerce .upsells h2{
font-size:2em
}
/* single product review */
.woocommerce #reviews #comments ol.commentlist li img.avatar{
padding:0;
width:43px;
border:0
}
.woocommerce #reviews #comments ol.commentlist li img + .comment-text{
margin:0 0 0 59px;
padding:0;
border:0
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{
font-weight:normal;
font-size:1.5em;
display:block
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time{
font-size:0.75em;
font-style:italic;
font-variant:small-caps
}
/* related product */
.woocommerce .related.products ul.products li.product{
box-shadow:0 1px 1px 0 rgba(0,0,0,.2)
}
/* CART
================================================ */
/* message, info, error */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
border-top-color:#be252a
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before{
color:inherit;
text-shadow:none;
box-shadow:none
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button{
font-size:.75em;
text-transform:uppercase;
padding:.4em .8em;
background-color:#be252a;
color:#fff;
border-radius:5px;
letter-spacing:.1em;
transition:background-color 500ms ease-in-out
}
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover{
background-color:#000;
color:#fff
}
.woocommerce table.shop_table{
border-radius:0;
border:1px solid #e5e5e5;
border-collapse:collapse
}
.woocommerce table.shop_table td{
border-top:1px solid #e5e5e5;
padding:1em 1.5em
}
/* remove */
.woocommerce #content table.cart a.remove{
color:inherit!important
}
.woocommerce #content table.cart a.remove:hover{
background-color:#ed1e24;
color:#fff!important
}
/* coupon */
.woocommerce #content table.cart td.actions .coupon .input-text{
border:1px solid #e5e5e5;
padding:0.1em 0.45em;
width:6.5em;
margin-top:3px
}
/* cart totals */
.woocommerce .cart-collaterals .cart_totals{
text-align:right
}
/* cart collaterals */
.woocommerce .cart-collaterals .cart_totals tr td{
border-top:1px solid #e5e5e5;
width:17%
}
.woocommerce .cart-collaterals .shipping_calculator{
text-align:right
}
/* cart table h2 */
.cart-collaterals h2{
font-size:1.8em
}
/* cart update button */
.woocommerce .cart-collaterals .shipping_calculator .button{
display:inline-block;
width:auto
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled]{
padding:0.7em 0.95em 0.7em 1.1em;
color:#fff
}
.woocommerce #content table.cart td.actions .coupon .input-text{
padding:0.6em 0.95em;
font-size:.75em;
margin-top:0;
border:0
}
.woocommerce .actions .button{
padding:0.7em 0.95em 0.7em 1.1em;
font-size:.75em
}
.woocommerce .wc-proceed-to-checkout .button.alt{
padding:1.1em 0.95em;
white-space:normal
}
/* CHECKOUT
================================================ */
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
border-top:1px solid #e5e5e5
}
/* payment */
.woocommerce-checkout #payment{
background-color:#f4f4f4;
border-radius:0
}
/* payment box */
.woocommerce-checkout #payment div.payment_box{
background-color:#be252a;
color:#fff;
text-shadow:none
}
.woocommerce-checkout #payment div.payment_box:before{
border-bottom-color:#be252a
}
.woocommerce-checkout #payment div.payment_box:after{
border-bottom-color:#be252a;
top:-1px
}
.woocommerce-checkout #payment ul.payment_methods{
border-bottom:1px solid #e5e5e5
}
.woocommerce form .form-row .select2-container .select2-choice{
padding:.625em;
line-height:1
}
/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
.default_width #layout .row_inner{
max-width:100%
}
}
/*/wp-content/themes/pinboard/media-queries.css*/
@media (max-width:1200px){
/* sidebar active grid4 post */
@media(min-width:1175px){
.sidebar1 .tf_fluid.masonry-done.grid4>.post{
width:24.25%
}
}
@media(max-width:1200px){
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap{
max-width:100%
}
body{
position:relative
}
body.fixed-header-enabled{
padding-top:150px
}
.pagewidth,
.row_inner{
max-width:90%
}
/* content */
#content{
width:71%
}
/* sidebar */
#sidebar{
width:26.2%
}
#sidebar .secondary{
width:47%
}
}
@media(max-width:768px){
/************************************************************************************
STRUCTURE
*************************************************************************************/
#content,
#sidebar{
width:100%;
max-width:100%;
float:none;
clear:both
}
#sidebar .secondary{
width:48%
}
/************************************************************************************
POST
*************************************************************************************/
/* list large image */
.list-large-image .post-image{
float:none;
margin-right:0
}
.list-large-image .post-content{
overflow:visible;
float:none
}
.post-image .themify_lightbox{
display:block
}
/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .shipping_calculator{
width:100%;
float:none;
text-align:left
}
/* cart collaterals */
.woocommerce .cart-collaterals .cart_totals tr td{
width:auto
}
.single.woocommerce #content div.product div.images{
margin-left:auto;
margin-right:auto
}
}
@media(max-width:680px){
/* disable webkit text size adjust (for iPhone) */
html{
-webkit-text-size-adjust:none
}
/************************************************************************************
HEADING
*************************************************************************************/
.page-title,
h1{
font-size:2.2em
}
h2{
font-size:1.8em
}
h3{
font-size:1.6em
}
h4{
font-size:1.4em
}
/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2, .col2-1,
.col4-3,
.col3-1,
.col3-2 {
margin-left:0;
width:100%;
max-width:100%
}
/************************************************************************************
HEADER
*************************************************************************************/
/* prevent logo img extend the fixed header on mobile */
.fixed-header-enabled #headerwrap #site-logo img{
width:auto;
max-height:40px
}
/************************************************************************************
POST
*************************************************************************************/
/* post title */
.post-title{
font-size:2em!important
}
/* post image */
.post-image{
float:none!important;
margin-right:0!important;
margin-left:0!important
}
.post-image img,
.post-image .themify_lightbox{
width:100%
}
/* post content */
.post-content{
overflow:visible!important;
float:none!important
}
/* list post */
.loops-wrapper.list-post .post-content{
margin-left:0
}
.loops-wrapper.list-post .post-meta{
width:auto;
position:static
}
.loops-wrapper.list-post .post-meta em{
display:inherit
}
.loops-wrapper.list-post .post-meta .post-author,
.loops-wrapper.list-post .post-meta .post-category,
.loops-wrapper.list-post .post-meta .post-tag,
.loops-wrapper.list-post .post-meta .post-author,
.loops-wrapper.list-post .post-meta .post-comment a{
display:inline;
text-align:left;
border-top:none;
padding:0
}
.loops-wrapper.list-post .author-pic{
position:static;
top:0;
left:-60px
}
/************************************************************************************
POST NAV
*************************************************************************************/
.post-nav .prev, .post-nav .next{
display:block;
width:100%;
clear:both;
margin-bottom:10px
}
/************************************************************************************
COMMENTS
*************************************************************************************/
.commentlist{
padding-left:0
}
.commentlist .commententry{
clear:left
}
.commentlist .avatar{
float:left;
width:40px;
height:40px;
margin:0 10px 10px 0
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer-logo{
position:static
}
.footer-nav{
padding:0
}
/************************************************************************************
SIGNUP and LOGIN BOX
*************************************************************************************/
.signup-box label{
display:block
}
.signup-box .submit-field{
margin-left:0
}
/************************************************************************************
WOOCOMMERCE SUPPORT
*************************************************************************************/
.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary{
float:none!important;
width:100%!important
}
}
}
/*/css/modules/fluid-masonry.css*/
.loops-wrapper.masonry.tf_fluid > .post{
margin-left:0;
margin-right:1%;
clear:none
}
.loops-wrapper.tf_fluid > .gutter-sizer{
width:1%
}
.grid2.loops-wrapper.tf_fluid > .post{
width:32.666%
}
.grid3.loops-wrapper.tf_fluid > .post{
width:19.2%
}
.grid4.loops-wrapper.tf_fluid > .post{
width:11.625%
}
@media (min-width:1650px) and (max-width:1884px){
.grid4.loops-wrapper.tf_fluid > .post{
width:13.42%
}
.grid3.loops-wrapper.tf_fluid > .post{
width:24.25%
}
}
@media (min-width:960px) and (max-width:1649px){
.grid3.loops-wrapper.tf_fluid > .post{
width:32.666%
}
}
@media (max-width:959px){
.grid3.loops-wrapper.tf_fluid > .post{
width:49.5%
}
}
@media (min-width:1410px) and (max-width:1649px){
.grid4.loops-wrapper.tf_fluid > .post{
width:15.83%
}
}
@media (max-width:1485px){
.grid2.loops-wrapper.tf_fluid > .post{
width:49.5%
}
}
@media (min-width:1175px) and (max-width:1409px){
.grid4.loops-wrapper.tf_fluid > .post{
width:19.2%;
}
}
@media (min-width:940px) and (max-width:1174px){
.grid4.loops-wrapper.tf_fluid > .post{
width:24.25%
}
}
@media (min-width:705px) and (max-width:939px){
.grid4.loops-wrapper.tf_fluid > .post{
width:32.66%
}
}
@media (min-width:681px) and (max-width:704px){
.grid4.loops-wrapper.tf_fluid > .post{
width:49.5%
}
}
@media (max-width:680px){
.tf_fluid > .post{
width:100%!important
}
.tf_fluid > .gutter-sizer{
width:0!important
}
}
/* START MOBILE MENU CSS */
@media screen and (max-width:900px){
/*/wp-content/themes/pinboard/mobile-menu.css*/
/************************************************************************************
HEADER
*************************************************************************************/
/* reset absolute elements to static */
.social-widget,
#site-logo,
#site-description{
position:static!important;
float:none;
clear:both;
}
/* social-wrap */
#social-wrap{
position:static;
}
.social-widget{
margin:0;
}
/* site logo */
#site-logo{
text-align:left;
}
#site-logo a{
font-size:30px;
}
/* site description */
#site-description{
text-align:left;
margin:0 0 10px;
}
/*
FIXED HEADER
================================================ */
.fixed-header #site-logo,
.fixed-header #site-description{
display:none;
}
.fixed-header #social-wrap{
padding-top:8px;
}
/************************************************************************************
MOBILE NAV BUTTON
*************************************************************************************/
.mobile-button{
position:relative;
width:32px;
height:30px;
padding:.15em;
margin-bottom:3px;
display:block;
float:right;
cursor:pointer;
background-color:#fff;
border-radius:5em;
}
.mobile-button:before{
content:"\f0c9"; /* fa-bars */
font:normal 21px/1em 'themify_theme_icon';
color:#000;
position:absolute;
top:50%;
left:50%;
margin:-.5em 0 0 -.5em;
width:1em;
height:1em;
text-align:center;
}
.mobile-button.active:before{
color:#000;
}
/************************************************************************************
MAIN NAV (MOBILE)
*************************************************************************************/
#main-nav-wrap{
position:absolute;
top:10px;
right:24px;
z-index:1000;
}
/* main nav */
#main-nav{
clear:both;
float:right;
position:static;
width:220px;
height:auto;
z-index:1000;
padding:10px 0;
background-color:#fff;
display:none;/* visibility will be toggled with jquery */
box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 2px 12px rgba(0,0,0,.2);
border-radius:5px;
margin-top:5px;
max-height:80vh;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
#main-nav li{
clear:both;
float:none;
margin:0;
padding:0;
border:0;
box-shadow:none;
}
#main-nav a,
#main-nav ul a{
font:inherit;
text-transform:inherit;
background:0;
width:auto;
display:block;
padding:6px 15px;
color:#666;
border:0;
text-shadow:none;
box-shadow:none;
}
#main-nav a:hover,
#main-nav ul a:hover{
background:rgba(0,0,0,.05);
color:#000;
}
/* dropdown */
#main-nav ul{
position:static;
display:block;
margin:0;
padding:0;
background:0;
border:0;
border-radius:0;
box-shadow:none;
}
#main-nav ul a{
padding-left:30px;
}
/************************************************************************************
SEARCH FORM
*************************************************************************************/
#searchform-wrap{
position:absolute;
top:10px;
right:74px;
z-index:1000;
}
#search-icon:before{
content:"\e808"; /* fa-search */
font-size:18px;
}
#headerwrap #searchform{
clear:both;
float:right;
width:auto;
overflow:hidden;
background-color:#fff;
border-radius:50em;
box-shadow:0 2px 1px -1px rgba(0,0,0,.2);
}
#headerwrap #searchform #s{
background-color:#fff!important;
color:#444!important;
opacity:1;
position:static;
}
#header #searchform .icon-search{
top:0
}
}
/* END MOBILE MENU CSS */