/* Theme Name: Redwood Theme URI: http://solopine.com/theme/redwood Description: A WordPress Theme for Bloggers Author: Solo Pine Designs Author URI: http://solopine.com Version: 1.7.3 Text Domain: redwood License: Themeforest Licence License URI: http://themeforest.net/licenses */ /* Global reset */ *, 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 } 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 } strong, b, strong *, b * { font-weight: bold; } em, i, em *, i * { font-style: italic; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { overflow-x: hidden } /**/ body { font-family:"Lora", sans-serif; font-size:14px; color:#242424; background:#fff; } h1,h2,h3,h4,h5,h6, #nav-wrapper .menu li a, .feat-more, .cat, .post-share .post-share-comments, .about-title, #footer-social a, .more-link, .post-comments span.reply a, .widget .tagcloud a, .pagination a , .post-tags a, .slicknav_nav a, .post-pagination a { font-family:"Montserrat", sans-serif; } p { line-height:25px; } a { color:#C39F76; text-decoration:none; } /****************************************/ /* General /****************************************/ .container { width:1080px; margin:0 auto; } #content { margin-bottom:50px; } #main { width:740px; float:left; } #main.fullwidth { width:100%; } #sidebar { width:300px; float:right; } /****************************************/ /* Top Bar /****************************************/ #top-bar { height:50px; background:#161616; width:100%; position:fixed; z-index:9999; -webkit-backface-visibility: hidden; } #top-bar .container { position:relative; } /* Menu **********/ .slicknav_menu { display:none; } #nav-wrapper .menu { float:left; } #nav-wrapper .menu li { display:inline-block; margin-right:31px; position:relative; } #nav-wrapper .menu li a { color:#fff; line-height:50px; font-size:11px; font-weight:400; letter-spacing:2px; text-transform:uppercase; display:block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; } #nav-wrapper .menu li a:hover { color:#999; } #nav-wrapper .menu > li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f107"; margin-left:7px; color:#999; font-size:13px; } /* Dropdown **********/ #nav-wrapper .menu .sub-menu, #nav-wrapper .menu .children { background-color: #161616; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; } #nav-wrapper ul.menu ul a, #nav-wrapper .menu ul ul a { color: #999; margin: 0; font-size:10px; letter-spacing:1px; padding: 6px 10px; min-width: 175px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid; border-color:#333; } #nav-wrapper ul.menu ul li, #nav-wrapper .menu ul ul li { padding-right:0; margin-right:0; } #nav-wrapper ul.menu ul a:hover, #nav-wrapper .menu ul ul a:hover { color: #fff; background:#333; } #nav-wrapper ul.menu li:hover > ul, #nav-wrapper .menu ul li:hover > ul { display: block; } #nav-wrapper .menu .sub-menu ul, #nav-wrapper .menu .children ul { left: 100%; top: 0; } /* Social and Search **********/ #top-social { position:absolute; right:38px; top:0; } #top-social.nosearch { right:0; } #top-social a { color:#fff; margin-left:10px; font-size:14px; line-height:50px; display:inline-block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; } #top-social a:hover { color:#C39F76; } #top-search { position:absolute; right:0; top:0; } #top-search a.search { font-size:14px; color:#888; line-height:50px; position:relative; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; } #top-search a.search:hover { opacity:.65; } .show-search { position:absolute; top:50px; right:0; display:none; z-index:10000; } .show-search #searchform input#s { width:210px; background:#FFF; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); border:1px solid #eee; } .show-search #searchform input#s:focus { border:1px solid #ddd; } /****************************************/ /* Header & Logo /****************************************/ .home #header, .page-template-page-slider #header, .page-template-page-fullwidth-slider #header, .page-template-page-blog #header { margin-bottom:0; border-bottom:none; } #header, #header.noslider { padding-top:50px; text-align:center; border-bottom:1px solid #eee; margin-bottom:60px; } .blog-line { height:1px; background:#eee; margin-bottom:60px; } #logo { padding-top:56px; padding-bottom:56px; } #logo img { max-width:100%; height:auto; vertical-align:middle; } /****************************************/ /* Featured Slider /****************************************/ .featured-area { margin-bottom:30px; } .featured-area.nopromo { margin-bottom:60px; } .feat-item { display: table; width:100%; height:530px; background-size: cover; background-repeat: no-repeat; background-position: center; } .feat-overlay { height: 100%; background:rgba(0,0,0,0.16); display: table-cell; vertical-align: middle; text-align:center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .feat-inner { max-width:60%; margin:0 auto; } .feat-overlay .cat a { display:inline-block; margin:0 3px 13px; color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:2px; padding-bottom:2px; } .feat-overlay h2 { color:#fff; font-size:24px; line-height:1.4em; font-weight:400; text-transform:uppercase; letter-spacing:3px; margin-bottom:16px; } .feat-overlay h2 a { color:#fff; display:block; } .feat-title-divider { border-top:2px solid; display: block; max-width: 48px; margin: 0 auto 26px; color: #fff; } .feat-more { color:#fff; padding:10px 12px 10px 13px; font-size:11px; text-transform:uppercase; letter-spacing:2px; border:2px solid #fff; display:inline-block; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; } .feat-more:hover { background:#fff; color:#000; } /****************************************/ /* Promo Area /****************************************/ .promo-area { overflow:hidden; margin-bottom:60px; } .promo-item { display: table; width:340px; float:left; margin-right:30px; height:200px; background-size: cover; background-repeat: no-repeat; background-position: center center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:16px; position:relative; } .promo-item:last-child { margin-right:0; } .promo-overlay { height: 100%; display: table-cell; vertical-align: middle; text-align:center; border:1px solid #fff; } .promo-overlay h4 { color:#000; line-height:1.5em; padding:8px 12px 8px 13px; font-size:11px; text-transform:uppercase; letter-spacing:2px; background:#fff; display:inline-block; max-width:60%; } .promo-link { position: absolute; height: 100%; width: 100%; top: 0; left:0; z-index: 99; display: block } /* Promo Widget */ .widget .promo-item { float:none; width:100%; padding:11px; } .widget .promo-overlay h4 { max-width:80%; } /****************************************/ /* Posts /****************************************/ .post { margin-bottom:60px; } .post-header { text-align:center; margin-bottom:25px; } .post-header.page-blog { margin-bottom:40px; } .post-header .cat { display:block; margin-bottom:7px; } .post-header .cat a { font-weight:400; font-size:11px; letter-spacing:2px; display:inline-block; text-transform:uppercase; margin:0 3px 3px; } .post-header .cat a:hover { text-decoration:underline; } .post-header h2, .post-header h1 { margin-bottom:10px; display:inline-block; max-width:80%; } .post-header h2 a, .post-header h1, .post-header h2 { font-size:24px; letter-spacing:3px; text-transform:uppercase; color:#000; font-weight:500; line-height:1.4em; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; } .post-header h2 a:hover { opacity:.6; } .title-divider { border-top:2px solid; display: block; max-width: 48px; margin: 0 auto 15px; color: #161616; } .post-date { color:#999; font-style:italic; } .post-img { margin-bottom:25px; text-align:center; } .post-img img { vertical-align:middle; max-width:100%; height:auto; } .post-img.audio iframe { height:166px; width:100%; } /* Post Entry **********/ #main.fullwidth.narrow .post-entry { max-width:800px; margin-left:auto; margin-right:auto; } .post-entry p, .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; font-weight:700; margin-bottom:14px; } .post-entry h1 { font-size:24px; } .post-entry h2 { font-size:21px; } .post-entry h3 { font-size:19px; } .post-entry h4 { font-size:17px; } .post-entry h5 { font-size:15px; } .post-entry h6 { font-size:13px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #ddd; clear:both; } .post-entry blockquote { border-left:3px solid; border-color:#ddd; padding:0 18px; } .post-entry blockquote p { font-size:18px; line-height:28px; font-style:italic; } .post-entry a:hover { text-decoration:underline; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; } .post-entry ul li, .post-entry ol li { margin-bottom:12px; line-height:24px; } .post-entry ul li { list-style:disc; } .post-entry ol li { list-style:decimal; } .sticky.post .post-header { border:1px dashed #eee; padding:20px 0; } .post-entry pre { overflow:auto; } .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border: 1px #e5e5e5 solid;} .post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } .post-entry img { max-width:100%; height:auto; } /* Read More Button **********/ .more-link { text-align:center; display:block; margin-top:30px; text-transform:uppercase; letter-spacing:3px; font-size:11px; color:#000; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } a.more-link:hover { text-decoration:none; color:#C39F76; } .more-line { border-top: 1px solid; display: block; max-width: 40px; margin: 5px auto 15px; color: #C39F76; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .more-link:hover > .more-line { color:#C39F76; } /* Post Share **********/ .post-share { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:38px; overflow:hidden; } .post-share-box { float:left; height:54px; line-height:54px; border-left:1px solid #e5e5e5; text-align:center; } .post-share-box:first-child:nth-last-child(1) { width:100%; } .post-share-box:first-child:nth-last-child(2), .post-share-box:first-child:nth-last-child(2) ~ div { width: 49.5%; } .post-share-box:first-child:nth-last-child(3), .post-share-box:first-child:nth-last-child(3) ~ div { width: 33%; } .post-share-box:first-child { border-left:none; } .post-share-box.share-comments a { color:#888; font-style:italic; } .post-share-box.share-comments a span { font-family:"Montserrat"; font-size:14px; color:#000; font-style:normal; } .post-share-box.share-buttons a { color:#000; margin:0 8px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-share-box.share-buttons a:hover { color:#c39f76; } .post-share-box.share-author a { font-family:"Montserrat"; font-size:13px; color:#000; text-transform:uppercase; letter-spacing:1px; font-style:normal; } .post-share-box.share-author span { color:#888; font-style:italic; margin-right:2px; } /* Post Author **********/ .post-author { margin-bottom:60px; margin-top:60px; overflow:hidden; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content { overflow:hidden; } .author-content h5 a { font-size:15px; margin-bottom:6px; text-transform:uppercase; letter-spacing:1px; font-weight:700; color:#000; display:block; } .author-content p { margin-bottom:9px; color:#666; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /* Post related **********/ .post-related { overflow:hidden; margin-bottom:60px; margin-top:60px; } .post-box { text-align:center; } .post-box-title { font-size:12px; letter-spacing:1px; text-transform:uppercase; margin-bottom:30px; position: relative; line-height:1em; font-weight:700; } .post-box-title:before { content: ""; display: block; border-top: solid 1px #e5e5e5; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } .post-box-title span { background: #fff; padding: 0 24px; position: relative; z-index: 5; } .item-related { width:232px; float:left; margin-right:22px; } .item-related:last-child { margin-right:0; } #main.fullwidth .item-related { width:340px; margin-right:30px; } #main.fullwidth .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 { margin-bottom:4px; } .item-related h3 a { font-size:14px; color:#242424; } .item-related h3 a:hover { text-decoration:underline; } .item-related span.date { font-size:13px; font-style:italic; color:#999; } /* Post tags **********/ .post-tags { margin-top:25px; margin-bottom:-15px; padding-bottom:13px; clear:both; } .post-tags a { font-size:9px !important; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#777; padding:6px 7px 7px 8px; margin-right:5px; margin-bottom:8px; display:inline-block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-tags a:hover { opacity:.7; text-decoration:none; background:#aaa; color:#fff; } /** Post pagination **/ .post-pagination { overflow:hidden; margin-bottom:60px; margin-top:60px; } .post-pagination a { font-size:12px; text-transform:uppercase; color:#999; letter-spacing:2px; } .post-pagination a:hover { color:#000; } .post-pagination .prev { float:left; } .post-pagination .next { float:right; } /* Grid Layout **********/ .grid-item { margin-bottom:45px; } .sp-grid > li { width:355px; display:inline-block; vertical-align: top; margin-right: 26px; } /* fullwidth */ #main.fullwidth .sp-grid > li { width:520px; margin-right:36px; } #main.fullwidth .sp-grid li:nth-of-type(2n+2) { margin-right:0; } .sp-grid li:nth-of-type(2n+2) { margin-right:0; } .grid-item .post-header .cat a { margin:0 4px 4px 4px; } .grid-item .post-header .cat { margin-bottom:6px; display:block; } .grid-item .post-header h2 a { font-size:18px; letter-spacing:2px; } .grid-item .post-header h2 { margin-bottom:12px; max-width:100%; } .grid-item .post-header { margin-bottom:16px; } .grid-item .post-img { margin-bottom:16px; } .grid-item p { margin-bottom:10px; } /* List Layout **********/ .list-item { overflow:hidden; margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #eee; } .list-grid-layout .list-item { margin-bottom:35px; } .list-item .list-content { overflow:hidden; } .list-item .post-img { float:left; margin-right:25px; margin-bottom:0; } .list-item .post-img img { max-width:260px; } #main.fullwidth .list-item .post-img img { max-width:280px; } .list-item .list-content .post-header { text-align:left; } .list-item .post-header h2 { max-width:100%; } .list-item .post-header h2 a { font-size:19px; letter-spacing:2px; } .list-item .post-header .cat a { margin:0 8px 2px 0; } .list-item .post-header { margin-bottom:14px; } .list-item .post-entry p { margin-bottom:11px; } .list-title-divider { border-top:2px solid; display: block; max-width: 40px; margin: 0 0 14px; color: #161616; } /* Comments **********/ .post-comments { margin-bottom:60px; margin-top:60px; } .comments { margin-bottom:40px; } .thecomment { border-bottom:1px dotted #eee; padding-bottom:34px; margin-bottom:34px; } .thecomment .author-img { float:left; margin-right:20px; } .thecomment .author-img img { border-radius:50%; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text h6.author, .thecomment .comment-text h6.author a { display:block; font-size:13px; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; color:#333; } .bypostauthor .thecomment .comment-text span.author, .bypostauthor .thecomment .comment-text span.author a { font-weight:700; } .thecomment .comment-text span.author a:hover { text-decoration:underline; } .thecomment .comment-text span.date { font-size:12px; color:#999; font-style:italic; 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:10px; background-color:#aaa; color:#FFF; padding:2px 5px 4px 5px; border-radius:2px; margin-left:7px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } .post-comments ul.children { margin: 0 0 0 55px; } .post-comments ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:11px; color:#999; margin-bottom:20px; letter-spacing:2px; text-transform:uppercase; } #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:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label { color:#888; width:80px; font-size:13px; display:inline-block; font-weight:300; font-style:italic; } #respond input { padding:8px 10px; margin-right:10px; color:#999; margin-bottom:15px; font-size:11px; width:250px; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; height:130px; font-size:13px; color:#777; margin-bottom:14px; line-height:20px; } #respond textarea:focus {outline:none;} #respond #submit { padding:11px 20px; width:auto; font-size:10px; margin-top:0; } #respond #submit:hover { background:#333; color:#FFF; } #respond input[type="checkbox"] { width:auto; } #respond label { width:100%; display:inline; color:#888; } .comment-form-cookies-consent { margin-bottom:10px; } /****************************************/ /* Sidebar & Widgets /****************************************/ .widget { margin-bottom:35px; } .widget-title { background:#161616; text-align:center; color:#fff; padding:13px 0; font-size:11px; text-transform:uppercase; letter-spacing:1px; position: relative; margin-bottom:25px; } .widget-title:after { content: ""; display: block; position: absolute; border-top: 5px solid; border-top-color:#161616; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -5px; left: 50%; width: 0; height: 0; margin-left: -5px; } .widget p { font-size:13px; line-height:22px; } .widget a:hover { text-decoration:underline; } .widget ul li { margin-bottom:9px; padding-bottom:9px; border-bottom:1px dotted #d5d5d5; } .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .widget ul li a { color:#242424; } .widget img { max-width:100%; height:auto; } /* About Widget **********/ .about-widget { text-align:center; } .about-img { margin-bottom:14px; } .about-title { display:block; font-size:12px; text-transform:uppercase; font-weight:700; margin-bottom:10px; } .about-autograph { margin-top:14px; display:inline-block; } /* Social Widget **********/ .social-widget { text-align:center; } .social-widget a { color:#000; font-size:16px; margin:0 10px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .social-widget a:hover { color:#C39F76; } /* Widget categories & Archive **********/ .widget_categories ul li, .widget_archive ul li { color:#999; } .widget_categories a, .widget_archive a { margin-right:5px; } /* WordPress recent post widget **********/ .widget_recent_entries .post-date { color:#999; font-style:italic; display:block; font-size:12px; margin-top:5px; } /* WordPress recent comments **********/ .widget_recent_comments .comment-author-link, .widget_recent_comments .comment-author-link a { color:#999; font-style:italic; } /* WordPress Calendar **********/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; border-bottom:1px solid #e5e5e5; padding-bottom:8px; } #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; font-size:12px; } #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; } /* WordPress custom menu widget **********/ .widget ul.menu li ul { padding-left:15px; margin-top:9px; } /* Tagcloud Widget **********/ .widget .tagcloud a { font-size:9px !important; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#777; padding:6px 7px 7px 8px; margin-right:5px; margin-bottom:8px; display:inline-block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .widget .tagcloud a:hover { opacity:.7; text-decoration:none; background:#aaa; color:#fff; } /* Search Widget **********/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:12px; font-style:italic; color:#999; width:280px; } .widget #searchform #s:focus { outline:none; } .widget #searchform input#s { width:100%; box-sizing:border-box; } /* Instagram Widget **********/ #sidebar .instagram-pics { margin-left:-10px; overflow:hidden; } #sidebar .instagram-pics li { width: 30%; display: inline-block; border-bottom: none; padding: 0; margin: 0 0 10px 10px; float:left; } #sidebar .instagram-pics li img { max-width:100%; vertical-align:middle; } #sidebar .instagram-pics li img:hover { opacity:.87; } /* Latest Post Widget **********/ .side-pop { margin-bottom:25px; } .side-pop:after { content: ""; display: table; clear: both; } .side-pop:last-child { margin-bottom:0; } .side-pop-img { margin-bottom:12px; position:relative; } .side-pop-content { text-align:center; } .side-pop-content h4 { margin-bottom:7px; } .side-pop-content h4 a { font-size:16px; color:#000; } .side-pop.overlay .side-pop-content h4 a { font-weight:500; } .side-pop-content span.sp-date { color:#999; display:block; } .side-count { position: absolute; left: -8px; top: -8px; height: 38px; width: 38px; line-height: 38px; background-color: #121212; border-radius: 100%; color: #fff; font-size: 16px; text-align: center; } .side-pop.list .side-count { height: 28px; width: 28px; line-height: 30px; font-size:13px; } .side-pop .sp-date { font-size: 12px; color: #999; font-style: italic; } /* ----- Overlay layout ----- */ .side-pop.overlay .side-pop-content { position:absolute; bottom:0; left:0; width:100%; background: -moz-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); padding:80px 20px 15px; box-sizing:border-box; } .side-pop.overlay .side-pop-content h4 a { color:#fff; font-weight:500; } .side-pop.overlay .side-pop-content span.sp-date { color:#bbb; } .side-pop.overlay .side-pop-img { margin-bottom:0; } .side-pop.overlay .side-pop-img img { vertical-align:middle; } /* ----- Post List view ----- */ .side-pop.list { margin-bottom:24px; } .side-pop.list:last-child { margin-bottom:0; } .side-pop.list .side-pop-img { float:left; max-width:94px; margin-right:15px; margin-bottom:0; } .side-pop.list .side-pop-content { text-align:left; overflow:hidden; } .side-pop.list .side-pop-content h4 a { font-size:13px; color:#242424; } /****************************************/ /* Pagination /****************************************/ .pagination { margin-top:55px; overflow:hidden; margin-bottom:45px; } .pagination a { display:inline-block; color:#242424; letter-spacing:2px; text-transform:uppercase; font-size:11px; border-bottom:1px solid #e5e5e5; padding-bottom:5px; font-weight:700; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .pagination a:hover { color:#999; } .pagination .newer { float:left; } .pagination .older { float:right; } /****************************************/ /* Footer /****************************************/ /* Instagram footer area **********/ #instagram-footer { text-align:center; clear:both; } #instagram-footer .null-instagram-feed { text-align:center; margin-bottom:0; } #instagram-footer .null-instagram-feed .widget-title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom:22px; border:none; background:none; font-weight:400; padding:0; color:#000; } #instagram-footer .null-instagram-feed .widget-title:after { display:none; } #instagram-footer .instagram-pics { overflow:hidden; } #instagram-footer .instagram-pics li { width:12.5%; display:inline; float:left; border-bottom:none; margin:0; padding:0; } #instagram-footer .instagram-pics li img { max-width:100%; vertical-align:bottom; } #instagram-footer .instagram-pics li img:hover { opacity:.87; } #instagram-footer p.clear { font-size: 11px; border-bottom: 1px solid #eee; display: inline-block; } #instagram-footer p.clear a:hover { text-decoration:none; } #instagram-footer { display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:40px; } #instagram-footer .null-instagram-feed { grid-column: 1 / -1; margin: 0 calc(50% - 50vw); } @media only screen and (min-width: 768px) and (max-width: 960px) { #instagram-footer { grid-template-columns:1fr; } #instagram-footer .widget:not(.widget_custom_html) { max-width:480px; width:100%; margin:40px auto; } } @media only screen and (max-width: 767px) { #instagram-footer { grid-template-columns:1fr; grid-gap:20px; } } /* Footer social icons **********/ #footer { background:#161616; clear:both; } #footer-social { border-bottom:1px solid; border-color:#313131; text-align:center; padding:28px 0; } #footer-social a { color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin:0 28px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #footer-social a:hover { color:#C39F76; } #footer-social a span { margin-left:5px; } /* Footer Copyright **********/ #footer-copyright { text-align:center; padding:28px 0; clear:both; } .copyright { color:#888; font-size:12px; } .copyright a { color:#fff; } /****************************************/ /* Archive Box /****************************************/ .archive-box { text-align:center; margin-bottom:40px; border:1px solid #e8e8e8; padding:28px; } .archive-box h1 { font-size:16px; color:#000; text-transform:uppercase; letter-spacing:1px; font-weight:700; display:inline; } .archive-box span { font-size:17px; font-style:italic; color:#999; display:inline-block; margin-right:4px; } .archive-descrip{margin-top:20px;} .archive-descrip p:last-child {margin-bottom:0;} .post-entry.nothing { font-size:14px; color:#242424; text-align:center; } /****************************************/ /* Misc /****************************************/ /* Form styling **********/ input, textarea { font-family:"Lora", sans-serif; } input[type=submit] { font-family:"Montserrat", sans-serif; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:10px; color:#888; padding:11px 21px; margin-top:14px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } input[type=submit]:hover { background:#333; color:#FFF; } input, select, textarea { border:1px solid #ddd; color:#888; padding:9px 10px; width:100%; box-sizing:border-box; } input:focus, select:focus, textarea:focus { border:1px solid #c4c4c4; outline:none; } input[type="checkbox"] { width: auto; } .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 !important; width: 1px; word-wrap: normal !important; } /* Custom WordPress gallery style **********/ .gallery { margin-bottom:20px !important; } .gallery .gallery-caption{ font-size:12px; color:#888; margin-top:4px; font-style:italic; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } /* 404 Page **********/ .error-page { text-align:center; } .error-page h1 { font-size:140px; } .error-page p { margin-bottom:20px; color:#888; } /****************************************/ /* 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; } 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 { max-width: 100%; text-align: center; box-sizing:border-box; } .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: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 16px; font-style:italic; color:#888; line-height: 17px; margin: 8px 0 0; } .gallery .gallery-icon img { border:none !important; } .gallery .gallery-icon img:hover { border:none !important; } .wpcf7 input { width:300px; } div.wpcf7 { overflow:hidden; margin-top:30px; } .wpcf7 input, .wpcf7 textarea { font-size:12px; margin-top:6px; } .wpcf7 p { color:#888; font-style:italic; margin-bottom:18px; } .wpcf7 .wpcf7-submit { width:auto; font-size:10px; margin-top:0; } /*** Mailchimp ***/ .widget_mc4wp_widget .widget-title { margin-bottom:0; } .mc4wp-form label { font-weight: 400 !important; margin-bottom: 18px !important; text-align: center; font-style: italic; color: #444; font-size: 15px; display:block; } .mc4wp-form button, .mc4wp-form input[type=button], .mc4wp-form input[type=submit] { width: 100%; border-radius: 0; background: #161616; color: #fff; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .mc4wp-form button:hover, .mc4wp-form input[type=button]:hover, .mc4wp-form input[type=submit]:hover { background:#C39F76; } .mc4wp-form input[type=date], .mc4wp-form input[type=email], .mc4wp-form input[type=tel], .mc4wp-form input[type=text], .mc4wp-form input[type=url], .mc4wp-form select, .mc4wp-form textarea { font-style:italic; } .mc4wp-form { margin:0 !important; padding: 20px 20px 24px; background: #f1f1f1; } /* Mailchimp comments */ #respond .mc4wp-checkbox-comment_form label { width:auto; } #respond #mc4wp-checkbox input { margin-bottom:0; } /****************************************/ /* Slicknav CSS /****************************************/ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; line-height: 27px; cursor: pointer; height:27px;} .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; font-size:19px;} .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_btn { margin: 5px 5px 6px; margin-left:0; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_menu { background:#161616; padding:6px; } .slicknav_nav { margin:0; padding:0; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_row { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; font-size:11px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav a:hover{ background:#333; color:#fff; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_menu .slicknav_no-text { margin-top:7px; } /* -------------------------------------- */ /* 15. WooCommerce Styling /* -------------------------------------- */ /* ----- Shop Page ----- */ .woocommerce .page-title { font-size: 30px; letter-spacing: 3px; text-transform: uppercase; color: #000; font-weight: 400; margin-bottom:-2px; } .woocommerce .woocommerce-result-count { color:#999; font-size:14px; font-style:italic; } .woocommerce .woocommerce-ordering select { padding:7px 9px; color:#999; border-radius:2px; font-size:13px; border:1px solid #e5e5e5; max-width:190px; } .woocommerce .woocommerce-ordering { margin-top: -15px; margin-bottom: 40px; } /* ----- Shop Page Catalog Items ----- */ .woocommerce ul.products li.product a img { margin-bottom:8px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { color:#000; font-weight:400; padding-bottom:8px; font-size:16px; text-align:center; text-transform:none; letter-spacing:0; } .woocommerce ul.products li.product .price { text-align:center; font-size:14px; font-family: "Montserrat", sans-serif; color:#888; } .woocommerce ul.products li.product .price del { display:inline; margin-right:3px; } .woocommerce ul.products li.product .price ins { font-weight:400; text-decoration:none; } .woocommerce ul.products li.product .button { display:none; } .woocommerce span.onsale { height:38px; width:38px; line-height:38px; padding:0; font-weight:400; font-size:12px; color:#ffffff; background-color:#222; margin: -.8em -.8em 0 0; } .woocommerce ul.products li.product .onsale { margin: -.8em -.8em 0 0; } .woocommerce ul.products li.product .star-rating { margin: 0 auto 10px; } /* ----- Shop Page Pagination ----- */ .woocommerce nav.woocommerce-pagination ul { border:none; } .woocommerce nav.woocommerce-pagination ul li { border:1px solid #e5e5e5; margin:0 3px; border-radius:3px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background:#f4f4f4; color:#888; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color:#999; font-size:12px; padding:6px 9px; } /* ----- Single Product Page ----- */ .woocommerce div.product .product_title { font-size: 28px; color:#000; font-weight:400; margin-bottom:10px; } .woocommerce .star-rating { font-size:11px; color:#C39F76; } .woocommerce .woocommerce-product-rating .star-rating { margin: 0.5em 6px 0 0; } a.woocommerce-review-link { font-size:13px; color:#999; font-style:italic; } .woocommerce div.product .woocommerce-product-rating { margin-bottom:2px; margin-top:-8px; } .woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price { font-size:18px; color:#888; margin:5px 0 38px; position:relative; font-weight:400; font-family: "Montserrat", sans-serif; } .woocommerce div.product .entry-summary p.price:after { content: ""; position: absolute; bottom: -18px; left: 0; height: 1px; width: 44px; border-top: 1px solid; border-color:#d5d5d5; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight:400; text-decoration:none; } .woocommerce div.product div.summary p { margin-bottom: 16px; color:#444; } .woocommerce div.product div.summary p:last-child { margin-bottom:30px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color:#161616; font-size:10px; text-transform:uppercase; letter-spacing:1.5px; padding:14px 15px 14px 16px; font-weight:700; border-radius:0; font-family: "Montserrat", sans-serif; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color:#999; } .woocommerce .quantity .qty { padding:10px 4px; margin-right:10px; width:4em; } .woocommerce div.product form.cart div.quantity { margin-right:2px; } .product_meta { color:#949494; font-size: 12px; } .product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as { display:block; margin-bottom:2px; } .product_meta a { color:#aaa; } /* ----- Single Product Widths ----- */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width:52%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width:43%; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom:50px; } /* ----- Single Product Tabs ----- */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 14px 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight:400; font-family:"Montserrat", sans-serif; } .woocommerce div.product .woocommerce-tabs .panel h2, .related.products h2, .upsells.products h2 { margin-bottom:20px; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700; position:relative; font-style:normal; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom:45px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom:30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color:#f4f4f4; border-color:#e2e2e2; border-radius:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-color:#e2e2e2; } /* ----- Attributes ----- */ .woocommerce table.shop_attributes th { font-weight:400; } .woocommerce table.shop_attributes td { padding:10px 0px; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { border-bottom:none; } .woocommerce table.shop_attributes { border-top:none; } .entry-content th { background:#fff; } .woocommerce table.shop_attributes td { color:#888; } .related.products h2 { margin-bottom:30px; } /* ----- Comments ----- */ .woocommerce #reviews #comments ol.commentlist { padding-left:0; margin-left:0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { position:relative; border:none; background:none; border-radius:100%; height:50px; width:50px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border:none; border-radius:0; margin-left:55px; padding:0 0 0 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin-bottom:3px; } .woocommerce .comment-text p.meta strong { color:#000; text-transform:uppercase; font-size:12px; letter-spacing:2px; } .woocommerce .star-rating { float:none; margin-bottom:8px; } .woocommerce #reviews #comments ol.commentlist li { border-bottom:1px solid #eee; padding-bottom:25px; list-style:none; } .woocommerce #reviews h3 { margin-bottom:10px; font-style:normal; } .woocommerce #review_form #respond p { margin-bottom:10px; } .woocommerce #review_form #respond textarea { margin-bottom:0; } .woocommerce #reviews #comment { height:120px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#888; padding:11px 21px 10px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; font-family:"Montserrat", sans-serif; font-weight:400; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background:#333; color:#FFF; } .woocommerce-page .post-meta {display:none;} .woocommerce table.shop_table { border-radius:0; } .woocommerce-account .addresses .title h3, .woocommerce-account h2 { font-style:normal; } /* ----- My Account ----- */ .woocommerce-account .addresses .title h3, .woocommerce-account h2 { text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .woocommerce table.my_account_orders th { font-size:11px; text-transform:uppercase; letter-spacing:2px; font-weight:400; padding:10px; } .woocommerce table.shop_table td { border:none; } .woocommerce table.my_account_orders .order-actions .button { padding:7px 14px 8px 16px; font-size:10px; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding:8px 8px; } .woocommerce table.shop_table { margin-bottom:35px; } .woocommerce-page .col2-set.addresses { margin-top:30px; } .woocommerce-page .col2-set.addresses address { color:#888; } p.myaccount_user { margin-bottom:35px; } address { line-height:24px; } .woocommerce-account .addresses .title .edit { font-size:11px; text-decoration:underline; } .woocommerce-MyAccount-navigation ul { padding-left:0; list-style:none; } .woocommerce-MyAccount-navigation ul li { border-bottom:1px solid #e8e8e8; list-style:none; padding-bottom:10px; } .woocommerce-MyAccount-navigation ul li a { color:#888; font-size:14px; } .woocommerce-account .woocommerce-MyAccount-navigation { width:26%; } .woocommerce-EditAccountForm legend { padding: 15px 0 10px 2px; font-weight: 700; } /* ----- Empty Cart ----- */ .cart-empty { text-align:center; } .return-to-shop { text-align:center; } /* ----- Order ID ----- */ .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th { border-bottom:none; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight:400; } mark { background-color:#fff; border-bottom:3px solid #eee; } /* ----- Checkout ----- */ .woocommerce .woocommerce-info:before { color:#888; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { padding: 0.8em 2em 1em 3.5em!important; background-color:#f7f7f7; font-family:"Montserrat", sans-serif; } .woocommerce .woocommerce-info { border-top-color: #e5e5e5; } a.showcoupon { text-decoration:underline; } .woocommerce-checkout h3 { text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-style:normal; } input#ship-to-different-address-checkbox { width: auto; vertical-align: middle; } .woocommerce-checkout h3 { margin-top:30px; } .woocommerce-checkout #payment ul.payment_methods li { list-style:none; } .woocommerce-checkout #payment ul.payment_methods li input { width:auto; } .woocommerce-checkout #payment { background-color:#f7f7f7; } .woocommerce-checkout #payment ul.payment_methods { border-bottom:none; } .woocommerce-checkout #payment div.payment_box:before { border:1em solid #ebebeb; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .woocommerce-checkout #payment div.payment_box { background-color:#ebebeb; color:#888; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border:1px solid #e5e5e5; } .woocommerce table.shop_table th, .woocommerce table.shop_table, .woocommerce form .form-row label, .woocommerce-checkout #payment ul.payment_methods, .woocommerce ul.order_details, .woocommerce .woocommerce-customer-details address, .woocommerce-MyAccount-navigation ul li a, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce .comment-text p.meta strong, .woocommerce-error, .woocommerce-info, .woocommerce-message { font-family:"Montserrat", sans-serif; } /* ----- Order Received ----- */ .woocommerce .order_details li { list-style:none; } .woocommerce .order_details { padding-left:0; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top:11px; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color:#e5e5e5; line-height:32px; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { margin-bottom:0; } /* ----- Cart ----- */ .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { padding-left:15px; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top:none; } .woocommerce .cart .button, .woocommerce .cart input.button { font-size:10px; padding:8px 14px 9px; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding:4px 6px; margin-right:10px; line-height: 1.3; } .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width:110px; } .woocommerce-cart .cart-collaterals .cart_totals table th { background:#f7f7f7; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding:15px; border-top:1px solid #e5e5e5; } .woocommerce a.remove { color:#999 !important; } .woocommerce a.remove:hover { background:none !important; color:#000 !important; text-decoration:none; } .cart_item a { color:#000; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left:25px; } .woocommerce-page .post-share { display:none; } /* ----- Login ----- */ input#rememberme { width: auto; } .woocommerce .login #password { margin-bottom:20px; } .woocommerce .login .button { margin-right:10px; } .woocommerce form .form-row .input-checkbox { width:auto; } .lost_password { font-size:11px; } .comment-form-rating { margin-top:10px; } /* ----- Widgets ----- */ /* ----- Cart Widget ----- */ .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { font-size:16px; line-height:18px; font-weight:700; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight:400; font-family:"Montserrat", sans-serif; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:60px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { margin-bottom:8px; text-align:left; } .widget_shopping_cart .quantity { color:#999; font-family:"Montserrat", sans-serif; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { margin-bottom:15px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top:1px solid #eee; padding-top:10px; font-family:"Montserrat", sans-serif; margin-bottom:15px; } .widget_shopping_cart a.button, .woocommerce .widget_price_filter .price_slider_amount .button { font-size:10px; padding:11px 15px 9px; margin:0 5px 0 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { top:2px; } /* ----- Product Widgets ----- */ .woocommerce.widget_products ul.product_list_widget li img, .woocommerce.widget_recently_viewed_products ul.product_list_widget li img, .woocommerce.widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_top_rated_products ul.product_list_widget li img { float:left; margin-left:0; margin-right:14px; width:80px; } .woocommerce.widget_products ul.product_list_widget li, .woocommerce.widget_recently_viewed_products ul.product_list_widget li, .woocommerce.widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_top_rated_products ul.product_list_widget li { margin-bottom:10px; padding-bottom:12px; text-align:left; font-family:"Montserrat", sans-serif; } .woocommerce.widget_products .amount, .woocommerce.widget_recently_viewed_products .amount, .woocommerce.widget_recent_reviews .amount, .woocommerce.widget_top_rated_products .amount { color:#999; } .woocommerce.widget_products span.product-title, .woocommerce.widget_recently_viewed_products span.product-title, .woocommerce.widget_recent_reviews span.product-title, .woocommerce.widget_top_rated_products span.product-title { margin-bottom: 4px; font-family:"Montserrat", sans-serif; font-weight:400; display:inline-block; } /* ----- Review Widget ----- */ .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin-top:8px; margin-bottom:3px; } .woocommerce ul.product_list_widget .reviewer { color:#999; font-style:italic; font-size:12px; } /* ----- Filter Widget ----- */ .woocommerce.widget_layered_nav_filters ul li { margin-right:10px; } .woocommerce.widget_layered_nav ul li .count { color:#999; } .woocommerce.widget_layered_nav ul li a:hover{ text-decoration:none; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#f2f2f2; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color:#ccc; } /* ----- Rating Filter ----- */ .woocommerce .widget_rating_filter ul li .star-rating { margin-bottom:0; } .woocommerce .widget_rating_filter ul li a { color:#a5a5a5; } /* ----- Pagination ----- */ .woocommerce nav.woocommerce-pagination { margin-bottom:40px; } /* ----- Product Categories ----- */ .widget_product_categories { text-align:center; } .widget_product_categories .count { color:#999; font-size:13px; } .widget_layered_nav, .widget_rating_filter { text-align:center; } /* ----- Header Shopping Cart ----- */ #sp-shopping-cart { float:right; margin-left:6px; } .cart-contents { position:relative; } .cart-contents:before{ font-family:FontAwesome; content: "\f07a"; font-size:16px; font-style:normal; font-weight:400; padding-right:5px; vertical-align: bottom; color:#fff; } .cart-contents:hover {text-decoration: none} .cart-contents .sp-count { background:#C39F76; color:#fff; display:inline-block; width:16px; height:16px; text-align:center; font-weight:400; line-height:16px; border-radius:100%; font-size:9px; position:absolute; top:10px; right:-7px; font-family:"Montserrat", sans-serif; } /* -------------------------------------- */ /* 15. Gutenberg Styling /* -------------------------------------- */ .post-entry ul.wp-block-gallery { padding-left:0; } .wp-block-image figcaption { color:#888; font-size:15px; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding-bottom:10px; } @media (min-width:600px){ .wp-block-column:nth-child(odd){margin-right:20px} .wp-block-column:not(:first-child),.wp-block-column:nth-child(2n){margin-left:20px} .wp-block-column:not(:last-child){margin-right:20px} } /* blockquote */ .wp-block-quote, .wp-block-image, .wp-block-media-text, .wp-block-categories, .wp-block-archives { margin-bottom:20px; } .post-entry .wp-block-quote p, #main.fullwidth .post-entry .wp-block-quote p { font-size:20px; line-height:30px; position: relative; border-left:none; padding-left:0; } .post-entry blockquote.wp-block-quote { border-left:none; padding:30px 60px; margin: 20px 0 0; } .post-entry blockquote.wp-block-quote p:first-child:before { content: '\201C'; color: #ececec; font-size: 150px; font-weight: 700; position: absolute; top: 30px; left: -39px; text-shadow: none; z-index: -300; } .post-entry blockquote.wp-block-quote cite, .post-entry .wp-block-pullquote blockquote cite { display:block; font-size:14px; margin-top:-10px; } .post-entry blockquote.wp-block-quote cite { margin-top:-10px; text-align:left; color:#999; } .post-entry blockquote.wp-block-quote cite:before { content:"-"; margin-right:4px; } /* -- Pullquote --- */ .post-entry .wp-block-pullquote { border-top:2px solid; border-bottom:2px solid; border-color:#000; margin-bottom:20px; margin-top:10px; position:relative; padding:30px 10px; } .post-entry .wp-block-pullquote.is-style-solid-color { border:none; } .post-entry .wp-block-pullquote blockquote { border-left:none; } .wp-block-pullquote.is-style-solid-color blockquote { margin:0; max-width:100%; text-align:center; } .post-entry .wp-block-pullquote blockquote p, #main.fullwidth .post-entry .wp-block-pullquote blockquote p{ position:relative; z-index:10; border-left:none; padding-left:0; padding-right:0; } .post-entry .wp-block-pullquote blockquote p:first-child:before { content: '\201C'; color: rgba(255,255,255, .3); font-size: 100px; font-weight: 700; position: absolute; top: 20px; left: -25px; text-shadow: none; z-index: -1; } .post-entry .wp-block-pullquote.is-style-solid-color blockquote p:first-child:before { left:-5px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { width:300px; } .wp-block-pullquote.alignright { margin-right:0; margin-left:20px; float:right; } .wp-block-pullquote.alignleft { margin-left:0; margin-right:20px; float:left; } #main.fullwidth .post-entry .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image.alignright, #main.fullwidth .alignright.wp-block-embed { margin-right:-9%; margin-left:30px; } #main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image.alignleft, #main.fullwidth .alignleft.wp-block-embed{ margin-left:-9%; margin-right:30px; } .wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.is-style-solid-color blockquote p { margin-bottom:20px; font-size:20px; line-height:32px; } /* Align images */ #main.fullwidth .wp-block-image .alignleft { margin-left:-9%; margin-right:30px; } #main.fullwidth .wp-block-image .alignright { margin-right:-9%; margin-left:30px; } /* Block cover */ .wp-block-cover .wp-block-cover-text { font-size:2.2em; } /* Button */ .post-entry .wp-block-button a.wp-block-button__link { text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:700; padding: 14px 26px; font-family:Montserrat; } .post-entry .wp-block-button a.wp-block-button__link:hover { text-decoration:none; opacity:.8; } /* Post block */ .post-entry ul.wp-block-latest-posts { padding: 0px; /*border: 1px solid #e8e8e8;*/ } .post-entry ul.wp-block-latest-posts.is-grid { padding:0; } .post-entry ul.wp-block-latest-posts li { list-style:none; } .post-entry ul.wp-block-latest-posts:not(.is-grid) li { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #e8e8e8; } .post-entry ul.wp-block-latest-posts:not(.is-grid) li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .post-entry ul.wp-block-latest-posts.is-grid li { background:#f7f7f7; padding:15px 20px; } .post-entry ul.wp-block-latest-posts li a { color:#000; font-size:16px; display:block; margin-bottom:2px; } .wp-block-latest-posts__post-date { font-size:13px; font-style:italic; color:#888; } /* category/archive block */ .post-entry .wp-block-categories li a, .post-entry .wp-block-archives li a, .post-entry .wp-block-categories li, .post-entry .wp-block-archives li { color:#000; } .post-entry .wp-block-categories li, .post-entry .wp-block-archives li { margin-bottom:6px; } .wp-block-categories select, .wp-block-archives select { padding: 8px; border: 1px solid #ddd; width:100%; } /* comments block */ .post-entry ol.wp-block-latest-comments { padding:0; } .wp-block-latest-comments__comment-meta { font-size:13px; color:#999; } a.wp-block-latest-comments__comment-author { color:#000; font-weight:700; } a.wp-block-latest-comments__comment-link { color:#999; } .wp-block-latest-comments__comment-date { font-style:italic; } /* Align wide and full */ #main.fullwidth .alignfull { width: 100vw; margin-left: 50%; transform: translateX(-50%); max-width: none; } #main.fullwidth .post-entry .alignwide { width: 70vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #main.fullwidth.narrow .post-entry .alignwide { max-width: 1080px; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Fullwidth post layout */ #main.fullwidth .single .post-entry, #main.fullwidth .single .post-entry p { font-size:15px; line-height:26px; } #main.fullwidth .post-entry .alignfull, #main.fullwidth .post-entry .alignwide { padding-top:10px; } #main.fullwidth .post-entry p, #main.fullwidth .post-entry .alignfull, #main.fullwidth .post-entry .alignwide, #main.fullwidth .post-entry hr, #main.fullwidth .wp-block-image, #main.fullwidth .wp-block-media-text, #main.fullwidth .wp-block-categories, #main.fullwidth .wp-block-archives, #main.fullwidth .wp-block-embed { margin-bottom:26px; } #main.fullwidth.post-fullwidth .post-entry h1, #main.fullwidth.post-fullwidth .post-entry h2, #main.fullwidth.post-fullwidth .post-entry h3, #main.fullwidth.post-fullwidth .post-entry h4, #main.fullwidth.post-fullwidth .post-entry h5, #main.fullwidth.post-fullwidth .post-entry h6 { padding-top:10px; } /* Separator lines */ .wp-block-separator { margin: 35px auto; background:#ddd; height:1px; border: 0; clear: both; } .wp-block-separator:not(.is-style-dots):not(.is-style-wide){ max-width: 180px; } .wp-block-separator.is-style-dots::before { font-size:24px; } .post-entry hr { margin-bottom:35px; } /* Gallery */ .post-entry ul.blocks-gallery-grid { padding-left:0; } .wp-block-image figcaption { text-align:center; } .blocks-gallery-caption { text-align:center; display:block; width:100%; font-size:15px; margin-bottom:20px; margin-top:-20px; color:#888; } .aligncenter { text-align:center; } /* Gutenberg responsive */ @media only screen and (min-width: 942px) and (max-width: 1170px) { #main.fullwidth.narrow .post-entry .alignwide { max-width:940px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { #main.fullwidth.narrow .post-entry .alignwide { max-width:100%; margin-left:0; transform:none; width:100%; } } @media only screen and (max-width: 767px) { .post-entry blockquote { padding:0; } #main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image .alignleft, #main.fullwidth .alignleft.wp-block-embed { margin-left:0; margin-right:20px; } #main.fullwidth .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image .alignright, #main.fullwidth .alignright.wp-block-embed { margin-right:0; margin-left:20px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width:240px; } .post-entry blockquote.wp-block-quote { padding:30px; } #main.fullwidth.narrow .post-entry .alignwide { max-width:100%; margin-left:0; transform:none; width:100%; } } /* Index shortcode */ .index-shortcode { margin-bottom:20px; } .index-wrap { display:grid; grid-gap:20px; } .index-wrap.grid-2 { grid-template-columns:repeat(2, 1fr); grid-gap:30px; } .index-wrap.grid-3 { grid-template-columns:repeat(3, 1fr); } .index-wrap.grid-4 { grid-template-columns:repeat(4, 1fr); } .index-wrap .grid-item { margin-bottom:0; } .index-item .post-img { margin-bottom:12px; } .index-item .grid-item .post-header .cat { display:block; margin-bottom:2px; } .index-item .grid-item .post-header .cat a { margin: 0 4px 5px 4px; } .post-entry .index-item .grid-item .post-header .cat a:hover { text-decoration:none; } .index-wrap.grid-3 .grid-item .post-header h2 a { font-size:16px; } .index-wrap.grid-3 .grid-item .post-header h2 { line-height:27px; } .post-entry .index-wrap .grid-item .post-header h2 { margin-bottom:10px; } .post-entry .index-wrap .grid-item .post-header h2 a:hover { text-decoration:none; } .index-wrap.grid-4 .grid-item .post-header h2 a { font-size:18px; } .index-wrap.grid-4 .grid-item .post-header h2 { line-height:26px; } .index-heading { position:relative; z-index:10; } .post-entry .index-heading { font-size:17px; text-transform:uppercase; letter-spacing:2px; font-weight:400; position: relative; margin-bottom:25px; line-height: 15px; color:#888; font-family:"Lato", sans-serif; font-style:normal; } .post-entry .index-heading:after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 6px; height: 1px; border-bottom: 1px solid #ddd; } .post-entry .index-heading > span { line-height: 15px; height: 15px; position: relative; display: inline-block; vertical-align: top; padding-right: 25px; background: #fff; } .post-entry .index-heading a { background:#fff; position:absolute; right:0; top:-1px; padding-left:18px; font-size:11px; letter-spacing:1px; } .index-item .date { display:block; color:#999; font-size:13px; } @media only screen and (max-width: 767px) { .index-wrap.grid-2, .index-wrap.grid-3, .index-wrap.grid-4 { grid-template-columns:1fr; grid-gap:20px; } } @media only screen and (min-width: 480px) and (max-width: 768px) { .index-wrap.grid-2, .index-wrap.grid-3, .index-wrap.grid-4 { grid-template-columns:repeat(2, 1fr); grid-gap:20px; } } /* Instagram Footer */ #instagram-footer .widget_custom_html { text-align:center; margin-bottom:0; } #instagram-footer .widget_custom_html .widget-title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom:22px; border:none; background:none; font-weight:400; padding:0; color:#000; } #instagram-footer .widget_custom_html .widget-title:after { display:none; } #instagram-footer .widget_custom_html { grid-column: 1 / -1; margin: 0 calc(50% - 50vw); } @media only screen and (max-width: 767px) { #instagram-footer #sbi_images div:nth-child(11), #instagram-footer #sbi_images div:nth-child(10), #instagram-footer #sbi_images div:nth-child(9), #instagram-footer #sbi_images div:nth-child(8), #instagram-footer #sbi_images div:nth-child(7), #instagram-footer #sbi_images div:nth-child(6), #instagram-footer #sbi_images div:nth-child(5) { display:none !important; } #instagram-footer #sbi_images .sbi_item { width:25% !important; } }