/** * Theme Name: AmazingRibs.com Obsolete * Theme URI: https://amazingribs.com * Author: Jeff McNear | Ostap Pashko * Author URI: https://plasterdog.com * Description: Custom theme designed for AmazingRibs.com. * Tags: custom, featured-images * Version: 2.7.0 * Requires at least: 6.0 * Tested up to: 7.0 * Requires PHP: 8.0 * License: GNU General Public License v2 or later * License URI: https://www.gnu.org/licenses/gpl.html * Domain Path: / * Text Domain: amazingribs_reworked **/ /* Per article Youtube Video widths */ .wp-block-embed-yt-max-700 { max-width: 700px !important;; } /* grid for displaying search pages */ #ar-search-page-grid { display: grid; gap: 0.50rem; grid-template-columns: 1fr 1fr; } @media screen and (max-width:780px) { #ar-search-page-grid { display: block; margin-bottom: 0.50rem; } } /* so that the theme is not under the adminbar */ .admin-bar .wrapper { padding-top: 32px; } /* so that the theme is not under the adminbar (small screens) */ @media only screen and (max-width: 782px) { .admin-bar .wrapper { padding-top: 46px; } } /* Adding new template parts custom CSS entries here. (RayJ: 2024-07-20) */ /* .amc-common-disclaimer-ratings-reviews { margin: 0.50rem 0; padding: 0.50rem; background: #FFF5F5; border: 3px outset #900; border-radius: 0.50rem; } */ .amc-common-disclaimer-ratings-reviews { margin: 0.50rem 0; padding: 0; background: #FFF; border: 1px solid #900; } .amc-common-disclaimer-ratings-reviews b { display: block; margin: 0; padding: 0.20rem 0.40rem; font-size: 1rem; color: #FFF; background: #900; text-indent:.7rem; } .amc-common-disclaimer-ratings-reviews p { margin: 0; padding: 0.50rem; font-size: 0.95rem; } /* carry on... */ .page-template-page-selection-facet .facetwp-template { display: none; } .page-template-page-selection-facet .facetwp-template.visible { display: block; } html, body { border: 0; margin: 0; padding: 0; } body { font-family:'Fira Sans',Arial,sans-serif; line-height:1.6em; } a:link, a:visited{ color:#891319; font-weight:700; text-decoration:none} a:link, a:visited, .read-more, .read-less{ font-weight:600} #footer-copyright a.pitmaster-foot-link{color:#ffffff;font-weight: normal;} h1, h4{ line-height:1.1em} .button{ background-image:-webkit-linear-gradient(270deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); background-image:linear-gradient(180deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); padding:5px 10px; display:inline-block; color:#ffc !important; background-color:#900; text-decoration:none; font-weight:400 !important; font-size:90%; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; margin:auto; text-align:center} @media screen and (max-width:375px){ .clear.header-alert {margin-top: 1em;} } @media screen and (min-width:376px) and (max-width:1100px){ .clear.header-alert {margin-top: 0;} } @media screen and (min-width:1101px){ /*.clear.header-alert {margin-top: 3.25em;}*/ .clear.header-alert {margin-top: 5px;} } @media screen and (max-width:1100px) { #main-body-wedge {min-height: 15px; clear: both;} #main-body-wedge, #main-body-wedge.no-ads{ /*height:42px*/} } @media screen and (min-width:1101px) { #main-body-wedge{ min-height:100px;clear:both;} #main-body-wedge.no-ads{/*height:80px*/} } .wrapper{ margin-left:auto; margin-right:auto; max-width:1250px; padding-left:10px; padding-right:10px} .content-wrapper{ position: relative; padding-top: 9rem; } .admin-bar .content-wrapper { padding-top: 7rem; } /* @media all and (max-width: 782px) { .admin-bar .content-wrapper { top: 46px; } } */ .widget-section h2, .widget-section h3{ font-size:20px; font-style:italic; font-family:'Fira Sans Condensed','Arial Narrow',sans-serif; line-height:1.1} .rtecenter{ text-align:center} .wrapper .widget-right{ position:absolute; top:9.5em; right:0; width:300px; height: auto; min-height: 2101px; padding-top:1em;} #center-body-wrapper{ padding-right:300px} #center-body-wrapper .widget-left{ float:left; width:300px; border-top:solid 1px #000; padding:10px 0; box-sizing:border-box} #center-body-wrapper .widget-left .widget-left-content{ border-bottom:none;} #center-body-wrapper .widget-left .widget-left-content img{ max-width:95%; height:auto} #center-body-wrapper .widget-left .textwidget{ font-family:Verdana,Arial,Helvetica,Geneva,sans-serif !important; font-size:13px} #center-body-wrapper .widget-left h3{ font-family:'Fira Sans Condensed','Arial Narrow',sans-serif; font-weight:600; font-size:140%; margin-top:10px; margin-bottom:5px; color:#666; font-style:italic; font-weight:700; height:auto; line-height:1.1em; overflow:visible; padding:0} #center-body-wrapper .container{ float:right; width:calc(100% - 300px); box-sizing:border-box; padding-left:10px; padding-right:10px} #center-body-wrapper .hero-image{ padding-right:5px; min-height:0;} #center-body-wrapper .hero-image img{ width:100%} #center-body-wrapper .container img{ max-width:100%; height:auto !important} @media screen and (max-width:1350px) /* making room for the social media icons */{ #center-body-wrapper .widget-left{ margin-left:20px;} #center-body-wrapper .container{width:calc(100% - 320px); } } @media screen and (max-width:1250px) /* Mobile */{ #center-body-wrapper .widget-left{ margin-left:0;} #center-body-wrapper .widget-left{ float:none; width:100%} #center-body-wrapper{ float:none; /* width:calc(100% - 375px);*/margin-left:60px;} #center-body-wrapper .container{width:100%;} #breadcrumbs{ padding-right:10px; padding-left:10px; /*margin-left:75px;*/} } @media screen and (max-width:1025px) /* Mobile */{ #center-body-wrapper .hero-image{ display:none} } @media screen and (max-width:800px) /* Mobile */{ /*--- adjusting the open sidebar toggle ---*/ .responsive-sidebar-btn-text {margin-top: 0px; margin-top: -3em!important; width: 50%; font-size: 50%!important; line-height: 1em!important;} #responsive-sidebar-btn {display: none; position: fixed;top: 10px;right: 5px;width: 50px!important;height: 50px!important; z-index: 10000;text-align: center;border-radius: 100%; cursor: pointer;border: none;box-shadow: 1px 1px 10px 0 #b4b4b4; background-color: #ffffff;} .responsive-sidebar-btn-img {width: 25px!important;} #center-body-wrapper{ padding-right:0px} #center-body-wrapper .container{width:100%;margin-left:0;} .responsive-sidebar-btn-img {visibility: hidden;} /*-- hiding the bars --*/ #responsive-sidebar-btn { border: 1px solid #000000!important;}/*- making the button stand out more with a border --*/ } /* Contact Form */ .constant-contact img{ float:left; margin-right:10px; width:84px; max-width:none} .constant-contact #smoke-news{ clear:both; text-align:center} /* Comments */ section.comments{ background-color:#ffffee; padding:5px 1em; overflow:auto; clear:both} .comments h4{ font-weight:500; font-size:200%} @media screen and (max-width:800px) /* Mobile */{ section.comments{ padding:0px 1em 5px 1em!important; } } /* Footer */ footer{ padding:10px 0; background-color:#ffc; position:relative; clear:both; font-size:90%; border-top:1px solid rgba(0,0,0,1)} /* NavBar */ .navbar .tagline{ float:right; font-size:23px; line-height:0.3em; margin-bottom:0} .tagline a:link{color:#000000;font-weight: normal;} .navbar .navbar-header{ line-height:normal; background:white} .navbar .navbar-collapse{ background-color:#891319; line-height:normal} .navbar ul.navbar-nav{ margin:0; height:43px; padding-left:0} .navbar ul.navbar-nav li a{ color:#fff; line-height:43px; font-weight:100; padding-right:10px; padding-left:10px} /* font-size:21px; */ .navbar ul.navbar-nav >li >a{ border-right:1px solid #fff} .navbar ul.navbar-nav li:last-child a{ border-right:none} .navbar ul.navbar-nav li{ color:#fff; float:left; list-style-type:none; position:relative} .navbar ul.sub-menu{ padding:0; display:none} .navbar ul.navbar-nav li:hover >ul.sub-menu{ display:block} .navbar ul.sub-menu li{ background-color:#891319; width:100%; float:left; clear:both; line-height:11px; padding-left:10px; padding-right:10px; box-sizing:border-box} /* font-size:12px; */ .navbar ul.sub-menu li:last-child{ padding-top:5px; padding-bottom:5px; border-top:1px solid white} .navbar ul.sub-menu li a{ width:100%; line-height:23px; padding:0} /* font-size:14px; */ nav.navbar{ position:fixed; right:0; left:0; z-index:9; background:#fff; top:0; height:82px} .mobileMenu input.menuBurger{ display:block; width:50px; height:32px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; /* hide this */ z-index:2; /* and place it over the hamburger */ -webkit-touch-callout:none} @media screen and (max-width:1100px) /* Desktop */{ .wrapper{ padding:0} nav.navbar{ height:40px; -moz-box-shadow:0 0 7px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 7px rgba(0,0,0,0.4); box-shadow:0 0 7px rgba(0,0,0,0.4)} nav.navbar .navbar-header{ background:white;box-shadow: 0 0 7px rgba(0,0,0,0.4);} .navbar .tagline{ display:none} .navbar .navbar-brand{ margin:auto; display:block; width:fit-content} .mobileMenu{ display:block; position:relative; top:-31px; -webkit-user-select:none; user-select:none} /* * Just a quick hamburger */ .mobileMenu span.bar{ display:block; width:33px; height:4px; margin-bottom:5px; position:relative; background:#891319; border-radius:3px; left:10px; z-index:1; transform-origin:4px 0px; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease} .mobileMenu span.bar:first-child{ transform-origin:0% 0%} .mobileMenu span.bar:nth-last-child(2){ transform-origin:0% 100%} /* * Transform all the slices of hamburger * into a crossmark. */ .mobileMenu input:checked ~ span.bar{ opacity:1; transform:rotate(45deg) translate(-2px,-1px)} /* * But let's hide the middle one. */ .mobileMenu input:checked ~ span.bar:nth-last-child(3){ opacity:0; transform:rotate(0deg) scale(0.2,0.2)} /* * Ohyeah and the last one should go the other direction */ .mobileMenu input:checked ~ span.bar:nth-last-child(2){ transform:rotate(-45deg) translate(0,-1px)} /* * Make this absolute positioned * at the top left of the screen */ #menu{ position:absolute; width:100%; z-index:-1; background:#891319; list-style-type:none; -webkit-font-smoothing:antialiased; /* to stop flickering of text in safari */ transform-origin:0% 0%; transform:translate(0,-1000%); height:auto; padding-left:0; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0)} #menu li{ float:none; border-bottom:1px solid; font-size:22px; padding-left:2em;} #menu >li{ padding:10px 0} #menu li a{ border-right:0} /* * And let's slide it in from the left */ .mobileMenu input:checked ~ #menuToggle ul{ transform:none; z-index: 9999;} } /* Post list */ .post-item a{ font-family:'Fira Sans Condensed','Arial Narrow',sans-serif} .post-item { margin-bottom:15px; border-bottom:2px dotted #666; padding-bottom:10px; font-size:18px; line-height: 1.4em; min-height:108px; clear:both; } .post-item:after{display: block; clear:both; content:""; height: .5em;} .post-item img{ float:left; display:block} .post-item .content{ margin-left:165px; min-height:155px} @media screen and (max-width:500px) /* Mobile */{ .post-item .content{ margin-left:0; min-height:155px} .post-item img{padding-right:1em;} } @media screen and (max-width:400px) /* Mobile */{ #center-body-wrapper .container img { width: 80%!important; margin:0 10% 1em 10%;} } .search{ position:relative; z-index:2} .navbar-collapse .fa-search{ float:right; margin-top:-38px; margin-right:10px; font-size:30px; color:#000000; cursor:pointer} .search-box{ width: 380px; padding: 10px 20px 10px 10px; background:white; position:absolute; top:-500px; padding-top:0px; padding-left:1em; float:right; text-align:left; font-size:1em; transition:all 0.5s ease; z-index:-1; right:0} .search-box p{margin:.5em 0;} .search-box h4 {display: block;font-size: 1.05em;margin-top: .25em;margin-bottom: .5em;margin-left: 0;margin-right: 0;font-weight: 600;} .search-box.open{ top:0px} .search-box .search-field{ font-size:18px; border:1px solid} .search-box button{ font-size:18px} .search-box a:hover:after{content: "\2794"; } @media screen and (max-width:1100px) /* Mobile */{ .search-box.open{ top:8px; padding-left:4em!important;} .search-box{ width:100%} .navbar-collapse .fa-search{ color:#891319; margin-top:-32px} } @media screen and (min-width:1100px) /* Mobile */{ ul.navbar-nav{ -moz-box-shadow:0 0 7px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 7px rgba(0,0,0,0.4); box-shadow:0 0 7px rgba(0,0,0,0.4)} ul.navbar-nav ul.sub-menu{ z-index:2; position:absolute; width:100%} } @media screen and (max-width:1100px) /* Mobile */{ #logo {padding-left: 3em;} .content-wrapper {padding-top: 3rem;} .admin-bar .content-wrapper { padding-top: 1rem; } } @media screen and (max-width:1050px) /* Mobile */{ #center-body-wrapper {/*padding-right: 0px;padding-top: 0px;*/} } @media screen and (max-width:800px){ .sfsi_plus_outr_div {width: 50%!important;left: 100%!important;margin-left: -75%!important;} #center-body-wrapper {float: none;width: calc(100% - 2em); margin-left: 1em; margin-right: 1em;} /* handled at: 1100px .content-wrapper {position: relative; padding-top: 1em;left:0em;} */ .search-box{ top:-500px; padding-top:0px; padding-left:1em; float:right; text-align:left; font-size:1em; transition:all 0.5s ease; z-index:-1; right:0} .search-box{ width:calc(100% - 5em);} #center-body-wrapper {padding-right: 0;padding-top: 10px;} .wrapper .widget-right{ position:initial; width:100%} .sfcm.sfsi_premium_wicon {padding: 0; width: 60% !important;height:auto!important;border: medium none !important;}/*--forcing icons to be smaller --*/ #amazing-grid-container .container .row { width: 100%!important;} #center-body-wrapper .container { overflow-x: hidden;} #footer-copyright {font-size: 80%!important; max-width: 90%!important;} .post-item img { padding-right: 0; } .wrapper .widget-right, #center-body-wrapper .container, .widget-left { width: 100%!important; } } @media screen and (max-width:400px){ footer{padding-left:75px;} #footer-copyright {padding-left: 50px;} } /* Review table */ .reviewTable{ border-collapse:collapse; border-top:1px dotted #999} .reviewTable tr{ border-bottom:1px dotted #999} .reviewTable tr .awardImage{ width:110px; text-align:center} .reviewTable tr td:first-child{ color:#666; font-size:12px; font-style:italic; font-family:'Fira Sans',Arial,sans-serif; font-weight:700; width:40%} .reviewTable tr td .price::before{ content:"$"} .brandSection{ border-top:dotted 2px #000; border-bottom:dotted 2px #000; padding-top:5px; padding-bottom:5px} .brandSection p{ font-size:11pt !important; line-height:1.1em} .brandSection img{ width:60%} .ad-item{ border-bottom:2px dotted #666; padding-bottom:15px} .ad-item img{ margin:0 auto; display:block} .header-ads{ background:white; z-index:1} .header-ads div{ display:inline-block} /*------------------PLASTERDOG STYLING _-----------------------------*/ /*-------Reset Styles-----------*/ *, *:before, *:after{ /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing:border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing:border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing:border-box} body {} article, aside, details, figcaption, figure, footer, header, main, nav, section{display:block} ol, ul{list-style:none} table{ /* tables still need 'cellspacing="0"' in the markup */ border-collapse:separate;border-spacing:0} caption, th, td{font-weight:normal;text-align:left} blockquote:before, blockquote:after, q:before, q:after{content:""} blockquote, q{quotes:""""} a:focus{outline:none;} a:hover, a:active{outline:0} a img{border:0} /*--- Header Gravity Form --*/ .search-box ul.gfield_radio li:nth-of-type(3)::before {} .search-box .button.reset-button.gform_button {padding: 5px 15px !important;} .search-box .gform_wrapper ul li.field_description_below div.ginput_container_radio{margin-top:0;color:#891319;font-weight: bold;} .search-box .gform_wrapper .gform_footer {padding: 0 0 10px 0; margin: 1em 0 0 0;} .search-box .gform_wrapper form li, .search-box .gform_wrapper li {border: none;} .search-box .search-submit {font-size: 16px; background-color: #891319;border: 1px solid #891319;color: #ffffff;padding:5px 10px;border-radius:10px;} .search-box .search-submit:hover{background-color: #b61921;} .search-box button.search-submit, .search-box input.search-submit { cursor: pointer; width: 100%; } /* control text size in search box drop down */ .search-box p { font-size: 1.10rem; } /* remove padding of search field table cell */ table.gsc-search-box td.gsc-input { padding: 0; } /* remove the search button table cell */ table.gsc-search-box td.gsc-search-button { display: none; } .search-page { max-width: 300px; margin: 0 auto; } .search-page input.search-field { width: 100%; margin: 1rem 0; padding: 5px 9px; font-size: 1rem; line-height: 1.4rem; } .search-page button.search-submit, .search-page input.search-submit { cursor: pointer; width: 100%; } .search-box input.search-field { width: 100%; margin: 7px 0; padding: 5px 9px; font-size: 1rem; line-height: 1.4rem; } .search-page .search-submit { display: block; font-size: 16px; background-color: #f2e9d3; border: 1px solid #891319; padding: 5px 10px; border-radius:3px; color: #666 !important; font-weight: bold; } .search-page .search-submit:hover { background-color: #b61921 !important; } p#breadcrumbs { padding-top: 0;} /*--- MEMBERS ONLY ---*/ h6.members-only{color:#ffffff;background:#1569eb;margin:0;font-size:1.25em;padding:.25em 1em;text-transform: uppercase;display:inline;} h6.new-content{color:#ffffff;background:#a50606;margin:0;font-size:1.25em;padding:.25em 1em;text-transform: uppercase;display:inline;} .clear h6.new-content { display:block; margin:5px 0; width:65%; } .member-curtain { background: #f2e9d3; padding: 4em; } @media screen and (max-width:1100px) /* this is when the header collapses */{ .wpsta-members-only { height: 95vh!important; width: 91vw;} } @media screen and (max-width:800px) /* Mobile */{ .member-curtain {width: 60%!important;margin-left: 2.5% !important;margin-bottom: 2em !important;font-size:75%!important;line-height: 1em!important; padding: 1.5em!important;} .member-curtain img{width: 95%!important; height: auto!important;} } @media screen and (max-width:500px) /* Mobile */{ .member-curtain {width: 80%!important;margin-left: 2.5% !important;margin-bottom: 2em !important;} .member-curtain img{width: 95%!important; height: auto!important;} } @media screen and (max-width:450px) /* Mobile */{ h6.members-only{display:block;} } /*--- MODIFIED DATE ---*/ p.last-modified{font-size:.75em;margin:0;} /*--- ARCHIVE ARRAYS ----*/ h2.archive-array{ display: block; font-size: 1.5em; line-height: 1.2em; margin:0; font-weight: bold; } h2.archive-array.page-identifier{text-align:left; margin-top:.5em;} h2.archive-array .content-type-identifier{font-size: .5em;margin:0;font-weight: normal;} h2.archive-array ~ p{margin-top:0;} .archive .content p {margin-bottom: .25em;} /*--- SEARCH RESULT ARRAY --*/ .page-featured-thumb{display:block;width:100%;} .page-featured-thumb img{width:100%;height:auto;;} .page-excerpt-content{display:block;width:100%;clear:both;} /*--- SINGLE ITEMS ---*/ h1.single-item{margin:0;} h1.single-item ~ p.author-attribution {margin-top:0;} p.author-bio{display:inline;} p.author-attribution, p.author-attribution.intro {display:inline; font-weight: bold;} p.author-attribution:before{content:" - ";} p.author-attribution.intro:before{content:"";} p.author-attribution.intro.withpicture { display: block; margin: 0 0 0 4.50rem; padding: 1.5rem 0 0 1rem; } p.author-attribution:nth-of-type(2)::before {content: " ";} hr.author-seperator{ border: solid 1px #ccc;height: 1px;} #center-body-wrapper .container .byline-image img { max-height: 75px !important; width: 75px !important; display: inline; float: left; margin: .25em 0 .5em 0; border-radius: 75px !important; border: solid 1px #000 !important; } .vcv-layout-wrapper { margin-top: 5rem; } @media screen and (max-width:1100px){ .vcv-layout-wrapper { margin-top: 2rem; } } .vcv-layout-wrapper .byline-image img { max-height: 75px !important; width: 75px !important; display: inline; float: left; margin: .25em 0 .5em 0; border-radius: 75px !important; border: solid 1px #000 !important; } /*---AUTHOR BIOS -----*/ ul.author-group {margin:0; padding:0; list-style:none;} .author-thumb{float:left; width:150px;} .author-thumb img{width: 100%; height:auto;} .author-content{float:right; width:calc(100% - 160px);} .author-content p{margin:0;} .author-content p.last-modified{visibility: collapse; display:none;} /*--- RELATED TO HUSTLE POPUP ----*/ .hustle-group-content{width:auto!important;} .hustle-content .hustle-button {width: auto!important;} @media screen and (max-width:450px){ .hustle-group-content img { max-width: 90%; height: auto;margin: 0 5%;} } /*--- RELATED TO SEARCH & FILTER (no longer in use) --*/ .searchandfilter ul ul li.cat-item { float: left;} .searchandfilter li {list-style: none;display: inline-block;padding-right: 0;font-size: .85em;} .searchandfilter li input[type="text"] {width: 300px;font-size: 1em;} .searchandfilter input[type="submit"] {font-size: 1em;background-image: linear-gradient(180deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); padding: 10px 15px; color: #ffc !important; background-color: #900; text-decoration: none; font-weight: 800 !important; -webkit-border-radius:15px; display:inline-block; margin: 0 6%;} .searchandfilter input[type="submit"]:hover{background-image: linear-gradient(0deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%);} .searchandfilter h4 {margin: 10px 0;font-size: .85em;text-align: left;} .searchandfilter ul > li > ul:not(.children) {padding-left: 0!important;} /*---- RELATED TO THE HERO IMAGE ---*/ .single-hero-image img{margin: 0%;width: 100%;} @media screen and (max-width:350px){ .searchandfilter li input[type="text"] {width: 250px;font-size: 1em;} } /*-------- CORRECTIONS ----*/ ul.sub-menu {min-width: 150px;} .gallery-caption { color: inherit; } .sticky { color: inherit; } .bypostauthor {color: inherit; } .container-fluid.wrapper {position: relative;background-color: transparent;padding-bottom: 0;} /*this can't be absolute and have the region collapse when it is not full .header-ads {position: absolute;left: 0;width:100%;} */ .left-header-infoset{width:64%; float:left; text-align: left;margin-right:1%;} .right-header-infoset{width:33%; float:right;text-align: right;margin-left:1%;} .left-header-infoset .widget-content img, .right-header-infoset .widget-content img {max-width: 90%;height: auto;margin: 0;} @media screen and (max-width:800px){ .left-header-infoset, .right-header-infoset{width:100%; float:left; text-align: left;margin-right:0;} .left-header-infoset .widget-content img, .right-header-infoset .widget-content img {max-width: 80%!important;height: auto;margin: 0;} } /*----------Accessibility-------------------------*/ /* Text meant only for screen readers */ .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important} .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus{background-color:white;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6); clip:auto !important; color:lightBlue; display:block; font-size:14px; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; /* Above WP toolbar */} #left-footer-widget{float:left; width:94%; margin:0 3%;} #right-footer-widget{float:right; width:94%; margin:0 3%} @media screen and (max-width:1100px){ #left-footer-widget, #right-footer-widget {float: left;width: 80%;margin: 0 10%;} } /*---- MENU RELATED ---*/ #menu ul { padding: 0;} /*----- SIDEBAR RELATED ---*/ /*-- corrects image issue with alternative sidebar --*/ .widget-left img {max-width:100%;} /*-- CORRECTING SIDEBAR DEFAULT POSTITION FOR RESPONSIVE SIDEBAR --*/ #amazing-filter { left: -500px!important;padding-left:3em;} /*--- RELATING TO THE SPOTLIGHT SECTION ---*/ .spotlight-section{border: 4px solid #900;border-radius: 30px;box-shadow: -3px 3px 5px rgba(0,0,0,.4);margin: 10px 0 15px;padding: 6px 10px;} .widget-content img {max-width: 100%;height: auto; margin: 0; padding:0;} .wp-block-image .size-large.is-resized { padding: 0; margin: 0;} .widget-content .wp-block-image {margin-bottom: 1em;padding: 0;margin: 0;} /*---- AD STYLING CLASS ---*/ .amazing-ads, .spotlight-item {border-bottom: 1px solid #000;} .amazing-ads:last-of-type, .spotlight-item:last-of-type {border-bottom: none;} /*-----------------STANDARD IMAGE ALIGNMENTS----------------------------*/ .alignleft{ display:inline;float:left;margin-right:1.5em;} .alignright{display:inline;float:right;margin-left:1.5em;} .aligncenter{clear:both;display:block;margin:0 auto;} /*---------------Media-------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;} .wp-caption{ border:none; margin-bottom:1.5em;max-width:100%;} .wp-caption img[class*="wp-image-"]{display:block;margin:1.2% auto 0;max-width:98%;} .wp-caption-text{text-align:center} .wp-caption .wp-caption-text{margin:0.8075em 0;} .site-main .gallery{margin-bottom:1.5em;} .site-main .gallery a img{border:none;height:auto;max-width:90%;} .site-main .gallery dd, .site-main .gallery figcaption{margin:0;} /* Make sure embeds and iframes fit their containers */ embed, iframe, object{max-width:100%;} /*--- BACK END DISPLAY ---*/ .edit-post-meta-boxes-area #poststuff h2.hndle #poststuff h2{font-weight: 900!important;text-align: center!important;} /*------ ADDITIONS -------*/ .clear{clear:both;} .clear:after {content: ""; clear: both; display: table;} /*--- TYPOGRAPHY (for right now these are standard browser styles---*/ h1 {display: block;font-size: 2em;margin-top: 0.67em;margin-bottom: 0.67em;margin-left: 0;margin-right: 0;font-weight: bold; } h2{display: block;font-size: 1.5em;margin-top: 0.83em;margin-bottom: 0.83em;margin-left: 0;margin-right: 0;font-weight: bold;} h3{display: block;font-size: 1.17em;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;font-weight: bold;} h4{display: block;font-size: 1em; margin-top: 1.33em;margin-bottom: 1.33em;margin-left: 0;margin-right: 0;font-weight: bold;} h5{display: block;font-size: .83em;margin-top: 1.67em;margin-bottom: 1.67em;margin-left: 0;margin-right: 0;font-weight: bold;} h6{display: block;font-size: .67em;margin-top: 2.33em;margin-bottom: 2.33em;margin-left: 0;margin-right: 0;font-weight: bold;} p { display: block; /*font-size: 1em;*/ font-size: 20px; line-height:1.4em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; } li.no-dot{list-style: none;} @media screen and (max-width:1100px){ h1 {display: block;font-size: 1.5em; } h2{display: block;font-size: 1.25em;} } /*--- DEFINING SOME SECTIONS ---*/ #footer-copyright{background-color:#891319;color:#ffffff;text-align:center;} .two-thirds-left{float:left; width:65%;} .one-third-right{float:right; width:33%;} .one-third-right img{width:50%; margin:0 25%;} .two-thirds-right{float:right; width:65%;} .one-third-left{float:left; width:33%;} .left-half{float:left; width:49%;} .right-half{float:right; width:49%;} .left-half ul, .right-half ul, .referring-link ul, .clean-format ul{margin:0;padding:0;list-style:none;} .featured-image-container{float:left; width:150px;text-align: center;} .featured-image-container img{width:100%;} .featured-image-container img.award-icon{width:60%!important; margin:.5em 20%;} /*--- RELATED TO THE MANUFACTURER ATTRIBUTION ---*/ ul.related-manufacturer{padding:0; margin:0;border-top:dotted 2px #000000;} .related-manufacturer li{display: block; border-bottom:dotted 2px #000000;padding:0 2em; font-size:90%;} .related-manufacturer li h3{font-size:1.75em;} /*--- ATTRIBUTE LISTS ---*/ li.checkbox-multiples,.checkbox-multiples li, li.checkbox-multiples-parent {display:inline;} li.checkbox-multiples:after{content:" ";padding-right:.5em;} /*----RELATED TO FACETS DISPLAY ----*/ .widget-left .facetwp-facet { margin-bottom: 10px!important;} .widget-left button.fwp-submit {font-size: 1em;background-image: linear-gradient(180deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); padding: 10px 15px; color: #ffc !important; background-color: #900; text-decoration: none; font-weight: 800 !important; -webkit-border-radius:15px; display:inline-block; margin:0;} .widget-left button.fwp-submit a{color: #ffc !important;} .widget-left button.fwp-submit:hover{background-image: linear-gradient(0deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%);} .widget-left .facetwp-dropdown {min-width: 100%;max-width: 250px;} .responsive-sidebar-btn-text {margin-top: 0px;margin-top: -.25em;} #responsive-sidebar-btn {display: none;position: fixed;top: 80px!important;} .facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {height: 2em;} .facetwp-checkbox.disabled, .facetwp-radio.disabled {opacity: 0;cursor: default;visibility: collapse;height: 0;background-size: 0;margin-bottom: 0;} .ignore-before h3{margin:0;font-size:1em!important;} .ignore-before .facetwp-facet {margin-bottom: 10px;} .ignore-before .facetwp-radio , .ignore-before .facetwp-checkbox{line-height: 1.5em!important;font-size: .9em!important;} /*--- HIDING THE THREE DOTS ---*/ .pagination .page-numbers.dots {font-size: 0;display: none;} /*--- ENDS FACETS STYLING ---*/ /*--- new header layout related styles ---*/ #top-logo-bar{position: relative; z-index: 999; background-color:#ffffff;width:100%;} #top-logo-bar .ar-left-section{float:left;width:50%;} #top-logo-bar .ar-right-section{float:right;width:48%;} .navbar-header.page-scroll{visibility: collapse;height: 0;} @media screen and (max-width:1100px) /* Desktop */{ #top-logo-bar{visibility: collapse;height: 0; width:0;} .navbar-header.page-scroll{visibility: visible;height: auto;} #center-body-wrapper .hero-image {padding-right: 5px;min-height: 0;} /* .content-wrapper {position: relative; padding-top: 2.5em;} */ .page-scroll img#logo { margin-left: 3em;position: relative;z-index: 99;padding-left:0;margin-left:3em;} } /*--- SEARCH RESULT CLASSES ---*/ .thermopost{/*background-image:url(./img/thermo-icon.png); background-repeat:no-repeat;background-position:2.5% 95%;*/} .grillpost{/*background-image:url(./img/grill-icon.gif); background-repeat:no-repeat;background-position:2.5% 95%;*/} .toolspost{/*background-image:url(./img/tools-icon.png); background-repeat:no-repeat;background-position:2.5% 95%;*/} /*-- BIG JIM OVERRIDES --*/ .wprm-recipe-template-columns { background-color:#ffd !important;border: solid 1px #000;padding: 0 10px 10px;font-size: 90%;margin: 15px 0; box-shadow: 0 2px 4px rgba(0,0,0,.4);} .last-modified {margin: 15px 0 5px!important; padding: 10px 0; font-size: 100%; border-top:solid 1px #666;} a:link {color:#990000;text-decoration: none;} a:hover {color: #ff0000;text-decoration: underline;} .navbar ul.navbar-nav li a:visited, .navbar ul.sub-menu li a:visited {background-color: #990000;} .navbar ul.navbar-nav li a:hover {background-color: #ff0000;text-decoration: none;display:block;} .wp-block-quote {font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;text-align: center;margin: 2em;padding: 2em 1em; font-weight: 400;font-style: normal;font-size: 100%;line-height: 1.4em;border-top: solid 1px #000;border-bottom: solid 1px #000;} .wp-block-quote cite {text-align:right;display:block;font-weight:bold;font-style:normal;font-size: 90%;} .wp-block-quote cite:before {content:"- "} /*---PDOG this compensates for the fixed header in the "jump to recipe" anchor---*/ .wprm-recipe-container:before {content: ""; display: block; padding-top: 275px; /* header height + empty space */ margin-top: -275px; /* header height to degrees padding’s space */} /*---FOR GUTENBERG ---*/ .legoblock { background-color: #ffffee; border: 2px solid #000000; padding: 1em;margin:1em 0;} /*---SEARCH & FILTER (no longer in use) ---*/ .search-box .searchandfilter ul li{list-style: none;display: inline;padding: 10px 0;margin: 0;} .search-box .searchandfilter ul {display: block;text-align: left;margin: .75em 0;} .search-box .searchandfilter li[data-sf-field-input-type="radio"] label{padding:0;} .search-box .searchandfilter ul {margin: 0;} .search-box .searchandfilter h4 {margin: 0 0 0 0; padding:0;} .search-box .searchandfilter input[type="submit"] { float: right;} .searchandfilter ul::after {content: "";clear: both;height: .5em;display: block;} .search-box .searchandfilter li.sf-field-search {padding-bottom: .75em;display: block;} /*--- THIS IS SET AT 1100 TO MATCH THE ORIGINAL PLACE WHERE THE LEFT SIDBAR COLLAPSES-----*/ @media screen and (max-width:1100px){ #center-body-wrapper #amazing-filter.widget-left {float: none; width: auto; margin-bottom: 100px;padding-bottom: 25px;padding-left:3.5em!important;} } @media screen and (max-width:725px){ .two-thirds-left, .one-third-right, .two-thirds-right, .one-third-left, .left-half, .right-half{float:left; width:100%;} .content-area{float:left;margin:0;width:100%;} .site-main{margin:0;} .full-content-area {padding: 1em;} } @media screen and (max-width:375px){ img#logo {max-width: 200px;padding-top: 1em;} } /*--- GETTING EVERYTHING TO FIT IN PHONE VIEW --*/ @media screen and (max-width:600px){ .spotlight-section {border-radius: 30px; box-shadow: 0 0 0 rgba(0,0,0,0);margin: 10px 0 15px;padding: 6px 10px;} } @media screen and (max-width:400px){ .wrapper { overflow-x: hidden;} .container-fluid.wrapper {overflow: visible!important;} .spotlight-section {/*width: 75%!important;*/} } /*--- BLOCK PATTERN STYLING ---*/ .wp-block-columns.psuedo-excerpt, .wp-block-group.psuedo-excerpt {border-bottom: 2px dotted #666;margin-bottom: 15px;padding-bottom: 10px; min-height: 108px;} .wp-block-group.psuedo-excerpt{padding-top:0;} .psuedo-excerpt .wp-block-image.size-large {width: 100%;margin: 0;padding: 0 1em 0 0;} #center-body-wrapper .container .psuedo-excerpt .hero-thumb img {width: 100%;height: auto !important;} .psuedo-excerpt .wp-block-image.size-large.hero-thumb {width: 100%;margin: 0;padding: 0 0 .75em 0;} .psuedo-excerpt p.hero-attribution{margin-top:0;font-size: 15px;padding-left: 5px;} .psuedo-excerpt p.hero-excerpt{padding-left: 5px;margin-top:0;} .psuedo-excerpt .wp-block-column:not(:first-child) {margin-left:0;} .psuedo-excerpt h2 {margin-top: 0;margin-bottom: 0;font-weight: normal!important;} .psuedo-excerpt p.author-attribution:before{content:"";} .psuedo-excerpt .has-text-align-right {margin-right: 1em;} /*--- REVIEW SPEC ARRAY ---*/ li.review-spec {/*border-bottom: 1px solid #000000;height: 1.75em;*/margin-bottom: .5em;} li.review-spec:after{content:"";clear:both;height:.75em;border-bottom: 1px solid #000000;display:block;} .review-attribute {float: left;width: calc(100% - 280px);} .review-attribute-label {float: left;width: 275px;font-weight: bold;} li.review-spec.with-descriptor {/*height: 5em;*/} li.review-spec.with-large-descriptor {/*height: 10em;*/} @media screen and (max-width:600px){ .review-attribute {float: right;width:49%;} .review-attribute-label {float: left;width: 50%;font-weight: bold;} } .single-hero-image{position:relative;} .discontinued-item{background-image: url(./img/discontinued-item.gif);width: 100%;height:auto;background-repeat: no-repeat; background-position: center;min-height:300px;position: absolute; z-index:2;background-size:70%;} .discontinued-item-array {background-image: url(./img/discontinued-item.gif); width: 25%; height: auto; background-repeat: no-repeat; background-position: top left; min-height: 200px; position: absolute; z-index: 2; background-size: 50%;} /*-- for short items with long widget regions --*/ .telescope {min-height: 6300px !important;} @media screen and (max-width:800px) /* Mobile */{ .telescope{min-height: 0px!important;} } /*--- FACETS PAGING STYLING ---*/ .facetwp-pager {text-align: center!important;} a.facetwp-page {color: #891319;font-weight: 700;text-decoration: none;font-size: 90%;} .facetwp-page.active {font-weight: normal!important;cursor: default;color: #000000;} .facetwp-page {margin-right: 0px!important;} /*-- PULLED FROM CUSTOMIZER ---*/ /*--- JMC hiding image captions in widget regions ---*/ .widget-content .wp-caption-text{visibility:collapse; height:0; font-size: 0} /*---JMC FACET MODS & OVER RIDES ---*/ .facetwp-dropdown { width: 75%;} .facetwp-facet {margin-bottom: 0!important;} .facetwp-facet.facetwp-facet-cuisine.facetwp-type-dropdown:before { content: "Cuisine:";display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-cuisine.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-course.facetwp-type-dropdown:before {content: "Course:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-cuisine.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-categories.facetwp-type-dropdown:before {content: "Category:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-categories.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-tool_categories.facetwp-type-dropdown:before {content: "Category:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-tool_categories.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-meat.facetwp-type-dropdown:before {content: "Meat:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-meat.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-cuts_of_meat.facetwp-type-dropdown:before {content: "Main Ingredient:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-cuts_of_meat.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-seasonal.facetwp-type-dropdown:before {content: "Occasion:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-seasonal.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-search.facetwp-type-search:before{content: "Enter Your Search Term:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-search.facetwp-type-search:empty:before{content:" "; } .facetwp-facet.facetwp-facet-manufacturer.facetwp-type-dropdown:before {content: "Manufacturer";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-manufacturer.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-review_type.facetwp-type-checkboxes:before {content:"Review Type";display: block; font-weight: bold; } .facetwp-facet.facetwp-facet-review_type.facetwp-type-checkboxes:empty:before {content:" "; } .facetwp-facet.facetwp-facet-product_price.facetwp-type-range_list:before{content:"Price"; display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-product_price.facetwp-type-range_list:empty:before{content:" ";display: block; font-weight: bold; } .facetwp-facet.facetwp-facet-pricecheck.facetwp-type-checkboxes:before {content: "Price";display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-pricecheck.facetwp-type-checkboxes:empty:before {content: " ";} .facetwp-facet.facetwp-facet-lowerpricecheck.facetwp-type-checkboxes:before {content: "Price";display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-lowerpricecheck.facetwp-type-checkboxes:empty:before {content: " ";} .facetwp-facet.facetwp-facet-amazing_ribs_award.facetwp-type-checkboxes:before{content:"Award"; display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-amazing_ribs_award.facetwp-type-checkboxes:empty:before{content:" "; } .facetwp-facet.facetwp-facet-made_in_usa.facetwp-type-checkboxes:before {content:"Made in USA"; display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-made_in_usa.facetwp-type-checkboxes:empty:before {content:" "; } .facetwp-facet.facetwp-facet-grill_function.facetwp-type-checkboxes:before{content:"Grill Function"; display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-grill_function.facetwp-type-checkboxes:empty:before{content:""; } .facetwp-facet.facetwp-facet-grill_burner_type.facetwp-type-checkboxes:before{content:"Burner Type";display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-grill_burner_type.facetwp-type-checkboxes:empty:before{content:" "; } .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-dropdown:before{content:"Thermometer Function";display: block; font-weight: bold; } .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-dropdown:empty:before{content:" "; } .facetwp-facet.facetwp-facet-grill_fuel_type.facetwp-type-checkboxes:before {content: "Fuel";display: block; font-weight: bold;} .facetwp-facet.facetwp-facet-grill_fuel_type.facetwp-type-checkboxes:empty:before{content:" "; } /*-- SOMETIMES WE WILL NEED TO IGNORE THIS --*/ .ignore-before .facetwp-facet.facetwp-facet-review_type.facetwp-type-checkboxes:before {content:" "; } .ignore-before .facetwp-facet.facetwp-facet-review_type.facetwp-type-checkboxes:empty:before {content:" "; } .ignore-before .facetwp-facet.facetwp-facet-product_price.facetwp-type-range_list:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-product_price.facetwp-type-range_list:empty:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-amazing_ribs_award.facetwp-type-checkboxes:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-amazing_ribs_award.facetwp-type-checkboxes:empty:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-made_in_usa.facetwp-type-checkboxes:before {content:" "; } .ignore-before .facetwp-facet.facetwp-facet-made_in_usa.facetwp-type-checkboxes:empty:before {content:" "; } .ignore-before .facetwp-facet.facetwp-facet-grill_function.facetwp-type-checkboxes:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-grill_function.facetwp-type-checkboxes:empty:before{content:""; } .ignore-before .facetwp-facet.facetwp-facet-grill_burner_type.facetwp-type-checkboxes:before{content:" ";} .ignore-before .facetwp-facet.facetwp-facet-grill_burner_type.facetwp-type-checkboxes:empty:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-dropdown:before{content:" "; } .ignore-before .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-dropdown:empty:before{content:" "; } /*--- ENDS FACETS STYLING ---*/ /*-- CORRECTING SIDEBAR DEFAULT POSTITION FOR RESPONSIVE SIDEBAR --*/ @media screen and (max-width:1250px){ #amazing-filter.widget-section.widget-left {left: -1250px !important;} #amazing-filter.widget-section.widget-left.opened {left: 0 !important;width: 400px!important;} } @media screen and (max-width:1100px){ #amazing-filter.widget-section.widget-left{ left: -750px!important;} #amazing-filter.widget-section.widget-left.opened{left:0!important;} } /*-- STYLES FROM JIM & KRIS--*/ .rcphide {display: none;} .wp-block-quote {background-color: #FFC; padding: .5em 1.5em; margin:1em;text-align:left;border: solid 1px #666;font-size: 95%; } nav.pagination {text-align: center;padding:10px 0; font-size:90%;} .navbar ul.navbar-nav li a { font-family: 'Fira Sans',Arial,sans-serif;} /* font-size: 95%; */ a:link, a:visited, .read-more, .read-less { font-weight: 600;} a:link, a:visited { color: #891319; font-weight: 700; text-decoration: none;} /*--- OLD STYLE .button { background-image: -webkit-linear-gradient(270deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); background-image: linear-gradient(180deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); padding: 5px 10px; display: inline-block; color: #ffc !important; background-color: #900; text-decoration: none; font-weight: 400 !important; font-size: 90%; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: auto; text-align: center;} .button:hover{background-image: linear-gradient(0deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%);} ---*/ /*--- NEW STYLE ---*/ .button { background-image:none;padding: 5px 10px; display: inline-block; color: #900 !important; background-color: #f2e9d3; text-decoration: none; font-size: 90%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: auto; text-align: center;border:1px solid #900;font-weight:bold!important;} .button:hover{background-image: none;color: #ffc !important; background-color: #900; } /*---JMC - modifications for facet display--*/ .fwp-submit.button, .fwp-submit.button a {font-weight: bold !important;color: #900 !important;} .fwp-submit.button:hover, .fwp-submit.button a:hover {color: #ffffff !important;} .widget-left h3 + p, .right-half h3 + p {margin: -.25em 0 .5em 0;font-size:90%; line-height: 1.25em;} li.no-dot p {margin: .25em 0;} p.read-more{text-align:right; margin-top:-1em!important;} .facetwp-template .post-excerpt p, .page-template-page-review .post-excerpt p {margin: .25em 0 !important;} /*-- back to Jim's customizer styles --*/ .amazing-quote {font-size:90%; padding: 5px 15px 0 15px; border-top: solid 1px #000; border-bottom: solid 1px #000; margin:35px 10px 35px 10px;} .amazing-quote cite:before{content: "- ";} .amazing-quote cite { text-align:right;display:block;padding-right: 25px} .blue {background-color: blue; color: white;padding:10px;text-align:center;} figcaption {text-align:center;font-style:italic;} /* p.author-attribution { font-size: 19px; padding-left:0; } */ h1 {margin-top: 0;margin-bottom: 10px;} .legoblock {border: none;background: none;border-bottom:solid 1px #000;} /*--- FIXES --*/ .amazing-quote aside {text-align: center;padding:2em 0 1em 0;} .amazing-quote cite {font-size:85%; font-weight: bold;} /*--SIDEBAR RELATED ARTICLE LINKS ---*/ ul.side-kin{padding:0; margin:0;} ul.side-kin li:before{content: "\2794"; opacity:.8;} h4.side-kin{opacity:.8; font-size:1.1em;} ul.side-kin li a:hover{text-decoration: underline;} /*--- MORE CLEANUP FROM THE CUSTOMIZER ---*/ /*--JMC--*/ ul.checklist { list-style: disc;} .navbar-collapse .fa-search {float: right;margin-top: -38px;margin-right: 10px;font-size: 30px;color: #900;cursor: pointer;} .wprm-call-to-action.wprm-call-to-action-simple { padding-bottom: 0 !important;} .wprm-recipe-rating {text-align: center; margin: -10px 0 25px 0!important;} .psuedo-excerpt figcaption {visibility: hidden;} .wprm-recipe-rating .wprm-recipe-rating-details {font-size: 0.8em;display: inline!important;margin-left: 1em;} .advads-background {/* opacity: .95 !important;*/} .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-checkboxes::before {content: "Function";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-checkboxes::before {content: "Thermometer Function";display: block;font-weight: bold} /*-- THIS RULE NEEDS TO STAY IN THE CUSTOMIZER --*/ .post-excerpt .facetwp-facet-capacitycheck .facetwp-checkbox{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox.png') 0 10% no-repeat; background-size: auto;background-size: auto;background-size: 14px 14px;margin-bottom: 4px;padding-left: 20px;cursor: pointer;} .post-excerpt .facetwp-facet-capacitycheck .facetwp-checkbox.checked{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox-on.png') 0 10% no-repeat; background-size: auto; background-size: auto; background-size: 14px 14px;margin-bottom: 4px; padding-left: 20px;cursor: pointer;} /*-- THIS RULE NEEDS TO STAY IN THE CUSTOMIZER --*/ .post-excerpt .facetwp-facet-thermometer_function .facetwp-checkbox{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox.png') 0 20% no-repeat; background-size: auto; background-size: auto; background-size: 14px 14px;margin-bottom: 4px; padding-left: 20px;cursor: pointer;} .post-excerpt .facetwp-facet-thermometer_function .facetwp-checkbox.checked{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox-on.png') 0 20% no-repeat; background-size: auto; background-size: auto; background-size: 14px 14px;margin-bottom: 4px; padding-left: 20px;cursor: pointer;} .post-item .content { margin-top: 0px;} .featured-image-container ~ .content h2 { margin-top: 0 !important;} .facetwp-facet-capacitycheck .facetwp-checkbox{background-position:0 15%!important;} .facetwp-facet-thermometer_function .facetwp-checkbox{background-position:0 20%!important;} /*--ENDS JMC--*/ .ssi {border: solid 1px #000;display: inline-block; padding: 5px 10px; background-color: #FFD; line-height: 1.5em; padding-bottom: 6px; margin-bottom: 6px;} .ssi-link a { font-size: 1rem; line-height: 1; } .divided {padding-bottom:1em;margin-bottom: 2em;border-bottom: solid 1px #666;} .song { font-size:80%;text-align:left;margin-left:10px;line-height:1.8em;} figcaption {font-size: 80%;text-align: center;line-height:1.2;} .legoblock {padding: 0;} .wprm-recipe-rating { text-align:center;margin: 5px 0 25px 0;} div.wprm-recipe-instructions-container.wprm-block-text-normal { margin: 20px 0 10px 0;} ul.side-kin {margin-bottom: 2em;} .side-kin li {margin-left: 1em;text-indent: -1.1em; font-size: 90%;line-height: 1.4em;border-bottom: dotted 1px #ccc;padding-bottom: 6px; margin-bottom: 6px; list-style:none!important;} /* .navbar ul.sub-menu li {font-size: 15px;} */ section.comments, footer {background: #f2e9d3;} #sfsi_plus_floater { left:5px!important; margin-top:100px; } /*--- NAVIGATION RELATED ---*/ .navbar .navbar-collapse {background:#f2e9d3;border-bottom:solid 2px #aaa;border-top: solid 1px #eee;} .navbar ul.navbar-nav li a:link,.navbar ul.navbar-nav li a:visited {color: #990000; font-weight:bold;display: inline-block;} .navbar ul.navbar-nav li a:hover {background: #dcd3bb;} .navbar ul li {border-top: solid 1px #eee;border-left: solid 1px #eee;border-right: solid 1px #bbb;border-bottom: solid 1px #bbb;} .navbar ul.sub-menu li {background:#f2e9d3;} .sub-menu {box-shadow: 0 2px 4px #bbb;} .mobileMenu { background:white; } .search-box {/*top:-400px; note: this rule breaks nav at 650px*/border: solid 1px #aaa; box-shadow: 0 2px 4px #bbb;} /*--- THESE STYLES ARE NO LONGER RELEVANT ---*/ .search-box .searchandfilter ul li {border: none;padding: 5px 5px} .searchandfilter input[type="submit"] { font-size: .5em;padding: 7px 10px;border-radius:15px;} .header-ads {margin-top:5px;} /*.content-wrapper {padding-top:4.5em;margin-top:10px}*/ #top-logo-bar { background-color: #fff;} #center-body-wrapper .widget-left .checklist {padding-left: 25px;} .wpsta-members-only { box-shadow:0 0 20px rgba(0,0,0,.6);background: #FFC; padding: 0 5%; height:80vh;} .wp-block-quote {border-left:none; border-right:none; background-color:#FFF;} ol {list-style:decimal;} ul {list-style:disc;} h2 {margin-bottom:.5em;} .ccsf { border-bottom: solid 1px #000; padding-bottom:5px; margin-bottom:10px; overflow:auto;} #gdpr_text {display:none} /* JIM- please be careful about what styles you override and when doing so please be a specific as possible, Jeff- This is one reason why I ask for custom classes on items. */ .widget-section .one-third-left {width: 100%;margin:0 auto;} .fwp-submit, .fwp-submit a:link, .fwp-submit a:visited{ /* this style creates an issue with hover behavior on the button - font-size: 1em; background-image: linear-gradient(180deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); padding: 10px 10px; color: #ffc !important; background-color: #900; text-decoration: none; font-weight: 800 !important; -webkit-border-radius: 15px;*/} .widget-section .one-third-left img {width:auto;margin:0 auto; display:block;} .widget-section .two-thirds-right { width:100%;} .desktop { display:inline;} .mobile { display:none;} .wprm-recipe-notes { display:none;} .hilight { background-color:#FFC;} @media screen and (max-width: 1050px) { #center-body-wrapper {padding-top:15px; margin-top: 10px;} } @media screen and (max-width: 1100px) { #menu {background: #f2e9d3;} .header-ads .right-header-infoset { display: none;} /*.content-wrapper {padding-top: 0;}*/ } @media screen and (max-width: 375px){ img#logo {max-width: 200px; padding-top: 1em; padding-bottom: .5em;} #logo { padding-left: 0em;padding-bottom:.5em;} #amazing-filter.widget-section.widget-left { left: -500px!important;} .desktop {display:none;} .mobile {display:inline;} #center-body-wrapper .container {width: 80%;} } .paged .top-intro {display: none;} .paged-intro{display:none;} .paged .paged-intro{display:block;} .subsequent-page{border-bottom: solid 1px #000;margin-bottom: 1em;} .award-container{ float: right; width: 60%; margin: 1em 20% 0 20%;} .award-container img{width: 100%!important;} /*Top Center Ad for Mobile*/ #drupal_block_51 {position: fixed;bottom: 80px; width: 100%;z-index: 10000; } #drupal_block_52 {margin-top: 1em; margin-bottom: 1em; } #drupal_block_53 {margin-top: 1em; margin-bottom: 1em; } #drupal_block_54 {margin-top: 1em; margin-bottom: 1em; } #drupal_block_55 {margin-top: 1em; margin-bottom: 1em; } /*--- ENDING VARIOUS CUSTOMIZER INSERTIONS FROM JIM & KRIS ---*/ /*--strange situation where the recipe buttons appear in the related manufacturers region --*/ .related-manufacturer .wprm-recipe.wprm-recipe-snippet.wprm-recipe-template-snippet-basic-buttons {visibility: collapse;height: 0;} /*--this is how the header ads styling has to be if the region is to show based on whether it is populated--*/ .header-ads {position: static;left: 0;width: 100%; background: transparent;} /*--- MODIFICATIONS TO HEADER SEARCH DROPDOWN ---*/ .fa.fa-search {position: relative; width: 200px; text-align: right;} .fa.fa-search::after { content: "\f002";} .fa-search::before { content: "2000+ free pages"!important; font-size:50%; position: absolute; right: 2.25em; top: .5em;font-weight: 600;} @media screen and (max-width:1250px) /* Mobile */{ .fa-search::before { content: " "!important; font-size: 40%; position: absolute; right: 2.5em; top: .75em;} } @media screen and (max-width:1080px) /* Mobile */{ .fa-search::before { content: "2000+ free pages"!important; font-size: 50%; position: absolute; right: 2.25em; top: .5em;font-weight: 600;} } @media screen and (max-width:650px) /* Mobile */{ .search-box {width: 100%;} .fa.fa-search {position: relative; width: auto; text-align: left;} .fa.fa-search::after {content: "\f002";} .fa-search::before { content: ""; font-size: 0%; position: absolute; right: 0; top:0;} } /*--- CLEANING UP THE LAYOUT SO THAT IT WILL WORK PROPERLY WITH RIDICULOUSLY LONG RIGHT SIDEBAR CONTENT --*/ #center-body-wrapper {padding-right: 0;} #center-body-wrapper .container {float: left; width: calc(100% - 600px); box-sizing: border-box; padding-left: 10px; padding-right: 10px;margin-left: 300px;} .wrapper .widget-right {position: static;right: 0;width: 300px; padding-top: 1em; float: right;} #center-body-wrapper .widget-left { float: left; width: 300px;border-top: solid 1px #000; padding: 10px 0;box-sizing: border-box; position: absolute;} @media screen and (max-width:1250px) /* Mobile */{ #center-body-wrapper .container {float: left; width: calc(100% - 300px); box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin-left: 0;} #center-body-wrapper .widget-left {border-top: none;position: static;} } @media screen and (max-width:850px) /* Mobile */{ #center-body-wrapper .container {float: left;width: calc(100% - 2em);box-sizing: border-box;padding-left: 10px;padding-right: 10px;margin-left: 0px;} .wrapper .widget-right {position: static;top: 0;right: 0;width: 100%;padding-top: 1em;float: left;} } /*--- CLASS STYLES TO ADD TO ELEMENTS PER JIM'S REQUEST ---*/ .block-button-style{background-image: none;padding: 5px 10px;display: block;color: #900 !important;background-color: #f2e9d3;text-decoration: none; font-size: 90%;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;margin: auto;text-align: center;border: 1px solid #900; font-weight: bold!important;} .block-highlight-style{ background-color: #fafa05; } /*--- CONDITIONALLY USING GRID FOR THE 95% of BROWSERS THAT SEE CSS GRID ---*/ @supports (display: grid) { #amazing-grid-container { display: grid; grid-template-columns: 300px 1fr 300px; grid-template-areas: "sidebarleft centralcontent sidebarright" "sidebarleft commentblock sidebarright"; grid-column-gap:1.25em; } #center-body-wrapper .widget-left {float: none;width: auto;border-top: solid 1px #000;padding: 10px 0;box-sizing: border-box;position: static; grid-area:sidebarleft;} #center-body-wrapper .container {float: none;width: auto;box-sizing: border-box;padding-left: 0;padding-right: 0;margin-left: 0; grid-area: centralcontent;} .wrapper .widget-right {position: static;top: 0;right: 0;width: auto;padding-top: 0;float: none;grid-area:sidebarright;} #gridcommentblock{ grid-area:commentblock;} @media screen and (max-width:1250px) /* Mobile */{ #amazing-grid-container { display: grid; grid-template-columns:1fr 300px ; grid-template-areas:"centralcontent sidebarright" "sidebarleft sidebarright"; grid-column-gap:.75em;width:98%;} } @media screen and (max-width:640px) /* Mobile */{ #amazing-grid-container { display: grid; grid-template-columns: 1fr;width:100%; grid-template-areas:"centralcontent" "sidebarleft" "sidebarright"; grid-column-gap:.75em;} #gridcommentblock p{font-size:.75em!important;line-height: 1.25em!important;margin:.25em 0!important; padding:0!important;} #gridcommentblock h1, #gridcommentblock h2,#gridcommentblock h3,#gridcommentblock h4,#gridcommentblock h5,#gridcommentblock h6{ margin:-.25em 0 .25em 0!important; padding:0!important;} .comments h4 { font-weight: 500; font-size: 125%; } .wrapper .widget-right, #center-body-wrapper .container, .widget-left {width:100%!important;} html, body {overflow-x:hidden;} } #amazing-grid-container.noright { display: grid; grid-template-columns: 300px 1fr;grid-template-areas:"sidebarleft centralcontent";grid-column-gap:1.25em;} #amazing-grid-container.noside { display: grid; grid-template-columns: 1fr !important;grid-template-areas:"centralcontent";grid-column-gap:1.25em;} @media screen and (max-width:850px) /* Mobile */{ #amazing-grid-container.noright { display: grid; grid-template-columns: 1fr; width:90%; grid-template-areas:"centralcontent" "sidebarleft"; grid-column-gap:.75em;} #gridcommentblock p{font-size:.75em!important;line-height: 1.25em!important;margin:.25em 0!important; padding:0!important;} #gridcommentblock #comment { max-width: 100%;} } } /*--- START: Mobile Menu EXTRA STYLES ---*/ .arrow-hidden { display:none !important;} .submenu-opener { color: #9e005c;} .submenu-opener i{ width: 20px;} .sub-menu .submenu-opener { display:none;} #menu-item-60865 .submenu-opener{ display:none;} @media screen and (min-width: 1100px) /* Mobile */ { .submenu-opener {display:none;} } @media screen and (max-width: 1100px) /* Mobile */ { .navbar ul li {border-bottom: 1px solid black !important;} } /*--- END: Mobile Menu EXTRA STYLES ---*/ @media screen and (max-width: 375px) /* Mobile */ { .left-header-infoset { height: 0px; } .desktop-ads { height: 0px; } .header-ads { height: 0px; } } #disqus_recommendations { display: none; } #disqus_thread {display: none;} #disqus_button {width: 100%;text-align: center;color: #ffc !important;background-color: #900;clear: both;height: 40px;/* padding-top: 20px; */ margin-top: 20px;font-size: 1.25em;font-weight: bold;line-height: 2em;} @media print { .mobileMenu, .header-ads, #center-body-wrapper .widget-left, .widget-left img, #center-body-wrapper .widget-right, .widget-right img, #output, section.comments, .comments p, .comments h4, .wp-video, .mejs-container, .textwidget.custom-html-widget, .mejs-controls, #gridcommentblock, footer, .widget, .spotlight-section, .spotlight-section h3, #disqus_button, p.print-hide, #footer-copyright, .clear.header-alert, .widget-section.widget-left, .widget-section.widget-right, #sfsi_plus_floater, .left-header-infoset, .right-header-infoset, #left-footer-widget, #right-footer-widget, .widget.widget-content { visibility:hidden!important; height:0!important; margin:0!important; padding: 0!important; font-size: 0!important; } .wrapper .widget-right {height: 0;min-height:0; padding-top: 0;} #main-body-wedge {min-height: 0;} #amazing-grid-container{display:block;} nav.navbar {position: relative; } h1.single-item {margin: 0;clear: both;} .single-hero-image img {margin: 0 60% 0 0;width: 40%;} .header-alert {margin-top: 0;} nav.navbar{position: relative;} } /*-- for the linkage to the pitmaster signup under the main navbar --*/ .pitmaster-direct { padding: 0 2em;font-size: 85%; text-align: center;} @media screen and (max-width:1100px) /* Mobile */ { .pitmaster-direct {margin: 0;padding: .5em 2em;font-size: 75%;} } @media screen and (max-width:800px) /* Mobile */ { .pitmaster-direct { margin: 0; padding: 0 4em 1em 2em;} } /*-- Improved Award CSS Image Sprite --*/ .awards-sprite-base { background-image:url(img/sprites/seals/amazingribs-awards.png); background-size: 600% 100%; } .awards-sprite-type-queue { background-position:0 0; } .awards-sprite-type-no { background-position:20% 0; } .awards-sprite-type-bronze { background-position:40% 0; } .awards-sprite-type-silver { background-position:60% 0; } .awards-sprite-type-gold { background-position:80% 0; } .awards-sprite-type-platinum { background-position:100% 0; } .facetwp-checkbox[data-value=empty] { display:none; } .sciconfront { display:block; } div[id^="primis_player"] { z-index: inherit !important; } .sharethis-inline-share-buttons { margin-bottom:25px; } .sharethis-inline-share-buttons img { margin:0 !important; } .mobileMenu .menu-text { font-size:12px; letter-spacing:0px; color: #891319; font-weight: bold; display:none; } @media screen and (max-width:1100px) /* Mobile */ { .menu-text { display: block !important; } } .facet-grill-burgers { font-size:12px; } .gcsc-more-maybe-branding-root{ display:none; } .navbar-fixed-top { transition-property: opacity, visibility; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } /* .navbar-hide { visibility:hidden; opacity: 0; display: none; } .navbar-hide .sub-menu { display: none; } */ .gsc-input { font-size: 16px !important; } .header-block-right { display: grid; gap: 1.00rem; grid-template-columns: 1fr auto auto; align-items: center; } .header-block-right div { text-align: right; } .newsletter-subscribe-button { background: #F63D3D; background-image: -webkit-linear-gradient(top, #F63D3D, #D01E1E); background-image: -moz-linear-gradient(top, #F63D3D, #D01E1E); background-image: -ms-linear-gradient(top, #F63D3D, #D01E1E); background-image: -o-linear-gradient(top, #F63D3D, #D01E1E); background-image: -webkit-gradient(to bottom, #F63D3D, #D01E1E); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFFFFF; font-size: 18px; font-weight: 700; padding: 8px 12px; -webkit-box-shadow: 1px 1px 10px 0 #000000; -moz-box-shadow: 1px 1px 10px 0 #000000; box-shadow: 1px 1px 10px 0 #000000; text-shadow: 1px 1px 20px #000000; border: solid #DD380D 1px; text-decoration: none; display: inline-block; cursor: pointer; text-align: center; } .newsletter-subscribe-button:visited, .newsletter-subscribe-button:link, .newsletter-subscribe-button:active, .newsletter-subscribe-button { color: #FFFFFF; } .newsletter-subscribe-button:hover { border: solid #ED3333 1px; background: #D01E1E; background-image: -webkit-linear-gradient(top, #D01E1E, #F63D3D); background-image: -moz-linear-gradient(top, #D01E1E, #F63D3D); background-image: -ms-linear-gradient(top, #D01E1E, #F63D3D); background-image: -o-linear-gradient(top, #D01E1E, #F63D3D); background-image: -webkit-gradient(to bottom, #D01E1E, #F63D3D); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none; } /* moved the theme Customizing Additional CSS here */ /* facetwp results total */ .sc-facet-total { margin: 1.5rem 0; padding: 1.00rem 0; border-top: 2px solid #900; border-bottom: 2px solid #900; font-size: 1.20rem; } /* tmp fix for menu font size */ .navbar ul.navbar-nav li a { font-size: 1.00rem; } /* recipe pages .navbar ul.navbar-nav li a { font-size: 1.35rem; } /* Np Fix CLS for shareit wrapper */ .sharethis-wrapper{ min-height:83px } /* Np Fix CLS on top text */ @media screen and (max-width:641px){ .pitmaster-direct { min-height:75px; } } /* NP Fix CLS on grill search page */ @media only screen and (min-width: 1251px) { .page-template-page-selection-facet .top-intro { min-height: 1294px; } } @media only screen and (min-width: 1101px) and (max-width: 1250px) { .page-template-page-selection-facet .top-intro { min-height: 1224px; } } @media only screen and (min-width: 877px) and (max-width: 1100px) { .page-template-page-selection-facet .top-intro { min-height: 1188px; } } @media only screen and (min-width: 801px) and (max-width: 876px) { .page-template-page-selection-facet .top-intro { min-height: 1266px; } } @media only screen and (min-width: 769px) and (max-width: 800px) { .page-template-page-selection-facet .top-intro { min-height: 1292px; } } @media only screen and (min-width: 641px) and (max-width: 768px) { .page-template-page-selection-facet .top-intro { min-height: 1421px; } } @media only screen and (min-width: 481px) and (max-width: 640px) { .page-template-page-selection-facet .top-intro { min-height: 1717px; } } @media only screen and (min-width: 441px) and (max-width: 480px) { .page-template-page-selection-facet .top-intro { min-height: 1773px; } } @media only screen and (min-width: 401px) and (max-width: 440px) { .page-template-page-selection-facet .top-intro { min-height: 1848px; } } @media only screen and (min-width: 361px) and (max-width: 400px) { .page-template-page-selection-facet .top-intro { min-height: 1872px; } } @media only screen and (max-width: 360px) { .page-template-page-selection-facet .top-intro { min-height: 1896px; } } /* font size for lists */ ol, ul { font-size:20px; line-height:1.4em; } /* breaks formatting ol li, ul li { margin-bottom:.5em; } */ /*Yoast TOC styling*/ .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents { margin:0 2em; font-size: 80%; line-height: 1.6em; border: solid 1px #000; padding: 0 10px; width: 65%; background-color: #ffe; } @media only screen and (max-width: 640px) { .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents { width:80%; } } .house p { margin: 0; } /*Curtain height*/ #wp-amzrbs-advads-9-wrap { height:520px; } /* Close button on curtain */ #wp-pit-curtain-box i.pitm-curtain-close-button {text-shadow: 2px 2px 5px rgba(29,29,29,0.87); } /*Intro text styling*/ i { font-style:italic; } .intro { display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; line-height:1.2em; } /**Blockquote override**/ blockquote.wp-block-quote { font-family: inherit; font-size:90%; border-bottom: none; } /*Header spacing*/ .right-section #news-head-01 img, .right-section #news-head-02 img, .right-section #news-head-03 img { margin-left: 1rem; margin-top:.7rem; } .ar-right-section .textwidget.custom-html-widget { text-align: right; vertical-align:bottom; } /*End Header spacing*/ /* Burger calculator styling*/ .facet-grill-burgers { font-size: inherit; } /* end burger styling */ .gsc-table-cell-snippet-close { margin-left:70px; } .gs-webResult .gs-snippet, .gs-fileFormatType { clear:both; } .gsc-adBlock, div#adBlock,.i_.div.cse_block_container { display:none!important; } .gs-image-box, .gs-promotion-image-box { width:150px!important; } .gsc-webResult.gsc-result { border-bottom: dotted 2px #666!important; padding:5px 0; } .gsc-table-cell-snippet-close, .gsc-webResult.gsc-result { font-family: sans-serif; margin-left:0; font-size:20px; line-height:1.4em; } .spotlight-section { display:none; } /* background reset for buttons*/ .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) { color: #ffc; background-image: -webkit-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -moz-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -o-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: linear-gradient(1deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); } /* End Background reset */ #center-body-wrapper .container img.mob { display:none; } #center-body-wrapper .container img.desk { display:block; margin: 0 auto; width:496px; max-width:100%; } #mobile-promo { display:none; } /*Flavor page link CSS*/ #el-cfa5fde7 a:link, #el-cfa5fde7 a:visited { color: #891319!important; } #el-cfa5fde7 a:hover { text-decoration:underline; color:#ff0000!important; } /*End Flavor page CSS */ .cpro-form-container { background-image: url(/wp-content/uploads/2020/10/seared-steak.jpg); background-repeat:no-repeat; background-size:100% auto; } /*Style for WP buttons*/ .wp-block-buttons>.wp-block-button { margin:10px 0; } /*-- label for conversions of recipes ingredients -*/ .wprm-unit-conversion-container::before { content: "Select one: "; } /*Label on Video ads */ div#primis_container_div:before { content: "ONE OF OUR POPULAR VIDEOS"; color: #666; display:block; margin-bottom:10px; margin-top: 10px; font-family: sans-serif; letter-spacing:.25em; } div#primis_container_div { margin: 20px 0; border-top: solid 1px #666; border-bottom: solid 1px #666; padding-bottom: 10px; } /* End video label */ .pitmaster-direct { margin: 1em 0 -1em 0; } div#wpsta-1682930518 { left: 10%!important; top: 180px; } #drupal_block_53 { margin-bottom:2em; } .central_ad_wrapper.mgid_ad_wrapper:before, .FIOnDemandWrapper:before, #drupal_block_48:before, #drupal_block_45:before, #drupal_block_46:before, .bbq-info:before, .ad-space-4:before { content: "ADVERTISEMENT"; font-size: 10px; display: block; line-height:1.5em; letter-spacing: .55em; text-align: center; color: #999; padding-bottom:5px; } .central_ad_wrapper.mgid_ad_wrapper:after, .FIOnDemandWrapper:before,#drupal_block_48:after, #drupal_block_45:after, #drupal_block_46:before, .bbq-info:after, .ad-space-4:after { padding:10px; margin-bottom:10px; } /*Spotlight Test ad*/ .spot { margin: 5px auto; background: #fff; border: 1px solid #900; padding: 5px 10px 0 10px; display: grid; column-gap: 1rem; grid-template-columns: 1fr 2fr; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.52); box-shadow: 0px 0px 5px rgba(0,0,0,0.52); font-size:90%; max-width:550px; } .ebook { margin: 5px auto; background: #fff; border: 1px solid #900; padding: 5px 10px 0 10px; max-width:550px; font-size:90%; } .spot h5, .ebook h5 { grid-column: 1 /5; margin: -.7rem -.7rem 5px -.7rem; background: #900; padding: 3px; 14px; color: #FFF; text-indent:.7rem; } .ebook h2 { } .ebook h3 { } .ebook img { float:left; } .ebook p { line-height:1.4em; } .spot h3 { grid-column: 2/-1; margin: .3em; } .spot picture { grid-column: 1 ; margin-top: -30px; text-align:center; } .spot picture img { max-height:130px; width: auto; margin:0!important; } .spot p { grid-column: 2 /5; margin: .1em; } .no-ad { text-align: center; letter-spacing:.1em; grid-column: 1 /5!important; margin: 0!important; font-family: sans-serif; font-size: 70%; color:#333; } @media only screen and (max-width: 481px) { #center-body-wrapper .container .ebook img { max-width:150px; height:auto; } .spot { grid-template-columns: 1fr; } .spot h5 { margin: -0.7rem -0.7rem 5px -0.7rem; } .spot h3 { grid-column: 1/5; } .spot picture { grid-column: 1/5 ; margin-top: 0px; text-align:center; } .spot picture img { max-height:130px; width: auto; } .spot p { grid-column: 1/5; } .no-ad { grid-column: 1/5; } } /* end Spotlight styles */ /*No Sidebar hero style*/ .page-template-page-nosidebar #center-body-wrapper .container img { max-width: 50%; } /*Article count styling */ span.ar-title-counts { color: #666; font-weight: normal; } .page-content-except:before { content: "COLLECTION HUB"; font-size: 15px; display: block; line-height:1.1em; letter-spacing: .55em; text-align: left; color: #900; padding-bottom:5px; border-bottom:solid; } /* background reset for buttons*/ /*End No Sidebar hero*/ /*--Cure ingredient embedded box--*/ .cure-ingredients { border:none!important; padding:0!important; margin:0!important; background-color:none!important; } .cure-ingredients p:first-child { margin-left:0 } .recipe-box h3 { margin-bottom:5px } .cure-ingredients p { margin-left: 0; } h2#azr-adjust-ingredients { margin-top:0; padding-top:0; line-height:1.2; } .cure-ingredients h2, .wprm-recipe .cure-ingredients h2 { padding-top: 15px; font-size:100%; } /*center iframe videos */ #post-22239 iframe { margin: 0 auto; display: block; } /*-- for social media button display--*/ #sfsi_plus_floater { z-index: 1 !important; } .pmc-sitemap-cat { text-indent: -23px; margin-left: 25px; } li .review-item-price a:link,li .review-item-price a:visited { color: #ffc; background-color: #990000!important; padding: 5px 15px; display: inline-block; text-decoration: none; font-weight: bold !important; font-size: 90%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 30px; border: 2px solid #000; background-image: -webkit-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -moz-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -o-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: linear-gradient(1deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); } li .review-item-price a:hover { color: #fff; background-color: #f00!important; background-image: -webkit-linear-gradient(270deg, rgba(107,3,4,1.00) 0%,rgba(255,62,62,1.00) 100%); background-image: -moz-linear-gradient(270deg, rgba(107,3,4,1.00) 0%,rgba(255,62,62,1.00) 100%); background-image: -o-linear-gradient(89deg, rgba(107,3,4,1.00) 0%,rgba(255,62,62,1.00) 100%); background-image: linear-gradient(270deg, rgba(107,3,4,1.00) 0%); } /*Styling for Metric conversion buttons */ .wprm-unit-conversion-container-links a.wprm-unit-conversion.wprmpuc-active,.wprm-unit-conversion { border: solid 1px #000; border-radius: 20px; padding: 5px 10px; background-color: #900; background-image: linear-gradient(180deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); color: #ffc!important; font-weight: normal!important; } .wprm-unit-conversion-container.wprm-unit-conversion-container-1678.wprm-unit-conversion-container-links.wprm-block-text-normal { margin:5px 0 5px 30px ; } .wprm-unit-conversion-container-links a.wprm-unit-conversion.wprmpuc-active { background-image:none!important; } .wprm-unit-conversion-container-links a.wprm-unit-conversion.wprmpuc-active:hover,.wprm-unit-conversion:hover { color:#fff!important; background-image: linear-gradient(0deg,rgba(255,119,121,1) 0%,rgba(196,0,0,1) 100%); } /*End Metric conversion styling */ .widget-left h3 + p, .right-half h3 + p, .widget-section .widget-left p { line-height:1.6em; } .border1 table { border: solid 1px #000; padding: 10px; } .border1 table td { padding: 10px; } .member-curtain { background: #f2e9d3; padding: 4em; left: 50%!important; width: 75%; } .member-curtain h1 { font-size: 3em; } .is-style-outline>.wp-block-button__link:not(.has-background) { background-color:#990000; border: solid 3px #000; color:#ffc; border-radius:30px; padding:5px 10px; font-size:90%; background-image: -webkit-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -moz-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -o-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: linear-gradient(1deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); } /*--- NEW STYLE ---*/ .button, .post-excerpt a:link.button, .post-excerpt a:visited.button { padding: 5px 10px; display: inline-block; color: #ffc!important; background-color: #900; text-decoration: none; font-size: 90%; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; margin: auto; text-align: center; border:3px solid #000; font-weight:bold!important; background-image: -webkit-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -moz-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -o-linear-gradient(89deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: linear-gradient(1deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); } .is-style-outline>.wp-block-button__link:not(.has-background):hover { background-color: #F00; color: #fff!important; background-image: -webkit-linear-gradient(270deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -moz-linear-gradient(270deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -o-linear-gradient(270deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: linear-gradient(180deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); } /*style for byline pix */ #center-body-wrapper .container .byline-image img { max-height: 75px!important; width: 75px!important; display: inline; float: left; margin: .25em .5em .5em 0; border-radius: 75px!important; border: solid 1px #000!important; } p.author-attribution.intro.withpicture { margin: 1em 0 0 1em; padding: 3em 0 0 1em; display: block; } /*--style for anchors--*/ h2#order { padding-top: 210px; margin-top: -180px; } #red,#pork,#poultry { padding-top: 260px; margin-top: -255px; } .button:hover { color: #fff!important; } .ccsf { border-bottom:solid 1px #666; padding-bottom: .5em; margin-bottom: .5em; overflow: auto; } .search-box .search-submit:hover { color:#ffc; } .header-ads{position:static; margin-top:0; background:transparent;} /*--- MODIFICATIONS TO HEADER SEARCH DROPDOWN ---*/ .fa.fa-search {position: relative; width: 200px; text-align: right;} .fa.fa-search::after { content: "\f002";} .fa-search::before { content: "2000+ free pages"!important; font-size:50%; position: absolute; right: 2.25em; top: .5em;font-weight: 600;} .fwp-submit.button, .fwp-submit.button a:link, .fwp-submit.button a:visited { color:#ffc!important; } .clear h6.members-only { display:block; margin:5px 0; width:65%; } h6.new-content { background:#FF5522; } /*woocommerce button override*/ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color:#990000; border:solid 3px #000; } /*This is MHs personal styling override */ h4 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; } .cure { background-color:#f2e9d3; padding:0px 15px; border:solid 1px #999; } .member-list span { background-image: url(/wp-content/uploads/2020/11/memberships-04.png); width:125px; height:125px } .member-list .runnerup-iacp span { background-position: -1375px 0; } .member-list.member-spj span { background-position: -1250px 0; } .member-list .member-gafcc span { background-position: -1125px;} .member-list .member-lisaekus span { background-position: -1000px 0; } .member-list .member-obr span { background-position: -875px 0; } .member-list .member-sfa span { background-position: -750px 0; } .member-list .member-nbbqa span { background-position: -625px 0; width: 125px;} .member-list .member-mbnbbq span { background-position: -500px 0; width: 125px; } .member-list .member-kcbs span { background-position: -375px 0; width: 125px; } .member-list .member-iacp span { background-position: -250px 0; width: 125px; } .member-list .member-wfma span { background-position: -125px 0; } .member-list .member-aoe span { background-position: 0px 0; } .search-box .search-submit { background-color:#f2e9d3; color:#666; font-weight:bold; border-radius:3px; } figure { margin-inline-start:0px; } .widget-left button.fwp-submit { color:#666 !important; background-image:none; background-color: #f2e9d3!important; text-decoration: none; font-size: 90%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: auto; text-align: center; border: 1px solid #900; } .widget-left button.fwp-submit a { } .comments a.button { background-color: #900; } .comments a.button:hover { color: #990000; background-color:#f00; } /*- RELATED TO THE HERO IMAGE -*/ .clear.single-hero-image picture img { margin: 0; max-width: 700px; } #center-body-wrapper .container img { max-width:700px; } .facetwp-facet-capacitycheck .facetwp-checkbox{background-position:0 15%!important;} .facetwp-facet-thermometer_function .facetwp-checkbox{background-position:0 20%!important;} /*--ENDS JMC--*/ .header-ads{ position:static!important; margin-top:0!important; background:transparent!important;} .widget-left .facetwp-facet-capacitycheck .facetwp-checkbox { background-position: 0 20% !important;} .wprm-recipe-template-ar-alternative { background-color:#f2e9d3 !important; border: 2px solid #000000; padding: 1em; } .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-checkboxes::before { content: "Function"; display: block; font-weight: bold; } .facetwp-facet.facetwp-facet-thermometer_function.facetwp-type-checkboxes::before { content: "Thermometer Function"; display: block; font-weight: bold} /*-- THIS RULE NEEDS TO STAY IN THE CUSTOMIZER --*/ .post-excerpt .facetwp-facet-capacitycheck .facetwp-checkbox{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox.png') 0 10% no-repeat; background-size: 14px 14px; margin-bottom: 4px; padding-left: 20px; cursor: pointer; } .post-excerpt .facetwp-facet-capacitycheck .facetwp-checkbox.checked{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox-on.png') 0 10% no-repeat; background-size: 14px 14px; margin-bottom: 4px; padding-left: 20px; cursor: pointer; } li .review-item-price a { line-height:1.4em; } /*-- THIS RULE NEEDS TO STAY IN THE CUSTOMIZER --*/ .post-excerpt .facetwp-facet-thermometer_function .facetwp-checkbox{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox.png') 0 20% no-repeat; background-size: 14px 14px; margin-bottom: 4px; padding-left: 20px; cursor: pointer; } #center-body-wrapper .container img { margin: 10px 0; } .hilight { background-color: #fafa05; font-style:normal; } #center-body-wrapper .page-featured-thumb picture img { display: block; height: auto !important; flex: none; float: none; padding-bottom:15px; } #center-body-wrapper .container .psuedo-excerpt .hero-thumb img { width: 75%; height: auto !important; margin: 10px auto; display: block; } .post-excerpt .facetwp-facet-thermometer_function .facetwp-checkbox.checked{ background: url('../wp-content/plugins/facetwp/assets/images/checkbox-on.png') 0 20% no-repeat; background-size: 14px 14px; margin-bottom: 4px; padding-left: 20px; cursor: pointer; } .facetwp-facet-thermometer_function .facetwp-checkbox { background-position: 0 25% !important; } .page-scroll img#logo { padding-top: 0!important; } .psuedo-excerpt img { width: 85%!important; } .facetwp-facet.facetwp-facet-cuts_of_meat.facetwp-type-dropdown:before {content: "Main Ingredient:"!important;display: block;font-weight: bold;} /* -- There is an animated House ad on the Category Pages. It does not stretch across the entire column. It is set at 80%. Please set it for 100% on screens under 480 pixels. --*/ .wp-block-image{ width:100%!important;} .facetwp-facet.facetwp-facet-recipe_categories.facetwp-type-dropdown:before {content: "Category:";display: block;font-weight: bold;} .facetwp-facet.facetwp-facet-recipe_categories.facetwp-type-dropdown:empty:before{content:" "; } /*-- CORRECTING THE RIGHT WIDGET REGION OVERLAP ISSUE ---*/ .wrapper .widget-right{ height: auto!important;} /*-- somehow purged --*/ .facetwp-facet.facetwp-facet-science_categories::before { content: "Categories"; display: block; } /*---spotlight section has become inconsisitent --*/ .amazing-ads, .spotlight-item {border-bottom: none;} /*-- award icons--*/ .award-container{ float: right; width: 60%; margin: 1em 20% 0 20%;} .award-container img{ width: 100%!important;} /*--- THIS MAY BE TEMPORARY --*/ .right-section img { float: left!important; margin-left:1rem; } /*--- Disqus title ---*/ #disqus_button { font-size: 1.25em; font-weight: bold; line-height: 2em; } .navbar .navbar-brand { margin: auto; display: block; width: auto!important; } .button:hover, .post-excerpt a:link.button:hover, .post-excerpt a:visited.button:hover { color: #fff !important; background-color: #F00; background-image: -webkit-linear-gradient(270deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -moz-linear-gradient(270deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: -o-linear-gradient(270deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); background-image: linear-gradient(180deg,rgba(136,0,0,1.00) 0%,rgba(255,103,103,1.00) 81.53%); } /*--- modification of tablet layout --*/ @media screen and (max-width:1250px) /* Mobile */{ #amazing-grid-container { display: grid; grid-template-columns:1fr 300px; grid-template-areas:"centralcontent sidebarright" "sidebarleft sidebarright"; grid-column-gap:.75em; width:98%; } /* Mobile */ .fa-search::before { content: " "!important; font-size: 40%; position: absolute; right: 2.5em; top: .75em;} } /*--responsive adjustment to pitmater direct line --*/ @media screen and (max-width: 1100px) { .pitmaster-direct { margin: 0; padding: 1em 1em 0 1em; max-width: 100%; line-height: 1.25em;} .mobileMenu #menu.navbar-nav.ml-auto { z-index: 2147483650; } #menu li { font-size: 110%; padding: .05em 0 .05em 2em; } #menu .sub-menu li { font-size: 90%; padding: .1em 0 .1em 2em; } #center-body-wrapper #amazing-filter.widget-left { max-width:300px;} .wpsta-members-only p, .wpsta-members-only h4 { font-size: 140%; line-height: 1.4em; } .responsive-sidebar-btn-text { margin-top: 0px; margin-top: -.25em; width: 50%; } .textwidget.custom-html-widget .facetwp-facet { font-size:1.25em; font-family: 'Fira Sans',Arial,sans-serif!important; line-height: 1.6em!important; } .page-numbers, a.facetwp-page { margin: 0 .125em; } .wp-block-quote { border-top: solid 2px #000; } .wrapper .sfsi_plus_outr_div .sfsi_plus_FrntInner { background-color: #f2e9d3!important; } } @media screen and (max-width:1080px) /* Mobile */{ .fa-search::before { content: "More than 2000 free pages"!important; font-size: 50%; position: absolute; right: 2.25em; top: .5em; font-weight: 600; } /*style for mobile anchors*/ h2#order { padding-top: 60px; margin-top: -50px; } } @media screen and (max-width:850px) /* Mobile */{ html, body { overflow-x:hidden;} } @media screen and (max-width:800px) /* Mobile */{ .member-curtain { left: 50%!important; top: 8%!important; width: 90% !important; margin-left: 2.5% !important; font-size: 100% !important; line-height: 1em !important; padding: 1.5em !important; max-height: 75vh !important; background-position: 50% 30%; } #center-body-wrapper .container img.mob { display:block; margin: 0 auto; width:300px; max-width:100%; } #center-body-wrapper .container img.desk { display:none; } #mobile-promo { display:block; } .bbq-info-mobile:before { content: "ADVERTISEMENT"; font-size: 10px; display: block; line-height:1.5em; letter-spacing: .55em; text-align: center; color: #999; } .bbq-info-mobile { border-bottom: solid 1px #999; padding-bottom:10px; margin-bottom: 10px; } .sfsi_plus_outr_div { width: 100% !important; left: 100% !important; margin-left: -100% !important;} .member-curtain { margin-left: 2.5% !important; margin-bottom: 2em !important;} } @media screen and (max-width:650px) /* Mobile */{ .search-box { width: 100%; } .fa.fa-search { position: relative; width: auto; text-align: left; } .fa.fa-search::after { content: "\f002"; } .fa-search::before { content: ""; font-size: 0%; position: absolute; right: 0; top:0; } } @media screen and (max-width:640px) /* Mobile */{ #amazing-grid-container { display: grid; grid-template-columns: 1fr; width:100%; grid-template-areas:"centralcontent" "sidebarleft" "sidebarright"; grid-column-gap:.75em; } div#primis_container_div:before { font-size:80%; letter-spacing:.1em; } } @media screen and (max-width: 480px){ .mobilehide { display:none; } .member-curtain { width: 90% !important; max-height:65vh !important; background-position:50% 20%; } .member-curtain h1 { font-size: 2em; } .sfsi_plus_FrntInner .sfsi_premium_wicons { width: auto !important; height: auto !important; } .post-item h2 { clear: both; } .featured-image-container { float: none; width: 175px; text-align: center; margin: 0 auto; } .member-list span { min-width:45%; margin-right:2.5%; } .member-list span { width:100px; height:100px; background-size:auto 100px; } .member-list .runnerup-iacp span { background-position: -1100px 0; height:100px; } .member-list .member-spj span { background-position: -1000px 0; } .member-list .member-gafcc span { background-position: -900px; } .member-list .member-lisaekus span { background-position: -800px 0; } .member-list .member-obr span { background-position: -700px 0; } .member-list .member-sfa span { background-position: -600px 0; } .member-list .member-nbbqa span { background-position: -500px 0; width:100px;} .member-list .member-mbnbbq span { background-position: -400px 0; width: 100px; } .member-list .member-kcbs span { background-position: -298px 0; width: 105px; } .member-list .member-iacp span { background-position: -198px 0; width: 105px; } .member-list .member-wfma span { background-position: -100px 0; } .member-list .member-aoe span { background-position: 0px 0; } .clear h6.members-only { width: 100%; font-size: 80%; } .wpsta-members-only p, .wpsta-members-only h4 { font-size: 100%; line-height: 1.4em; } #breadcrumbs { display:none; } /* .content-wrapper { padding-top:17px; } */ h1 { font-size:130%; } h2 { font-size: 110%; } figure.wp-block-image.size-large { margin: 0; margin-inline-start:0; } #gridcommentblock p { font-size: .85em!important; line-height: 1.4em!important; } footer { padding-left: 0; padding-right:15px; } .alignright { float:none; } #footer-copyright { padding:10px; } } @media (max-width:479px) and (min-height:640px){ .member-curtain { height:75vh; max-height:572px; } } @media screen and (max-width:400px) /* Mobile */{ #center-body-wrapper .container img { width: 100% !important; margin: 10px 0!important; } } @media screen and (max-width: 375px){ .sfsi_plus_FrntInner .sfsi_premium_wicons img { width: 80%!important; height: 80%!important; } } /**Google Custom Search customization**/ .gsc-table-cell-snippet-close { float: left; max-width: 383px; padding: 0; margin: 0 0 0 10px; } img.gs-image { width: 150px; } .gsc-table-cell-thumbnail { float: left; display: block; } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size:105%; line-height:1.4em; } .gs-title.gsc-table-cell-thumbnail { display: none; } /*** TWO COLUMN IMPROVEMENTS ****/ @media screen and (min-width:1250px) /* Desktop */{ #amazing-grid-container { grid-template-columns: 0px 1fr 300px!important; } } @media screen and (max-width:1100px) /* Desktop */{ .wrapper .widget-right {display: none;} } @media screen and (max-width:799px) /* Desktop */{ #amazing-grid-container { display: block; } } @media screen and (min-width:640px) /* Mobile */{ .page-featured-thumb { display: inline-block!important; width: 48%!important; } .page-content-except { float: right!important; width: 50%!important; } } @media screen and (max-width: 640px){ .grillpost .featured-image-container{ width: 100%; } .grillpost .content{ width: 100%; clear:both; margin:0; } .featured-image-container { display: flex; flex-direction:row; width:100%; } .featured-image-container a { flex: 2; } .featured-image-container .award-container { flex: 1; } } /*** END: TWO COLUMN IMPROVEMENTS ****/