/* Theme Name: Multi IQ Theme URI: # Author: S.Barakat Author URI: https://stevebarakat.com Description: A Wordpress theme for Product IQ web sites. Version: 1.0.0 Text Domain: multi-iq License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: red, blue, green, three-columns, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images /*-------------------------------------------------------------- X.0 Header --------------------------------------------------------------*/ /*-------------------------------------------------------------- Responsive Header --------------------------------------------------------------*/ #header { background-image: url(https://02e8cb.claudeassets.com/20170928192654im_/https://www.countertopiq.com/wp-content/themes/multi-iq/images/iqbg.png); background-repeat: no-repeat !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; background-position: left !important; height: 250px; margin-top: -20px; padding-top: 10px; } .logo .img-responsive { width: 100%; } .logo { float: left; height: 77px; padding: 20px 10px 10px ; } .logo .col-lg-6 { margin-top: 5px; } /*-------------------------------------------------------------- Responsive Header --------------------------------------------------------------*/ .site-header { background: #f21c47; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyMWM0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTA1MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f21c47), color-stop(100%, #ae050d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* IE10+ */ background: linear-gradient(to bottom, #f21c47 0%, #ae050d 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f21c47', endColorstr='#ae050d', GradientType=0); /* IE6-8 */ } #masthead { margin-bottom: 2rem; } .logo { float: left; } #header-widget-middle { text-align: center; margin: 0 auto; padding-top: 2rem; } #header-widget-right { text-align: right; padding-top: 1.9rem; } /*Social Styles*/ .social-icons { float: right; padding-right: 2rem; } /*-------------------------------------------------------------- X.0 Footer --------------------------------------------------------------*/ #footer-nav ul { margin: 2rem 0 0; } .footer-widget .textwidget { color: #fff; margin: 2rem; font-size: 1rem; font-family: Helvetica, Verdana, sans-serif; } .footer-widget .textwidget a { color: #fff; } #footer-left { text-align: left; } #footer-middle { text-align: center; } #footer-right { text-align: right; } .site-footer { background: #242424; margin-top: 2rem; } .site-info { border-top: 1px solid #555; color: #666; font-size: 1rem; text-align: right; padding: .5rem 1rem; } .site-info a, .site-info a:hover, .site-info a:visited { color: #D0171E; text-decoration: none; } #colophon ul.menu { text-align: center; } #colophon ul.menu li { display: inline-block; float: none; } #colophon ul.menu a { display: block; float: none; } #footer-nav li { float: left; list-style-type: none; margin: 1em 0; padding: 0 .75em 0 .75em; border-right: 1px solid #fff; font-size: .8em; line-height: 1em; } .menu-footer-menu-container { text-align: center; margin: 0 auto; } #footer-nav li:last-child { border-right: none; } #footer-nav li a { color: #fff; } .company-name{ font-family (stack): Helvetica,Verdana,Arial,sans-serif; font-size: 1.6rem; font-style: italic; position: relative; top: 4.4rem; } .legal{ position: relative; top: 4.4rem; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #DDD !important; margin: 1em 0; padding: 0; } ul, ol { margin: 0; } ul { list-style: disc; } ol { list-style: decimal; } ol ol { list-style-type: lower-alpha; } li > ul, li > ol { margin-bottom: 0; margin-left: none; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ /* button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }*/ button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { padding-left: 3px; width: 100%; } .button { line-height: 1.5rem; float: right; display: inline-block; background: #f21c47; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyMWM0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTA1MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f21c47), color-stop(100%, #ae050d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f21c47 0%, #ae050d 100%); /* IE10+ */ background: linear-gradient(to bottom, #f21c47 0%, #ae050d 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f21c47', endColorstr='#ae050d', GradientType=0); /* IE6-8 */ -webkit-border-radius: 28; -moz-border-radius: 28; border: 2px solid #BB0A18; border-radius: 28px; padding: 10px 20px 10px 20px; } .button:hover { background: #d70d0d; /* Old browsers */ background: -moz-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d70d0d), color-stop(56%, #860221), color-stop(100%, #981e1e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* IE10+ */ background: linear-gradient(to bottom, #d70d0d 0%, #860221 56%, #981e1e 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d70d0d', endColorstr='#981e1e', GradientType=0); /* IE6-9 */ } .button, .button:active, .button:hover, .button:visited { color: #fff; text-decoration: none; } .read_more a, .read_more a:hover, .read_more a:active, .read_more a:visited { text-decoration: none; color: #fff; } .search-box-area { padding: .5rem 1.5rem 1rem; border: 2px solid hsl(0, 0%, 90%); box-shadow: 0 0 0 1px hsl(0, 0%, 85%), 0 0 0 2px hsl(0, 0%, 80%), 0 0 0 2px hsl(0, 0%, 75%), 0 0 0 4px hsl(0, 0%, 70%), 0 0 0 5px hsl(0, 0%, 40%); margin: 2.5rem .5rem; } .search-submit { -moz-border-radius: 28 !important; border-radius: 28px !important; color: #ffffff !important; font-size: 20px !important; padding: .7rem 1.2rem .7rem 1.2rem !important; font-weight: 300 !important; font-size: 1.3rem !important; } button, input[type="button"], input[type="reset"], input[type="submit"] { box-shadow: none !important; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; background: #f44444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjI3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f44444), color-stop(56%, #8f0222), color-stop(100%, #bf2726)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* IE10+ */ background: linear-gradient(to bottom, #f44444 0%, #8f0222 56%, #bf2726 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f44444', endColorstr='#bf2726', GradientType=0); /* IE6-8 */ } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; margin: 0 auto; width: 880px; max-width: 98%; display: block; } .main-navigation li { background: #f44444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjI3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f44444), color-stop(56%, #8f0222), color-stop(100%, #bf2726)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f44444 0%, #8f0222 56%, #bf2726 100%); /* IE10+ */ background: linear-gradient(to bottom, #f44444 0%, #8f0222 56%, #bf2726 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f44444', endColorstr='#bf2726', GradientType=0); /* IE6-8 */ float: left; position: relative; padding: 1em; border-right: 2px solid #BF2726; } .main-navigation li:hover { background: #d70d0d; /* Old browsers */ background: -moz-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d70d0d), color-stop(56%, #860221), color-stop(100%, #981e1e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d70d0d 0%, #860221 56%, #981e1e 100%); /* IE10+ */ background: linear-gradient(to bottom, #d70d0d 0%, #860221 56%, #981e1e 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d70d0d', endColorstr='#981e1e', GradientType=0); /* IE6-9 */ } .main-navigation li:last-child { border-right: none; } .main-navigation ul li ul li:last-child { border-right: 2px solid #BF2726; } .main-navigation a { display: block; text-decoration: none; color: #fff; font-weight: 700; } .main-navigation a:hover, .main-navigation a:visited { color: #fff; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul li ul li { position: relative; top: 2.7rem; left: -1.5rem; border-bottom: 1px solid white; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li {} .main-navigation li:hover > a {} .main-navigation ul ul:hover > a {} .main-navigation ul ul a:hover {} .main-navigation ul li:hover > ul { left: auto; } .main-navigation ul ul li:hover > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {} /* Small menu. */ .menu-toggle { display: none; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; 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. */ } .hidden { display: none !important; } /*-------------------------------------------------------------- 7.0 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-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } .googleadsbottom { display: inline-block; width: 300px; height: 130px; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .wp-post-image { float: left; padding-right: 1rem; } .entry-title { font-size: 1.8rem; font-weight: bold; font-family: Arial, Verdana, sans-serif; } .entry-title a, .entry-title a:hover, .entry-title a:visited { color: #333; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comments-link { display: block; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- X.0 Custom Styles --------------------------------------------------------------*/ /*Search Page Styles*/ li.categories { list-style-type: none; font-size: 2rem; } li.categories:before { font-size: 3rem; font-family: FontAwesome; top: 5px; left: -5px; position: relative; content: "\f1ea"; color: #BB0A18; list-style-type: none; } .cat-item { position: relative; list-style-type: none; margin: 1rem; font-size: 1.4rem; } .cat-item:before { font-size: 3rem; position: absolute; font-family: FontAwesome; top: -10px; left: -30px; content: "\f058"; color: #BB0A18; } li.products { list-style-type: none; font-size: 2rem; } li.products:before { font-size: 3rem; font-family: FontAwesome; top: 5px; left: -5px; position: relative; content: "\f217"; color: #BB0A18; list-style-type: none; } .product-item { position: relative; list-style-type: none; margin: 1rem; font-size: 1.4rem; } .product-item:before { font-size: 3rem; position: absolute; font-family: FontAwesome; top: -10px; left: -30px; content: "\f0a9"; color: #BB0A18; } /*Author Page Styles*/ .author-box { margin-right: .1%; margin-bottom: 2rem; padding: 1rem 2rem; /*background: #ececec;*/ /* Old browsers */ background: -moz-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(1%, #dadada), color-stop( 130px, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* IE10+ */ background: linear-gradient(to bottom, #ececec 0%, #dadada 1%, #ffffff 130px); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ border-width: 0px; border-style: solid; border-bottom:0px; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 1)), to(rgba(255, 255, 255, 1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; border-image: linear-gradient(top, rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; /*border-top:1px solid black;*/ font-size: 1.2rem; } /* .author-box{ background-image:url(https://d1c9a6.claudeassets.com/20170928192654im_/https://www.countertopiq.com/wp-content/themes/multi-iq/GradGrayC.png); background-repeat:repeat-x; width:auto; min-height:130px; float:left; display:inline-block; margin:0px; } .rightGrad1 {background-image:url(https://543eb4.claudeassets.com/20170928192654im_/https://www.countertopiq.com/wp-content/themes/multi-iq/GradGrayR.png); background-repeat:no-repeat; width:5px; min-height:130px; float:left; display:block; position:absolute; right:0px; top:0px;} .leftGrad1 {background-image:url(https://a6adcc.claudeassets.com/20170928192654im_/https://www.countertopiq.com/wp-content/themes/multi-iq/GradGrayL.png); background-repeat:no-repeat; width:5px; min-height:130px; float:left; display:block; position:absolute; left:0px; top:0px;} */ .gravatar img { /*border: 3px solid green;*/ border-radius:6px; float: left; margin-right: 1rem; } .author-name a {} .author-name { display: inline; font-size: 1.8rem; } .author-library { display: inline; float: right; } .author-info { margin: .5rem 0 1.5rem; } /*Newsletter Page Styles*/ .newsletter-content p { display: inline; } .newsletter-title { display: inline; font-size: 1.4rem; } .newsletter-title:after { content: " - "; } .newsletter-title a { display: inline; font-style: italic; font-weight: 700; } /*Sidebar Article Styles*/ .catlink { font-family: } .catlink-class { font-family: Tahoma, Verdana, sans-serif; font-size: 1.3rem; font-weight: 700; } .catlink-class a, .catlink-class a:visited { color: #555555; } .image-class { border: 0; height: 50px; padding: 0 5px 2px 0; float:left; } .title-class { font-family: Helvetica, Verdana, sans-serif; font-size: 1.3rem; font-weight: 700; } .title-class a, .title-class a:hover, .title-class a:visited { color: #000; } .date-class { } .author-class { } .excerpt-class {} .thumbnail-class { margin-right: .5rem; } .sidebar-article { padding: 1rem; background: #ececec; /* Old browsers */ background: -moz-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(1%, #dadada), color-stop( 130px, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ececec 0%, #dadada 1%, #ffffff 130px); /* IE10+ */ background: linear-gradient(to bottom, #ececec 0%, #dadada 1%, #ffffff 130px); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ border-width: 0px; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 1)), to(rgba(255, 255, 255, 1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; border-image: linear-gradient(to bottom, rgba(102, 102, 102, 1), rgba(255, 255, 255, 1)) 1 100%; font-size: 1.2rem; min-height: 210px; } .title-class, .title-class a { font-size: 1.2rem; color: #000; } .author-class, .author-class a, .author-class a:hover, .author-class a:visited, .date-class, .date-class a, .date-class a:hover, .date-class a:visited { font-size: 1rem; color: #5A5A5A; font-style: italic; } .lcp_catlist { margin: 0; padding: .5rem; list-style-type: none; } /*Sidebar Ad Styles*/ .a-single img { margin: 0 auto; display: block; } /*Latest News Styles*/ .latest-news { max-width: 100%; background: none repeat scroll 0% 0% #FFF; position: relative; bottom: .8rem; padding-right: 1rem; text-transform: uppercase; font-weight: 700; } .latest-news-bg { background: #D0171E; display: block; height: 1rem; } .rss { transition: background-color 0.75s ease; background: #BB0A18; border: 1px solid #BB0A18; border-radius: 5px; padding: .1rem .5rem; display: block; margin-right: .8rem; font-size: 1rem; } .rss:hover { color: #BB0A18; background: #fff; } a .fa-rss { color: #fff; } a .fa-rss:hover { color: #BB0A18; } .fa-rss:hover { color: #BB0A18; } #awfs{float:right; margin:0 0 5px 0;padding:0 2px 0 } #awfs img{max-height:130px} /*-------------------------------------------------------------- X.0 MEDIA QUERIES --------------------------------------------------------------*/ @media screen and ( max-width: 992px) { #awfs{float:none} #footer-nav ul { margin: 2rem 0 0; padding: 0; } #footer-left { text-align: center; } #footer-right { text-align: center; } } @media screen and ( max-width: 992px) { #header-widget-middle { clear: left; } .clearfix-md { clear: both; } .company-name{ top: .4rem; } .legal{ top: .4rem; } } @media screen and (max-width: 900px) { .logo { max-width: 100%; } .menu-toggle { display: block; height: 3.75em; padding: 0 1em; font-weight: normal; font-size: 14px; font-size: 1.4rem; text-decoration: none; line-height: 3.75em; color: white; background: inherit; } .main-navigation.toggled .nav-menu { display: block; border-top: 1px solid; border-top-color: #fff; border-top-color: hsla(0, 0%, 100%, .5); } .main-navigation { margin: 0; padding: 0; } .main-navigation ul { background: #AE162D; max-width: 100%; display: none; padding-left: 0; } .main-navigation li { background: #AE162D; background: none; float: none; border-right: none; border-bottom: 1px solid #fff; } .main-navigation li:hover { background: black; border-right: none; } .main-navigation li a {} .main-navigation li li a { padding-left: 1em; } .main-navigation li li a:before, .main-navigation li li li a:before { content: ' ›› '; padding-right: 1rem; } .main-navigation li li li a { padding-left: 2em; } .main-navigation li:hover > a {} .main-navigation ul ul { box-shadow: none; background: black; } .main-navigation ul li ul { margin-right: none; padding-right: none; } .main-navigation ul li ul li:last-child { border-right: none; margin-bottom: 1.4rem; } .main-navigation ul ul, .main-navigation ul ul ul { position: relative; top: inherit; left: 0; display: block; float: none; } .main-navigation ul li ul li { border-top: 1px solid #fff; border-bottom: none; background: none !important; } .main-navigation ul ul a { width: 100%; } .main-navigation ul a:hover, .main-navigation ul ul a:hover {} .main-navigation .current_page_ancestor { background: inherit; } .main-navigation ul ul .current_page_parent { color: inherit; background: inherit; } .main-navigation .current_page_item > a, .main-navigation .current_page_item > a:hover, .main-navigation .current_page_item li:hover, .main-navigation .current_page_parent .current_page_item > a {} } @media (min-width: 1200px){ #header-widget-middle{ min-width:728px; padding:0px; } #main{max-width:570px} } @media (min-width: 992px) and (max-width:1199px){ #header-widget-middle{ /*min-width:728px;*/ padding:0px; } #main{max-width:640px} #header-widget-middle{padding-top:0px;} #masthead .site-branding{padding-right:0px;padding-left:0px;} #header-widget-middle{width:auto;} } @media (max-width: 1024px){ } /*#main{max-width:640px}*/ /*#header-widget-middle{max-width:728px}*/ #header-widget-middle .widget{max-width:728px} #sidebar-left, #sidebar-right{min-width:300px;max-width:300px;padding-left:0px;padding-right:0px;} #sidebar-left .gofollow img, #sidebar-right .gofollow img{width:300px;min-width:300px;max-width:300px;} @media (max-device-width: 768px) { #header { background-image: none!important; } } /* FILE ARCHIVED ON 13:01:07 Oct 18, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:45:08 Jun 20, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.727 exclusion.robots: 0.087 exclusion.robots.policy: 0.071 esindex: 0.013 cdx.remote: 4.845 LoadShardBlock: 88.136 (3) PetaboxLoader3.datanode: 66.494 (4) PetaboxLoader3.resolve: 59.368 (2) load_resource: 64.217 */