/* Theme Name: Custom Theme for TheShelvingStore.com Theme URI: http://www.theshelvingstore.com Description: Custom theme for The Shelving Store created by TM Productions. Version: 1.0 Author:Trademark Productions Author URI: http://www.tmprod.com Tags: volusion, custom header, fixed width, two columns, widgets */ .header__top { display: none!important; } /* Template Overrides ---------------------------------------*/ #content_nav, #content_pri { display: none !important; } #content_left { display:none; } #content_area, #content_area table { float:left; width:650px; max-width:650px; padding: 0 !important;} #content { background: transparent !important; } #content_area table, #content_area table td { border-collapse: collapse !important; border: 0; padding: 0 !important; } #content_outter { background: transparent url('assets/images/content-area-bg.png') repeat-y !important; } #content_inner { background: transparent url('assets/images/content-inner-bg.gif') no-repeat !important; background-position: 738px 0px !important; } #footer_left { background: transparent url('assets/images/footer-top-left-bg.gif') no-repeat !important; background-position: 0px 0px !important; } #footer_right { background: transparent url('assets/images/footer-top-right-bg.gif') no-repeat !important; background-position: 0px 0px !important; } #alley_confirmation { display: none !important; } .wp-socializer-buttons.clearfix { display: none !important; } body.customize-support div#test-100-wrapper div.addthis_toolbox { display: none; } div#sidebar.bfl { display: none; } body.customize-support div#test-100-wrapper div#pagewidth.sxn div#content.sxn div#content_body.bfl { width: 963px; } /* @media screen and (max-device-width: 600px) { p { font-size: 200%; line-height: 200%; } #blog-posts .postheader .posttitle h2 a { font-size: 40px !important; line-height: 200%; } .postinfo_time { font-size: 200%; line-height: 200%; } .tr-menu-container { font-size: 120%; line-height: 180%; } } */ #pagewidth { margin: 0 auto; padding: 10px 0 0; width: 983px; } #content_area, #content_area table { float: left; /* max-width: 650px; */ padding: 0 !important; width: 1170px; max-width: 1170px; margin-bottom: 20px; /* width: 650px; */ } .fa, .fab { line-height: 30px; } /***************************************** Configuration ******************************************/ /*#content { background: #fff url('assets/images/content_area_bg.gif') no-repeat !important; width: auto; }*/ #content_sec { background: transparent; } #sidebar li.widget h2.widgettitle { padding-bottom: 12px; width: 223px; } /* #sidebar div.sidebar_header h2 { display: none} * * / /* Columns - Set Up Column Sizes ---------------------------------------*/ #blog-header a { width: 701px; height:155px; display: block; } #blog-content, #blog-sidebar { float: left; } #blog-content { width: 800px; padding-left: 12px; } #blog-sidebar { width: 200px } #blog_page{ padding-left:0; /* width:953px;*/ width:1170px; } * html #blog_page { margin: 0; } #blog-posts { width: auto; max-width: 100%; } #blog-posts .post { padding: 0 0!important; } #blog-posts .commentlist, #comments, #respond { width: auto; max-width: 650px; /*margin: 10px auto;*/ } #blog-posts .postbody { width: auto; max-width: 650px; margin: 10px auto;} #bloglogo { height: 50px; width:906px; margin: 16px 0 5px 0} #bloglogo a { display:block; height: 38px; margin: 0 0 0 0;} #bloglogo_img a { width: 300px; } #bloglogo_rss a { width: 85px; } #blog_content, #sidebar { } #blog_content { margin-right: 0; width: auto; max-width: 650px;} #sidebar { width: 2px; } .blog-image { float:left; padding-right: 10px; padding-bottom: 20px; } /* Links */ #blog_page a, #blog_page a:visited, #blog_page a:active {text-decoration:none} #blog_page a:hover, #blog_page h1 a:hover, #blog_page h2 a:hover, #blog_page h3 a:hover{color: #6fc6a4; text-decoration:none;} /***************************************** Backgrounds ******************************************/ #blog-header a { background: url("assets/images/blog-header-bg.jpg") no-repeat 0% 0%; width: 650px; } #sidebar .sidebar { padding-bottom: 11px; } #sidebar .sidebar #sidebar-first { background: url("assets/images/sidebar-before.jpg") no-repeat 0px 0px; } #sidebar_last.sidebar ul.xoxo .first { background: transparent !important; } #sidebar_last.sidebar { background: transparent; } /*#sidebar ul li.widget h2.widgettitle { background: #71b7c0; }*/ #sidebar #widget-search { background: url("assets/images/search_bg.gif") no-repeat scroll 6px 32px transparent; } #sidebar .sidebar ul.xoxo .first .widgettitle { background: transparent; } /*#sidebar li.widget { background: url("assets/images/sidebar_sprite.gif") no-repeat scroll 0 0 transparent; }*/ .postmeta .postmeta_comments span { background: url("assets/images/comments.gif") no-repeat scroll 100% 50% transparent; } #sidebar ul .widgettitle { /* background: #fecb4e;*/ } /*#sidebar.sidebar { background: #fff url('assets/images/sidebar_sprite.gif') no-repeat top right; }*/ /*#sidebar div.sidebar_header { background: url('assets/images/sidebar_header_bg.gif') no-repeat; }*/ #blog-header_img { background: url('assets/images/blog_header_bg.gif') no-repeat !important; } #sidebar ul ul { } #sidebar #widget-search { padding-left: 0; margin-bottom: 0; width: 229px !important;} #sidebar_main ul li.widget ul li { background: url('assets/images/sidebar_li_bullet.gif') no-repeat 0% 50%; } #sidebar ul li.widget div.widget-contents { } #sidebar ul ul ul { background: transparent; } #sidebar_socialmedia ul ul { background: url("assets/images/sm_icons.gif") no-repeat scroll 12px 20px transparent;} #sidebar #sidebar_last .sidebar, #sidebar #sidebar_last ul li.widget div.widget-contents { background: transparent; } #sidebar_main ul li a { font-size: 12px; } a.twitter_title_link { background: url("assets/images/sidebar-widget-twitter.gif") no-repeat scroll 0% 50% transparent; } /***************************************** Inside the Loop: .post/.entry ******************************************/ /* .post ---------------------------------------*/ .postinfo.bfl { margin-top: 3px; } .postmeta_comments.bfr { margin-top: 3px; } #sharethis { float: left; } .entry.sxn { padding-bottom: 0; } .posttitle.sxn + .sxn { margin-top: 5px; } #blog-posts .post { border-bottom:none; color:#24262E; margin: 0 auto 0; padding:0; } #blog_content.single .post { margin-bottom: 0; } .post hr {display:block} .post h2, .post h2 a, .post h2 a:hover, .post h2 a:visited, .post h2 a:focus{color:#db6739;} .postheader { padding: 0; font-size: 0; border-bottom: 0px none; } .postheader h2 { float: left; padding: 0; margin: 0; width: auto; font-size: 0;} #blog-posts .postheader h2 a, #blog-posts .postheader h2 a:link, #blog-posts .postheader h2 a:active { color: #333; font-family: "Open Sans",sans-serif,"google"; font-size: 20px; font-weight: normal; text-transform:capitalize; } #blog-posts .postheader h2 a:hover { color:#6fc6a4; text-decoration:none;} // #blog-posts .postheader a { font-size:10px; } #blog-posts .postmeta_comments a, #blog-posts .postmeta_comments a:active { display:none; text-align:center; color:#f05c44; font-family:Arial,Helvetica,sans-serif; font-size:11px; text-transform:uppercase; } .posttitle { padding: 0 0 5px 0; width: 100%; font-size: 0; border-bottom: 3px solid #6fc6a4; } .postheader .postinfo { color: #344646; text-transform:capitalize; float:left; padding-right:5px; margin-bottom: 10px;} .postheader .postinfo span { font-size:11px; color: #344646; display: block; margin-top: -1px; } .postheader .postinfo span.postinfo_sep { color: #f05c44; } .postfooter { margin: 0 0 10px 0; padding: 4px 0 0 0; border-top: 0px none;} #postinfo, #postinfo a, #postinfo a:hover, #postinfo a:visited, .postbyline { font-size: 10px; } #blog-posts .postbyline .postbyline_cat, #blog-posts .postbyline .postbyline_cat a, #blog-posts .postbyline .postbyline_cat a:active, #blog-posts .postbyline .postbyline_cat a:link, #blog-posts .postbyline .postbyline_first, #blog-posts .postbyline span { color: #f05c44; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} #blog-posts .postbyline .postbyline_cat a, #blog-posts .postbyline .postbyline_cat a:active, #blog-posts .postbyline .postbyline_cat a:link { color:#f05c44;} #blog-posts .postbyline span.postbyline_time { color: #f05c44; } #postinfo a, #postinfo a:hover, #postinfo a:visited, div.postmetadata a, div.postmetadata a:hover, div.postmetadata a:visited, div.postmetaedit a, div.postmetaedit a:hover, div.postmetaedit a:visited{text-decoration:underline} #blog-posts .postmetadata { margin: 10px 0; padding:10px 10px 30px 5px; } #blog-posts .postmetadata, #blog-posts .postmetadata small, #blog-posts .postmetadata a:link, #blog-posts .postmetadata a:active, #blog-posts .postmetadata a { color: #db6739; font-size: 11px; line-height:16px; } #blog-posts .postmetadata a:link, #blog-posts .postmetadata a:active, #blog-posts .postmetadata a { color:#333 } #blog-posts h3#comments , #respond h3 { font-family:Arial, Helvetica, Sans-serif; font-size:18px; font-weight:normal; text-transform:capitalize; color:#333; } #respond_submit { width: 497px; } #blog-page h2, #blog-page h2.pagetitle, #blog-page h2 a, #blog-page h2.pagetitle a { color: #f05c44; font-family: arial, verdana; } .pagebar { background: #fff; padding: 5px; margin-top: 10px; float:right; } .pagebar a, .pagebar span { display: inline-block; margin-left: 5px; } #breadcrumbs { font-weight: bold; margin-top: 0; } #blog_page h1 { text-align: left; } #blog_page h1 a { font-family: "Open Sans",sans-serif,"google"; font-size: 30px; font-weight: normal; color: #333; } #blog_page h1 a:hover { cursor: default; color: #333; text-decoration: none; } #blog_page .entry.sxn > div { padding: 5px 0; } #blog_page .entry.sxn span > b { color: #f05c44; font-size: 18px; } /* .Entry (Inside Posts) ---------------------------------------*/ #blog-header_img { margin-top: 10px; } #blog-header h1 { text-indent: -9999em; } .entry{ font-size:11px; padding-bottom: 20px; position:relative;} .entry, .entry li .entry p { line-height:16px; color:#333; font-family: "Open Sans",sans-serif,"google"; font-size:16px; line-height:26px; } .entry p a, .entry p a:visited { color: #333; } .entry p a:hover{ color:#6fc6a4; text-decoration:none; } .widecolumn .entry p, .narrowcolumn .entry, .widecolumn .entry {line-height:14px} .widecolumn {line-height:14px} .narrowcolumn .postmetadata { text-align:left } .thread-alt { background-color:#f8f8f8 } .thread-even { background-color:white } .depth-1 { border:1px solid #ddd } #blog-posts a { color:#378164; } #blog_search { background: url('assets/images/sidebar_search_bg.gif') no-repeat 0 0; } .widget #blog_search { margin-top: 10px; } #blog_searchform { } #blog_searchform div input#s { text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #db6739; padding: 0 1px 0 0; width: 130px; margin: 0 15px; float: left;} #blog_search div a { float: left; width: 22px; height: 22px; margin-left: 14px; } #blog_searchform div input { float: left; } #blog_searchform div input.text { width: 120px; color: #dad7ca; } #blog_searchform div input.submit { margin: 0; } .sm-badges {position:absolute;top:-43px; width: 150px;} .sm-badges .wp-socializer, .sm-badges .sm-badges-fb {display:inline-block;} .sm-badges .sm-badges-fb {vertical-align:top;left: 70px;position: relative;top: -36px;} .wp-socializer-clearer {display: none;} /***************************************** #sidebar layout ******************************************/ #sidebar, .sidebar, #sidebar ul, #sidebar li{ margin: 0 0 0 0; padding: 0 0 0 0; } #sidebar .sidebar { margin-bottom: 15px; width: 300px; padding-right: 4px; float: right; } /* Top Level Sidebar Modules */ #sidebar .section { } .widget select { margin-left: 14px; } #sidebar .pagebar { display: none; } /* Widecolumn */ .widecolumn .post{margin:0} .widecolumn .postmetadata{ margin:30px 0} .widecolumn .smallattachment{ text-align:center; float:left; width:128px; margin:5px 5px 5px 0px} .widecolumn .attachment{text-align:center; margin:5px 0px} .postmetadata{clear:both} /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:disc; padding-left:10px; text-indent:0px} html>body .entry li{margin:7px 0 8px 10px} .entry ol li{margin:0; padding:0} .postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none} /* #searchform <- Searchform.php ---------------------------------------*/ #searchform{/*margin:10px auto; *//*padding:5px 3px; */text-align:left; height: 34px;} #sidebar #searchform #s{border: none; } #sidebar #searchsubmit{padding:0; margin:0} .entry form{ /* This is mainly for password protected posts,makes them look better. */text-align:center } select{ width:130px } /* Comments ---------------------------------------*/ .commentlist li, #commentform input, #commentform textarea{font:0.9em Arial,Helvetica,Sans-Serif} .commentlist li ul li{font-size:1em} .commentlist li{font-weight:bold; width: 99%; } .commentlist li .avatar{border:1px solid #eee; padding:2px; background:#fff} .commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em} #blog-posts .commentlist cite a { font-size: 14px; font-weight:normal;} .says { font-weight: normal } #blog-posts .comment-meta a, #blog-posts .comment-meta a:link, #blog-posts .comment-meta a:active {color: #f05c44; font-size: 12px; line-height:18px; } .commentlist p{ font-weight:normal; line-height:1.5em; text-transform:none; font-size: 12px;} #commentform p{font-family:Arial,Helvetica,Sans-Serif} .commentmetadata{font-weight:normal} #comments_wrapper { float:right } #comments_wrapper a, #comments_wrapper a:hover, #comments_wrapper a:visited{text-decoration:none} .commentlist{padding:0; text-align:justify; margin-right:15px; border-color: #f2f1ea} .commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; width: 658px;} .commentlist li ul li{margin-right:-5px; margin-left:10px} .commentlist p{margin:10px 5px 10px 0} .children{padding:0} #commentform input.text { background: #fff; padding:2px; margin:5px 5px 1px 0; border-color: #d1cebd; border: 1px solid #d1cebd; } #comment { border:1px solid #d2d2d2; } #commentform{margin:5px 10px 0 0} #commentform label, #commentform label small {font-family: Arial,sans-serif; /* color: #db6739; */ font-size: 12px;} #commentform textarea{ width:98%; width:485px; padding:1%} #commentform #submit{margin:0 0 5px auto; float:right; /* background:none repeat scroll 0 0 #f05c44; */ background:none repeat scroll 0 0 #425164; color:#FFFFFF; padding: 3px 5px; height: 42px; text-transform: uppercase; width: 90px; font-family: "Open Sans", sans-serif, google; font-size: 16px; } #commentform #submit:hover { color: #000; background-color: #dedede; } #respond{margin-right:15px} #respond:after{content:"."; display:block; height:0; clear:both; visibility:hidden} .alt{margin:0; padding:10px} #submit_response_btn { width: 119px; height: 18px; } .navigation { height: 30px; clear: both; } .nav a img { display: none; } div.bcFloat>div>a { display: none !important; } #nav_products #nav_products_contents table td a { font-size: 13px; padding: 0 12px; } /* Widgets ---------------------------------------*/ #sidebar { float: right; margin: 0 20px 0 20px; overflow: visible; width: 300px; } #sidebar ul { list-style:none; width: 240px; margin: 0; padding: 0; } #sidebar ul li.widget { margin-bottom: 15px; font-family: Arial, Helvetica, Sans-serif; color:#24262e; font-family:Arial,Helvetica,sans-serif; font-size:12px !important; text-transform:capitalize; width: 240px } #sidebar ul li.widget:first-child { margin-bottom: 7px; } #sidebar ul li.widget a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #24262e;} #sidebar ul li.widget a:hover { color: #db6739;} #sidebar ul ul.widget ul li.widget{color:#f05c44; list-style:none; font-size: 0;} #sidebar ul li.widget h2.widgettitle { /* font-family: Arial, Helvetica, Sans-serif; font-size: 17px; font-weight:bold; */ font-family: "Open Sans",sans-serif,"google"; font-weight: 600; font-size: 16px; margin:0px; padding:4px 4px 5px 12px; text-transform: none; color: #333; line-height:1.4em; /*text-shadow: -1px 1px 0px rgba(0,0,0,0.2); */ margin-bottom: 10px;} #sidebar_latest ul li.widget h2.widgettitle { padding-top: 6px; } #sidebar_socialmedia h2.widgettitle, #sidebar_search h2.widgettitle { padding-bottom: 0 !important; } #sidebar .sidebar ul ul { padding: 0px 0 13px 0; } #sidebar .sidebar ul ul.widget_recent_entries { padding: 0px 0 13px 0; } #sidebar ul ul ul { padding: 0;} #sidebar ul li.widget div.widget-contents { /* border: 1px solid #d7ba8c; border-width: 0px 1px; */ width:230px; margin-left: 1px; padding-bottom:6px; } #sidebar li.widget div.widget-contents { padding-bottom: 0px; } #sidebar ul li.widget div.widget-contents li, #sidebar ul li.widget_tag_cloud div.widget-contents div { } #sidebar div.widget-search .widget { padding: 0; margin: 0 } /* Generic Widgets */ #sidebar ul li.widget ul { } #sidebar ul li.widget li { } #sidebar ul li.widget li, #sidebar ul li.widget li a, #sidebar ul li.widget li a:active, #sidebar ul li.widget li a:focus, #sidebar ul li.widget li a:hover { padding: 0; margin: 0 0 6px 0; color: #24262e; font-size: 12px; } #sidebar ul li.widget li a, #sidebar ul li.widget li a:active, #sidebar ul li.widget li a:focus, #sidebar ul li.widget li a:hover { padding: 0 0 6px 13px; margin: 0; color: #24262e; font-size: 12px; border-bottom: 1px solid #dbdcdf; width: 216px; display: block; } #sidebar ul li.widget li a:hover { color: #6fc6a4; text-decoration: none; } /* Specific Widgets */ #sidebar ul li.widget_categories { } #sidebar ul li.widget_categories a, #sidebar ul li.widget_categories a:link #sidebar ul li.widget_categories a:active { } #sidebar ul li.widget_tag_cloud div { margin-left: 12px; } #sidebar ul li.widget_tag_cloud div a, #sidebar ul li.widget_tag_cloud div a:link, #sidebar ul li.widget_tag_cloud div a:hover { } #sidebar ul li.widget_tag_cloud div div { padding-bottom: 10px } #sidebar #sidebar_search ul ul { padding: 0; } #sidebar #rss, #sidebar #widget-search { margin-left: 0 !important; } #sidebar #widget-search li { margin: 0; padding: 0; } #sidebar_search #widget-search {} #sidebar_search li.widget li { margin: 0; } #sidebar_search .widgettitle { margin: 0; height: 26px; } #sidebar .widget_archive select { margin-bottom: 10px; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #BCBCBC; color:#24262e; font-size:12px; } #sidebar li.widget_recent_entries a { text-transform: capitalize; line-height:16px; font-family: Arial, Helvetica, Sans-serif } li.widget div.rssbuttonwidget{color:#9BB835; font-size:18px; font-weight:bold; line-height:1em; background:url(images/rss_button.gif) no-repeat 2px 2px; padding-left:24px; height:20px; vertical-align:top} li.widget div.rssbuttonwidget a, li.widget div.rssbuttonwidget a:hover, li.widget div.rssbuttonwidget a:visited{color:#9BB835; font-size:18px; font-weight:bold; text-decoration:none} #sidebar-socialmedia * html #sidebar_socialmedia ul ul { } #sidebar .sidebar ul.xoxo .first .widgettitle { padding-bottom: 0;line-height:13px; } #sidebar input#s { width: 170px; background: transparent; border: 0 none; font-family: Arial, Helvetica, sans-serif; color: #8c8c8c; font-size: 11px; margin: 0; padding: 5px 0 0 10px; } #sidebar #widget-search .widget { width: 208px; } #sidebar #widget-search a { cursor:pointer; display:block; float:right; height:26px; width:26px;} #sidebar_socialmedia ul .textwidget { } #sidebar_socialmedia ul li.textwidget ul li { margin-left: 0 !important; } #sidebar_socialmedia ul .textwidget ul li a { font-size:9px; text-transform:capitalize; width:47px; } #subscribe_to_rss{height:20px} #subscribe_to_rss #rss_left{float:left} #subscribe_to_rss #rss_icon{margin-right:7px; vertical-align:middle} #subscribe_to_rss #rss_right{float:left; padding-top:2px} #subscribe_to_rss #rss_text_link{ } #sidebar .widget_twitter .widgettitle { height: 20px; padding-top: 6px; } .widget_twitter .widget-contents, .widget_twitter ul { padding-bottom: 0 !important; } .widget-contents .twitter-item { padding: 5px 0 0px 0; } .twitter-timestamp { display: block; font-size: 11px; color:#a5a23a; padding-top: 7px !important; text-decoration: none; border: 0; } .twitter-timestamp abbr, .twitter-timestamp abbr[title] { border-bottom: 0 none !important; text-decoration: none; } #sidebar a.twitter_title_link { padding:2px 0 0 20px; margin-top: 3px; color: #f05c44 !important; font-size: 13px !important; } /* Sidebar First */ #sidebar .sidebar ul li#sidebar-first { width: 235px; } #sidebar .sidebar ul li#sidebar-first .widget-contents { height: 125px; } #sidebar .sidebar ul li#sidebar-first ul, #sidebar .sidebar ul li#sidebar-first ul li { padding: 0; margin: 0; font-size: 0; line-height: 0; } a#sidebar-first-feed { display: block; width: 240px; height: 46px; line-height: 0; } #shelving-50-years { margin: 0 auto; text-align: center; display: none; } #shelving-50-years img { margin: 0 auto; display: block; } #sidebar-socialmedia { } #sidebar-socialmedia div { line-height: 0; margin: 0; padding: 0; font-size: 0; } #sidebar-socialmedia a { display: block; float: left; width: 32px; height: 32px; } #sidebar-socialmedia #sm-followus a { width: 68px; cursor: default; } #sidebar-socialmedia #sm-fb { width: 42px; } #sidebar-socialmedia #sm-fb a { width: 32px; } #sidebar-socialmedia #sm-twitter { width: 42px; } #sidebar-socialmedia #sm-yt { width: 41px; } #sidebar-socialmedia #sm-rss { width: 42px; } #sidebar-socialmedia a span { position: absolute; left: -999em; } #searchform { } #searchform #search-input { width: 187px; padding-left: 13px; } #searchform #search-input input#s { float: left; width: 175px; border: 0 none; } #searchform ul, #searchform ul li, #searchform ul li div { margin: 0; padding: 0; font-size: 0; } #searchform a.submit { font-size: 0; line-height: 0; display: block; width: 28px; height: 26px; float: left; } #sidebar a { font-family: Calibri, sans-serif !important; font-size: 14px !important; } /*related posts with images*/ .rpwwt-widget ul li a { border-bottom: none!important; } /***************************************** Required: Do Not Modify ******************************************/ /* Helper +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .clearfix:after, .widget:after, .sxn:after, .block:after, .colgroup:after, .bfr:after, .bfl:after, .page:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .clearfix, .widget, .sxn, .block, .colgroup, .fl, .page, .sxn, .bfr, .bfl {display:inline-block} html[xmlns] .clearfix, html[xmlns] .widget, html[xmlns] .sxn, html[xmlns] .block, html[xmlns] .bfr, html[xmlns] .bfl, html[xmlns] .colgroup, html[xmlns] .page{display:block} * html .clearfix, * html .widget, * html .bfl, * html .bfr, * html .sxn, * html .colgroup, * html .fl, * html .page{height:1%} .section, .sxn { float: none;} .colgroup, .block, .bfl, .fl { float: left;} .bfr, .fr { float: right; } .page { margin: 0 auto; } .clearfloat, .clear { clear:both; height:0; font-size: 0px; line-height: 0px; } * html .clearfloat, * html .clear {font-size:1px} .hide { display: none; } .hidetext, .screen-reader-text { position: absolute; left: -999em; } /* Image fix for ie 6 */ .f0, .imgfix { font-size: 0; line-height: 0px; } .page, .inset { margin-left: auto; margin-right: auto;} .inset { width: auto; margin: 0 auto; } .hide {display: none; } .db { display: block; } .single #comments_wrapper{display:none} .post .post_edit span a {width: 40px; padding: 3px; text-align: center; border: 1px solid #eee;color: #777} .post .post_edit span a:hover { background: #ffff00; border: 1px solid #ffee00; } .blog-post { width: 100%; padding: 0 30px; } /*featured products*/ /*.featured-products { text-align: center; }*/ .featured-products ul { padding-left:0; list-style: none; } .featured-products h4, .featured-products h3 { font-weight: 800; margin-bottom: 20px; } .featured-product { display: inline-block; width: 24%; min-width: 194px; padding: 0 30px; text-align: center; vertical-align: top; } @media only screen and (max-width: 900px) { #blog-posts { max-width: 90vw; } .featured-products { width: 90%; } } @media only screen and (max-width: 650px) { .featured-product { display: inline-block; width: 33%; min-width: 100px; padding: 0 30px; text-align: center; } } /*@media only screen and (max-width: 600px) { #blog-posts { max-width: 70%; } }*/ @media only screen and (max-width: 450px) { #blog-posts { max-width: 85vw; } .featured-product { display: inline-block; width: 50%; min-width: 100px; padding: 0 30px; text-align: center; padding-left: 0; margin:20px 0; } } /*Add This Styles */ .addthis_toolbox.addthis_default_style.addthis_16x16_style { margin: -35px 0 0; } img.attachment-full.size-full.wp-post-image { width: 100%; height: auto; } .post-featured-image { margin-bottom: 20px; } #blogheader_contents { margin-bottom: 20px!important; } /*sidebar optin*/ #blog-news-form #elistEmailAddress { text-align: left; }