@charset "UTF-8"; /** * Theme Name: Reviews Template Author: GringoGroup * */ .single-breadcrumb.breadcrumbs { margin: 50px 0; } .single-breadcrumb.breadcrumbs a { padding-right: 16px; display: inline-block; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; position: relative; } .single-breadcrumb.breadcrumbs a:after { content: "/"; position: absolute; right: 4px; bottom: 0; top: initial; color: #A3A3A3; border: none; } .single-breadcrumb.breadcrumbs span { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 16px; color: #000; } @media only screen and (max-width: 991px) { .single-breadcrumb.breadcrumbs { display: none; } } /** * Reset * * ---------------------------------------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, html { height: 100%; } body { font-family: "Open Sans", sans-serif; color: #292929; line-height: 1.4; font-size: 18px; margin: 0; } .container { margin: 0 auto; max-width: 1180px; width: 100%; } a { outline: none; color: #256de3; text-decoration: none; } a:active, a:hover, a:focus { color: #2560c1; outline: none; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.2; } h1 { font-size: 48px; margin: 33px 0; } h2 { font-size: 30px; margin: 25px 0; } h3 { font-size: 22px; margin: 22px 0; } h4 { font-size: 20px; margin: 25px 0; } h5 { font-size: 18px; margin: 30px 0; } h6 { font-size: 16px; margin: 36px 0; } address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p { margin: 0 0 24px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } menu, ol, ul { margin: 15px 0; padding: 0 0 0 20px; } ul { list-style-type: square; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { padding: 0; } input[type=search] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } del { color: #333; } ins { text-decoration: none; } hr { background: url(..https://garagegymbuilder.com/images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } i.hunt-icon { font-family: "WT-ico-font"; font-style: normal; font-weight: normal; color: #256de3; } i.hunt-icon i { font-style: normal; font-weight: normal; } .site-header .search-form label > i.hunt-icon { right: 12px; left: initial; width: 15px; } /** * Repeatable Patterns * ---------------------------------------------------------------------------- */ .genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before { -webkit-font-smoothing: antialiased; font: normal 16px/1 Genericons; display: inline-block; vertical-align: text-bottom; } /* Clearing floats */ .clear:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after { clear: both; } .clear:before, .clear:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after { content: ""; display: table; } /* Assistive text */ .screen-reader-text { font-size: 0; position: absolute; } .post-template-default .blog-post-breadcrumb { margin: 70px 0 0; } @media (max-width: 998px) { .post-template-default .blog-post-breadcrumb { margin: 40px 0 0; } } .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-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Form fields, general styles first. */ button, input, textarea { border: 1px solid #6b6d73; font-family: inherit; padding: 5px; } input, textarea { color: #141412; } input:focus, textarea:focus { outline: 0; } /* Buttons */ .post-password-required input[type=submit] { padding: 7px 24px 4px; vertical-align: bottom; } .post-password-required input[type=submit]:active { padding: 5px 24px 6px; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7d7b6d; } :-moz-placeholder { color: #7d7b6d; } ::-moz-placeholder { color: #7d7b6d; } :-ms-input-placeholder { color: #7d7b6d; } /* * Responsive images * * Fluid images for posts, comments, and widgets */ .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } .bottom-review-widget { padding-top: 30px; } /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .entry-content img, .entry-summary img, .comment-content img[height], img[class*=align], img[class*=wp-image-], img[class*=attachment-] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; margin: 0 0 24px; } div.wp-caption.alignright img[class*=wp-image-] { float: right; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /** * Basic Structure * ---------------------------------------------------------------------------- */ .site { background-color: #fff; min-height: 100%; padding: 78px 0 0; } .site-main { position: relative; } .site-main .sidebar-container { display: inline-block; width: 100%; z-index: 1; } .site-main .sidebar-inner { margin: 0 auto; max-width: 1040px; } /** * ANIMATION * ---------------------------------------------------------------------------- */ @-webkit-keyframes glowing-header-easyazon-link { 0% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } 50% { box-shadow: 0px 0px 11px 0px rgba(255, 153, 0, 0.4); } 100% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } } @-moz-keyframes glowing-header-easyazon-link { 0% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } 50% { box-shadow: 0px 0px 11px 0px rgba(255, 153, 0, 0.4); } 100% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } } @-o-keyframes glowing-header-easyazon-link { 0% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } 50% { box-shadow: 0px 0px 11px 0px rgba(255, 153, 0, 0.4); } 100% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } } @keyframes glowing-header-easyazon-link { 0% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } 50% { box-shadow: 0px 0px 11px 0px rgba(255, 153, 0, 0.4); } 100% { box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); } } /** * Header * ---------------------------------------------------------------------------- */ /** * --Site Header * ---------------------------------------------------------------------------- */ .site-header { position: absolute; left: 0; top: 0; background: #1f1d35; width: 100%; height: 78px; z-index: 10000; -moz-box-shadow: 0px 3px 35px 0px rgba(27, 24, 21, 0.23); -webkit-box-shadow: 0px 3px 35px 0px rgba(27, 24, 21, 0.23); box-shadow: 0px 3px 35px 0px rgba(27, 24, 21, 0.23); transition: all 0.15s ease-in-out; } .site-header-small { position: fixed; } .site-header-down { top: -50px; } .admin-bar .site-header { top: 32px; } .header-wrapper { height: 78px; transition: all 0.15s ease-in-out; } .header-wrapper-h1 { display: inline-block; margin: 0; font-size: 0; } .site-header.site-header-small, .site-header-small .header-wrapper { height: 50px; } .site-header .home-link { display: inline-block; position: relative; float: left; margin-top: 16px; transition: all 0.15s ease-in-out; } .site-header .home-link img { transition: all 0.15s ease-in-out; max-height: 48px; } .site-header-small .home-link { margin-top: 7px; } .site-header-small .home-link img { max-height: 34px; } /** * --Navigation * ---------------------------------------------------------------------------- */ .main-navigation { clear: both; } .menu-menu-chinh-container { display: inline-block; float: left; } ul.nav-menu, div.nav-menu > ul { margin: 0; padding: 0; } .nav-menu > li { display: inline-block; height: 59px; transition: all 0.15s ease-in-out; } .site-header-small .nav-menu > li { height: 42px; } .nav-menu > li > a { color: #fff; display: block; position: relative; font-size: 12px; line-height: 1; padding: 15px 12px; text-decoration: none; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; transition: all 0.3s ease; } .nav-menu > li.menu-item-has-children > a { position: relative; } .nav-menu > li.menu-item-has-children > a:before { content: ""; position: absolute; right: -1px; top: 50%; margin-top: -2px; border: 3px solid transparent; border-top: 5px solid; border-top-color: #256de3; } .site-header-small .nav-menu > li > a { font-size: 12px; padding: 11px 12px; } .nav-menu > li:hover > a, .nav-menu > li > a:hover, .nav-menu > li:focus > a, .nav-menu > li > a:focus, .nav-menu > li.current-menu-item > a, .nav-menu > li:nth-child(2):hover > a { color: #256de3; } .nav-menu > li.menu-item-has-children:hover > a:before, .nav-menu > li.menu-item-has-children > a:hover:before, .nav-menu > li.menu-item-has-children > a:focus:before, .nav-menu > li.menu-item-has-children.current-menu-item > a:before { background-position: 0 -7px; } .nav-menu li .sub-menu, .nav-menu > li .children { visibility: hidden; opacity: 0; padding: 0; margin: 0; display: inline-block; width: 100%; /*height: 52px;*/ text-align: center; position: absolute; z-index: 1; left: 0; top: 100%; background: rgba(41, 41, 41, 0.95); /*transition: all 0.15s ease-in-out;*/ } .site-header .nav-menu > li > .sub-menu { background: linear-gradient(0deg, rgba(67, 67, 67, 0.99) 1%, transparent 1%); background-size: 1em 52px; background-color: rgba(41, 41, 41, 0.95); } .site-header-small .nav-menu > li > .sub-menu { background: linear-gradient(0deg, rgba(67, 67, 67, 0.99) 3%, transparent 1%); background-size: 1em 38px; background-color: rgba(41, 41, 41, 0.95); } .site-header-small .nav-menu > li > .sub-menu, .site-header-small .nav-menu > li > .children { /*height: 38px;*/ } .nav-menu li .sub-menu li { display: inline-block; vertical-align: top; width: 164px; margin-left: -5px; } .nav-menu li:nth-child(2) .sub-menu li { position: relative; } .nav-menu li .sub-menu li a { display: inline-block; width: 100%; line-height: 52px; border-right: 1px solid rgba(67, 67, 67, 0.99); color: #FFF; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 13px; /*transition: all 0.3s ease;*/ } .nav-menu > li > .sub-menu > li > a { border-left: 1px solid rgba(67, 67, 67, 0.99); } .site-header-small .nav-menu li .sub-menu li a { line-height: 38px; font-size: 12px; } .menu-item-container { position: absolute; display: block; opacity: 0; visibility: hidden; left: 0; margin: 0; top: 100%; width: 100%; margin-top: 52px; background: rgba(255, 255, 255, 0.95); border: none; /*transition: all 0.3s ease;*/ } .navbar .navigation .sub-menu .sub-menu-item a { border-left: none; } .navbar .navigation .sub-menu .sub-menu-item:first-child a { border-left: 1px solid rgba(67, 67, 67, 0.99); } .site-header-small .menu-item-container { top: 36px; } .nav-menu > li > .sub-menu > li > .sub-menu { text-align: left; } .nav-menu > li > .sub-menu > li > .sub-menu > li { margin-left: 0; } .nav-menu > li > .sub-menu > li > .sub-menu > li > a { color: #191919; font-size: 13px; font-weight: 600; line-height: 28px; border: none !important; padding-left: 15px; } .nav-menu > li > .sub-menu > li > .sub-menu > li.menu-item-view-all > a { color: #868686; } .nav-menu > li > .sub-menu > li > .sub-menu li:hover a:hover { background: rgba(224, 225, 236, 0.95); color: #191919; } .nav-menu > li:nth-child(2) > .sub-menu > li:hover > .sub-menu { background: rgba(247, 248, 249, 0.95); } .nav-menu > li > .sub-menu > li:hover > a { background: rgba(247, 248, 249, 0.95); border-right: 1px solid rgba(247, 248, 249, 0.95); border-left: 1px solid rgba(247, 248, 249, 0.95); color: #292929; } .nav-menu > li > .sub-menu > li > .sub-menu > li:hover a { border: none !important; background: none; } .nav-menu .sub-menu ul, .nav-menu .children ul { top: 52px; height: auto; padding: 18px 0 18px; background: rgba(236, 240, 240, 0.95); -moz-box-shadow: 0.9px 0.5px 7px rgba(0, 15, 38, 0.17); -webkit-box-shadow: 0.9px 0.5px 7px rgba(0, 15, 38, 0.17); box-shadow: 0.9px 3.5px 10px rgba(0, 15, 38, 0.17); /*transition: all 0.15s ease-in-out;*/ } .sub-menu-content, .nav-menu li .sub-menu li.sub-menu-content-bg { position: absolute; width: 100%; left: 0; opacity: 0; margin: 0; visibility: hidden; top: 52px; height: auto; padding: 28px 15px 38px; /*transition: all 0.15s ease-in-out;*/ } .nav-menu li .sub-menu li.sub-menu-content-bg { background: rgba(255, 255, 255, 0.98); opacity: 1; visibility: visible; z-index: 5; } .sub-menu-content { z-index: 6; } .site-header-small .nav-menu .sub-menu ul, .nav-menu .children ul, .site-header-small .sub-menu-content, .site-header-small .nav-menu li .sub-menu li.sub-menu-content-bg { top: 38px; } .sub-menu-content .container { padding: 0 80px; } .sub-menu-content-preload { min-height: 200px; background: rgba(255, 255, 255, 0.95) url(..https://garagegymbuilder.com/images/preloader.gif) no-repeat center center; } .sub-menu-content-bg, .sub-menu-content-preload, .menu-item-container { -moz-box-shadow: 0 6px 8px rgba(6, 68, 87, 0.27); -webkit-box-shadow: 0 6px 8px rgba(6, 68, 87, 0.27); box-shadow: 0 6px 8px rgba(6, 68, 87, 0.27); } .nav-menu > li:hover > .sub-menu, .nav-menu > li:hover > .sub-menu > li:hover .sub-menu, .nav-menu > li:hover > .sub-menu > li:hover .sub-menu-content, .nav-menu > li:nth-child(2):hover .sub-menu, .nav-menu > li:nth-child(2):hover .menu-item-container { visibility: visible; opacity: 1; } .nav-menu > li:nth-child(2) > .sub-menu > li .sub-menu { width: 164px; background: none; box-shadow: none; } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover { background-color: #db572f; } .nav-posts-item-wrap { display: inline-block; width: 100%; position: relative; } .nav-post-item { display: inline-block; text-align: left; float: left; width: 20%; padding: 0 15px; } .nav-post-item img { width: 100%; } .nav-menu li .sub-menu li .nav-post-item a, .nav-menu li .sub-menu li .nav-post-item a.nav-post-item-image { padding: 0; border: none; line-height: 1.2; background: none; color: #191919; font-weight: 400; font-size: 15px; } .nav-menu li .sub-menu li .nav-post-item a { margin-top: 10px; } .nav-post-item a:hover { text-decoration: underline; color: #191919; } .nav-posts-item-wrap.slick-slider .slick-prev, .nav-posts-item-wrap.slick-slider .slick-next { position: absolute; width: 14px; height: 25px; top: 30%; font-size: 0; border: none; padding: 0; } .nav-posts-item-wrap.slick-slider .slick-prev { left: -40px; background: url(..https://garagegymbuilder.com/images/nav_post_prev.png) no-repeat; } .nav-posts-item-wrap.slick-slider .slick-next { right: -40px; background: url(..https://garagegymbuilder.com/images/nav_post_next.png) no-repeat; } .menu-toggle { display: none; } .site-header .nav-menu .nav-menu-reviews-search { border-right: 1px solid #fff; border-left: 1px solid #fff; } .site-header .nav-menu-reviews-search .search-form { height: 52px; float: none; vertical-align: top; } .site-header .nav-menu-reviews-search .search-form:before { display: none; } .site-header-small .nav-menu-reviews-search .search-form { height: 38px; } .site-header .nav-menu-reviews-search .search-field { background-image: url(..https://garagegymbuilder.com/images/nav_search.png); background-position: right 23px center; background-repeat: no-repeat; padding: 0 24px 0 20px; } .site-header .nav-menu-reviews-search .search-form label { top: 6px; left: 22px; right: inherit; z-index: 3; } .site-header-small .nav-menu-reviews-search .search-form label { top: 2px; } .site-header .search-form .rc-search-results-helper, .ajax-search-form .rc-search-results-helper { margin: 0; padding: 40px 0 10px; background-color: #fff; position: absolute; width: 100%; display: none; border: 0; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); vertical-align: baseline; z-index: 1; top: 0; left: 0; border-radius: 20px; } .ajax-search-form .rc-search-results-helper { z-index: 4; border-radius: 6px; } .site-header .search-form ul.search-results, .ajax-search-form .rc-search-results-helper ul.search-results { margin: 0; padding: 0; } .site-header .search-form ul.search-results li, .ajax-search-form ul.search-results li { display: block; width: 100%; border-bottom: 1px solid #eee; font-size: 16px; padding: 7px 20px; } .site-header .search-form ul.search-results li:last-child, .ajax-search-form ul.search-results li:last-child { border-bottom: none; } .site-header .search-form ul.search-results li a, .site-header .search-form ul.search-results li.nothing, .ajax-search-form ul.search-results li a, .ajax-search-form ul.search-results li.nothing { display: inline-block; width: 100%; padding: 5px 10px; border: none; color: #000; font-size: 14px; text-align: left; cursor: pointer; line-height: normal; } .site-header .search-form ul.search-results li a span, .ajax-search-form ul.search-results li span { display: block; margin-left: 40px; } .site-header .search-form ul.search-results li a img, .ajax-search-form ul.search-results li a img { float: left; display: inline-block; } .site-header .search-form ul.search-results li a:hover, .ajax-search-form ul.search-results li a:hover { background-color: inherit; color: #4545e1; } .site-header .search-form .slimScrollDiv, .ajax-search-form .slimScrollDiv { overflow: visible !important; } /* Navbar */ .navbar { display: inline-block; float: right; width: 78%; padding-top: 19px; transition: all 0.15s ease-in-out; } .site-header-small .navbar { padding-top: 5px; } .site-navigation-search { display: inline-block; float: right; } .site-navigation-search > span { display: inline-block; cursor: pointer; font-family: "Montserrat", sans-serif; font-size: 12px; text-transform: uppercase; color: #256de3; margin-top: 13px; margin-right: -17px; transition: color 0.3s; } .site-header-small .site-navigation-search > span { margin-top: 10px; margin-right: -25px; } .site-header .search-form > label:before { content: ""; position: absolute; width: 40px; height: 40px; right: 0; top: 50%; margin-top: -20px; background: rgba(255, 255, 255, 0.05); border-radius: 50%; z-index: 1; } .site-header .search-form label > i.hunt-icon { transition: color 0.3s; } .site-navigation-search .search-form { position: relative; display: inline-block; float: right; width: 68px; height: 40px; transition: all 0.15s ease-in-out; } .site-header-small .search-form { height: 34px; } .site-navigation-search .search-form > label { position: absolute; display: inline-block; right: 0; top: 0; transition: all 0.15s ease-in-out; } .site-navigation-search .search-form:before { content: ""; position: absolute; pointer-events: none; visibility: hidden; opacity: 0; right: 180px; top: -20px; width: 412px; height: 78px; background: -moz-linear-gradient(left, rgba(31, 29, 53, 0.01) 0%, rgba(31, 29, 53, 0.65) 22%, rgba(31, 29, 53, 0.95) 48%, rgba(31, 29, 53, 0.65) 75%, rgba(31, 29, 53, 0.01) 100%); background: -webkit-linear-gradient(left, rgba(31, 29, 53, 0.01) 0%, rgba(31, 29, 53, 0.65) 22%, rgba(31, 29, 53, 0.95) 48%, rgba(31, 29, 53, 0.65) 75%, rgba(31, 29, 53, 0.01) 100%); background: linear-gradient(to right, rgba(31, 29, 53, 0.01) 0%, rgba(31, 29, 53, 0.65) 22%, rgba(31, 29, 53, 0.95) 48%, rgba(31, 29, 53, 0.65) 75%, rgba(31, 29, 53, 0.01) 100%); transition: all 0.15s ease-in-out; } .site-header-small .search-form:before { height: 50px; top: -8px; } .site-navigation-search .search-form.search-active:before { visibility: visible; opacity: 1; } .search-form.search-active .search-field { -webkit-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); -moz-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); } .site-header-small .search-form > label { top: 0px; } .site-navigation-search .search-field { background: none; border: none; cursor: pointer; height: 40px; border: none; border-radius: 20px; padding: 0 48px 0 20px; position: relative; transition: width 400ms ease, background 400ms ease; width: 1px; font-size: 13px; z-index: 5; } .site-navigation-search .search-form .search-submit { display: inline-block; outline: none; opacity: 0; visibility: hidden; border: none; box-shadow: none; padding: 0; background: none; font-size: 0; z-index: 5; } .site-navigation-search .search-active .search-submit { opacity: 1; visibility: visible; } .site-header .site-navigation-search .search-active .search-field, .nav-menu .site-navigation-search .search-form .search-field:focus, .nav-menu .site-navigation-search .search-form .search-field.focus { background-color: #fff; outline: 0; width: 450px; } .search-form label > i.hunt-icon, .site-navigation-search .search-form .search-submit { font-size: 15px; line-height: 15px; right: 24px; top: 13px; position: absolute; z-index: 5; cursor: pointer; } .site-header .search-form label > i.hunt-icon, .site-header .site-navigation-search .search-form .search-submit { right: 12px; } .site-header.site-header-small .search-form > label:before { width: 34px; height: 34px; margin-top: -17px; } .site-navigation-search .search-submit i.hunt-icon { font-size: 15px; z-index: 1; cursor: pointer; } .search-form label > i.hunt-icon:before, .site-navigation-search .search-submit i.hunt-icon:before { content: ""; } .site-header-small .search-field { height: 34px; } .site-header-small .search-form label > i.hunt-icon, .site-header-small .site-navigation-search .search-form .search-submit { top: 10px; right: 9px; } .site-navigation-search .search-active label > i.hunt-icon { display: none; } .site-header .site-navigation-search:hover > span, .site-header .site-navigation-search:hover label > i.hunt-icon { color: #fff; } .site-navigation-search-form-label i.hunt-icon { font-size: 15px; line-height: 15px; color: #256de3; } .site-navigation-search-form-label i.hunt-icon:before { content: ""; } .site-navigation-search-form-label .search-submit-button { display: inline-block; position: absolute; right: 11px; top: 15px; padding: 0; outline: 0; border: none; z-index: 5; box-shadow: none; background: none; width: 9px; height: 9px; background-size: cover; } /** * Content * ---------------------------------------------------------------------------- */ #main section { position: relative; } .hentry, .post-content { padding: 102px 0 0; } @media (max-width: 998px) { .hentry, .post-content { padding: 40px 0 0; } } .home .hentry, .home .post-content { padding: 35px 0 80px; } .review-post-content .hentry, .review-post-content .post-content { padding: 80px 0 0; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0 auto; max-width: 1180px; width: 100%; position: relative; } .entry-content { position: relative; } h2.main-title, h1.main-title { margin: 0; position: relative; color: #2C2C2C; padding: 0 0 18px; margin-bottom: 42px; border-bottom: 1px solid; border-color: #256de3; line-height: 1; font-family: "Arvo", serif; font-size: 32px; font-weight: 400; } .recent-articles-title { background: url(..https://garagegymbuilder.com/images/articles_title.png) no-repeat center 0; } .review-cat-title { background: url(..https://garagegymbuilder.com/images/review_cat_title.png) no-repeat center 0; } .archive-header h1.main-title { padding-top: 28px; } /** * -- Main banner * ---------------------------------------------------------------------------- */ .main-section { margin: 32px 0; } .banner-wrapper, .featured-wrapper { position: relative; display: inline-block; width: 100%; } .banner-wrapper img { max-width: 100%; } .main-slider-banner { position: absolute; opacity: 0; left: 0; top: 34px; width: 300px; height: 70px; line-height: 70px; padding-left: 65px; background: url(..https://garagegymbuilder.com/images/main_slider_banner.png) no-repeat; background-size: 100% 100%; color: #FFF; font-size: 21px; z-index: 1; } .main-slider { display: inline-block; position: relative; float: left; width: 74.58%; opacity: 0; margin-bottom: 0; } .banner-wrapper .main-slider-width { width: 100%; } .main-slider .main-slider-item { overflow: hidden; max-height: 470px; } .main-slider-width .main-slider-item { max-height: 540px; } .main-slider a { margin: 0; } .main-slider .main-slider-item img { border-radius: 6px; min-width: 100%; height: 100%; } .main-banner-link { position: absolute; display: inline-block; font-family: "Montserrat", sans-serif; width: 55%; bottom: 40px; left: 78px; z-index: 2; } .main-banner-link .button-link { display: inline-block; opacity: 0; visibility: hidden; margin-top: 12px; border-radius: 4px; font-size: 13px; font-weight: 700; color: #FFF; background: #256de3; padding: 11px 27px 12px; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s, background 0.15s; transition: opacity 0.2s, transform 0.35s, background 0.15s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-banner-link .button-link:hover { background: #2560c1; } .main-banner-link .title-link { display: block; text-decoration: none; color: #FFF; line-height: 1.3; font-size: 36px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-banner-link .title-link:hover { color: #FFF; } .main-slider-item:hover .button-link { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); opacity: 1; visibility: visible; } .main-slider-item:hover .title-link { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } .main-banner-gradient { position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1; } .main-banner-gradient a { position: relative; display: inline-block; height: 100%; width: 100%; } .main-banner-gradient img { width: 100%; } .main-slider .slick-dots { position: absolute; bottom: 0px; padding-bottom: 12px; } .main-slider .slick-dots li { width: 14px; height: 14px; vertical-align: top; } .main-slider .slick-dots li button { padding: 0; width: 6px; height: 6px; background: #fff; opacity: 1; position: absolute; left: 4px; top: 4px; } .main-slider .slick-dots li.slick-active button { left: 0; top: 0; width: 14px; height: 14px; background: url(..https://garagegymbuilder.com/images/dots_active.png) no-repeat; } .nav-posts-item-wrap.slick-slider .slick-arrow.slick-disabled { display: none !important; } .review-banner { width: 23.73%; float: right; } .main-top-review, .main-last-review { position: relative; background: #fff; border-radius: 6px; border: 1px solid; transition: all 0.15s ease-in-out; overflow: hidden; } .main-top-review .substrate-review:before, .main-last-review .substrate-review:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 8px 8px 4px 4px; background: #fff; transition: all 0.15s ease-in-out; } .main-review-img { position: absolute; width: 100%; display: inline-block; left: 0; top: 0; height: 100%; } .main-review-img .img-review { display: inline-block; position: relative; height: 64%; width: 100%; background: #fff; border-radius: 6px 6px 0 0; text-align: center; } .related-post-item .main-review-img .img-review { overflow: hidden; } .main-review-img-resize .img-review img, .related-post-item .main-review-img-resize .img-review img { max-height: 100%; width: auto; border-radius: 6px 6px 0 0; float: none; margin: 0 auto; } .main-top-review { margin-bottom: 22px; border-radius: 6px; border-color: #256de3; } .substrate-review, .substrate-review > img { border-radius: 6px; } .main-top-review img, .main-last-review img, .related-post-item img { width: 100%; } .rate-details { display: inline-block; width: 85%; position: absolute; left: 18px; bottom: 8px; } .main-last-review .star-rating span:before { color: #256de3; } .main-top-review .rate-details-link, .main-last-review .rate-details-link { display: inline-block; color: #202020; transition: all 0.15s ease-in-out; font-family: "Arvo", serif; font-size: 13px; font-weight: 400; } .main-top-review-link, .main-last-review-link { display: inline-block; text-decoration: none; text-align: center; position: absolute; padding: 0 10% 0; left: -1px; top: -1px; right: -1px; bottom: -1px; background: rgba(20, 20, 20, 0.92); background-size: 100% 100%; transition: all 0.3s ease; opacity: 0; z-index: 3; visibility: hidden; border-radius: 6px; color: #fff; font-family: "Arvo", serif; font-size: 13px; } .main-top-review-link:hover, .main-top-review-link:focus, .main-last-review-link:hover, .main-last-review-link:focus { color: #fff; } .main-top-review-link > span, .main-last-review-link > span { display: inline-block; vertical-align: middle; zoom: 1; } .main-top-review-link > span .review-link-bage, .main-last-review-link > span .review-link-bage, .single-list-item .review-cat-post-image-link:after { display: inline-block; margin-bottom: 15px; width: 61px; height: 61px; } .single-list-item .review-cat-post-image-link:after { content: ""; position: absolute; left: 50%; top: 50%; margin-bottom: 0; margin-top: -30px; margin-left: -30px; z-index: 3; opacity: 0; visibility: hidden; transition: all 0.15s ease-in-out; } .main-top-review-link > span .review-link-bage + span, .main-last-review-link > span .review-link-bage + span { display: block; } .main-top-review-link > i, .main-last-review-link > i { display: inline-block; vertical-align: middle; height: 100%; width: 0; zoom: 1; } .main-top-review:hover .main-top-review-link, .main-last-review:hover .main-last-review-link { opacity: 1; visibility: visible; } .main-last-review { border-color: transparent; -webkit-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); -moz-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); } .last-review-left-banner, .related-post-date, .row-list-single-banner { display: inline-block; position: absolute; left: 0; top: 12px; width: 113px; height: 32px; line-height: 32px; padding-left: 11px; text-transform: uppercase; color: #FFF; font-weight: 600; font-size: 12px; z-index: 3; } /*.review-cat-post-image .review-cat-left-banner:before, .row-list-guide-banner:before { content: "\e924"; font-size: 32px; color: #256de3; display: block; position: absolute; width: 113px; height: 34px; left: 0; top: 0; font-family: 'WT-ico-font'; font-style: normal; font-weight: normal; z-index: 1; }*/ .top-review-left-banner { display: inline-block; position: absolute; right: 12px; top: 12px; width: 55px; height: 79px; background: #256de3; border-radius: 4px; z-index: 2; font-size: 8px; color: #fff; text-transform: uppercase; text-align: center; padding-top: 46px; } .top-review-left-banner:before { content: ""; position: absolute; width: 24px; height: 24px; left: 50%; margin-left: -12px; top: 14px; background: url(..https://garagegymbuilder.com/images/bage_hover_inv.png) no-repeat; background-size: 100% 100%; } .related-post-date, .row-list-single-banner { background: #edf1f4; color: #256de3; border-radius: 0 15px 15px 0; } .last-review-left-banner { left: inherit; right: 12px; border-radius: 15px; background: #256de3; text-align: center; padding-left: 0; } .row-list-single-banner { top: 20px; width: 90px; } .top-review-rate, .last-review-rate, .related-post-rate { display: inline-block; position: absolute; left: 12px; top: 12px; width: 50px; height: 32px; line-height: 32px; text-align: center; color: #FFF; font-size: 13px; border-radius: 15px; transition: all 0.25s ease; } .top-review-rate:before, .last-review-rate:before, .related-post-rate:before, .top-review-rate:after, .last-review-rate:after, .related-post-rate:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; } .top-review-rate:before, .last-review-rate:before, .related-post-rate:before { background: #fff; z-index: -2; } .top-review-rate:after, .last-review-rate:after, .related-post-rate:after { background: #256de3; z-index: -1; } .top-review-rate, .last-review-rate { z-index: 3; } .related-details { display: inline-block; width: 80%; position: absolute; left: 30px; bottom: 17px; opacity: 1; z-index: 2; visibility: visible; transition: all 0.25s ease; } .related-details .related-details-link { display: inline-block; color: #202020; font-family: "Arvo", serif; font-size: 18px; font-weight: 400; line-height: 1.2; text-decoration: none; } .related-details .related-details-link:hover { text-decoration: underline; } .review-star-rating { display: inline-block; width: 100%; margin-bottom: 0px; } .review-star-rating .star-rating-count { display: inline-block; margin-left: 12px; margin-top: 2px; color: #C9D1D5; font-size: 13px; float: left; vertical-align: bottom; } .review-star-rating .star-rating, .post-editor-rating .star-rating, .post-users-rating .star-rating { overflow: hidden; display: inline-block; position: relative; float: left; height: 15px; line-height: 1; width: 91px; font-size: 14px; font-family: star; vertical-align: bottom; } .star-rating:before { content: "SSSSS"; letter-spacing: 4px; color: #e2e2e2; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 17px; } .star-rating span:before { content: "SSSSS"; letter-spacing: 4px; top: 0; position: absolute; left: 0; color: #256de3; } .review-banner .review-star-rating .star-rating { height: 11px; width: 75px; font-size: 11px; } .review-banner .star-rating:before, .review-banner .star-rating span:before { letter-spacing: 3px; } .review-banner .star-rating span { padding-top: 11px; } /** * -- Main featured * ---------------------------------------------------------------------------- */ .main-featured-item { margin-bottom: 25px; display: inline-block; text-align: left; position: relative; width: 32.2%; float: left; margin-right: 1.7%; border-radius: 6px; transition: all 0.15s ease-in-out; } .main-featured-item img { max-width: 100%; } .featured-wrapper .main-featured-item:last-child { margin-right: 0; } .featured-image { display: inline-block; width: 100%; } .featured-image a { display: inline-block; position: relative; } .featured-image a:before { content: ""; position: absolute; border-radius: 6px 6px 0 0; left: 0; top: 0; bottom: 0; right: 0; background: url(..https://garagegymbuilder.com/images/featured_post_gradient.png) no-repeat; background-size: 100% 100%; } .featured-image a img { display: inline-block; border-radius: 6px 6px 0 0; width: 100%; } .main-featured-link { position: relative; background: #256de3; text-align: center; padding: 36px 5px 34px; border-radius: 0 0 6px 6px; transition: all 0.15s ease-in-out; } .main-featured-link .title-link { text-decoration: none; color: #fff; font-family: "Arvo", serif; font-size: 22px; font-weight: 400; } .main-featured-link .title-link:hover { color: #fff; } .main-featured-icon { position: absolute; z-index: 3; left: 50%; margin-left: -45px; top: -57px; } .main-featured-icon img { width: 90px; } /** * -- Review categories * ---------------------------------------------------------------------------- */ .review-categories { margin-top: 32px; } .review-cat-wrapper, .recent-articles-wrapper, .blog-cat-wrapper, .most-viewed-wrapper { display: inline-block; width: 100%; padding-top: 32px; } .recent-articles-wrapper { padding-top: 40px; } .review-cat-title, .monthly-giveway-title, .recent-articles-title, .blog-cat-title { text-align: center; } .review-cat-title span:before, .monthly-giveway-title span:before, .recent-articles-title span:before, .blog-cat-title span:before { right: 80%; } .review-cat-title span:after, .monthly-giveway-title span:after, .recent-articles-title span:after, .blog-cat-title span:after { left: 80%; } .review-cat-items { display: inline-block; /*width: 100%;*/ padding-top: 50px; margin: 0 -10px; } .review-cat-item-wrap { display: inline-block; float: left; padding: 0 10px 36px; width: 25%; } .review-cat-item { position: relative; display: inline-block; width: 100%; text-align: center; background-color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 6px; transition: all 0.15s ease-in-out; -webkit-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); -moz-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); } .review-cat-item-top { position: relative; } .review-cat-item-img, .review-cat-item-top, .review-cat-item-bottom { display: inline-block; width: 100%; float: left; } .review-cat-item .review-cat-item-img a { display: inline-block; overflow: hidden; border-radius: 6px 6px 0 0; position: relative; float: left; z-index: 2; transition: all 0.15s ease-in-out; } .review-cat-item img { border-radius: 6px 6px 0 0; width: 100%; } .review-cat-item-link { position: absolute; text-align: center; width: 100%; left: 0; bottom: 0; padding: 0 15px 25px; z-index: 2; } .review-cat-item-link a, .review-cat-item-link a:hover { color: #FFF; font-family: "Arvo", serif; font-size: 22px; font-weight: 400; text-decoration: none; } .review-cat-item-top .review-cat-item-icon { display: inline-block; position: absolute; left: 50%; top: 28%; margin-left: -31px; z-index: 2; } .review-cat-item-bottom { height: 220px; } .cat-item-childs-wrap { padding: 22px 24px; background: #fff; height: 180px; transition: all 0.15s ease-in-out; } .cat-item-childs-wrap > ul { height: 120px; overflow: hidden; transition: all 0.15s ease-in-out; } .review-cat-item-childs { margin: 0; padding: 0; text-align: left; list-style: none; } .review-cat-item-childs li { position: relative; margin-bottom: 6px; padding-left: 17px; } .review-cat-item-childs li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; border-radius: 50%; width: 5px; height: 5px; background: #256de3; } .review-cat-item-childs li a { color: #6C6F72; font-size: 15px; } .review-cat-item-childs li a:hover { text-decoration: underline; } .review-cat-button-link { display: inline-block; border-top: 1px solid #edf1f4; background: #fff; width: 100%; height: 40px; border-radius: 0 0 6px 6px; padding-top: 9px; text-align: center; font-size: 14px; transition: color 0.15s ease-in-out, background 0.15s ease-in-out; } .review-cat-button-link:hover { background: #292929; color: #fff; } .review-cat-item-opened { z-index: 6; } .review-cat-item-bottom-open { border-radius: 0 0 6px 6px; } .review-cat-item-opened .review-cat-item-bottom-open { -webkit-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); -moz-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); } .review-cat-item-opened .cat-item-childs-wrap, .review-cat-item-opened .review-cat-item-childs { height: auto; } /** * -- Recent Articles * ---------------------------------------------------------------------------- */ .recent-articles-items { display: inline-block; width: 100%; margin-top: 50px; } .last-article { display: inline-block; float: left; width: 66.1%; position: relative; } .last-article .last-article-img-link { display: inline-block; } .last-article .last-article-img-link img { width: 100%; } .last-article-date { position: absolute; top: 27px; left: 0; display: inline-block; width: 177px; height: 36px; line-height: 36px; padding-left: 20px; background-color: rgba(255, 255, 255, 0.75); color: #00B; font-size: 15px; font-weight: 700; border-radius: 0 20px 20px 0; } .last-article-date > span { color: #00B; font-size: 15px; margin-left: 15px; } .last-article-info { position: absolute; width: 47.44%; background-color: rgba(255, 255, 255, 0.75); left: 10px; bottom: 20px; display: inline-block; padding: 13px 0 15px; } .last-article-author, .last-article-link { display: inline-block; padding-left: 30px; width: 72.97%; padding-bottom: 11px; border-bottom: 1px solid #e6e6e6; } .last-article-link { padding-top: 7px; } .last-article-author .avatar { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; margin-right: 20px; } .last-article-author span { display: inline-block; padding-top: 15px; color: #292D32; font-size: 15px; } .last-article-link a { color: #2A2D32; font-size: 18px; font-weight: 500; text-decoration: none; line-height: 1.4; } .last-article-link a:hover, .last-article-link a:focus { text-decoration: underline; color: #2A2D32; } .last-article-counts { display: inline-block; padding-left: 30px; width: 72.97%; padding-top: 14px; } .last-article-likes, .last-article-comments, .blog-cat-post-views, .row-list-post-views, .blog-cat-post-comments, .post-comments-count, .post-likes, .blog-cat-post-share, .related-post-views, .related-post-likes, .related-post-share, .row-list-post-share { display: inline-block; color: #256DE3; font-family: "Montserrat", sans-serif; line-height: 19px; font-size: 10px; font-weight: 700; text-transform: uppercase; } .site-content .post-comments-count, .review-post-content .post-comments-count { cursor: pointer; } .last-article-likes { padding-left: 25px; background: url(..https://garagegymbuilder.com/images/likes_count.png) no-repeat 0 center; } .last-article-comments, .blog-cat-post-comments, .post-comments-count { margin-left: 20px; } .last-article-comments i.hunt-icon:before, .blog-cat-post-comments i.hunt-icon:before, .post-comments-count i.hunt-icon:before { content: ""; } .top-stories-wrap { width: 32.2%; float: right; display: inline-block; background: #fff; border: 1px solid #dfe5e8; } .top-stories-title span { display: inline-block; position: relative; line-height: 32px; padding-left: 45px; } .top-stories-title span:before { content: ""; position: absolute; left: 0; top: 0; font-family: "WT-ico-font"; font-style: normal; font-weight: normal; color: #fff; font-size: 32px; } .top-stories-nav { display: inline-block; width: 100%; margin: 0; padding: 0; list-style: none; float: left; border-bottom: 1px solid #dfe5e8; } .top-stories-nav li { width: 50%; line-height: 50px; position: relative; text-align: center; color: #41CCF5; font-size: 13px; float: left; border: 1px solid transparent; margin-bottom: -1px; cursor: pointer; } .top-stories-nav li.active { border: 1px solid; border-color: #256de3; background: rgba(239, 251, 254, 0.4); } .top-stories-nav li:first-child { left: -1px; } .top-stories-nav li:last-child { right: -2px; } .top-stories-nav li.active:before { content: ""; position: absolute; width: 12px; height: 7px; bottom: -7px; left: 50%; margin-left: -6px; background: url(..https://garagegymbuilder.com/images/top_stories_nav.png) no-repeat; } .top-stories-content { display: inline-block; width: 100%; border-top: none; padding: 24px 20px 0px; } .top-stories-list { display: none; margin: 0; padding: 0; list-style: none; /*border-top: 1px solid; border-color: #256de3;*/ } .top-stories-list li { padding-top: 40px; } .top-stories-item { display: inline-block; width: 100%; } .top-stories-item-image { display: inline-block; float: left; width: 46.63%; } .top-stories-item-image a { display: block; position: relative; transition: all 0.15s ease-in-out; } .top-stories-item-image img { max-width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .top-stories-item-content { display: inline-block; float: right; width: 48%; } .top-stories-item-content > a.top-stories-item-title { line-height: 1.4; display: block; color: #202020; font-family: "Arvo", serif; font-size: 16px; font-weight: 400; } .top-stories-item-content > a.top-stories-item-cat { display: inline-block; margin: 8px 0 0; padding: 6px 8px; color: #FFF; font-family: "Montserrat", sans-serif; font-size: 9px; font-weight: 400; text-transform: uppercase; background: #256de3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .top-stories-item-info { display: block; margin-top: 8px; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 300; color: #256DE3; text-transform: uppercase; } .top-stories-item-info span { color: #6B6C72; } .top-stories-list.active { display: block; } .main-sidebar .blog-cat-post-image img { border-radius: 0; } .main-sidebar .blog-list-item .blog-cat-post-content { padding: 12px 28px 0px; } .main-sidebar .blog-list-item { border-radius: 0; position: relative; } .main-sidebar .blog-list-item:after { content: ""; position: absolute; width: 82%; left: 50%; bottom: 0; margin-left: -41%; height: 1px; background: #256de3; transition: all 0.15s ease-in-out; } /** * -- Blog Categories * ---------------------------------------------------------------------------- */ .blog-categories { margin-top: 32px; } .blog-cat-title span { background: url(..https://garagegymbuilder.com/images/blog_cat_title.png) no-repeat center 0; } .blog-cat-items { display: inline-block; width: 100%; margin-top: 50px; } .blog-cat-list { display: inline-block; text-align: center; width: 100%; margin: 0 0 28px 0; padding: 0; list-style: none; } .blog-cat-list li { display: inline-block; position: relative; text-align: center; cursor: pointer; background: #fff; border: 1px solid; border-color: #256de3; border-radius: 18px; margin-right: 10px; margin-bottom: 14px; line-height: 37px; padding: 0 32px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #256de3; transition: all 0.15s ease-in-out; } .blog-cat-list li:last-child { margin-right: 0; } .blog-cat-list li.active, .blog-cat-list li:hover { color: #fff; background: #256de3; } .blog-cat-content { display: inline-block; width: 100%; } .blog-cat-content .blog-list-item-wrap, .most-viewed-wrapper .blog-list-item-wrap { padding: 0 10px; } .blog-cat-content .blog-list-item, .most-viewed-wrapper .blog-most-viewed-item .blog-list-item, .row-list-item { background: #fff; height: 100%; -webkit-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); -moz-box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); } .blog-cat-item { display: none; /*width: 100%;*/ margin: 0 -10px; } .blog-cat-news-item { margin-bottom: 25px; display: inline-block; text-align: left; width: 32.2%; float: left; margin-right: 1.7%; background: #fff; box-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.18); } .blog-cat-item-center { text-align: center; } .blog-cat-item-center .blog-cat-news-item { float: none; vertical-align: top; } .blog-cat-no-news { background: #fff; text-align: center; border: 1px solid; border-color: #256de3; padding: 25px; margin-bottom: 45px; color: #256de3; font-weight: 700; font-size: 31px; } .blog-cat-item .blog-cat-news-item:last-child { margin-right: 0; } .blog-cat-main-link { text-align: center; margin: 0 0 20px; } .blog-cat-main-link > a { display: inline-block; text-decoration: none; color: #FFF; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; background: #256de3; border-radius: 5px; line-height: 40px; padding: 0 40px; transition: all 0.15s ease-in-out; } .blog-cat-post-image, .row-list-post-image { position: relative; } .blog-cat-post-image > a, .row-list-post-image > a { border-radius: 6px 6px 0 0; position: relative; overflow: hidden; z-index: 2; display: block; } .sidebar-top-stories .blog-cat-post-image > a { border-radius: 0; } .blog-list-item:hover .blog-cat-post-image a:before, .row-list-item:hover .row-list-post-image a:before { opacity: 0; } .blog-cat-post-image img, .row-list-post-image img { width: 100%; } .blog-cat-post-image > a:before, .row-list-post-image > a:before { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: url(..https://garagegymbuilder.com/images/post_list_image_gradient.png) no-repeat; background-size: 100% 100%; } .single-review-list-item .row-list-post-image > a:before { display: none; } .blog-cat-post-image img, .row-list-post-image img { border-radius: 6px 6px 0 0; transition: transform 0.1s linear; } .blog-cat-post-date { position: absolute; top: 17px; left: 0; display: inline-block; width: 60px; height: 26px; line-height: 30px; padding-left: 11px; background-color: rgba(255, 255, 255, 0.75); color: #00B; font-size: 13px; border-radius: 0 20px 20px 0; } .blog-cat-news-item img { width: 100%; } .blog-cat-post-content, .row-list-post-content { padding: 15px 38px 20px; } .blog-cat-post-content > a, .row-list-post-content > a { display: inline-block; width: 85%; margin-bottom: 18px; text-decoration: none; color: #2A2D32; font-weight: 500; font-size: 18px; } .blog-cat-post-content > a:hover, .row-list-post-content > a:hover { color: #2A2D32; text-decoration: underline; } .blog-cat-post-content > span, .row-list-post-content > span { display: block; color: #2A2D32; font-size: 15px; } .blog-cat-post-info, .row-list-post-info { display: inline-block; width: 100%; padding: 8px 28px 8px 38px; } .blog-cat-post-author, .row-list-post-author { display: inline-block; float: left; } .blog-cat-post-author img, .row-list-post-author img { width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; margin-right: 12px; } .blog-cat-post-author span, .row-list-post-author span { display: inline-block; padding-top: 10px; color: #4545E1; font-size: 13px; font-weight: 700; } .blog-cat-post-counts, .row-list-post-counts { display: inline-block; position: relative; float: right; line-height: 20px; } .blog-cat-post-views i.hunt-icon:before, .related-post-views i.hunt-icon:before, .row-list-post-views i.hunt-icon:before { content: ""; } .blog-cat-post-comments { margin-left: 13px; } /** * -- Most Viewed * ---------------------------------------------------------------------------- */ .most-viewed { margin-top: 32px; } .most-viewed h2 > i.hunt-icon > .path1:before { content: ""; } .most-viewed h2 > i.hunt-icon > .path2:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path3:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path4:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path5:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path6:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path7:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path8:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path9:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path10:before { content: ""; margin-left: -1.1181640625em; } .most-viewed h2 > i.hunt-icon > .path11:before { content: ""; margin-left: -1.1181640625em; } .blog-most-viewed-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*width: 100%;*/ margin: 0 -10px; } .blog-cat-item.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .blog-cat-item-center.active { display: inline-block; } .blog-most-viewed-item .blog-list-item-wrap { margin-bottom: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; } /** * --Newsletter * ---------------------------------------------------------------------------- */ .sign-up-before { margin-top: 80px; } .sign-up-wrap { position: relative; padding: 88px 0 112px; background: #edf1f4; } .sign-up-before-inside:before { top: -48%; z-index: 1; } .sign-up-before-none:before { background: #fff; } .sign-up-wrap .container { position: relative; } .sign-up { text-align: center; margin: 0; } .sign-up form { display: inline-block; } .sign-up .btn-default, .comment-form .submit, .submit-button, .single-page-content input[type=submit], .search-no-results .nothing-found-content .search-form .search-submit { display: inline-block; width: 120px; height: 40px; margin-left: 20px; border-radius: 5px; border: none; outline: none; cursor: pointer; background: #256de3; font-family: "Montserrat", sans-serif; font-weight: 700; color: #FFF; font-size: 10px; text-transform: uppercase; transition: all 300ms; } .sign-up .btn-default, .search-no-results .nothing-found-content .search-form .search-submit { float: left; margin-left: 0; border-radius: 0 5px 5px 0; width: 94px; } .comment-form .submit, .submit-button { width: auto; padding: 0 40px; margin-left: 0; } .comment-form .submit { background: #256de3; border-radius: 5px; } .sign-up .btn-default:hover, .comment-form .submit:hover, .submit-button:hover, .single-page-content input[type=submit]:hover, .search-no-results .nothing-found-content .search-form .search-submit:hover { background: #2560c1; } .sign-up form { display: inline-block; } .sign-up .newsletter-email, .search-no-results .nothing-found-content input[type=search] { display: inline-block; float: left; background: none; width: 285px; height: 40px; padding: 0 10px 0 18px; box-shadow: none; outline: none; border-radius: 5px 0 0 5px; border: 1px solid #e8e9ed; border-right: 0; background: #FFF; font-size: 14px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .search-no-results .nothing-found-content input[type=search] { padding: 0 0 0 18px; } .sign-up .success-message { margin: 0 0 15px; color: #2C2C2C; font-size: 21px; } /** * --Entry Header * ---------------------------------------------------------------------------- */ .sidebar .entry-header .entry-meta { padding: 0; } .entry-thumbnail img { display: block; margin: 0 auto 10px; } .entry-header { margin-bottom: 30px; } .entry-title { font-weight: normal; margin: 0 0 5px; } .entry-title a { color: #141412; } .entry-title a:hover { color: #ea9629; } /** * --Entry Meta * ---------------------------------------------------------------------------- */ .entry-meta { clear: both; font-size: 14px; } .entry-meta a { color: #bc360a; } .entry-meta a:hover { color: #bc360a; } .entry-meta > span { margin-right: 20px; } .entry-meta > span:last-child { margin-right: 0; } .featured-post:before { content: ""; margin-right: 2px; } .entry-meta .date a:before { content: ""; } .comments-link a:before { content: ""; margin-right: 2px; position: relative; top: -1px; } .entry-meta .author a:before { content: ""; position: relative; top: -1px; } .categories-links a:first-child:before { content: ""; } .tags-links a:first-child:before { content: ""; position: relative; top: -1px; } .edit-link a:before { content: ""; position: relative; top: -1px; } .single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; } /** * --Entry Content * ---------------------------------------------------------------------------- */ .sign-up h2.main-title, .review-categories h2.main-title, .blog-categories h2.main-title, .most-viewed h2.main-title { text-align: center; position: relative; } .review-categories h2.main-title .site-navigation-search .search-form:before, .blog-categories h2.main-title .search-form:before, .most-viewed h2.main-title .search-form:before { display: none; } .review-categories h2.main-title .site-navigation-search, .blog-categories h2.main-title .site-navigation-search, .most-viewed h2.main-title .site-navigation-search { position: absolute; right: 0; bottom: 10px; } .review-categories h2.main-title .site-navigation-search .search-field, .blog-categories h2.main-title .site-navigation-search .search-field, .most-viewed h2.main-title .site-navigation-search .search-field { height: 32px; } .review-categories h2.main-title .site-navigation-search > span, .blog-categories h2.main-title .site-navigation-search > span, .most-viewed h2.main-title .site-navigation-search > span { vertical-align: middle; margin-top: 0; font-weight: 700; margin-top: 9px; } .review-categories h2.main-title .search-form label > i.hunt-icon, .review-categories h2.main-title .site-navigation-search .search-form .search-submit, .blog-categories h2.main-title .search-form label > i.hunt-icon, .blog-categories h2.main-title .search-form .search-submit, .most-viewed h2.main-title .search-form label > i.hunt-icon, .most-viewed h2.main-title .site-navigation-search .search-form .search-submit { top: 16px; } .review-categories h2.main-title .site-navigation-search .search-form, .blog-categories h2.main-title .site-navigation-search .search-form, .most-viewed h2.main-title .site-navigation-search .search-form { float: none; vertical-align: middle; } .sign-up h2 > span, .review-categories h2 > span, .blog-categories h2 > span, .most-viewed h2 > span { margin-top: 15px; display: block; } .sign-up h2 > i.hunt-icon, .review-categories h2 > i.hunt-icon, .blog-categories h2 > i.hunt-icon, .most-viewed h2 > i.hunt-icon { font-size: 46px; } .sign-up h2 > i.hunt-icon:before { content: ""; } .review-categories h2 > i.hunt-icon:before { content: ""; } .entry-blog-title, .entry-post-title, .entry-review-title, .entry-page-title { position: relative; font-weight: 400; font-family: "Arvo", serif; color: #45454B; margin: 0 0 16px; } .entry-post-title { text-align: center; margin: 5px 0 35px; overflow: hidden; } .review-post-content .entry-post-title { margin: 5px 0 50px; } .entry-post-title span { display: inline-block; position: relative; } .entry-post-title span:before { right: 105%; } .entry-post-title span:after { left: 105%; } .entry-blog-title, .entry-review-title { margin: 0 0 18px; padding: 0 0 16px; width: 85%; } .review-single-content .entry-review-title { margin: 0 0 32px; } .entry-blog-title:before, .entry-review-title:before { content: ""; position: absolute; width: 280px; height: 1px; left: 0; bottom: 0; background: #256de3; } .entry-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-content .more-link { white-space: nowrap; } .entry-content blockquote { font-size: 24px; } .entry-content blockquote cite, .entry-content blockquote small { font-size: 16px; } footer.entry-meta { margin-top: 24px; } /* Page links */ .page-links { clear: both; font-size: 16px; font-style: italic; font-weight: normal; line-height: 2.2; margin: 20px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; } .page-links a { background: #e63f2a; border: 1px solid #e63f2a; color: #fff; } .page-links a:hover { background: #fff; color: #e63f2a; } .page-links .page-links-title { background: transparent; border: none; margin-right: 20px; padding: 0; } /* Mediaelements */ .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #220e10; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #ea9629; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } /** * --Related posts * ---------------------------------------------------------------------------- */ .related-posts-wrap { padding: 60px 0 30px; } .review-post-content .related-posts-wrap .entry-post-title { margin: 5px 0 40px; text-transform: uppercase; overflow: hidden; } .review-post-content .related-posts-wrap .entry-post-title span:before, .review-post-content .related-posts-wrap .entry-post-title span:after { content: ""; position: absolute; height: 1px; background: #256de3; width: 500px; top: 18px; } .review-post-content .related-posts-wrap .entry-post-title span:before { right: 106%; } .review-post-content .related-posts-wrap .entry-post-title span:after { left: 106%; } .related-posts-wrap, .elated-posts-items-wrap { display: inline-block; width: 100%; } .related-posts-items-wrap { display: inline-block; width: 100%; } .related-post-item { display: inline-block; position: relative; float: left; width: 32%; margin-right: 2%; background-color: #FFF; border: 1px solid; border-color: #256DE3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; transition: all 0.25s ease; } .related-post-hover-link, .related-post-hover-link:hover, .related-post-hover-link:focus { position: absolute; color: #292D32; font-family: "Arvo", serif; font-size: 15px; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.91); -moz-box-shadow: 0 0 38px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 38px rgba(0, 0, 0, 0.2); box-shadow: 0 0 38px rgba(0, 0, 0, 0.2); border-radius: 6px; opacity: 0; visibility: hidden; transition: all 0.25s ease; } .related-post-hover-link span { display: inline-block; position: absolute; bottom: 34px; left: 15%; max-width: 80%; } .related-post-hover-stat { position: absolute; display: block; width: 100%; text-align: center; top: 50%; margin-top: -50px; opacity: 0; visibility: hidden; transition: all 0.25s ease; } .related-post-likes, .related-post-views { margin-right: 8px; } .related-post-item-hover { border-color: rgba(0, 0, 0, 0) !important; } .related-post-item-hover .related-post-hover-link, .related-post-item-hover .related-post-hover-stat { opacity: 1; visibility: visible; } .related-post-item-hover .related-details, .related-post-item-hover .related-post-rate { opacity: 0; visibility: hidden; } .related-posts-items-wrap-active .related-post-item { opacity: 0.16; } .related-posts-items-wrap-active .related-post-item-hover { opacity: 1; } .related-post-share, .related-post-views { display: inline-block; margin-left: 0; } .related-posts-items-wrap .related-post-item:last-child { margin-right: 0; } .related-post-item .substrate-related img { border-radius: 6px; } .related-post-item .main-review-img img { border-radius: 6px 6px 0 0; float: left; } .top-stories-inside-wrap { margin-top: 75px; } .top-stories-inside-wrap .top-stories-title { text-align: center; float: none; } .top-stories-inside { display: inline-block; width: 100%; background: #fff; border: 1px solid; border-color: #256de3; border-radius: 0 0 6px 6px; } .top-stories-inside img { border-radius: 6px; } .most-read-inside, .top-reviews-inside { float: left; display: inline-block; width: 50%; padding-bottom: 17px; } .most-read-inside { border-right: 1px solid; border-color: #256de3; } .top-reviews-inside { margin-left: -1px; border-left: 1px solid; border-color: #256de3; } .most-read-inside-title, .top-reviews-inside-title { padding: 18px 0; display: block; margin-bottom: 20px; text-align: center; color: #515154; font-family: "Arvo", serif; font-weight: 700; font-size: 16px; background: #fff; border-bottom: 1px solid; border-color: #256de3; } .top-reviews-inside-title { background: #fff; } .most-read-inside-item, .top-reviews-inside-item { display: inline-block; width: 100%; padding: 0 20px; margin-bottom: 17px; } .most-read-inside-left, .top-reviews-inside-left { display: inline-block; position: relative; width: 39.75%; float: left; } .most-read-inside-left img, .top-reviews-inside-left img { width: 100%; } .most-read-inside-right, .top-reviews-inside-right { display: inline-block; width: 54.8%; float: right; } .most-read-inside-item .most-read-inside-link, .top-reviews-inside-item .top-reviews-inside-link { color: #292D32; font-weight: 600; } .most-read-inside-item .most-read-inside-link:hover, .top-reviews-inside-item .top-reviews-inside-link:hover { text-decoration: underline; } .most-read-inside-item .post-date, .top-reviews-inside-item .post-date { display: block; font-size: 14px; margin-top: 10px; } .top-reviews-inside-item .post-date { margin-bottom: 3px; } .top-reviews-inside-item .related-post-rate { top: 2px; left: 4px; } /** * --Review/Blog Post styles * ---------------------------------------------------------------------------- */ .review-content-wrap, .blog-content-wrap, .single-page-wrap { display: inline-block; width: 100%; } .review-content, .blog-content, .single-page-content { float: left; display: inline-block; width: 74.58%; } .single-page-content.single-page-content-full, .single-page-content-full { display: block; float: none; width: 100%; } .review-list .review-content { float: right; } .blog-content-inside, .review-content-inside { font-size: 18px; line-height: 1.6; } .blog-content h2, .single-page-content h2 { color: #45454B; font-size: 24px; font-weight: 600; text-transform: uppercase; } .blog-content h3, .single-page-content h3 { color: #45454B; font-size: 22px; font-weight: 600; text-transform: uppercase; } .blog-content h4, .single-page-content h4 { font-size: 20px; } .blog-content ul { list-style-type: disc; margin: 15px 0; padding: 0 0 0 40px; } .sources-section { margin-top: 30px; padding-bottom: 30px; font-size: 17px; color: #2A2D32; line-height: 1.6; } .sources-section .sources-title { font-size: 30px; margin: 0 0 30px; } .sources-section .sources-content ol { padding-left: 0; } .sources-section .sources-content ol li { position: relative; list-style: decimal outside; margin-left: 18px; margin-bottom: 15px; padding-left: 22px; } .sources-section .sources-content ul li { margin-bottom: 12px; } .review-content img, .blog-content img, .single-page-content img, .blog-cat-content img, .blog-most-viewed-item img { max-width: 100%; max-height: 480px; width: auto; height: auto; } .single-page-content { position: relative; font-size: 18px; line-height: 1.6; } .main-sidebar { float: right; display: inline-block; width: 23.73%; } .category-hidden { overflow: hidden; } .review-list .main-sidebar { float: left; } .close-sidebar-filter { position: absolute; cursor: pointer; display: none; top: 0px; right: 40px; margin: 15px; width: 30px; height: 30px; z-index: 10; } .close-sidebar-filter:before, .close-sidebar-filter:after { content: ""; position: absolute; margin: -0.5px -21px; top: 50%; left: 50%; height: 1px; width: 42px; background: #256de3; } .close-sidebar-filter:before { transform: rotate(45deg); } .close-sidebar-filter:after { transform: rotate(-45deg); } .category-hidden .close-sidebar-filter { display: block; } .filter-by-button { position: fixed; padding: 10px 0; left: 0; bottom: 0; z-index: 40; width: 100%; text-align: center; cursor: pointer; color: #FFF; font-size: 20px; text-transform: uppercase; background: #256de3; display: none; transition: all 0.15s ease-in-out; } .review-post-content .review-post { padding: 80px 0 0; } .review-post-content .review-post .entry-review-title { font-size: 30px; text-transform: uppercase; } .review-single-content .entry-review-title { padding-bottom: 0; text-align: center; } .review-single-content .entry-review-title:before { display: none; } .review-post-content .review-post .post-author-info { margin-top: 15px; } .review-post-content .main-sidebar { margin-top: 29px; } .site-content .review-default-content .post-author { margin-right: 40px; } .site-content .review-default-content .post-counters { float: left; } .blog-post-content .main-sidebar { margin-top: 10px; } .review-slides-content { position: relative; display: inline-block; width: 100%; padding-bottom: 17px; border-bottom: 1px solid #e6e6e6; } .review-single-slide .slider-min { padding: 55px 120px 0; } .slider-min, .entry-blog-info, .entry-review-info { display: inline-block; width: 100%; } .slider-min > .bx-wrapper { margin: 0; padding: 80px 5px 0; display: inline-block; float: left; width: 79.55%; } .review-single-slide .slider-min > .bx-wrapper { width: 100%; } .slider-min .bx-wrapper .thumb-slider, .slider-min .bx-wrapper .thumb-slider li { list-style: none; margin: 0; padding: 0; } .slider-min .bx-wrapper .thumb-slider li { float: none !important; display: inline-block; vertical-align: middle; text-align: center; } .slider-min .thumb-slider { list-style: none; margin: 0; padding: 0; } .slider-min .thumb-slider li img { width: auto; display: inline-block; } .slider-min .bx-wrapper img { /*width: 100%;*/ width: auto; margin: 0 auto; } .fancybox-overlay { z-index: 9999991; } #fancybox-thumbs.bottom, .fancybox-opened { z-index: 9999992; } .fancybox-close { z-index: 9999993; } .slider-min #thumb-pager { display: inline-block; float: right; width: 14.77%; } .slider-min #own-thumb-pager { display: inline-block; position: relative; z-index: 1; width: 100%; padding: 0 25px; } .slider-min #own-thumb-pager.own-thumb-pager-no-controls { padding: 0; } #thumb-pager .bx-wrapper .bx-viewport { left: 0; } .slider-min .thumb-pager, .slider-min .own-thumb-pager { list-style: none; margin: 0; padding: 0; } .slider-min #own-thumb-pager .bx-wrapper .bx-prev, .slider-min #own-thumb-pager .bx-wrapper .bx-next { width: 27px; height: 27px; transform: rotate(45deg) translateZ(1px); background: none; margin-top: -14px; z-index: -1; transition: all 0.15s; } .slider-min #own-thumb-pager .bx-wrapper .bx-prev { left: -27px; border-bottom: 5px solid; border-left: 5px solid; } .slider-min #own-thumb-pager .bx-wrapper .bx-next { right: -27px; border-top: 5px solid; border-right: 5px solid; } .slider-min #own-thumb-pager .bx-wrapper .bx-prev.disabled { border-bottom: 5px solid #dfe5e8; border-left: 5px solid #dfe5e8; cursor: default; } .slider-min #own-thumb-pager .bx-wrapper .bx-next.disabled { border-top: 5px solid #dfe5e8; border-right: 5px solid #dfe5e8; cursor: default; } .slider-min #own-thumb-pager li a { background: none; margin: 0; border: 1px solid rgba(223, 223, 223, 0.8); } .slider-min .own-thumb-pager li { padding: 10px 6px; } .own-thumb-pager-title { margin: 26px 0 12px; text-align: center; color: #256de3; font-size: 17px; } .slider-min #thumb-pager a, .slide-amazon-link, .slide-amazon-link-wrap a, .slider-min #own-thumb-pager li a { position: relative; display: block; margin-bottom: 13px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); border: 1px solid rgba(0, 0, 0, 0.05); transition: all 0.3s; width: 100%; } /*.slider-min #thumb-pager a { position: relative; overflow: hidden; }*/ #thumb-pager .thumb-image-wrap { position: absolute; width: 100%; display: inline-block; text-align: center; left: 0; top: 0; padding: 0 2% 0; height: 100%; } #thumb-pager .thumb-image { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; zoom: 1; width: 100%; height: 100%; padding: 10px 4px; } #thumb-pager .thumb-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } #thumb-pager .thumb-image-helper, .img-helper { display: inline-block; vertical-align: middle; height: 100%; width: 0; zoom: 1; } .slider-min #thumb-pager a:hover, .slider-min .slide-amazon-link:hover, .slide-amazon-link-wrap a:hover { -webkit-box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25); box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25); } .slider-min #thumb-pager a.active, .slider-min #thumb-pager a.active:hover { border: 1px solid; border-color: #256de3; box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); } .slider-min #thumb-pager a img { max-height: 100%; } .slider-min .slide-amazon-link, .slide-amazon-link-wrap a { text-align: center; padding: 17px 0; color: #256de3; font-size: 14px; text-decoration: none; } .slider-min .slide-amazon-link:hover, .slide-amazon-link-wrap a:hover { color: #2560c1; } .slider-min .slide-amazon-link span, .slide-amazon-link-wrap a span { color: #FF9D0A; } .slide-amazon-link-wrap { display: inline-block; float: right; width: 14.77%; } .entry-post-info, .entry-review-info { margin-bottom: 25px; } .entry-post-info { display: inline-block; width: 100%; } @media (max-width: 998px) { .entry-post-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; } } .post-author { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; color: #3A3D4A; text-transform: uppercase; font-size: 11px; } .site-content .post-author { float: left; } .review-post-author { display: block; margin-bottom: 40px; margin-top: -50px; min-width: 200px; } .post-author .post-author-img { display: inline-block; float: left; margin-right: 11px; } .post-author .avatar { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post-author-info { display: inline-block; margin-top: 8px; float: left; } .post-author .display-name span { color: #256DE3; } .post-author .display-name { display: block; line-height: 1; } .post-date { color: #256DE3; } .editor-rating-banner { display: inline-block; border-radius: 4px; position: relative; font-family: "Montserrat", sans-serif; font-size: 40px; color: #fff; font-weight: 700; padding-top: 55px; position: absolute; text-align: center; top: 0; right: 20%; width: 80px; height: 120px; background: #256de3; z-index: 1; } .editor-rating-banner:before { content: ""; position: absolute; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 14px; background: url(..https://garagegymbuilder.com/images/bage_hover_inv.png) no-repeat; background-size: 100% 100%; } .post-counters { position: relative; } .review-post-content .post-counters { margin-top: 20px; } .review-post-content .review-default-content .post-counters { margin-top: 0; } .site-content .post-counters, .review-default-content .post-counters { display: inline-block; float: right; } .post-counters span { vertical-align: bottom; } .post-likes { cursor: pointer; } .post-likes i.hunt-icon, .last-article-comments i.hunt-icon, .blog-cat-post-comments i.hunt-icon, .post-comments-count i.hunt-icon { display: inline-block; margin-right: 8px; font-size: 19px; vertical-align: middle; } .post-likes i.hunt-icon:before { content: ""; } .post-likes-popup { position: absolute; left: -40px; top: -21px; z-index: 1; padding: 5px 10px; background: #fff; font-family: "Montserrat", sans-serif; font-size: 11px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25); box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0.9px 4.9px 21px rgba(0, 0, 0, 0.25); } .post-likes-popup:before { content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -5px; width: 0px; height: 10px; border: 5px solid transparent; border-top: 5px solid #fff; } .post-comments-count { margin-left: 18px; } .post-image { position: relative; margin-bottom: 50px; } .post-image-gradient { display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(..https://garagegymbuilder.com/images/post_image_gradient.png) no-repeat; background-size: 100% 100%; } .post-image img { width: 100%; } .post-image-logo { position: absolute; left: 35px; top: 30px; z-index: 2; } .post-image-text { position: absolute; display: inline-block; width: 100%; left: 0; bottom: 0; padding: 20px 20px 30px 38px; /*background: url(..https://garagegymbuilder.com/images/post_img_overlay.png) no-repeat; background-size: 100% 100%;*/ background: -moz-linear-gradient(left, #256de3 0%, rgba(37, 109, 227, 0.35) 100%); background: -webkit-linear-gradient(left, #256de3 0%, rgba(37, 109, 227, 0.35) 100%); background: linear-gradient(to right, #256de3 0%, rgba(37, 109, 227, 0.35) 100%); z-index: 2; } .post-image-title { display: block; margin-bottom: 16px; width: 70%; color: #FFF; font-size: 24px; font-weight: 600; text-transform: uppercase; } .post-image-link { display: inline-block; color: #FFF; font-size: 18px; font-weight: 400; } .review-post-ratings-content { display: inline-block; width: 100%; text-align: center; padding-top: 18px; padding-bottom: 29px; } .post-editor-rating { float: left; display: inline-block; text-align: left; } .post-users-rating { float: right; display: inline-block; text-align: left; max-width: 220px; } .post-editor-rating-title, .post-users-rating-title { display: block; font-weight: 400; font-family: "Arvo", serif; color: #2A2D32; font-size: 18px; } .post-editor-rating-title-small { font-size: 15px; } .post-editor-rating .star-rating, .post-users-rating .star-rating { margin: 5px 0 7px; float: none; height: 17px; width: 102px; font-size: 16px; } .post-users-rating-link { display: block; text-decoration: none; color: #256de3; font-weight: 500; font-size: 18px; } .post-amazon-link { display: inline-block; color: #256de3; font-size: 13px; } .post-amazon-link-center { margin-left: -112px; } .review-amazon-link { display: inline-block; } .review-amazon-link .review-amazon-link-img { display: block; margin-bottom: 15px; } .review-amazon-link > a, .review-item .post-amazon-link .price-links-guide-item.single.image > div.guide-store-link a:last-child { outline: none; display: inline-block; padding: 0 24px; margin: 0; line-height: 39px; background-color: #F90; border: 1px solid #F90; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 5px 21px rgba(255, 153, 0, 0.4); -webkit-box-shadow: 0 5px 21px rgba(255, 153, 0, 0.4); box-shadow: 0 5px 21px rgba(255, 153, 0, 0.4); color: #FFF; font-size: 12px; font-weight: 600; text-transform: uppercase; transition: all 0.15s; } .review-item .post-amazon-link .price-links-guide-item.single.image > div.guide-store-link a:last-child span { padding: 0; line-height: 1; } .review-item .post-amazon-link .price-links-guide-item.single.image > div.guide-store-link a:last-child span:before { display: none; } .review-amazon-link > a:hover, .review-item .post-amazon-link .price-links-guide-item.single.image > div.guide-store-link a:last-child:hover { box-shadow: none; color: #fff; } .review-item-image-hover .post-amazon-link-wrap { display: inline-block; text-align: center; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.92); opacity: 0; visibility: hidden; transition: all 0.15s; } .review-item-image-hover .post-amazon-link { opacity: 0; visibility: hidden; vertical-align: middle; zoom: 1; transition: all 0.15s; } .review-item-image-hover .post-amazon-link-wrap i { display: inline-block; vertical-align: middle; height: 100%; width: 0; zoom: 1; } .review-item-image-hover:hover .post-amazon-link-wrap, .review-item-image-hover:hover .post-amazon-link { opacity: 1; visibility: visible; } .post-amazon-link a, .review-item-image-hover > a > span { display: inline-block; padding-top: 13px; padding-bottom: 11px; width: 158px; height: 84px; border: 1px solid #F90; background: #fff url(..https://garagegymbuilder.com/images/stores_logos/amazon_link.png) no-repeat center 36px; text-decoration: none; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0.9px 4.9px 21px rgba(54, 199, 247, 0.4); box-shadow: 0.9px 4.9px 21px rgba(54, 199, 247, 0.4); -moz-box-shadow: 0.9px 4.9px 21px rgba(54, 199, 247, 0.4); transition: all 0.3s; } .review-item-image-hover > a > span { background: url(..https://garagegymbuilder.com/images/top_10_image_amazon.png) no-repeat; background-size: 100% 100%; font-size: 0; border: none; } .treadlabs.post-amazon-link a, .treadlabs.review-item-image-hover > a > span { background: #fff url(..https://garagegymbuilder.com/images/stores_logos/treadlabs_link.png) no-repeat center 36px; background-size: 80%; border: 1px solid #5c7089; } .review-item .post-amazon-link a { font-size: 0; background: url(..https://garagegymbuilder.com/images/top_10_image_amazon_1.png) no-repeat; background-size: 100% 100%; border: none; } .post-amazon-link a:hover, .post-amazon-link a:focus { box-shadow: none; } /*Guide multistore styles*/ .review-item .price-links-guide-item { display: inline-block; position: relative; width: 100%; -webkit-box-shadow: 1px 4px 14px rgba(0, 0, 0, 0.25); box-shadow: 1px 4px 14px rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 4px 14px rgba(0, 0, 0, 0.25); border: 1px solid #F90; } .review-item .price-links-guide-item.single { border: none; box-shadow: none; } .review-item .price-links-guide-item.single.image .price-link-image { display: block !important; margin-bottom: 15px; } .review-item .price-links-guide-item.single > div.guide-store-link .price-info-link, .review-item .price-links-guide-item.single > div.guide-store-link .price-link-image { float: none; vertical-align: middle; display: inline-block; } .review-item .price-links-guide-item.links-guide-item-more { height: 216px; overflow: hidden; transition: height 0.15s; } .review-item .price-links-guide-item.opened { padding-bottom: 40px; } .more-guide-links { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; display: inline-block; height: 40px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0.54) 2%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0.54) 2%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0.54) 2%, white 100%); } .more-guide-links:before { content: ""; position: absolute; width: 9px; height: 5px; margin-left: -4px; margin-top: -2px; left: 50%; top: 50%; background: url(..https://garagegymbuilder.com/images/more-guide-links.png); } .review-item .price-links-guide-item.opened .more-guide-links:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .review-item .price-links-guide-item > div.guide-store-link { padding: 15px 18px; text-align: right; } .review-item .review-item-image .price-links-guide-item > div.guide-store-link { text-align: center; } .review-item .post-amazon-link .price-links-guide-item a, .review-item .price-links-guide-item a { background: none; outline: none; width: auto; height: auto; box-shadow: none; font-size: 12px; color: #fff; padding: 0; } .review-item .price-links-guide-item > div.guide-store-link .price-info-link, .review-item .price-links-guide-item > div.guide-store-link .price-link-image { display: inline-block; vertical-align: top; } .review-item .price-links-guide-item > div.guide-store-link .price-link-image { float: left; } .review-item .price-links-guide-item > div.guide-store-link .price-info { font-size: 14px; color: #000000; line-height: 1.2; margin: 7px 0 0 8px; display: inline-block; font-weight: 600; float: left; } .review-item .price-links-guide-item > div.guide-store-link .price-info.empty { width: 45px; } .review-item .price-links-guide-item > div.guide-store-link .price-info-link.empty-price .price-info.empty { width: 0; margin: 0; } .review-item .post-amazon-link .price-links-guide-item .store-amazon a:first-child { width: 113px; height: 28px; border-radius: 0; font-size: 0; background: url(..https://garagegymbuilder.com/images/price_amazon_link_sprite.png) no-repeat 20px 6px; transition: none; } .review-item .post-amazon-link .price-links-guide-item .store-amazon.guide-store-link:hover a:first-child { background-position: 20px -22px; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:first-child { display: inline-block; vertical-align: top; height: 28px; float: left; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child { padding: 0 6px; border-radius: 10px; color: #fff; font-size: 12px; text-decoration: none; line-height: 28px; float: right; display: inline-block; background: #F90; margin-left: 14px; vertical-align: top; transition: all 0.15s ease-in-out; } .review-item .post-amazon-link .price-links-guide-item.single > div.guide-store-link a:last-child { padding: 3px 22px; border-radius: 22px; -moz-box-shadow: 0 5px 21px rgba(255, 153, 0, 0.4); -webkit-box-shadow: 0 5px 21px rgba(255, 153, 0, 0.4); box-shadow: 0 5px 21px rgba(255, 153, 0, 0.4); } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child:hover { background: #302c2c; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child span { padding-right: 16px; display: inline-block; position: relative; line-height: 25px; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child span:before { content: ""; position: absolute; width: 14px; height: 13px; top: 50%; margin-top: -7px; right: 0; background: url(..https://garagegymbuilder.com/images/price_link_arrow_sprite.png) no-repeat 100% center; transition: all 0.15s ease-in-out; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child:hover span:before { width: 15px; right: -2px; } .review-post-main-content { position: relative; line-height: 1.6; padding: 36px 0; border-top: 1px solid #dfe5e8; background: #fff; } .review-post-main-content-facts { padding: 0 36px 36px; border: 1px solid; border-color: #256de3; } .review-post-main-content h2 { margin: 0 0 40px; font-weight: 600; color: #256de3; font-size: 18px; } .editor-conclusion-wrap { display: block; position: relative; padding: 20px 40px 20px; background: #f4fcfe; margin: 0 -36px 30px; } .editor-conclusion-open-title, .editor-conclusion-content, .editor-conclusion-opened-title { display: inline-block; width: 100%; cursor: pointer; position: relative; padding-right: 25px; color: #2A2D32; font-size: 15px; } .editor-conclusion-opened { padding: 18px 0; } .editor-conclusion-title { display: inline-block; width: 100%; text-align: center; color: #292D32; font-size: 18px; font-weight: 700; text-transform: uppercase; } .editor-conclusion-items-wrap { display: inline-block; width: 100%; text-align: center; } .editor-conclusion-item { width: 16.1%; margin-top: 24px; display: inline-block; vertical-align: top; text-align: center; } .editor-conclusion-img { padding: 0 25px; height: 85px; } .editor-conclusion-img > img { max-width: 100%; display: inline-block; vertical-align: middle; zoom: 1; } .editor-conclusion-img > i { display: inline-block; vertical-align: middle; height: 100%; width: 0px; zoom: 1; } .conclusion-item-title { margin: 5px 0 0; color: #2A2D32; font-size: 15px; } .see-more-facts-wrap { text-align: center; margin-top: 15px; } .see-more-facts-wrap #see-more-facts-button { color: #256de3; cursor: pointer; display: inline-block; font-size: 13px; padding-right: 18px; margin-bottom: 10px; position: relative; } .conclusion-item-content { color: #256de3; font-size: 13px; } .video-review-button { /*display: inline-block; padding: 9px 10px 9px 20px; position: absolute; cursor: pointer; top: 31px; right: 37px; background: #fff; border: 1px solid ; border-color: #256de3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #45454B; font-size: 13px; transition: all 0.3s;*/ display: inline-block; padding: 9px 10px 9px 20px; cursor: pointer; background: #effbfd; border: 1px solid #2dc7f3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #45454b; font-size: 13px; transition: all 0.3s; } .video-review-button span { display: inline-block; line-height: 22px; padding-right: 44px; background: url(..https://garagegymbuilder.com/images/video_review_button.png) no-repeat 100% 0; } .video-review-button.toggle span { padding-right: 10px; background: none; } .video-review-button:hover { background: transparent; } .video-review-wrap { margin: 36px -36px 0; text-align: center; } .video-review-wrap iframe { width: 100%; } .video-review { margin-top: 25px; height: 0; overflow: hidden; } .video-review.active { height: auto; } .pros-and-cons-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 36px; } .pros-and-cons-wrap ul { list-style: none; margin: 0; padding: 0; } .pros-and-cons-wrap-before { margin-top: 0; margin-bottom: 32px; } .review-pros-wrap, .review-cons-wrap { display: inline-block; width: 48.86%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; } .review-pros-wrap { float: left; margin-right: 20px; border: 1px solid; border-color: #256de3; } .review-cons-wrap { float: right; border: 1px solid #f72e33; } .review-pros-title, .review-cons-title { padding: 11px 15px 11px; text-align: center; border-radius: 5px 5px 0 0; } .review-pros-title { background: #256de3; } .review-cons-title { background: #f72e33; } .review-pros-title span, .review-cons-title span { display: inline-block; line-height: 25px; color: #FFF; font-size: 18px; font-weight: 600; font-family: "Montserrat", sans-serif; } .review-pros-content, .review-cons-content { padding: 30px 30px 25px; } .review-pros-item, .review-cons-item { display: block; margin-bottom: 12px; line-height: 1.6; color: #2A2D32; } .review-custom-content { position: relative; margin: 40px 0; } .review-custom-content-item { position: relative; padding-bottom: 45px; color: #45454B; font-size: 18px; line-height: 1.6; } .review-custom-content-icons { padding-left: 98px; } .review-custom-content-icons .review-custom-content-item { padding-top: 33px; border-top: 1px solid #45454B; font-size: 17px; } .review-custom-content-item-icon { position: absolute; width: 60px; height: 100px; top: 4px; left: -86px; text-align: center; } .review-custom-content-item-icon img { max-width: 60px; display: inline-block; vertical-align: middle; zoom: 1; } .review-custom-content-item-icon i { display: inline-block; vertical-align: middle; height: 100%; width: 0; zoom: 1; } .review-custom-content-item h3, .review-custom-content-item h2 { margin: 0 0 20px; color: #44444B; font-size: 24px; font-weight: 600; text-transform: uppercase; } .review-item-wrap { margin: 40px 0 0; } .review-item { text-align: center; margin: 0 0 65px; } .review-item-title { color: #45454B; font-weight: 700; font-size: 30px; margin: 0 0 36px; padding-bottom: 12px; border-bottom: 1px solid; border-color: #256de3; } .review-item-image img { max-width: 470px; max-height: 470px; transition: transform 0.15s ease-in-out; } .review-item-image-hover { display: inline-block; position: relative; max-width: 90%; margin-bottom: 30px; } .review-item-image-hover > a { display: inline-block; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.92); opacity: 0; visibility: hidden; transition: all 0.25s ease; color: #2DC7F2; font-size: 13px; } .review-item-image-hover > a > span { position: absolute; z-index: 3; left: 50%; margin-left: -79px; margin-top: -42px; top: 50%; transition: all 0.25s ease; } .review-item-image-hover:hover > img { -webkit-transform: scale(0.92); -ms-transform: scale(0.92); transform: scale(0.92); } .review-item .review-post-ratings-content .post-amazon-link { transition: all 0.25s ease; opacity: 1; } .review-item-image-hover .post-amazon-link a { opacity: 0.75; } .review-item-image-hover:hover > a { opacity: 1; visibility: visible; } .review-item-full-content-wrap { margin: 7px 0 25px; } .see-review-content { /*display: inline-block;*/ display: none; margin-bottom: 10px; cursor: pointer; color: #256de3; font-size: 14px; text-transform: uppercase; position: relative; } .see-review-content:before { content: ""; font-size: 7px; color: #256de3; position: absolute; right: -28px; top: 5px; font-family: "WT-ico-font"; font-style: normal; font-weight: normal; transition: all 0.15s; } .see-review-content:hover, .see-review-content:focus, .see-review-content:hover:before, .see-review-content-active:hover:before { color: #242f71; } .see-review-content-active:before { content: ""; } .review-item-full-content { /*display: none;*/ display: block; } .review-item .pros-and-cons-wrap { text-align: left; margin-top: 0; margin-bottom: 20px; } .review-item .review-pros-title, .review-item .review-cons-title { text-transform: uppercase; } .review-item .review-pros-content, .review-item .review-cons-content { padding: 30px 20px 25px; color: #464646; font-size: 15px; } .review-pros-content > span, .review-cons-content > span, .review-pros-content ul li, .review-cons-content ul li, .review-pros-content > p, .review-cons-content > p { padding-left: 40px; position: relative; margin: 0 0 8px; } .review-pros-content ul li p { margin: 0; padding: 0; } .review-pros-content > span:before, .review-pros-content ul li:before, .review-pros-content > p:before, .review-cons-content > span:before, .review-cons-content ul li:before, .review-cons-content > p:before { content: ""; color: #256de3; position: absolute; left: 0; top: 0; font-family: "WT-ico-font"; font-style: normal; font-weight: normal; } .review-cons-content > span:before, .review-cons-content ul li:before, .review-cons-content > p:before { content: ""; color: #f72e33; } .full-review-link { display: inline-block; width: 100%; } .full-review-link a { display: inline-block; width: 100%; line-height: 41px; background-color: #256de3; border: 1px solid; border-color: #256de3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-transform: uppercase; color: #FFF; font-size: 13px; box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); transition: all 0.15s; } .full-review-link a span { display: inline-block; position: relative; line-height: 15px; padding-right: 32px; } .full-review-link a span:before { content: ""; font-size: 15px; color: #fff; position: absolute; right: 0; top: 0; font-family: "WT-ico-font"; font-style: normal; font-weight: normal; transition: all 0.15s; } .full-review-link a:hover, .full-review-link a:focus { color: #256de3; background: transparent; } .full-review-link a:hover span:before { color: #256de3; } /** * --Review/Blog list styles * ---------------------------------------------------------------------------- */ .list-title, .search-results .page-title { margin: 44px 0 42px; text-align: center; color: #45454B; font-family: "Arvo", serif; font-size: 38px; font-weight: 400; text-transform: uppercase; } .list-title > i.hunt-icon, .search-results .page-title > i.hunt-icon { font-size: 56px; } .search-results .page-title > i.hunt-icon:before { content: ""; } .review-list-title > i.hunt-icon:before { content: ""; } .list-title > i.hunt-icon > .path1:before, .blog-categories h2 > i.hunt-icon > .path1:before { content: ""; } .list-title > i.hunt-icon > .path2:before, .blog-categories h2 > i.hunt-icon > .path2:before { content: ""; margin-left: -1.029296875em; } .list-title > i.hunt-icon > .path3:before, .blog-categories h2 > i.hunt-icon > .path3:before { content: ""; margin-left: -1.029296875em; } .list-title > i.hunt-icon > .path4:before, .blog-categories h2 > i.hunt-icon > .path4:before { content: ""; margin-left: -1.029296875em; } .list-title > i.hunt-icon > .path5:before, .blog-categories h2 > i.hunt-icon > .path5:before { content: ""; margin-left: -1.029296875em; } .list-title > i.hunt-icon > .path6:before, .blog-categories h2 > i.hunt-icon > .path6:before { content: ""; margin-left: -1.029296875em; } .list-title > span, .search-results .page-title > span { margin-top: 12px; display: block; } .search-list-form { margin-top: 28px; } #search-blog-posts { position: relative; } .search-results .page-header .search-form { position: relative; } .search-list-form input[type=text], .search-results .page-header .search-form input[type=search] { height: 53px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d3d3d3; padding-left: 10px; color: #007688; font-size: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; } .search-results .page-header .search-form input[type=search] { padding-right: 40px; } .search-list-form button[type=submit], .search-results .page-header .search-form button[type=submit] { right: 15px; top: 15px; background: none; padding: 0; position: absolute; outline: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 1; } .search-results .page-header .search-form button[type=submit] { display: inline-block; } .search-list-form button[type=submit] i.hunt-icon, .search-results .page-header .search-form button[type=submit] i.hunt-icon { font-size: 15px; } .search-list-form button[type=submit] i.hunt-icon:before, .search-results .page-header .search-form button[type=submit] i.hunt-icon:before { content: ""; } .list-row { position: relative; margin-right: -15px; margin-left: -15px; } .search-results .search-list .list-row, .blog-content-list .list-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .review-content-list .list-row, .search-list .list-row { margin: 0; } .search-results .search-list { padding-top: 62px; margin-bottom: 30px; } /*.search-results .search-list .review-list-item-wrap { padding: 0 15px; width: 49%; vertical-align: top; display: inline-block; } .search-results .search-list .guide-list-item .review-cat-post-image, .search-results .search-list .guide-list-item .review-cat-post-content { width: 100%; }*/ .list-row .nothing-found, .list-row .nothing-found-content { padding-left: 15px; padding-right: 15px; } .nothing-found h2.title { margin: 0; color: #256de3; } .blog-list { padding-top: 62px; } .blog-list-item, .row-list-item { position: relative; padding-bottom: 53px; background: #f7f8f9; border-radius: 6px; transition: all 0.1s linear; width: 100%; } .blog-list-item-wrap, .row-list-item-wrap { margin-bottom: 45px; text-align: left; opacity: 1; bottom: 0; position: relative; display: inline-block; vertical-align: top; width: 50%; padding: 0 15px; -moz-transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .row-list-item-wrap { width: 33.2%; padding: 0 8px; } .row-list-item-wrap, .blog-content-list .blog-list-item-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-row .blog-list-item-wrap:nth-child(even), .review-list-item-wrap { -moz-transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -webkit-transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } .blog-cat-wrapper .blog-list-item-wrap, .most-viewed-wrapper .blog-list-item-wrap { width: 33.3333%; } /*search page 33% items start*/ .search-results .blog-list-item-wrap { width: 33%; } /*search page 33% items end*/ .most-viewed-wrapper .blog-list-item-wrap:nth-child(5) { width: 66.66%; } .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) .blog-list-item { background: #256de3; } .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) .blog-list-item .blog-cat-post-title, .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) .blog-cat-post-content > span, .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) .blog-list-item .post-date, .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) .blog-cat-post-share, .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) .blog-list-item .blog-cat-post-views, .most-viewed-wrapper .blog-list-item-wrap:nth-child(4) i.hunt-icon { color: #fff; } .blog-list .list-row .hidden-post, .review-list .list-row .hidden-post { opacity: 0; bottom: -10px; } .blog-list .list-row > div.hidden-post:nth-child(-n+8), .review-list .list-row > div.hidden-post:nth-child(-n+6) { bottom: 0; opacity: 0; -webkit-animation: opacity 0s linear 1s; animation: opacity 0s linear 1s; } .blog-list-item .post-image-text { padding: 15px 24px 0 24px; height: 92px; overflow: hidden; } .blog-list-item .post-image-title { font-size: 19px; margin-bottom: 0px; width: 85%; } .blog-list-item .blog-cat-post-date { width: 70px; height: 30px; line-height: 32px; font-size: 15px; } .blog-list-item .blog-cat-post-title, .row-list-item .row-list-post-title { padding: 16px 28px 0; display: block; text-decoration: none; color: #202020; font-family: "Arvo", serif; font-size: 22px; font-weight: 400; transition: all 0.1s linear; } .blog-list-item .blog-cat-post-content, .row-list-item .row-list-post-content { padding: 12px 28px 12px; } .blog-list-item .blog-cat-post-views, .row-list-item .row-list-post-views { line-height: 21px; } .blog-cat-post-content > span, .row-list-post-content > span { color: #6C6F72; font-size: 14px; line-height: 1.6; transition: all 0.15s ease-in-out; } .blog-list-item .blog-cat-post-info, .row-list-item .row-list-post-info { padding: 8px 28px 20px; position: absolute; left: 0; bottom: 0; } .row-list-post-info .review-star-rating { float: left; width: auto; } .row-list-post-info .row-list-post-more-link { display: inline-block; position: relative; float: right; line-height: 20px; color: #256DE3; padding-right: 17px; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 400; text-transform: uppercase; transition: all 0.15s; } .row-list-post-info .row-list-post-more-link:before { content: ""; font-size: 11px; color: #256de3; position: absolute; right: 0; top: 0; font-family: "WT-ico-font"; font-style: normal; font-weight: normal; z-index: 1; transition: all 0.15s; } .blog-list-item .blog-cat-post-author, .row-list-item .row-list-post-author { position: absolute; left: 20px; top: 20px; z-index: 3; } .blog-list-item .post-date, .row-list-item .post-date { display: inline-block; vertical-align: middle; line-height: 15px; color: #256DE3; font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; } .row-list-item:hover .row-list-post-info .row-list-post-more-link, .row-list-item:hover .row-list-post-info .row-list-post-more-link:before { color: #fff; } .blog-list-item .post-date i.hunt-icon, .row-list-item .post-date i.hunt-icon, .blog-cat-post-views i.hunt-icon, .row-list-post-views i.hunt-icon, .blog-cat-post-share i.hunt-icon, .related-post-share i.hunt-icon, .related-post-likes i.hunt-icon, .related-post-views i.hunt-icon, .row-list-post-share i.hunt-icon { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 6px; } .blog-list-item .post-date i.hunt-icon:before, .row-list-item .post-date i.hunt-icon:before { content: ""; } .blog-list-item .blog-cat-post-author img, .row-list-item .row-list-post-author img { width: 37px; height: 37px; margin-right: 10px; } .blog-list-item .blog-cat-post-author span, .row-list-item .row-list-post-author span { padding-top: 12px; color: #FEFEFE; font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 700; } .blog-list-item .blog-cat-post-counts .et_social_icons_container, .related-post-item .et_social_icons_container, .row-list-item .row-list-post-counts .et_social_icons_container { position: absolute; opacity: 0; list-style: none; visibility: hidden; bottom: 21px; right: -6px; margin: 0; padding: 0; transition: all 0.3s ease; box-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.18); } .blog-cat-post-share, .related-post-share, .row-list-post-share { cursor: pointer; position: relative; line-height: 21px; margin-left: 12px; } .related-post-share { margin-left: 0; } .blog-cat-post-share i.hunt-icon:before, .related-post-share i.hunt-icon:before, .row-list-post-share i.hunt-icon:before { content: ""; } .blog-cat-post-share:hover .et_social_icons_container, .related-post-share:hover .et_social_icons_container, .row-list-post-share:hover .et_social_icons_container { opacity: 1; visibility: visible; } .blog-cat-post-share .et_social_icons_container li, .related-post-share .et_social_icons_container li, .row-list-post-share .et_social_icons_container li { padding: 6px; } .blog-cat-post-share .et_social_icons_container li .et_social_icon, .related-post-share .et_social_icons_container li .et_social_icon, .row-list-post-share .et_social_icons_container li .et_social_icon { padding: 1px; } .related-post-share li.et_social_like, .blog-cat-post-share li.et_social_like, .row-list-post-share li.et_social_like { display: none; } .ajax-spinner-list { display: none; padding: 50px 0; text-align: center; opacity: 0.84; } .nav-menu .ajax-spinner-list { padding: 48px 0; } .ajax-spinner-list i { display: inline-block; color: #256de3; font-size: 8px; text-indent: -99999em; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); border-radius: 50%; } .ajax-spinner-list i:before, .ajax-spinner-list i:after { content: ""; position: absolute; border-radius: 50%; } .ajax-spinner-list i:before { width: 5.2em; height: 10.2em; background: #fff; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .ajax-spinner-list i:after { width: 5.2em; height: 10.2em; background: #fff; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ajax-spinner-list span { display: block; color: #256de3; font-weight: 600; font-size: 14px; } .review-list { padding-top: 50px; } .review-list-item-wrap { position: relative; margin-bottom: 40px; } .review-list-item { display: inline-block; width: 100%; padding: 18px 28px 18px 0; } .guide-list-item { border: 1px solid; border-color: #256de3; background: #fff; padding-left: 18px; border-radius: 5px; } .review-cat-post-image { display: inline-block; position: relative; float: left; width: 35.211%; } .review-cat-post-image > a, .review-cat-post-image .review-cat-post-image-link { display: block; position: relative; } .guide-list-item .review-cat-post-image { width: 33.7349%; } .review-cat-post-image img { max-width: 100%; } .guide-list-item .review-cat-post-image img, .nav-post-item img { border: 1px solid #edf1f4; } .review-cat-post-image .review-cat-left-banner, .row-list-guide-banner { position: absolute; display: block; width: 113px; height: 34px; left: 12px; top: 13px; z-index: 3; line-height: 34px; padding-left: 14px; text-transform: uppercase; font-size: 11px; color: #fff; border-radius: 15px; background: #256de3; } .row-list-guide-banner { top: 20px; } /*.review-cat-post-image .review-cat-left-banner:before, .row-list-guide-banner:before { font-size: 34px; }*/ .review-cat-post-image .review-cat-left-banner span, .row-list-guide-banner span { display: inline-block; position: relative; z-index: 2; } .review-cat-post-image-links { display: inline-block; width: 100%; margin-top: 18px; } .review-cat-post-image-frame-wrap { position: relative; } .review-cat-post-image-frame-wrap .review-cat-post-image-link { position: absolute; width: 100%; display: inline-block; text-align: center; left: 0; top: 0; height: 100%; } .review-cat-post-image-frame-wrap .review-cat-post-image-link img { max-height: 100%; display: inline-block; vertical-align: middle; } .single-list-item .review-cat-post-image-link:before { background: rgba(29, 29, 29, 0.8); } .review-cat-post-image-frame-wrap .img-helper-wrap { display: inline-block; width: 100%; height: 100%; border: 1px solid #edf1f4; } .review-cat-post-content { display: inline-block; width: 62.2066%; float: right; position: relative; } .guide-list-item .review-cat-post-content { width: 63.8554%; } .review-cat-post-image-links a { display: inline-block; text-align: center; width: 142px; line-height: 37px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; font-size: 12px; font-weight: 500; text-transform: uppercase; transition: all 0.3s ease; } .search-list .review-cat-post-image-links a { width: 200px; } .review-list-item-link { float: right; border: 1px solid; border-color: #256de3; background: #256de3; } .review-cat-post-image-links a.review-list-item-link-full { float: none; width: 100%; } .review-list-item-amazon-link, .review-cat-post-image-links a.easyazon-link { float: left; background: #F90; border: 1px solid #F90; } .review-list-item-amazon-link span, .review-cat-post-image-links a.easyazon-link span { display: inline-block; line-height: 13px; padding-right: 52px; background: url(..https://garagegymbuilder.com/images/amazon_list_link.png) no-repeat right 0; } .review-list-item-link:hover { background: transparent; color: #253FE1; } .review-list-item-amazon-link:hover span, .review-cat-post-image-links a.easyazon-link:hover span { background-position: right -29px; } .review-list-item-amazon-link:hover, .review-cat-post-image-links a.easyazon-link:hover { background: transparent; color: #F90; } .review-list-post-title { padding: 0 0 18px 0; margin-right: 50px; border-bottom: 1px solid #e6e6e6; } .review-list-post-title a { color: #212327; font-weight: 700; font-size: 28px; transition: all 0.15s ease-in-out; } .guide-list-item .review-list-post-title a:hover { color: #2560c1; } .guide-list-item .review-list-post-title { margin-right: 0; border-bottom: 1px solid #b2b2b5; } .guide-list-item .review-list-post-title a { color: #256de3; } .review-list-ratings-content { position: relative; margin: 12px 0 0; } .review-list-ratings { display: inline-block; width: 60%; } .review-list-post-preview { padding-top: 16px; line-height: 1.6; color: #2A2D32; font-size: 17px; } .review-list-item .editor-rating-banner { font-size: 29px; padding-top: 37px; width: 53px; height: 82px; top: 0; right: -28px; } .review-list-item .editor-rating-banner:before { width: 34px; height: 34px; margin-left: -17px; top: 7px; } .blog-list, .review-list { margin-bottom: 30px; } .filter-list-form { display: none; width: 100%; margin-top: 70px; } .filter-list-form-active { display: inline-block; } .filter-list-form-title { display: inline-block; padding-top: 5px; float: left; color: #151518; font-family: "Arvo", serif; font-size: 20px; font-weight: 400; } #filter-review-posts { margin-left: 175px; } .filter-review-item { display: inline-block; padding: 8px 15px 9px; margin-right: 12px; margin-bottom: 15px; border: 1px solid; border-color: #256de3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #151518; font-family: "Arvo", serif; font-size: 14px; font-weight: 400; } .filter-review-item span { display: inline-block; line-height: 13px; vertical-align: middle; } .filter-review-item-remove { margin-left: 8px; cursor: pointer; width: 13px; height: 13px; background: url(..https://garagegymbuilder.com/images/filter_remove.png) no-repeat center center; } .filter-review-item-hidden { opacity: 0; visibility: hidden; width: 0; height: 0; padding: 0; margin: 0; display: none; } .single-page-content form input[type=text], .single-page-content form input[type=email], .single-page-content form textarea, .single-page-content form select { border: 1px solid #6b6d73; background: #fff; display: inline-block; width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .single-page-content form input[type=text], .single-page-content form input[type=email], .single-page-content form select { height: 46px; padding: 0 20px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .single-page-content form textarea { padding: 20px; height: 180px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: none; margin: 0; padding: 15px 0; color: #f00; } .single-page-content form input[type=submit] { margin-left: 0; } .single-page-content form.wpcf7-form { width: 85%; display: inline-block; } .single-page-content .wpcf7-form-control-wrap { display: inline-block; float: left; width: 100%; margin-bottom: 14px; } .single-page-content .wpcf7-form-control-wrap.your-email { float: right; } .single-page-content .post-password-form, .blog-post-content .post-password-form { margin-bottom: 175px; } .single-page-content .post-password-form input[type=password], .blog-post-content .post-password-form input[type=password] { height: 40px; vertical-align: top; } /** * --Post sidebar * ---------------------------------------------------------------------------- */ .sidebar-subtitle { padding: 16px 14px 21px; text-align: center; color: #515154; font-family: "Arvo", serif; font-weight: 700; font-size: 16px; background: #f7f8f9; border: 1px solid #f7f8f9; } .sidebar-subtitle a { color: #FB264D; text-decoration: none; } .where-to-buy, .sidebar-review-video, .sidebar-top-stories, .sidebar-categories, .sidebar-sign { margin-bottom: 45px; } .sidebar-filter-wrap .sidebar-categories { margin-bottom: 10px; } .where-to-buy-links { display: inline-block; width: 100%; } .price-links-sidebar { display: inline-block; position: relative; float: left; width: 100%; margin-top: -1px; padding: 20px 10px 14px; background: #f7f8f9; color: #45454B; font-weight: 700; font-size: 15px; text-align: center; transition: all 0.15s ease-in-out; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .price-links-sidebar:before { content: ""; position: absolute; top: 0; left: 50%; width: 70%; margin-left: -35%; height: 1px; background: #e6e6e6; } .site-header .price-links-sidebar { margin-top: 0; background: #fff; padding: 11px 8px 11px; border-bottom: 1px solid #dfe5e8; border-top: 1px solid #dfe5e8; } .site-header .price-links-sidebar:before { display: none; } .price-links-sidebar-hover.price-links-sidebar:before { display: none; } .price-links-sidebar .price-link-image, .price-links-sidebar > a:first-child { display: inline-block; line-height: 1.2; float: left; max-width: 120px; width: 100%; text-align: center; padding: 0 4px; } .price-links-sidebar .price-link-image img, .price-links-sidebar > a:first-child img { max-width: 95px; margin: 0 auto; } .price-links-sidebar.price-amazon-links-sidebar > a:first-child { width: 72px; height: 21px; margin: 8px 0 0 0; font-size: 0; background: url(..https://garagegymbuilder.com/images/price_amazon_link_sprite.png) no-repeat; } .price-links-sidebar:hover.price-amazon-links-sidebar > a:first-child { background-position: 0 -28px; } .price-links-sidebar span { display: inline-block; line-height: 25px; } .price-links-sidebar span.price-info-link { display: inline-block; float: right; } .price-links-sidebar span.price-info { font-size: 13px; color: #000000; line-height: 1.2; display: inline-block; font-weight: 600; margin-top: 8px; margin-right: 8px; } .price-links-sidebar .price-info-link.empty-price span.price-info.empty { width: 0; margin: 0; } .price-links-sidebar.price-amazon-links-sidebar .price-link-image { display: inline-block; line-height: 28px; float: left; font-size: 15px; } .price-links-sidebar .price-link-arrow, .price-links-sidebar > a:last-child, .price-links-sidebar > .price-info-link > a:last-child { padding: 0 6px; border-radius: 10px; color: #fff; font-size: 12px; text-decoration: none; line-height: 28px; float: right; display: inline-block; background: #F90; transition: all 0.15s ease-in-out; } .price-links-sidebar .price-link-arrow:hover, .price-links-sidebar > a:last-child:hover, .price-links-sidebar > .price-info-link > a:last-child:hover { background: #302c2c; } .price-links-sidebar .price-link-arrow span, .price-links-sidebar > a:last-child span, .price-links-sidebar > .price-info-link > a:last-child span { padding-right: 16px; display: inline-block; position: relative; } .price-links-sidebar .price-link-arrow span:before, .price-links-sidebar > a:last-child span:before, .price-links-sidebar > .price-info-link > a:last-child span:before { content: ""; position: absolute; width: 14px; height: 13px; top: 50%; margin-top: -7px; right: 0px; background: url(..https://garagegymbuilder.com/images/price_link_arrow_sprite.png) no-repeat 100% center; transition: all 0.15s ease-in-out; } .price-links-sidebar .price-link-arrow:hover, .price-links-sidebar > a:last-child:hover, .price-links-sidebar > .price-info-link > a:last-child:hover { color: #fff; } .price-links-sidebar .price-link-arrow:hover span:before, .price-links-sidebar > a:last-child:hover span:before, .price-links-sidebar > .price-info-link > a:last-child:hover span:before { width: 15px; right: -2px; } .sidebar-review-video iframe { width: 100% !important; } .sidebar-most-read { padding: 0 26px 32px; background: #f7f8f9; } .sidebar-sign { text-align: center; color: #6B6D73; font-size: 14px; } .sidebar-sign-content { padding: 28px 30px 38px; background: #f7f8f9; } .sidebar-sign p { margin-bottom: 0; } .sidebar-sign-title { display: block; text-align: center; margin-bottom: 30px; } .sidebar-sign-title > i.hunt-icon { font-size: 35px; } .sidebar-sign-title > i.hunt-icon:before { content: ""; } .sidebar-sign-title > span { display: block; margin-top: 8px; } .sidebar-sign-mail input[type=text] { display: inline-block; margin-bottom: 20px; width: 100%; height: 39px; background: transparent; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .sidebar-sign .submit-button { margin: 20px 0 15px; padding: 0; width: 122px; font-size: 14px; } .sidebar-sign-radio .radio-btn { display: inline-block; font-size: 14px; } .sidebar-sign-radio .radio-btn:first-child { margin-right: 18px; } .radio-btn input[type=radio] { display: none; } .radio-btn input[type=radio] + label { display: inline-block; cursor: pointer; } .radio-btn input[type=radio] + label i.hunt-icon { display: inline-block; vertical-align: middle; font-size: 27px; margin-right: 9px; color: #141412; cursor: pointer; } .radio-btn input[type=radio] + label i.hunt-icon:before { content: ""; } .radio-btn input[type=radio]:checked + label, .radio-btn input[type=radio]:checked + label i.hunt-icon { color: #256DE3; } .radio-btn input[type=radio]:checked + label i.hunt-icon:before { content: ""; } .sidebar-categories-list { margin: 0; padding: 20px 30px; list-style: none; background: #f7f8f9; } .sidebar-filter-wrap .sidebar-categories-list { background: #fff; } .sidebar-review-filter .sidebar-categories-list > li > a, .sidebar-brands-filter .sidebar-categories-list > li > a { border: 1px solid; border-color: #256de3; margin-top: -1px; background: rgba(37, 109, 227, 0.1); } .sidebar-review-filter .sidebar-categories-list > li.list-item-active > a, .sidebar-brands-filter .sidebar-categories-list > li.list-item-active > a { background: #fff; } .sidebar-filter-wrap .sidebar-subcategories-list { border-left: 1px solid; border-right: 1px solid; border-color: #256de3; } .sidebar-filter-wrap .sidebar-categories-list li:last-child .sidebar-subcategories-list { border-bottom: 1px solid; border-color: #256de3; } .sidebar-filter-wrap .sidebar-categories-list > li:first-child > a { border-radius: 6px 6px 0 0; } .sidebar-filter-wrap .sidebar-categories-list > li:last-child > a, .sidebar-filter-wrap .sidebar-categories-list > li.submenu-open:last-child .sidebar-subcategories-list, .sidebar-filter-wrap .sidebar-categories-list > li.submenu-open:last-child .sidebar-subcategories-list li:last-child a { border-radius: 0 0 6px 6px; } .sidebar-filter-wrap .sidebar-categories-list > li.submenu-open:last-child > a { border-radius: 0; } .sidebar-filter-wrap .sidebar-title { border-radius: 6px; } .sidebar-categories-list > li { position: relative; } .sidebar-review-filter .sidebar-categories-list > li > .list-open { display: inline-block; cursor: pointer; position: absolute; top: 0; right: 0; padding: 12px 14px 14px 5px; } .sidebar-review-filter .sidebar-categories-list > li > .list-open > i { display: inline-block; position: relative; cursor: pointer; margin-left: 5px; width: 12px; height: 8px; } .sidebar-review-filter .sidebar-categories-list > li > .list-open > i:before { content: ""; position: absolute; right: 3px; top: 50%; margin-top: -4px; border: 4px solid transparent; border-top: 6px solid; border-top-color: #6B6D73; } .sidebar-review-filter .sidebar-categories-list > li.submenu-open > .list-open > i:before { border-bottom: 6px solid; border-bottom-color: #6B6D73; border-top: 0; } .sidebar-review-filter .sidebar-categories-list > li.list-item-active > .list-open > i:before, .sidebar-review-filter .sidebar-categories-list > li.list-item-active > .list-open:hover > i:before, .sidebar-review-filter .sidebar-categories-list > li.list-item-active:hover > .list-open:hover > i:before { border-top-color: #256de3; } .sidebar-review-filter .sidebar-categories-list > li.list-item-active.submenu-open > .list-open > i:before, .sidebar-review-filter .sidebar-categories-list > li.submenu-open.list-item-active > .list-open:hover > i:before, .sidebar-review-filter .sidebar-categories-list > li.submenu-open.list-item-active:hover > .list-open:hover > i:before { border-bottom-color: #256de3; } .sidebar-filter-wrap .sidebar-categories-list li.list-item-active span.category-count, .sidebar-filter-wrap .sidebar-categories-list li.list-item-active:hover .list-open:hover span.category-count { color: #256de3; } .sidebar-filter-wrap .sidebar-categories-list li.list-item-active:hover .list-open span.category-count { color: #fff; } .sidebar-review-filter .sidebar-categories-list > li.list-item-active:hover > .list-open > i:before { border-top-color: #fff; } .sidebar-review-filter .sidebar-categories-list > li.submenu-open.list-item-active:hover > .list-open > i:before { border-bottom-color: #fff; } .sidebar-subcategories-list { display: none; list-style: none; padding: 0; margin: 0; } .sidebar-review-filter .sidebar-categories-list > li.submenu-open > .list-open > i { background-position: center -11px; } .sidebar-review-filter .sidebar-categories-list, .sidebar-brands-filter .sidebar-categories-list { padding: 20px 0; } .sidebar-review-filter .sidebar-categories-list li, .sidebar-brands-filter .sidebar-categories-list li { padding: 0; } .sidebar-review-filter .sidebar-categories-list li a, .sidebar-brands-filter .sidebar-categories-list li a { display: inline-block; width: 100%; padding: 14px 30px; transition: all 0.15s ease-in-out; } .sidebar-review-filter .sidebar-categories-list li .sidebar-subcategories-list li a { padding-left: 35px; font-size: 14px; } .sidebar-review-filter .sidebar-categories-list li a:hover, .sidebar-brands-filter .sidebar-categories-list li a:hover { background: #256de3; color: #fff; } .sidebar-review-filter .sidebar-categories-list li a:hover > span, .sidebar-review-filter .sidebar-categories-list li.list-item-active a:hover > span.category-count, .sidebar-brands-filter .sidebar-categories-list li a:hover > span, .sidebar-brands-filter .sidebar-categories-list li a:hover > span.category-count, .sidebar-brands-filter .sidebar-categories-list > li:first-child.list-item-active a:hover > span.category-count { color: #fff; } .sidebar-review-filter .sidebar-categories-list li.list-item-active > a, .sidebar-brands-filter .sidebar-categories-list li.list-item-active > a, .sidebar-review-filter .sidebar-categories-list li.list-item-active > a > span.category-count, .sidebar-brands-filter .sidebar-categories-list li.list-item-active span.category-count, .sidebar-brands-filter .sidebar-categories-list > li:first-child.list-item-active > a, .sidebar-brands-filter .sidebar-categories-list > li:first-child.list-item-active > a > span.category-count { color: #256de3; } .sidebar-review-filter .sidebar-categories-list { border-radius: 0 0 5px 5px; } .sidebar-brands-filter .sidebar-categories-list { border-radius: 5px; } .sidebar-review-filter .sidebar-categories-list > li:first-child > a, .sidebar-review-filter .sidebar-categories-list > li:first-child span.category-count, .sidebar-brands-filter .sidebar-categories-list > li:first-child > a, .sidebar-brands-filter .sidebar-categories-list > li:first-child span.category-count { color: #3C4044; font-size: 15px; font-weight: 700; text-transform: uppercase; } .sidebar-categories-list li { padding: 14px 0; display: inline-block; width: 100%; } .sidebar-categories-list li a { text-decoration: none; color: #212327; font-family: "Arvo", serif; font-size: 18px; font-weight: 400; } .sidebar-filter-wrap .sidebar-categories-list li a { font-size: 15px; } .sidebar-categories-list li span.category-count { display: inline-block; float: right; color: #6B6D73; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; } .sidebar-filter-wrap .sidebar-categories-list li span.category-count { font-size: 15px; } .sidebar-review-filter .sidebar-categories-list li .list-open span.category-count { float: none; } .sidebar-categories-list li a:hover, .sidebar-categories-list li a:hover > span { color: #256DE3; } .main-sidebar .monthly-giveway-item { margin-top: 0; margin-bottom: 27px; box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0.5px 3px 7px rgba(0, 0, 0, 0.18); } .main-sidebar .monthly-giveway-main, .main-sidebar .monthly-giveway-counter { float: none; width: 100%; } .main-sidebar .monthly-giveway-content { padding: 9px 11px 11px; } .giveway-logo-wrap { text-align: right; } .main-sidebar .giveway-logo { width: 40%; } .main-sidebar .monthly-giveway-counter { background: url(..https://garagegymbuilder.com/images/giveway_clock.png) no-repeat; background-size: 100% 100%; border-radius: 0 0 10px 10px; padding-top: 20px; } .main-sidebar .clock-builder-output-wrap, .main-sidebar .total-entries-wrap { border-bottom: none; border-radius: 0; margin: 0; background: none; } .main-sidebar .monthly-giveway-image { width: 45%; left: 12px; top: 9px; } .main-sidebar .giveway-title { font-size: 19px; line-height: 19px; padding: 7px 18px 7px 15px; } .main-sidebar .giveway-subtitle { font-size: 13px; } .main-sidebar .giveway-entries-counter-wrap { padding: 17px 0 15px; } .main-sidebar .giveway-entries-counter-label { top: 10px; } /** * --Gallery - removed * ---------------------------------------------------------------------------- */ /** * --Post Formats - removed * ---------------------------------------------------------------------------- */ /** * --Attachments - removed * ---------------------------------------------------------------------------- */ /** * --Post/Paging Navigation * ---------------------------------------------------------------------------- */ .navigation .nav-previous { float: left; } .navigation .nav-next { float: right; } .paging-navigation { background-color: #adbbc6; padding: 40px 0; } .paging-navigation .nav-links { margin: 0 auto; max-width: 604px; width: 100%; } .sidebar .paging-navigation .nav-links { max-width: 1040px; padding: 0 376px 0 60px; } .paging-navigation .nav-next { padding: 13px 0; } .paging-navigation a { font-size: 22px; font-style: italic; font-weight: 300; } .paging-navigation .meta-nav { background-color: #e63f2a; border-radius: 50%; color: #fff; display: inline-block; font-size: 26px; padding: 3px 0 8px; text-align: center; width: 50px; } .paging-navigation .nav-previous .meta-nav { margin-right: 10px; padding: 17px 0 23px; width: 80px; } .paging-navigation .nav-next .meta-nav { margin-left: 10px; } .paging-navigation a:hover .meta-nav { background-color: #ea9629; text-decoration: none; } .post-navigation { background-color: #fff; color: #ca3c08; font-size: 20px; font-style: italic; font-weight: 300; padding: 20px 0; } .post-navigation .nav-links { margin: 0 auto; max-width: 1040px; } .sidebar .post-navigation .nav-links { padding: 0 376px 0 60px; } .post-navigation a[rel=next] { float: right; text-align: right; } /** * --Author Bio * ---------------------------------------------------------------------------- */ .author-info { margin: 0 auto; max-width: 604px; padding: 30px 0 10px; text-align: left; /* gallery & video post formats */ width: 100%; } .author.sidebar .author-info { max-width: 1040px; padding: 30px 376px 10px 60px; } .single .author-info { padding: 50px 0 0; } .author-avatar .avatar { float: left; margin: 0 30px 30px 0; } .single-format-status .author-description { color: #f7f5e7; } .author-description .author-title { clear: none; font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin: 0 0 8px; } .author-link { color: #ca3c08; margin-left: 2px; } .author.archive .author-link { display: none; } /** * --Archives * ---------------------------------------------------------------------------- */ .archive-header { background-color: #fff; } .archive-meta { font-size: 19px; line-height: 1.6; text-align: center; padding: 15px 0; } /** * --Search Results/No posts * ---------------------------------------------------------------------------- */ .page-header { background: none; } .nothing-found-wrap { padding-top: 170px; } .page-title { color: #44444B; font-weight: 700; font-size: 35px; } .page-content { margin: 0 auto; max-width: 1180px; padding: 40px 0; width: 100%; } .sidebar .page-content { margin: 0 auto; max-width: 1040px; } .page-content.nothing-found-content { text-align: center; padding-bottom: 400px; line-height: 1.6; margin: 0 auto; max-width: 640px; } .search-no-results .nothing-found-content .search-form { display: inline-block; padding-top: 6px; } .search-no-results .nothing-found-content .search-form .search-submit { display: inline-block; float: left; } /** * -- 404 * ---------------------------------------------------------------------------- */ .error404 .site { background: #fff; } .content-404 { margin: 0 auto; max-width: 980px; padding: 145px 15px 200px; width: 100%; } .error404 .page-header { text-align: center; } .error404 .page-title, .search-no-results .page-title { line-height: 1; color: #2F2F2F; font-size: 28px; font-weight: 600; text-transform: uppercase; margin: 0; padding: 0 0 40px; position: relative; text-align: center; width: auto; } .search-no-results .page-title { font-size: 24px; } .error404 .page-title:after, .search-no-results .page-title:after { position: absolute; content: ""; left: 50%; bottom: 0; width: 252px; height: 1px; margin-left: -126px; background: #256de3; } .error404 .page-title span, .search-no-results .page-title span { display: block; } .error404 .page-title i.hunt-icon { font-size: 101px; } .error404 .page-title i.hunt-icon:before { content: ""; } .error404 .page-title .page-title-404, .search-no-results .page-title .page-title-nothing-found { display: block; margin: 10px 0 30px; max-width: 100%; color: #2F2F2F; font-family: "Montserrat", sans-serif; font-size: 149px; font-weight: 700; } .search-no-results .page-title i.hunt-icon { font-size: 66px; } .search-no-results .page-title i.hunt-icon:before { content: ""; } .search-no-results .page-title .page-title-nothing-found { font-size: 86px; margin: 14px 0 22px; } .error404 .page-wrapper { padding-top: 34px; } .navigation-404 { display: inline-block; width: 100%; } .navigation-404 { text-align: center; color: #2F2F2F; line-height: 1.6; font-size: 18px; font-weight: 400; } .navigation-404 span { display: block; } .error404 .navigation-404 a, .error404 .navigation-404 ul li a { display: inline-block; padding: 12px 30px; background: #256DE3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; font-size: 12px; text-transform: uppercase; transition: all 0.3s ease; } .navigation-404 .to-homepage { margin: 30px 0; } .error404 .navigation-404 a:hover { background: #2560c1; } .error404 .site-footer, .search-no-results .site-footer, .search-no-results .sign-up-before { display: none; } /** * -- Comments * ---------------------------------------------------------------------------- */ .comments-area { margin-top: 50px; } .home .comments-area, .home .single-page-content .post-image { display: none; } .review-post-content .comments-area .comment-respond, .blog-post-content .blog-comments-content .comment-respond { background: #fff; padding: 30px; border: 1px solid; border-color: #256de3; box-shadow: 0px 4px 18px rgba(7, 34, 42, 0.1); -moz-box-shadow: 0px 4px 18px rgba(7, 34, 42, 0.1); -webkit-box-shadow: 0px 4px 18px rgba(7, 34, 42, 0.1); } .review-post-content #strcom-area #reviews .reviews-nav { border-top: none; } .review-post-content #strcom-area #reviews .reviews-nav .star-rating { width: 123px; } .review-post-content #strcom-area #reviews .star-rating { width: 91px; } .review-post-content #strcom-area #reviews .reviews-stat { margin: 0; padding: 0; } .review-post-content #strcom-area #reviews input.cptch_input { margin-top: 0; } .review-post-content #strcom-area #reviews textarea, .blog-post-content .blog-comments-content textarea { border: 1px solid #2DC7F3; margin: 8px 0 0; } .review-post-content #strcom-area #reviews textarea:focus, .blog-post-content .blog-comments-content textarea:focus { border: 1px solid #c1c1c1; } .review-post-content #strcom-area #reviews .comment-form-author label, .review-post-content #strcom-area #reviews .comment-form-email label { display: block; } .review-post-content #strcom-area #reviews input[type=text] { margin-top: 0; } .blog-post-content .blog-comments-content ol.comments-list li .comment-text .meta .author strong, .blog-post-content .blog-comments-content ol.comments-list li .comment-text .meta .author strong a { color: #256de3 !important; } .blog-post-content .blog-comments-content label { display: block; } .blog-post-content .blog-comments-content .comments-form button[type=submit] { background: #2DC7F3; } .blog-comments-content .comments-form p { margin-bottom: 12px; } .review-post-content #strcom-area #reviews .srtcom-clear { margin: 0 0 8px; } .comments-title { margin: 0 0 15px; padding-bottom: 18px; font-weight: 400; font-family: "Arvo", serif; color: #45454B; font-size: 31px; border-bottom: 1px solid; border-color: #256de3; } .review-post-content #strcom-area #reviews #comments h3 { font-size: 31px; padding-bottom: 18px; font-weight: 800; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 20px; } .comment-list > li:after, .comment-list .children > li:before { background: #256de3; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 24px 0; position: relative; } .comment-author { float: left; max-width: 58px; text-align: center; } .comment-author .avatar { display: block; margin-bottom: 3px; border-radius: 50%; width: 50px; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #256de3; font-size: 13px; font-style: normal; font-weight: normal; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { content: ""; vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { margin-left: 72px; word-wrap: break-word; } .comment-content p { margin: 0 0 8px; } .comment-metadata { margin-bottom: 5px; } .comment-metadata, .comment-metadata a { font-family: "Montserrat", sans-serif; font-weight: 400; color: #3A3D4A; text-transform: uppercase; font-size: 11px; } .comment-metadata a:hover { font-family: "Montserrat", sans-serif; font-weight: 400; color: #3A3D4A; text-transform: uppercase; font-size: 11px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: ""; margin-right: 5px; position: relative; top: -2px; } .comment-reply-link:before, .comment-reply-login:before { content: ""; margin-right: 3px; } /* Comment form */ .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title { font-size: 31px; margin: 0 0 20px; position: relative; font-weight: 400; font-family: "Arvo", serif; color: #45454B; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 16px; overflow: hidden; width: 16px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: ""; vertical-align: top; } .comment-respond .logged-in-as, .comment-respond .cptch_block { margin-bottom: 12px; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form-comment { margin-bottom: 8px; } .comment-form .comment-form-email { margin-bottom: 14px; } .comment-form .comment-form-url { display: none; } .comment-form .required { color: #ed331c; } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] { max-width: 270px; width: 60%; } .comment-form textarea { width: 100%; } .comment-form textarea, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] { border: 1px solid #6b6d73; background: #fff; font-family: inherit; border-radius: 5px; } .comment-form label { display: block; letter-spacing: normal; text-transform: uppercase; margin-bottom: 7px; color: #8B99A3; font-size: 14px; line-height: 17px; font-weight: 700; } .comment-form textarea { resize: none; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; text-align: center; } .sidebar .no-comments { padding-left: 60px; padding-right: 376px; } /** * -- Multisite * ---------------------------------------------------------------------------- */ .site-main .mu_register { margin: 0 auto; max-width: 604px; width: 100%; } .mu_alert { margin-top: 25px; } .site-main .mu_register input[type=submit], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 270px; } .site-main .mu_register input[type=submit] { width: auto; } /** * Sidebar * ---------------------------------------------------------------------------- */ .site-main .widget-area { display: inline-block; width: 100%; } /** * -- Widgets * ---------------------------------------------------------------------------- */ .widget { background-color: #f7f8f9; font-size: 14px; margin: 0 0 45px; word-wrap: break-word; } .widget .widget-title, .sidebar-title, .top-stories-title { padding: 16px 0; margin: 0; background: #292929; font-family: "Montserrat", sans-serif; font-weight: 500; text-align: center; color: #FFF; font-size: 18px; text-transform: uppercase; border-radius: 5px 5px 0 0; } .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0; } .widget > ul, .widget > div, .widget > ol, .widget > form { padding: 20px; } .widget li { padding: 5px 0; } .widget .children li:last-child { padding-bottom: 0; } .widget li > ul, .widget li > ol { margin-left: 20px; } .widget p.pis-thumbnail { margin: 0; display: inline-block; vertical-align: top; width: 35%; } .widget p.pis-title { display: inline-block; padding-left: 6px; width: 65%; vertical-align: top; } /* Search widget */ .search-form .search-submit { display: none; } /* RSS Widget */ .widget_rss .rss-date { display: block; } .widget_rss .rss-date, .widget_rss li > cite { color: #a2a2a2; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border: 0; border-collapse: separate; border-spacing: 1px; } .widget_calendar caption { font-size: 14px; margin: 0; } .widget_calendar th, .widget_calendar td { padding: 0; text-align: center; } .widget_calendar a { display: block; } .widget_calendar a:hover { background-color: rgba(0, 0, 0, 0.15); } .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.5); } .widget_calendar tbody .pad { background-color: transparent; } .widget input[type=text], .widget input[type=email], .widget input[type=search] { border-radius: 5px; } /* TOC+ widget */ .widget .toc_widget_list.no_bullets li { list-style-type: none; } .widget .toc_widget_list.no_bullets li a { display: inline-block; position: relative; padding-left: 10px; } .widget .toc_widget_list.no_bullets li.toc-level-2 > a { margin-left: 20px; } .widget .toc_widget_list.no_bullets li.toc-level-3 > a { margin-left: 40px; } .widget .toc_widget_list.no_bullets li.toc-level-4 > a { margin-left: 60px; } .widget .toc_widget_list.no_bullets li a:before { content: ""; position: absolute; width: 3px; height: 3px; left: 0; top: 7px; background: #004276; } .widget .toc_widget_list.no_bullets li ul { margin-left: 0; } .widget .toc_widget_list.no_bullets ul { margin: 0; padding: 0; } .widget .toc_widget_list.no_bullets li a + ul { padding: 5px 0 0; } .widget .toc_widget_list.no_bullets li a + ul li, .widget .toc_widget_list.no_bullets li.toc-level-2, .toc_widget_list.no_bullets li.toc-level-3, .toc_widget_list.no_bullets li.toc-level-4, .toc_widget_list.no_bullets li.toc-level-5 { padding: 2px 0; } .widget .toc_widget_list.no_bullets li a + ul li.toc-level-1 { padding: 5px 0; } .widget .toc_widget_list.no_bullets li a + ul li.toc-level-1 li.toc-level-1 { padding: 0; } .widget .toc_widget_list.no_bullets li a + ul li a, .widget .toc_widget_list.no_bullets li.toc-level-2 > a, .toc_widget_list.no_bullets li.toc-level-3 > a, .toc_widget_list.no_bullets li.toc-level-4 > a, .toc_widget_list.no_bullets li.toc-level-5 > a { font-size: 13px; } .widget .toc_widget_list.no_bullets li a + ul li.toc-level-1 > a { font-size: 14px; } .widget .toc_widget_list li a { color: #004276; } .widget .toc_widget_list li a:hover { color: #4545E1; text-decoration: underline; } .widget .toc_widget_list.no_bullets li.toc-empty { padding: 0; list-style: none; } /** * Plugin simple review posts * ---------------------------------------------------------------------------- */ .site-content .srp-simple-review-post-wrap { width: 32%; font-size: 15px; color: #666C72; } .site-content .srp-simple-review-list li:nth-child(2n+1) { background: #ecf7fe; } .site-content .srp-simple-review-attributes .srp-star-rating { height: 15px; width: 92px; font-size: 14px; margin-bottom: -1px; } .site-content .srp-simple-review-attributes .srp-star-rating:before { letter-spacing: 4px; color: #C9D1D5; } .site-content .srp-simple-review-attributes .srp-star-rating span:before { letter-spacing: 4px; color: #256de3; } .site-content .srp-post-content-link, .site-content .srp-price { color: #256de3; } .site-content .srp-post-amazon-link { border-top: none; padding: 10px 0; } .site-content .srp-post-amazon-link a { background-color: #ff9900; border: 1px solid #ff9900; } .site-content .srp-post-amazon-link a:hover { color: #ff9900; background: #fff; } .site-content .srp-post-content-link { text-transform: uppercase; color: #31C9F4; font-weight: 500; font-size: 14px; } .site-content .srp-simple-review-post-wrap:hover .srp-post-amazon-link, .site-content .srp-simple-review-post-wrap-hover .srp-post-amazon-link { padding: 30px 0; } .site-content .srp-post-content-wrap { margin-top: 6px; } /** * Footer * ---------------------------------------------------------------------------- */ .site-footer { background-color: #fff; position: relative; color: #6C6C6C; font-size: 14px; text-align: center; } .site-info { display: inline-block; padding: 34px 0 30px; width: 100%; } .footer-nav-columns { display: inline-block; padding: 40px 0; width: 100%; } .footer-copyright { padding: 0 0 40px; text-align: left; } .copy, .footer-logo { float: left; display: inline-block; } .footer-logo img { max-height: 50px; } .footer-right-block { padding-top: 0px; display: inline-block; float: right; } .site-footer .footer-social { text-align: left; margin: 0; list-style: none; display: inline-block; } .site-footer .search-form { display: inline-block; float: left; position: relative; margin-left: 26px; } .site-footer .search-form .search-field { width: 300px; height: 40px; padding: 0 48px 0 25px; border-radius: 20px; border: none; font-size: 14px; } .site-footer .search-form .search-submit { display: inline-block; font-size: 0; position: absolute; padding: 0; margin: 0; border: none; width: 20px; height: 21px; right: 24px; top: 9px; background: url(..https://garagegymbuilder.com/images/footer_search.png) no-repeat; } #wpstats { display: block; margin: -10px auto 0; } .menu-footer-container { padding-top: 4px; display: inline-block; max-width: 640px; } .footer-nav-menu-item { display: inline-block; text-align: left; vertical-align: top; list-style: none; float: left; width: 33.3333%; padding: 0 15px; } .footer-nav-menu-item .footer-list { margin-bottom: 34px; } .footer-list .footer-title, .footer-social .footer-title { text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 12px; } .footer-list ul { padding: 0; margin: 12px 0 0; list-style: none; } .footer-social ul { padding: 0; margin: 22px 0 0; display: inline-block; width: 100%; } .footer-social ul li { display: inline-block; height: 25px; margin-right: 25px; float: left; } .footer-social ul li:last-child { margin-right: 0; } .footer-main-menu { margin-bottom: 24px; } .footer-main-menu li { display: inline-block; padding: 0 10px; margin-bottom: 4px; } .menu-footer-container .footer-nav-menu-item:last-child { margin-right: 0; } .footer-nav-menu-item li { display: block; padding: 7px 0; } .footer-nav-menu-item li a, .footer-main-menu li a { color: #6C6C6C; line-height: 1; display: inline-block; font-size: 14px; } .footer-nav-menu-item li a:hover, .footer-main-menu li a:hover { color: #256de3; } .footer-nav-menu-item .inline li { display: inline-block; padding: 3px 0; padding-left: 12px; max-width: none; position: relative; } .footer-nav-menu-item .inline li:before { content: ""; position: absolute; width: 4px; height: 4px; left: 2px; top: 50%; margin-top: -2px; background: #6C6C6C; border-radius: 50%; } .site-footer .footer-social li a { display: inline-block; float: left; height: 21px; width: 21px; font-size: 0; } .site-footer .footer-social li:first-child a { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAS1BMVEUAAACfo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6d1vs7lAAAAGHRSTlMAy/TvjYcOrU/mtzMmMCLVSAjqd8KOfz8/Hxt2AAAAl0lEQVQY03WRWQ6EIBBEq2lcWBTQWbj/SSfaMGiC74eqF9IJNIRFk1GG9ILGOuXKtFYZOTc4ipzznfmQXpWmAvF5egC2TkyAzLeAywWP0ZUbDrraEZ8aNUjCNiTEIUghGAkBBy8pjCyYPeG7b6WB29yhRgZ1LOHdsRquY117W7P28g9ERoLyD392anVxan7cRdsbZ/7v7QdEURsFfE0xkQAAAABJRU5ErkJggg==") no-repeat; } .site-footer .footer-social li:first-child + li a { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAYFBMVEUAAACfo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6dqEqAIAAAAH3RSTlMAjCXv88fNr0/mt0YzMCHfZhb415SAdLiznpZbPQ8Giy20dwAAAK9JREFUGNN1kVkOwyAMRMcQSMm+dy/3v2UtW5Q0Ut6HgQFhjw2lJRem4KhFpitjouySWNuYsbWKl/jPBYwpDmphWK3ikQpoeJm8nLZxpGXmTQPi6N4lx0X+u/KO4DiGD173/glmiIxH4NjXSJBUB8k6IuEkA8SBM8ll1LeSPiSfat2D9Hb4/cqQ1Duvks7cotKot/6xDavL3k76cNIzlov9SxYVs5uFQaYlb6P1aW5fNncdyacLe8kAAAAASUVORK5CYII=") no-repeat; } .site-footer .footer-social li:first-child + li + li a { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAe1BMVEUAAACfo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6eYPdVoAAAAKHRSTlMAh6P4mtKtefPitlVLOh/daGESyKYH742BWkAM6b1OQxmSdC0n2XE03WpoQQAAAOdJREFUGNNNkdmygyAQRAdEQBEUXKLGJcnd+P8vvDCYaD8Np7q6mhlI2lg+DEX5+4BTW+0PZbf7wXrmL6q/E6XBwpf2jRfErzjOTyq9zLI45yHE4DSadW+ajqBbAKTQVne0elN5B4lDUUVKE/UWfKK23sk4HW0opJaNUtWulH3lmIf0ZsUGMDsAMNgC6aTrP/cguu8dDB9vBbkWJeGCr6bAXHnSibSlLrADu9Jyjl7p8G8WOsNZQ5XgLjxHABi95/DRHLaGy+ShCmeMkCejZeaHr7Rf6i8qIkSpyy3cmdYr+iP9sorjbv/1hSNsl9BvyAAAAABJRU5ErkJggg==") no-repeat; } .site-footer .footer-social li:first-child + li + li + li a { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAb1BMVEUAAACfo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6efo6f8Ya+8AAAAJHRSTlMAiVo871XIlnn56wikcxzMZvLg17qRSkQxKyUiErGabTbCvYUJCKuUAAAAxUlEQVQY023R2W7CMBBA0fFCmj2BJGSjQNv7/9/YWIOJInHffGRZmrFobmhy3/2mq+w9E2JlHbHK2MudYsqhbAx4BS6D0UoPfnukuEBSiHa7LWf4FnkAbUSQEpilAaxohffyBRghqjVOtoImqrZfHpBNtp+D5qopdQ9UFheUqK7a7j7/cIe7P0U7uDpXTaRRpbGuylE1UgFt+x53KYHpNdt40qZVZ5MT0JlX97CHVbYMh7Lrh1X6DTV3+Iu98d6d8YmZ9fgPbyIgQAqnjjsAAAAASUVORK5CYII=") no-repeat; } /** * Hovers * ---------------------------------------------------------------------------- */ .main-slider-item { border-radius: 6px; overflow: hidden; } .top-stories-item-image a:before { border-radius: 10px; } .review-cat-item .review-cat-item-img a:before { border-radius: 6px 6px 0 0; } .review-cat-item .review-cat-item-img a:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(29, 29, 29, 0) 0%, rgba(29, 29, 29, 0) 39%, rgba(29, 29, 29, 0.75) 100%); background: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, rgba(29, 29, 29, 0) 39%, rgba(29, 29, 29, 0.75) 100%); background: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, rgba(29, 29, 29, 0) 39%, rgba(29, 29, 29, 0.75) 100%); } .main-featured-item .featured-image a:after, .blog-cat-post-image > a:after, .row-list-post-image > a:after { border-radius: 6px 6px 0 0; } .top-stories-item-image a:after, .main-last-review .img-review:after { content: ""; font-family: "WT-ico-font"; font-style: normal; font-weight: normal; color: #fff; position: absolute; width: 19px; height: 21px; left: 50%; top: 50%; margin-top: -10px; margin-left: -9px; opacity: 0; visibility: hidden; z-index: 3; transition: all 0.15s ease-in-out; } .main-slider-item .main-banner-gradient a:before, .review-cat-item .review-cat-item-img a:before, .main-featured-item .featured-image a:after, .row-list-post-image > a:after, .blog-cat-post-image > a:after, .top-stories-item-image a:before, .guide-list-item .review-cat-post-image > a:before, .single-list-item .review-cat-post-image-link:before { content: ""; position: absolute; opacity: 0; visibility: hidden; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; transition: all 0.15s ease-in-out; } .row-list-post-image > a:after, .blog-cat-post-image > a:after { transition: none; } .main-slider-item .main-banner-gradient a:before, .review-cat-item .review-cat-item-img a:before, .main-featured-item .featured-image a:after, .blog-cat-post-image > a:after, .top-stories-item-image a:before, .guide-list-item .review-cat-post-image > a:before, .row-list-post-image > a:after { background: -moz-linear-gradient(45deg, rgba(37, 109, 227, 0.54) 0%, rgba(125, 185, 232, 0) 100%); background: -webkit-linear-gradient(45deg, rgba(37, 109, 227, 0.54) 0%, rgba(125, 185, 232, 0) 100%); background: linear-gradient(45deg, rgba(37, 109, 227, 0.54) 0%, rgba(125, 185, 232, 0) 100%); } .main-slider-item:hover .main-banner-gradient a:before, .review-cat-item:hover .review-cat-item-img a:before, .main-featured-item:hover .featured-image a:after, .blog-list-item:hover .blog-cat-post-image > a:after, .top-stories-item-image a:hover:before, .top-stories-item-image a:hover:after, .main-top-review:hover .img-review:after, .main-last-review:hover .img-review:after, .single-list-item .review-cat-post-image-link:hover:after, .single-list-item .review-cat-post-image-link:hover:before, .guide-list-item .review-cat-post-image > a:hover:before, .row-list-item:hover .row-list-post-image > a:after { opacity: 1; visibility: visible; } .main-featured-item:hover, .main-top-review:hover, .main-last-review:hover, .most-viewed-wrapper .blog-most-viewed-item .blog-list-item:hover, .blog-cat-main-link > a:hover, .blog-cat-list li.active, .blog-cat-list li:hover, .blog-cat-content .blog-list-item:hover { box-shadow: 0 2px 8px rgba(37, 109, 227, 0.54); -moz-box-shadow: 0 2px 8px rgba(37, 109, 227, 0.54); -webkit-box-shadow: 0 2px 8px rgba(37, 109, 227, 0.54); } .review-cat-item .review-cat-item-img a img { transition: transform 0.15s ease-in-out; } .review-cat-item:hover .review-cat-item-img a img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .main-featured-item:hover .main-featured-link, .blog-list-item:hover, .row-list-item:hover { background: #292929 !important; } .main-last-review:hover, .main-top-review:hover { border-color: rgba(37, 109, 227, 0.2); } .main-last-review:hover, .main-top-review:hover, .main-featured-item:hover, .review-cat-items .review-cat-item:hover, .most-viewed-wrapper .blog-list-item:hover, .blog-cat-content .blog-list-item:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .main-last-review:hover .rate-details-link, .blog-list-item:hover .blog-cat-post-title, .blog-list-item:hover .blog-cat-post-content > span, .row-list-item:hover .row-list-post-content > span, .row-list-item:hover .row-list-post-title { color: #fff !important; } .main-slider-item > img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } .main-slider-item:hover > img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-cat-main-link > a:hover { background: #292929; color: #fff; } .main-sidebar .blog-list-item:hover:after { opacity: 0; visibility: hidden; } .blog-list-item i.hunt-icon, .row-list-item i.hunt-icon, .blog-list-item .post-date, .row-list-item .post-date, .row-list-item .row-list-post-views, .row-list-item .row-list-post-share, .blog-list-item .blog-cat-post-share, .blog-list-item .blog-cat-post-views { transition: all 0.15s ease-in-out; } .blog-list-item:hover i.hunt-icon, .row-list-item:hover i.hunt-icon, .blog-list-item:hover .post-date, .row-list-item:hover .post-date, .row-list-item:hover .row-list-post-views, .row-list-item:hover .row-list-post-share, .blog-list-item:hover .blog-cat-post-share, .blog-list-item:hover .blog-cat-post-views { color: #256de3; } .blog-list-item:hover .blog-cat-post-image img, .row-list-item:hover .row-list-post-image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /** * Authors page * ---------------------------------------------------------------------------- */ .authors-page-header { margin-top: -88px; margin-bottom: 120px; padding: 89px 0 68px; text-align: center; background: #f6f4f4; background-size: cover; } .authors-page-statistics-wrap { position: relative; width: 100%; text-align: center; margin-top: 45px; margin-bottom: 0px; z-index: 1; } .authors-page-animation { position: relative; } .authors-animation-badge { position: absolute; border-radius: 10px; width: 200px; min-height: 100px; top: 100%; box-shadow: 0px 6px 13px 0px rgba(233, 233, 233, 0.95); text-align: center; opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } .authors-animation-badge:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px; background: rgba(20, 20, 20, 0.92); opacity: 0.85; z-index: 0; } .authors-animation-badge:after { display: block; position: absolute; content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid; border-bottom-color: rgba(20, 20, 20, 0.92); top: 0; margin-top: -9px; left: 50%; transform: translate(-50%, 0); opacity: 0.85; } .authors-animation-badge .digit { position: relative; display: block; z-index: 1; /*top: 50%;*/ /*left: 50%;*/ color: rgba(246, 244, 244, 0.25); font-size: 90px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-top: 3px; } .authors-animation-badge .text { position: absolute; display: inline-block; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; } .authors-animation-badge.authors-badge-1 { left: 19%; } .authors-animation-badge.authors-badge-2 { left: 42%; } .authors-animation-badge.authors-badge-3 { left: 65%; } .authors-animation-badge.show { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 1.5s 0s cubic-bezier(0.19, 1, 0.22, 1), transform 3s 0s cubic-bezier(0.19, 1, 0.22, 1); } .authors-animation-badge.show.hide { animation: bounceOut 0.5s linear forwards; } .authors-animation-badge.show .digit { animation: bigEntrance 1s 0.6s linear forwards; } .authors-page-statistics { display: inline-block; width: 980px; } .authors-statistics-item { width: 28.6%; border-radius: 10px; height: 130px; position: relative; display: inline-block; padding: 26px 0 0; background: white; } .authors-page-statistics .authors-statistics-item:first-child { float: left; } .authors-page-statistics .authors-statistics-item:last-child { float: right; } .authors-statistics-item:before { content: ""; position: absolute; left: 50%; margin-left: -9px; bottom: -17px; border: 9px solid rgba(0, 0, 0, 0); border-top: 9px solid white; } .authors-statistics-item-count { color: #2C2C2C; margin-bottom: 4px; display: inline-block; position: relative; font-family: "Arvo", serif; font-size: 50px; line-height: 1; } .authors-statistics-item-title { color: #151518; font-size: 12px; text-transform: uppercase; } .authors-statistics-item-count-last-period { position: absolute; top: -15px; left: 95%; display: inline-block; background: #256de3; border-radius: 12px; line-height: 24px; padding: 0 12px; color: #FFF; font-family: "Arvo", serif; font-size: 14px; text-transform: uppercase; } .authors-page-animation > img { width: 100%; visibility: hidden; } .authors-page-animation > img.show { visibility: visible; } .authors-page-content-wrap { text-align: center; padding-bottom: 60px; } .authors-page-title { display: inline-block; text-align: center; width: 75%; font-size: 32px; font-weight: normal; font-family: "Arvo", serif; color: #44444B; margin-top: 10px; overflow: hidden; } .authors-page-title-ico { margin: 0 0 0 0; } .authors-page-title-editors-ico { margin: 0 0 0 0; } .authors-page-title-res-ico { margin: 0 0 0 0; } .authors-page-title-ico:before, .authors-page-title-editors-ico:before, .authors-page-title-res-ico:before { font-family: "author-page-icons" !important; speak: none; color: #256de3; font-size: 100px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: ""; } .authors-page-title-ico:before { content: ""; } .authors-page-title-editors-ico:before { content: ""; } .authors-page-title-res-ico:before { content: ""; } .authors-page-title > span { display: inline-block; position: relative; } .authors-page-title > span.authors-title-body { padding: 0 44px 0; margin-bottom: 18px; } .authors-page-title > span:before { right: 100%; top: 97px; } .authors-page-title > span:after { left: 100%; top: 97px; } .authors-page-content { display: inline-block; width: 70%; color: #5F5F5F; font-size: 14px; } .authors-page-editors { padding: 20px 0; text-align: center; padding-bottom: 88px; } .authors-page-title { border-bottom: 1px solid; border-color: #256de3; } .authors-page-editors .authors-page-title { width: 100%; margin: 0 0 42px; } .authors-page-editors .authors-page-title > span { padding: 0 45px; margin-bottom: 18px; } .authors-page-editors .authors-page-title > span:before, .authors-page-editors .authors-page-title > span:after { top: 18px; } .authors-page-site-content .sign-up-wrap { margin-top: 0; } .authors-page-site-content .sign-up-before-none:before { background: #fafaf8; } .page-editors-items-wrap { display: inline-block; width: 68%; } .page-editors-items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-editors-item-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; width: 50%; margin-bottom: 20px; padding: 0 10px; } .page-editors-item { width: 100%; padding: 40px 0 42px; box-shadow: 1px 5px 21px rgba(233, 233, 233, 0.95); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .page-editor-avatar { text-align: center; margin-bottom: 26px; } .page-editor-avatar > span { display: inline-block; position: relative; border-radius: 50%; } .page-editor-avatar > span:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; } .page-editor-avatar img { width: 96px; height: 96px; border-radius: 50%; } .page-editor-name { margin-bottom: 26px; } .page-editor-name-title { display: block; color: #2C2C2C; font-family: "Arvo", serif; font-size: 22px; margin-bottom: 4px; } .page-editor-name-title-subtitle { display: inline-block; position: relative; padding-bottom: 14px; color: #898b8f; font-family: "Montserrat"; font-size: 12pt; text-transform: uppercase; } .page-editor-name-title-subtitle:before { position: absolute; left: 50%; bottom: 0; margin-left: -46px; width: 92px; height: 1px; background: #eaeaea; } .page-editor-info { display: inline-block; width: 75%; margin-bottom: 32px; color: #797C7F; font-family: "Open Sans"; font-size: 16px; line-height: 1.6; } .page-editor-social ul { display: inline-block; padding: 0; margin: 0; list-style: none; } .page-editor-social ul li { display: inline-block; margin-right: 22px; } .page-editor-social ul li:last-child { margin-right: 0; } .page-editor-social ul li > a { width: 26px; height: 26px; display: inline-block; text-decoration: none; outline: none; } .page-editor-social ul li > a.page-editor-fb { background: url(..https://garagegymbuilder.com/images/page-editor-fb.png) no-repeat; } .page-editor-social ul li > a.page-editor-tw { background: url(..https://garagegymbuilder.com/images/page-editor-tw.png) no-repeat; } .page-editor-social ul li > a.page-editor-in { background: url(..https://garagegymbuilder.com/images/page-editor-in.png) no-repeat; } .authors-page-researches { background: #fff; } /** * Single review page * ---------------------------------------------------------------------------- */ .review-saying-wrap { margin: 45px 0 25px; box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.13); text-align: center; position: relative; padding: 25px 15px; } .review-saying-title, .reviewmeter-title { font-size: 25px; color: #45454b; margin: 0 0 25px; padding: 0 0 16px; position: relative; font-weight: 700; } .reviewmeter-title { display: inline-block; } .reviewmeter-title .reviewmeter-see { top: 11px; right: -27px; width: 20px; height: 20px; } .pros-and-cons-title { font-size: 25px; color: #45454b; margin: 25px 0 0; position: relative; display: block; text-align: center; font-weight: 700; } .review-saying-title:after, .reviewmeter-title:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 55px; height: 1px; background: #45454b; } .review-saying-see-how, .reviewmeter-see { position: absolute; top: 33px; right: 35px; padding: 0 20px 0 0; cursor: pointer; text-transform: uppercase; font-size: 12px; color: #45454b; z-index: 2; } .review-saying-see-how:after, .reviewmeter-see:after { content: ""; position: absolute; top: -1px; right: 1px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MEY3NDcyNEMzNDFFNjExQjU4QkJEMkUzMDFDQ0VFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNTg5NzQ5NjYwMEYxMUU4QjBBOUQwNDJCRThBQUNDMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNTg5NzQ5NTYwMEYxMUU4QjBBOUQwNDJCRThBQUNDMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NTQ1OGRhLWE2MWQtM2I0My04MDQ3LTlhOWYzM2MwZTU1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmExMGJlN2Y0LTVmNTUtMTFlOC1hMGZkLWM4ZmNhNWIwMWFkNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PluSaAEAAAEbSURBVHjaYvz//z8DuYAFRMQy1iGL2QBxNhDbArEoEL8G4sNAPBWIj8AULf7fxMCEZtBUqMIIIJYGYjYoHYFkACuKzVAwHYhTCLg0C2pgKrJma2SN4R2uDI5pJgzcgpwMX99/Z5gctorh6p67MGmQugVAfBTm7Gxk47++/8Gwf9YZhpUVu8EG+JbboLsgB9lmJ2SZLZ2HwbRPuS2Yvn/2GbpmOxABs1kcXRakEeR8kEEgF6ABEWTNL9FlQbaBNGHRCAJvkDXvR5dVNJYCY5CfsYBDyJqnYtNsFqoN1MyBTfNU5AA7AhWAh/rksJW44hqe0pBTWCEQTyOQSKZB1TGga/6NlKZXADEofn5B6RVQ8WyoOjBgpCRXAQQYAJ+eTkBgB5dDAAAAAElFTkSuQmCC") no-repeat center center; background-size: cover; width: 15px; height: 15px; } .review-saying-subtitle, .reviewmeter-subtitle { color: #24292f; font-size: 15px; } .review-subtitle-icon { color: #5c007d; position: relative; padding: 0 0 0 16px; margin: 0 1px; } .reviewmeter-subtitle span { color: #5c007d; position: relative; margin: 0; } .review-subtitle-icon:before { content: ""; position: absolute; left: 0; top: -2px; width: 14px; height: 18px; background-size: cover; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MEY3NDcyNEMzNDFFNjExQjU4QkJEMkUzMDFDQ0VFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQkI2RDJDMTYwMEMxMUU4QjQ3MDg2NTU3MDZDMTAxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQkI2RDJDMDYwMEMxMUU4QjQ3MDg2NTU3MDZDMTAxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NTQ1OGRhLWE2MWQtM2I0My04MDQ3LTlhOWYzM2MwZTU1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmExMGJlN2Y0LTVmNTUtMTFlOC1hMGZkLWM4ZmNhNWIwMWFkNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrbJckAAAAIrSURBVHjanJM/aBNRHMe/7+5e2oaa2KaWVupSiC4WugRMHBwUpBQEBx1EHCSTZLOldbCiuHRxEhwFF7GDVBCXpBR1EFGzWJBq0kK7pElj/pmkTe7u+XuXu0eCi/R3fO893vt93vfud79jQggcJQx5S7CHJQF2/H8ABlF+Kh4MOWAUmV8a7IgGAZ1Em9DUKJNtZ5TRhzZXjhMo5g3a1EneqDuH2NDc0TuQ5qYCm+AOcPJ6DJPLt8GYdOkKqkNh4RnqK2uUxXrAnAELhfQOzowEoQ/297yXVWug+i0Lk/zIeVeuaS74qgkffmcK+Dz7GK1iTUHtfBk/Zu+jms3jkHxaMFa7QF+K4DcNgnc/ZLAeWUS7XEdrv4pPkbvY+7iJA/I6BM8cwHiiwDheCIJuNsBX5fvub5dQ/LKF0lfSTpkgLrVBuhxFsqZAGXfw/E+zA1fs0RBC58IYjp6GPTLsFI/2bl3C2y0vX4GPkBgnaL0vPBGcSS2CH+sHD/pxYW0JRviUhN+t4FpENYJsuXk2Z3DY7wOhgVhiYwGDY4GeqjZyFbw+ew9WsVKgvKkb4uWeV5wrdfhiU/Hz/0Ay/GNBTMYvyrwTpHn1HekRr9JJ+J7chj6QcrrFk9c92eRPmUeXPUPInANStYZMSthM55FN5+QmZENwt/24O+fUqS2Y48qRQRuVP5f0sChBziyS6bj19i0d4lNgANa0XOz+eTrqrJquOk8n/KqqR4m/AgwACtvmq0OibWwAAAAASUVORK5CYII=") no-repeat left center; } .review-pos-and-neg-wrap { box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); background: #ffffff; } .review-pos-and-neg-wrapper { display: inline-block; width: 100%; vertical-align: top; } .review-pos-and-neg-item { width: 50%; float: left; padding: 30px; } .review-pos-and-neg-item.review-positive { border-right: 1px solid rgba(69, 69, 75, 0.07); padding-right: 29px; } .pos-and-neg-title { text-align: center; font-size: 55px; color: transparent; -webkit-background-clip: text; margin: 0 0 20px; font-weight: 700; } .review-positive .pos-and-neg-title { /*background-image: -moz-linear-gradient(left, #a1f3d4 0%, #87d8ff 100%); background-image: -webkit-linear-gradient(left, #a1f3d4 0%,#87d8ff 100%); background-image: linear-gradient(to right, #a1f3d4 0%,#87d8ff 100%);*/ color: #a2f2d4; } .review-negative .pos-and-neg-title { /*background-image: -moz-linear-gradient(left, #ff0031 0%, #0528fa 100%); background-image: -webkit-linear-gradient(left, #ff0031 0%,#0528fa 100%); background-image: linear-gradient(to right, #ff0031 0%,#0528fa 100%);*/ color: #fb5c78; } .pos-and-neg-wrapper ul { list-style-type: none; margin: 0 0 20px; padding: 0; height: 115px; width: 100%; overflow: hidden; } .review-pos-and-neg-item.opened ul { height: auto; min-height: 115px; } .pos-and-neg-wrapper li { position: relative; padding: 5px 0 5px 15px; color: #2a2e32; font-size: 15px; } .pos-and-neg-wrapper li:before { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; } .review-positive .pos-and-neg-wrapper li:before { background: -moz-linear-gradient(left, #a1f3d4 0%, #87d8ff 100%); background: -webkit-linear-gradient(left, #a1f3d4 0%, #87d8ff 100%); background: linear-gradient(to right, #a1f3d4 0%, #87d8ff 100%); } .review-negative .pos-and-neg-wrapper li:before { background: -moz-linear-gradient(left, #ff0031 0%, #0528fa 100%); background: -webkit-linear-gradient(left, #ff0031 0%, #0528fa 100%); background: linear-gradient(to right, #ff0031 0%, #0528fa 100%); } .pos-and-neg-button-wrap { margin: 0 auto; text-align: center; } .pos-and-neg-button { display: inline-block; max-width: 200px; width: 100%; border-radius: 20px; padding: 11px 5px; color: #ffffff; text-transform: capitalize; font-size: 15px; transition: all 0.15s; } .review-positive .pos-and-neg-button:hover, .review-negative .pos-and-neg-button:hover, .review-positive.opened .pos-and-neg-button, .review-negative.opened .pos-and-neg-button, .review-positive .pos-and-neg-button:focus, .review-negative .pos-and-neg-button:focus { background: #2ec7f3; background: linear-gradient(to right, #2ec7f3 0, #2ec7f3 100%); color: #ffffff; opacity: 0.35; } .review-positive .pos-and-neg-button { /*background: -moz-linear-gradient(left,#a1f3d4 0,#87d8ff 100%); background: -webkit-linear-gradient(left,#a1f3d4 0,#87d8ff 100%); background: linear-gradient(to right,#a1f3d4 0,#87d8ff 100%);*/ background: #a2f2d4; } .review-negative .pos-and-neg-button { /*background: -moz-linear-gradient(left, #ff0031 0%, #0528fa 100%); background: -webkit-linear-gradient(left, #ff0031 0%,#0528fa 100%); background: linear-gradient(to right, #ff0031 0%,#0528fa 100%);*/ background: #fb5c78; } .pos-and-neg-wrapper:after { content: ""; position: absolute; bottom: 0; left: -10px; right: -10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYkAAABpCAYAAADP7t+LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MEY3NDcyNEMzNDFFNjExQjU4QkJEMkUzMDFDQ0VFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMTUzMDk0NjYwMkUxMUU4QUUyNkFFNDM2RTRGMEFERSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMTUzMDk0NTYwMkUxMUU4QUUyNkFFNDM2RTRGMEFERSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NTQ1OGRhLWE2MWQtM2I0My04MDQ3LTlhOWYzM2MwZTU1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmExMGJlN2Y0LTVmNTUtMTFlOC1hMGZkLWM4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") no-repeat left top; background-size: cover; height: 62px; opacity: 1; overflow: visible; transition: all 0.15s; } .review-pos-and-neg-item.opened .pos-and-neg-wrapper:after { opacity: 0; visibility: hidden; } .review-pos-and-neg-item.opened .pos-and-neg-button-wrap { display: none; } .pos-and-neg-wrapper { position: relative; } .reviewmeter-wrap { box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); background: #ffffff; margin: 25px 0 25px; } .reviewmeter-header-wrap { border-bottom: 1px solid rgba(69, 69, 75, 0.1); text-align: center; padding: 15px; } .reviewmeter-rating-wrap { text-align: center; padding: 25px; } .reviewmeter-rating-wrapper { position: relative; width: 71%; margin: 45px auto 60px; } .reviewmeter-rating-line { background: -moz-linear-gradient(left, #fd5c7a 0%, #fac15b 50%, #a2f3d4 100%); background: -webkit-linear-gradient(left, #fd5c7a 0%, #fac15b 50%, #a2f3d4 100%); background: linear-gradient(to right, #fd5c7a 0%, #fac15b 50%, #a2f3d4 100%); padding: 11px; border-radius: 11px; position: relative; width: 100%; } .reviewmeter-rating-line .digit { position: absolute; transform: translate(-50%, 0); top: -55px; color: #ffffff; font-weight: bold; } .reviewmeter-rating-line .digit-1 { left: 14px; color: #ffa2b3; /*#fd5c7a*/ } .reviewmeter-rating-line .digit-5 { left: 50%; color: #fac15b; /**/ } .reviewmeter-rating-line .digit-10 { right: -3px; color: #a2f3d4; /**/ } .reviewmeter-icon { width: 29px; height: 29px; border-radius: 50%; display: block; position: absolute; top: -35px; } .reviewmeter-icon.bad { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MEY3NDcyNEMzNDFFNjExQjU4QkJEMkUzMDFDQ0VFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMTlBQThEMzYzNDIxMUU4ODc1OEJFMTg5RTBDQjBBQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMTlBQThEMjYzNDIxMUU4ODc1OEJFMTg5RTBDQjBBQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NTQ1OGRhLWE2MWQtM2I0My04MDQ3LTlhOWYzM2MwZTU1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmExMGJlN2Y0LTVmNTUtMTFlOC1hMGZkLWM4ZmNhNWIwMWFkNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqi8vZMAAAU4SURBVHjaxJcLbBRVFIbPPHenu93utm5b+7ClYo0aiI2aKjGhqBBSFDAUlUgIj4T4SAwagvUVCSlGEmIMiWJMbJESCLShlFhpiViMMbYGEUSJEGJLX7Zs2311Z3fnca9n2hRnp7sFSg0nOXvbmXvnm3vuuee/w1BK4U4Zb/wwDDNtp6Ur1gjYLEFfYHRHJ+ga/sGwFASduf6sTvRvWpsPxW8ENibNjP+kgCPUhs2r6MUChW+PcDkuURBWAM89YlzDgRIYkaOgUkJ6flEj/U1kLHoFtI4oJbvxJcZmBEfwE9hscOp0z+G0wmUgCm8Cx+VMwKwOCf8PUS2yVw1c6QdtR+2x+qO3BEfwBmy8zcR7inenHwSBLwVCpkBSwSf9uB4J/0pjDTXH9m26KTiCjY6xFjZXAXd6Pd60jd+YARwIhU4Sox0S/PDWoc8XWeGsZcYLscloYXJi4HEdBJa13W5GlzM2Zr7dWXHktfdarPdYE9iJzZpmLasNMjP2I5ifrS21KM0NfqpXXtm5992kcLQ3RAq7eI/rAHBs2mzv6RcLSqA9OPwhOdBSlADHWRswT1PBvMXgkB7+PwpKOi+AJAjitXi01jrzlegNkJ+9LdnA7+MhqI2OwG+anPLhF0kc6rQAtOqR8QqUzJ4qLoGfx/wLyekzuWZ4WTP1ykx25r3WAa2xIDgYDjZKWdClK3BBi055aDdR4YwehfW8G4oYARr1cFJ4rsMJvlCYA3+o2gzX+bzsKmCnFpsw1aFcdEyEx+aGy3o8yaxjsIp3jdfdB1gxcQtZM9xgeFyLzXAKkq3M2jFGCayWMhOycxW+gNUq+XSMzn/IKi49Jdxll0B22gvN8DiWzzxrx52hAejBUM+m2UUBogInmeHCuEiYbAChDwoSnMZks5qGgRrAdR4iGui3CNd0AqIostcldVwmKU3IpPZYCJZLbmiQR1CyUDfxWh9RoFEe7QsQ7TyWx3OY1Tw+pSyXFeZXCa5cL3A3hIeiMjjsdmKG86CoA9b1dmKWuxkeAph0V9WY2iSPfneOxJ636rVRHXuI0rZe8Dx+PyOw084cNYIdk2Vz2AMD4fBf5k5P2zOgNuIDG4qOjPBGeeTEx011lckOCoZu/06VJ+tU/0/DNPVCqETHDYXZPhzoM8MbP/J1qYYKTVoxb4NNDi8ss7th/5iv+wKJV003I3wBeoEqlfvUQH+qPh39ffDonBKAYPjk9bDjwMsYOrc6OPw3XigxD7ikxYyM7y5lxa1zV66j05yLJvpTxTdE9fycJLv9/NAgvL6gXAWd7DKvuWH1n/551rM1Iz8BPoezQY27sAL1vGJCty3aDVP1/C4j8SwH0x+HB6E8vwCY/mun2JeWDiboOc6+sz0a7OoKBy+aB4m4RjmsYHI+0Zmpbs35UV2Fi+EAPJabFwZd35xMUg3b8X7kn0sBVZVnq6hEMSz1oSFYd89cSn3+d9iXl/UmhePslQCQDW/7uzt8mqLdLjiE+vYlDcFaVw5Iir6H27L2s1SHickXCPaB/lyNv/dkZyw049r6B1XgaxKGjUw6yWL4ndz2V7ZY+0x7bq9evm6bV7RXV6Z5PJjtN3WAvIpVsA01vQhzeQmTNoSAzdzRT47f8keDYTWLVktZ7ow6neOe9XC8oxSzvwA124kVGQdDBCthPybUJTxMBLHA5GG6PcM5QjaNfIXHse1cw+7QjL5YEspi6XJ28KHiFy5zZH2AIfNUgCwcZZNw7N0gKPcB3+sk9CxG4QR43Ye5Lz6Qb+pz6U4ZC3fQ/hVgAJNHp8oGrxr0AAAAAElFTkSuQmCC") no-repeat center; background-size: cover; left: 0; } .reviewmeter-icon.nice { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MEY3NDcyNEMzNDFFNjExQjU4QkJEMkUzMDFDQ0VFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzgzQzcwMjYzNDIxMUU4QTYyRURENjVFRTBDMTJDQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzgzQzcwMTYzNDIxMUU4QTYyRURENjVFRTBDMTJDQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NTQ1OGRhLWE2MWQtM2I0My04MDQ3LTlhOWYzM2MwZTU1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmExMGJlN2Y0LTVmNTUtMTFlOC1hMGZkLWM4ZmNhNWIwMWFkNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjuU2PQAAATsSURBVHjaxFdrbFRFFP7mvvYJbbc8Wh5BgWp/UOQdWiBKaBExqECCUDUVkYcaDWhifFPEhB8koDHaBGsxBS0qkNgWVNoIBeoDRUAiKSCEh7Sk23e37e3evXc8d7ddlu1uobSWkz13NjNz5pszZ85jGOccd4sk88MY63bSvMeXCdTMIZ5NrBBrxDqxQWwxlyA2tThMfOCH7wq0WwGbSjP/Jwo4gYrUrCCeTLw/b4VeN2iguBhMSCWh0dQXQ6vItFSTruuVZRW8at9J5r1UI/yo6fiENuG9I3ACTqbmdeLcwldZAmPSBgId1yFKwkZA2aDZzP+BvovVaM49hIs1HvbSF/m7ynsETsBzqcnIXmhsmTzakgdBnuc/4RCg7sDNPoOaneVoqqznH7635dv1twXeATy9cB3/hkmOEhocEQDoGXiADOw/xQx3i3XHyrd3PBsOLoRpPNZsCtfhSyY7y+iYR/T2Rs8fbwhWi5JVuv3Fj8LHhLAb/eayVOF9JtmLaWhIX7nUkhk2nLjMXq458tbiiOBEzxDnZ86QPoAgJvelPwtk1UUzh7KSM0K+dnKD8yZw0to0+vSid0fWQrSu+j8CyqihVjR4uL1diM8J1zyN+CBTYjdSvJBDheo8HDmlXpy+avR6A6kpCTh+RVni+2uTLRT84TnjbQeguOaGC7icDGvmKKhp4tiwV4NHjeSzwNe/AgW/MD8fPhs5aI0b48LZyw0KrIPXBsOrGSLXLoibBUGxhwu0tHPs+1NDUyvHoqkinNaui5qe+uT0jl3c5Grh8wKbYpbBC6nZJAUdUpBnRzuu9BQJLkf0RXtCVosEnxx/nxKiuU7gSZEmOywMDqUjiPQBOW0WtBp2pxJicx+YOKBf0qgsQjMkMfTCWforh7epXjjs1rAgww1Pf4A3e9phk/11QNDmEgztfKTJXioZthZ7MTI+zO6dN/tGB/0Y/q1neG6WjnhnZHDDMMDbaz0MSUHwM8XH6gYuSO86WSHrDKLbMH+CiFg7uslqQKtqYMfPiApc16gidiAtolb/E3rsez8vbU4A11ojCS1Nk5F/xIdmtRtbUs2Sd5hhybToXnHw+DXMmjIWXHXvCYJTudPo07nYUFt9NJq7LX9Qws6jPvz0tw5NvzGm0wGUn+PIK+PITOWIc0QG9voMuBvaMCRGVKG6t/qDTWcxQcklMSFO2vjZKkcWWUYKmDM0YgWKiYpKA79fMKhSMeW4f2jiKCBlJCIWE+Z/Zk/E7j8sSJtyP4bHGl9JyWueMnE7bW5qX0UbOFZysmVYxgTbI9GOLnmYQMwiVzJR6FwlhRFmwXCXWI+26hci5XNzA9tySn0XLlRpV/rKtdzNDCWn2imfDzZ4y9WV0gPvNEUEN4ns+Vr2brX8XJWvobfA18jtCn4T8Xy6Hcxbs16emL3npkQTpXoVh8Xi40cnyZkLJisxDD0vIA9VMFxyA0+naoZsi3lDnrl9c48eDa+sXvaEyyl8Om+CnDjpXmZOviX46av0bDkLTBvNMfUeXxUMb5aSXlTS4xdLZ2H52CS2WdXY8hg7i0tKEDDCBQywBm57cxvHtTqO89c5KHIiOZFjZpLRKDItl6JmtpJe7Lmj51IXGxYtzTh/na1uVIUpqoahIoPVYeFIiGHamCH6FavkOwGufw/BUqA8tKvttt5qd4v+E2AAXWBU7lopcLUAAAAASUVORK5CYII=") no-repeat center; background-size: cover; left: 50%; transform: translate(-50%, 0); } .reviewmeter-icon.very-nice { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MEY3NDcyNEMzNDFFNjExQjU4QkJEMkUzMDFDQ0VFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzg2ODc4RDYzNDIxMUU4OEZCRERFQjNDOTM3RjlDMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzg2ODc4QzYzNDIxMUU4OEZCRERFQjNDOTM3RjlDMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NTQ1OGRhLWE2MWQtM2I0My04MDQ3LTlhOWYzM2MwZTU1ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmExMGJlN2Y0LTVmNTUtMTFlOC1hMGZkLWM4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") no-repeat center; background-size: cover; right: 0; } .reviewmeter-arrow { border: 12px solid transparent; border-top: 12px solid #ffffff; } .reviewmeter-number { box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.13); color: #45454b; font-size: 18px; border-radius: 17px; padding: 7px 21px; background: #fff; position: absolute; bottom: -40px; left: -22px; } .reviewmeter-status-wrap { position: absolute; left: 61%; transform: translate(-50%, 0); top: 11px; } .review-see-how-popup { position: fixed; opacity: 0; visibility: hidden; top: 0; bottom: 0; left: 0; right: 0; background: rgba(46, 46, 46, 0.9); z-index: 9999; transition: all 0.15s; } .review-see-how-popup.active { opacity: 1; visibility: visible; } .close-popup { position: absolute; top: 14px; right: 16px; width: 17px; height: 18px; display: block; cursor: pointer; } .close-popup:before, .close-popup:after { content: ""; position: absolute; width: 20px; height: 2px; background: #45454b; top: 10px; right: -2px; } .close-popup:before { transform: rotate(45deg); } .close-popup:after { transform: rotate(-45deg); } .review-popup-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 530px; width: 100%; border-radius: 10px; background: #ffffff; box-shadow: 0px 0px 32px 0px rgba(29, 30, 39, 0.16); padding: 30px; text-align: center; } .review-popup-title { color: #45454b; font-size: 18px; } .review-popup-analized-items { display: flex; flex-wrap: wrap; margin: 20px -10px; } .review-analized-item { width: 50%; padding: 10px; } .review-analized-item a { padding: 15px 10px; display: block; box-shadow: 0 4px 8px 0 rgba(79, 79, 79, 0.13); border-radius: 20px; text-align: center; transition: all 0.15s; font-size: 16px; } .review-analized-item a:hover { box-shadow: none; } .review-analized-popup-info { color: #2a2e32; font-size: 15px; padding: 25px 15px 0; border-top: 1px solid rgba(69, 69, 75, 0.07); } .reviewmeter-popup { position: absolute; top: 100%; left: 0; transform: translate(0, -2%); max-width: 530px; width: 330px; border-radius: 10px; background: #ffffff; box-shadow: 0px 0px 32px 0px rgba(29, 30, 39, 0.16); padding: 35px 25px; display: none; z-index: 2; } .reviewmeter-popup .close-popup { top: 8px; right: 10px; } .reviewmeter-popup-info { color: #101213; font-size: 16px; text-align: center; font-weight: normal; } /** * Animation * ---------------------------------------------------------------------------- */ /* ============================================== tossing ============================================== */ .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } /* ============================================== bigEntrance ============================================== */ .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /*visibility: visible !important;*/ } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(0) translateY(0); opacity: 0.2; } 30% { transform: scale(1.1) rotate(-2deg) translateX(0) translateY(0); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.5) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.9) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.2) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(0%) translateY(0%); opacity: 0.2; } 30% { -webkit-transform: scale(1.1) rotate(-2deg) translateX(0%) translateY(0%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.5) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.9) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.2) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } /* ============================================== bounceOut ============================================== */ .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } /* ============================================== single-arrow-opacity ============================================== */ @keyframes single-arrow-opacity { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes single-arrow-opacity { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } /** * TOP BEST RATED * ---------------------------------------------------------------------------- */ .rc-best-rated-wrap { padding: 50px 60px; margin: 20px 0; text-align: center; -webkit-box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); -moz-box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.13); } .rc-best-rated-title { font-size: 31px; color: #45454B; margin: 0 0 35px; font-weight: 700; display: inline-block; vertical-align: middle; position: relative; } /*.rc-best-rated-title:before { background-repeat: no-repeat; background-size: auto 100%; background-position: center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAEQElEQVRYR7WXW2gcVRjHf9+s3VqxFlTUiogiRXxpiGyTuJe0KaFiUXKZrNagKBaFElRQpIpUUgiioiBYSx+KFYu37GxijWJFJCXJblKJtrWE9k0qtj61MWLT3HaOnN1M9nY2m7SbeZo959v////dGUnSXCNIA/jwHnf+xcKdrGPjx0Knd7RgU4kXGSW6bpbUCZB7PUCVg6yQ10M471aCrBBD9MEwdi0wCKzSv3PJgdkURCLEj1daQJo8I6BtN6h3DOT66A8/VnWA2EQlBSyQKzqtEU7/CDQWeO5F4ssQ8fYVIdegvxC9I4U6qVC355J4YgR2Bol/UikBC57nhP8RhfoeyIlK5laQy6ACQeJnKyGgiHw+/+8r1KvF1a/N5dQE/9Vu54fpaxVgJB8j6p/ATQCB/ALMmAtqX5D4iytCrkFHsDe48CuwNluA2Uy4qKYI8b5rEWD03ANMYD8lcNhArk0uClIVJHb+agUsSq5Bk9ifKXjaK7mCLjh2AWl8nFjqagSUJe8neqMf9zdgQ04DpLl0RBTsieB0rQh5pvpbH3SRYRC/of9TIFvCxIaWK6Cs5zn5fwXkA9PwAc4p/NURvhhfjoAlkyuQJNHvQG0v7v/0SU8Yx14W+TB2I6jdufn0qlshkzPMPdPAN/9o0AQtt4HvJLA+v/89SmtXmO4DSxUg2qNhWo4K1jaTRwq+DhHf4d1psS6iF5BVvIDkiuBuChMfW4qAdNi9hcL8QikEdZHnwzgHPcAkbW8reMNArk3G1jBVE6BvspyAhZyP0LZNoY7q6WlYqZMWbuAhes9owFFeWDXN+IBC1eUXYAZOoQ7U4+xaMrk2HMF+T8Frpn2u4PdZ1tY28OlUpv123JNiTud/XTZd2fpVSFs93fHFBORVu14o/+IOKdhkbinZH8Lp8O6GiD4B6isTOTBukaoO0XOulICiVkvQfJ/g0xPtpuICTGekJYRzJCvAPgiyMxPuYri/YXOp8Wvs8ySt7SCfG8j10SUfblUdPX9l8v/YDVfwjwrygIFcl1BXhO49Ju9LDpkE9iGBZ/P72TOXgfOw1fNokJYqwTeikOsLSRSkBNUYwTlWeFeSXC+U1bijwP0lVmpnCGevBziI3QHWPgO5Proww9zGRnov5t4vOl6T2NW6sBWszvwpzzwF7tYQPQPz0ZEE0V4FTaZiVdBXT6xJcj4Lys72JPbLCj40kOt1+qeFVAeJXdL3x2m5ZYbrdPvdVVwvaYkv1eN85N2VJc8sFPtb4FHTPgeOhHGaPcABopsFfmb+469gZkz7oC5ETAss7g1TVfbz5K1+Zk8Bd5YIaUcEZ39O/+9V8FZ+sXqxs85O4g88zOHLZT3PArY2CNZPnkcFwFMWUhMkdlqfdxP1rYd+IFI4LbW/LhzaQvdzSybXoAnsLpA3TflUqDNrmAl4C2WI6N0KTii4OT+aaXL9tP8PPtZun8r4oKAAAAAASUVORK5CYII='); width: 25px; height: 25px; content: ''; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -10px; }*/ .rc-best-rated-items { margin: 0 -10px; display: flex; flex-wrap: wrap; } .rc-best-rated-item-wrap { width: 33.33%; padding: 20px 10px; -moz-transition: padding 0.2s linear, margin 0.2s linear; -o-transition: padding 0.2s linear, margin 0.2s linear; -webkit-transition: padding 0.2s linear, margin 0.2s linear; transition: padding 0.2s linear, margin 0.2s linear; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .rc-best-rated-item-wrap:hover { padding: 0 10px; } .rc-best-rated-item { /*padding: 10px 0 15px;*/ border-radius: 14px; box-shadow: 0px 4px 8px 0px rgba(79, 79, 79, 0.13); -moz-transition: margin-top 0.2s linear, top 0.2s linear, -moz-box-shadow 0.2s linear; -o-transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear; -webkit-transition: margin-top 0.2s linear, top 0.2s linear, -webkit-box-shadow 0.2s linear; transition: margin-top 0.2s linear, top 0.2s linear, box-shadow 0.2s linear; } .rc-best-rated-post-image { padding: 5px; height: 160px; display: flex; align-items: center; justify-content: center; } .rc-best-rated-post-image img { max-width: 100%; max-height: 100%; height: auto; width: auto; } .rc-best-rated-item-wrap:hover .rc-best-rated-store-link { padding: 29px 0 31px; } .rc-best-rated-items .rc-brand-attributes { font-size: 16px; font-weight: 600; margin: 5px 0; color: #f9a629; text-transform: uppercase; } .rc-name-attributes { background: #f2f2f2; color: #676d73; font-size: 15px; font-weight: 400; padding: 10px 5px; } .rc-best-rated-price-item { color: #676d73; font-size: 15px; font-weight: 400; padding: 10px 5px; margin: 0 0 10px; } .rc-best-rated-price-item a { color: #f9a629; } .rc-best-rated-store-link { padding: 10px 0; -moz-transition: padding 0.2s linear, margin 0.2s linear; -o-transition: padding 0.2s linear, margin 0.2s linear; -webkit-transition: padding 0.2s linear, margin 0.2s linear; transition: padding 0.2s linear, margin 0.2s linear; } .rc-best-rated-store-link a { display: inline-block; max-width: 184px; width: 100%; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none; color: #FFFFFF; font-size: 16px; font-weight: 600; } .rc-best-rated-store-link a:hover { -webkit-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); } .search-menu-item { position: relative; text-align: left; } .search-menu-item .header-search-filter { width: 116px; height: 40px; background: #fff; border-radius: 20px; position: absolute; left: 0; top: 0; z-index: 3; box-shadow: 0px 5px 16px 0px rgba(63, 63, 63, 0.21); font-size: 12px; color: #fc264e; transition: border-radius 0.15s 0.15s; text-align: center; } .search-menu-item .header-search-item-wrap.active .header-search-filter { border-radius: 20px 20px 0 0; transition: border-radius 0.15s 0s; } .s-filter-button { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; display: inline-block; cursor: pointer; line-height: 40px; padding: 0 15px; position: relative; -webkit-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .s-filter-button:after { content: ""; position: absolute; right: 5px; top: 50%; margin-top: -2px; width: 0; height: 0; border: 3px solid transparent; border-top: 5px solid; border-top-color: #fc264e; -webkit-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .search-menu-item .s-filter-items-wrap { display: none; position: relative; padding: 2px 0; background: #fff; text-align: center; border-radius: 0 0 20px 20px; box-shadow: 0 12px 11px rgba(33, 46, 49, 0.17); -moz-box-shadow: 0 32px 41px rgba(33, 46, 49, 0.17); } .search-menu-item .s-filter-items-wrap:before { content: ""; position: absolute; top: 0; left: 50%; width: 80px; height: 1px; background: #fc264e; transform: translate(-50%, 0); } .s-filter-item { cursor: pointer; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; display: block; padding: 10px 0; -webkit-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .search-menu-item .search-field { background-color: white; padding-left: 125px; padding-right: 28px; width: 389px; height: 40px; border-radius: 20px; border: none; position: relative; z-index: 2; font-size: 12px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site-navigation-search-form-label .search-submit-button { width: 20px; height: 20px; background-size: 9px; visibility: visible; opacity: 1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAmUlEQVQoU4WQwQ2CQBRE38QCpAS9YbxgF+hF7MAWrERK0A7W09KF3NgjJWAB5ptFMTFBndtLXjL/jwAszWeYjogsMkaN7KBQtRH1Eq6IpBeGGB2yVRRli9xh2n4IA8guaqpClq47YDoqQavg5/+km4JPftfBWcHvn4ejerRS7NR4p/cEosQUJ4hfOoTDKJmo6KVvseUm487pAc9DN+++sL0jAAAAAElFTkSuQmCC) no-repeat center center; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; top: 10px; } .site-navigation-search-form-label .search-submit-button:hover { opacity: 0.8; } .search-menu-item .search-field::-webkit-input-placeholder, .search-menu-item .search-field::-ms-input-placeholder, .search-menu-item .search-field::-moz-placeholder { font-size: 15px; } .hidden { display: none; } .site-header .main-menu-item.search-menu-item .search-form > label:before { display: none; } .site-navigation-search .search-active .search-field { background-color: #fff; outline: 0; width: 450px; } .single-page-content .ns-join-us-form .form-group input, .single-page-content .ns-join-us-form .form-group textarea { -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .blog-content-wrap .srp-simple-review-post-image { max-width: 200px; margin: 0 auto; } /*Review pagination*/ .review-content .bg-date-update { display: none; } .review-content .nav-links { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .review-content .nav-links .page-numbers { color: #d9dfe0; padding: 7px 11px 5px; min-width: 30px; margin: 0 3px; } .review-content .nav-links .page-numbers.current { background: #d9dfe0; color: #0a0a0a; } .review-content .nav-links a { color: #d9dfe0; } .review-content .nav-links a:hover { color: #0a0a0a; background: #d9dfe0; } .review-content .nav-links .prev.page-numbers, .review-content .nav-links .next.page-numbers { position: relative; color: #d9dfe0; margin: 0 15px; width: auto; } .review-content .nav-links .prev.page-numbers:hover, .review-content .nav-links .next.page-numbers:hover { color: #0a0a0a; background: transparent; } .review-content .nav-links .prev.page-numbers:hover:before, .review-content .nav-links .next.page-numbers:hover:before { border-bottom-color: #0a0a0a; border-left-color: #0a0a0a; } .review-content .nav-links .prev.page-numbers { padding: 0 0 0 10px; } .review-content .nav-links .next.page-numbers { padding: 0 10px 0 0; } .review-content .nav-links .prev:before, .review-content .nav-links .next:before { content: ""; position: absolute; color: #d9dfe0; top: 50%; border-left: 2px solid #d9dfe0; border-bottom: 2px solid #d9dfe0; left: 0; width: 5px; height: 5px; -moz-transform: translate(0, -65%) rotate(45deg); -o-transform: translate(0, -65%) rotate(45deg); -ms-transform: translate(0, -65%) rotate(45deg); -webkit-transform: translate(0, -65%) rotate(45deg); transform: translate(0, -65%) rotate(45deg); } .review-content .nav-links .next:before { left: initial; right: 0; -moz-transform: translate(0, -65%) rotate(-135deg); -o-transform: translate(0, -65%) rotate(-135deg); -ms-transform: translate(0, -65%) rotate(-135deg); -webkit-transform: translate(0, -65%) rotate(-135deg); transform: translate(0, -65%) rotate(-135deg); } @media (max-width: 991px) { .rc-best-rated-wrap { padding: 20px; } .rc-best-rated-item-wrap { width: 100%; } .review-content img, .blog-content img, .single-page-content img, .blog-cat-content img, .blog-most-viewed-item img { max-height: 300px; } } @media (max-width: 980px) { .rc-bg-template .gringo-sharing-buttons-container.fixed { display: none; } } /** * END * ---------------------------------------------------------------------------- */ .search-results.search-no-results .search-list .list-row { display: block; } /** * Media Queries * ---------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ body.vhidden { overflow: hidden; } @media (max-width: 1599px) { .site { border: 0; } } @media (max-width: 1440px) { .nav-menu > li > .sub-menu { padding: 0px; } .nav-menu li .sub-menu li, .nav-menu > li > .sub-menu > li .sub-menu, .nav-menu > li:nth-child(2) > .sub-menu > li .sub-menu { width: 145px; } } @media (min-width: 980px) and (max-width: 1300px) { .et_monarch .et_social_sidebar_networks { top: inherit !important; left: 50%; margin-left: -290px; bottom: 5px; } .et_monarch .et_social_sidebar_flip li { display: inline-block; margin: 0 5px 0 0; border-radius: 4px; width: 60px; height: 50px; } .et_monarch .et_social_sidebar_flip li:hover { width: 60px; } } @media (max-width: 1200px) { .container { padding: 0 15px; } .top-stories-content { padding: 18px 20px 0; } .blog-cat-post-content, .row-list-post-content { padding: 15px 15px 20px; } .blog-list-item .blog-cat-post-info, .row-list-item .row-list-post-info { padding: 8px 15px 15px; } .review-cat-item-hover .review-cat-item-childs { padding: 24px 0 0 19px; } .review-custom-content-title-wrap { left: 6%; } .review-post-main-content h2 { max-width: 60%; } .nav-menu > li > a { padding: 15px 10px; } .site-header-small .nav-menu > li > a { padding: 11px 10px; } .sub-menu-content .container { padding: 0 25px; } .nav-posts-item-wrap.slick-slider .slick-prev { left: -20px; } .nav-posts-item-wrap.slick-slider .slick-next { right: -20px; } .review-cat-post-image-links a, .search-list .review-cat-post-image-links a { float: none; width: 100%; } .review-cat-post-image-links a:first-child { margin-bottom: 15px; } .nav-menu li .sub-menu li, .nav-menu > li > .sub-menu > li .sub-menu, .nav-menu > li:nth-child(2) > .sub-menu > li .sub-menu { width: 130px; } .nav-menu li .sub-menu li a, .site-header-small .nav-menu li .sub-menu li a { font-size: 12px; } .nav-menu > li > .sub-menu > li > .sub-menu > li > a { font-size: 12px; } .menu-footer-container { max-width: 430px; } .authors-page-animation { width: 100%; } .price-links-sidebar .price-link-image img, .price-links-sidebar > a:first-child img { max-width: 85px; } .price-links-sidebar .price-link-arrow span, .price-links-sidebar > a:last-child span, .price-links-sidebar > .price-info-link > a:last-child span { padding-right: 0; } .price-links-sidebar .price-link-arrow span:before, .price-links-sidebar > a:last-child span:before, .price-links-sidebar > .price-info-link > a:last-child span:before { display: none; } .nav-menu li.search-menu-item { display: inline-block; } .site-navigation-search-form-label i.hunt-icon { font-size: 11px; line-height: 11px; } .site-navigation-search-form-label .search-submit-button { /*top: 9px;*/ } .search-menu-item .search-field { width: 300px; } } @media (max-width: 1069px) { .sidebar img.alignleft, .sidebar .wp-caption.alignleft { margin-left: 0; } .sidebar img.alignright, .sidebar .wp-caption.alignright { margin-right: 0; } .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .archive .page-content, .post-navigation .nav-links, .sidebar .site-info { padding-left: 20px; padding-right: 20px; } .site-header .site-navigation-search > span { display: none; } .review-star-rating .star-rating-count { margin-top: 0; } .related-details .related-details-link { font-size: 14px; line-height: 1; } .review-cat-item-hover { width: 207%; } .review-cat-item-hover .review-cat-item-childs { padding: 22px 0 0 19px; } .nav-menu li .sub-menu li, .nav-menu > li > .sub-menu > li .sub-menu, .nav-menu > li:nth-child(2) > .sub-menu > li .sub-menu { width: 120px; } .review-cat-item-hover-title { bottom: 35px; } .nav-menu > li > a { padding: 15px 8px; } .nav-menu li .sub-menu li a { font-size: 11px; } .authors-page-statistics { width: 100%; } .price-links-sidebar .price-link-arrow, .price-links-sidebar > a:last-child, .price-links-sidebar > .price-info-link > a:last-child { font-size: 10px; } .price-links-sidebar .price-link-image img, .price-links-sidebar > a:first-child img { max-width: 70px; } } @media (max-width: 999px) { .site-main .widget-area { float: none; margin: 0; width: 100%; } .main-top-review { margin-bottom: 18px; } .review-cat-item-wrap { width: 33.3333%; } .main-slider-banner { width: 210px; height: 50px; line-height: 50px; padding-left: 42px; font-size: 16px; } .monthly-giveway-image { right: 20px; } .giveway-logo { margin-bottom: 15px; } .giveway-title { font-size: 24px; line-height: 24px; } .giveway-subtitle { font-size: 15px; } .giveway-link { font-size: 12px; } .last-article-info { width: 67%; } .last-article-author, .last-article-link, .last-article-counts { width: 85%; } .last-article-link a { font-size: 15px; } .top-stories-nav li { line-height: 30px; } .top-stories-content { padding: 11px 12px 0; } .blog-cat-post-author img, .row-list-post-author img { float: none; } .review-cat-item-hover { width: 208%; } .review-cat-item-hover .review-cat-item-childs { padding: 21px 0 0 19px; } .sidebar-title { font-size: 18px; } .sidebar-top-stories .sidebar-subtitle { padding: 10px 14px 12px; } .price-links-sidebar .price-link-arrow { display: none; } .price-links-sidebar { padding: 20px 15px 20px; text-align: center; } .price-links-sidebar .price-link-image { float: none; } .blog-post-content .blog-comments-content, .review-post-content #strcom-area { width: 100%; } .sidebar-sign { padding: 32px 0 40px; } .sidebar-sign-radio .radio-btn { font-size: 13px; } .sidebar-sign-radio .radio-btn:first-child { margin-right: 3px; } .radio-btn input[type=radio] + label span { margin: 0 3px 0 0; } .site-header .site-navigation-search .search-form { position: absolute; float: none; right: 15px; top: 19px; } .site-header-small .site-navigation-search .search-form { top: 7px; } .nav-menu > li > a { padding: 15px 15px; } .site-header-small .nav-menu > li > a { padding: 11px 15px; } .site-header .nav-menu-reviews-search .search-form { position: relative; top: 0; right: inherit; } .site-header-small .search-form { top: 5px; } .review-list-item .editor-rating-banner { right: -28px; } .review-list-ratings { width: 85%; } .nav-menu li .sub-menu li a, .nav-menu > li > .sub-menu > li > .sub-menu > li > a { font-size: 12px; } .nav-menu li .sub-menu li, .nav-menu > li > .sub-menu > li .sub-menu { width: 116px; } .copy, .footer-logo { display: inline-block; width: 100%; float: none; } .footer-right-block { display: inline-block; width: 100%; } .site-footer .footer-social { text-align: center; } .main-banner-link { width: 75%; } .main-banner-link .title-link { font-size: 32px; } .site-header .container { padding: 0; } /* Small menu */ .header-wrapper { text-align: center; } .menu-toggle { position: absolute; display: block; left: 20px; top: 27px; width: 28px; height: 24px; border: none; outline: none; background: none; padding: 0; } .menu-toggle > span { display: block; position: absolute; top: 10px; left: 0; right: 0; height: 4px; background: #256de3; -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; } .menu-toggle > span:before, .menu-toggle > span:after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 4px; background: #256de3; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .menu-toggle > span:before { top: -10px; -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .menu-toggle > span:after { bottom: -10px; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } .site-header-small .menu-toggle { width: 28px; height: 24px; top: 14px; } .toggled-on .menu-toggle > span { background: 0 0; } .toggled-on .menu-toggle > span:before, .toggled-on .menu-toggle > span:after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } .toggled-on .menu-toggle > span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .toggled-on .menu-toggle > span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar .toggled-on .menu-menu-chinh-container { position: absolute; top: 100%; width: 100%; background: #1f1d35; padding-top: 15px; z-index: 3; padding-bottom: 45px; overflow-y: auto; height: calc(100vh - 78px); } .nav-menu > li.menu-item-has-children > a:before { display: none; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; } .toggled-on li, .toggled-on .children { display: block; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; } .toggled-on .nav-menu li > ul a { color: #141412; width: auto; } .nav-menu > li { display: block; height: auto; } .toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover { background-color: #256de3; color: #fff !important; } ul.nav-menu, div.nav-menu > ul, .menu-item-container { display: none; } .site-header .home-link { float: none; } .navbar, .comments-area { width: 100%; } .site-header { overflow: visible; } .site-header .site-navigation-search .search-form { right: 15px; } .menu-menu-chinh-container { display: block; float: none; } .nav-menu .sub-menu { display: none !important; } .slider-min > .bx-wrapper, .review-single-slide .slider-min { padding: 55px 0 4px; } .editor-rating-banner { font-size: 30px; padding-top: 35px; width: 53px; height: 82px; } .editor-rating-banner:before { width: 34px; height: 34px; margin-left: -17px; top: 7px; } .row-list-item-wrap { width: 32%; } .menu-footer-container { max-width: 100%; text-align: center; } .page-editors-items-wrap { width: 100%; } .authors-animation-badge { width: 140px; height: 140px; } .authors-animation-badge .digit { line-height: 140px; margin-top: 0; } .editor-conclusion-item { width: 19.2%; } #site-navigation.toggled-on .nav-menu li.menu-tools-item.toggled-on > ul { display: block !important; margin: 0; width: 100%; background: transparent; position: relative; top: initial; left: initial; text-align: center; border-radius: 0; padding: 0; box-shadow: none; } .nav-menu > li.menu-tools-item > .sub-menu:before { content: ""; position: relative !important; left: initial !important; top: initial !important; border: none !important; border-bottom: none !important; } .nav-menu li .sub-menu, .nav-menu > li .children { visibility: visible; opacity: 1; padding: 0; margin: 0; display: inline-block; width: 100%; /*height: 52px;*/ text-align: center; position: absolute; z-index: 1; left: 0; top: 100%; background: transparent; transition: all 0.15s ease-in-out; } .nav-menu > li.menu-tools-item > .sub-menu > li > a { line-height: 40px !important; padding-left: 0 !important; } .nav-menu li.menu-tools-item .sub-menu li { padding-right: 0 !important; border-top: none !important; } .nav-menu > li.menu-tools-item .menu-tools-item-count { right: 10px !important; } .pos-and-neg-title { font-size: 40px; } .review-amazon-link > a { text-transform: none; padding: 0 12px; font-size: 10px; } } @media (max-width: 850px) { .site-header .container { padding: 0; } .last-article-info { bottom: 10px; } .authors-statistics-item-count { font-size: 35px; margin-bottom: 12px; } .sidebar-subtitle { padding: 16px 8px 21px; } .price-links-sidebar { padding: 20px 8px 20px; } .review-post-main-content h2 { max-width: 50%; } .review-cat-item-hover { width: 209%; } .review-cat-item-hover .review-cat-item-childs { padding: 20px 0 0 19px; } .review-categories h2.main-title .site-navigation-search > span, .blog-categories h2.main-title .site-navigation-search > span, .most-viewed h2.main-title .site-navigation-search > span { display: none; } .review-categories h2.main-title .site-navigation-search, .blog-categories h2.main-title .site-navigation-search { bottom: 14px; } .row-list-item-wrap { width: 100%; } .authors-statistics-item { width: 82%; float: none !important; margin-bottom: 20px; } .authors-page-statistics .authors-statistics-item:last-child { margin-bottom: 0; } .authors-page-title, .authors-page-content { width: 96%; } .editor-conclusion-item { width: 24.2%; } .price-links-sidebar span.price-info { margin-right: 4px; } .review-amazon-link > a { padding: 0 12px; line-height: 25px; font-size: 10px; } .price-links-sidebar span.price-info { font-size: 10px; } } @media (min-width: 767px) and (max-width: 999px) { .blog-list-item .post-image-title { font-size: 16px; } .blog-list-item .post-date, .row-list-item .post-date { display: block; text-align: center; margin-bottom: 8px; } .blog-cat-post-counts, .row-list-post-counts { display: block; float: none; text-align: center; } .blog-cat-content .blog-list-item, .row-list-item, .most-viewed-wrapper .blog-most-viewed-item .blog-list-item, .main-sidebar .blog-list-item, .blog-content-list .blog-list-item { padding-bottom: 72px; } .rate-details { left: 8px; bottom: 3px; } .main-top-review .rate-details-link, .main-last-review .rate-details-link { font-size: 11px; } .sidebar-categories-list li a { font-size: 15px; } .sidebar-review-filter .sidebar-categories-list > li:first-child > a, .sidebar-review-filter .sidebar-categories-list > li:first-child span.category-count, .sidebar-brands-filter .sidebar-categories-list > li:first-child > a, .sidebar-brands-filter .sidebar-categories-list > li:first-child span.category-count { font-size: 16px; } .sidebar-categories-list { padding: 20px 15px; } .main-sidebar { width: 28%; } .review-content, .blog-content, .single-page-content { width: 70%; } .single-page-content-full { width: 100%; } .top-stories-item-content > a.top-stories-item-title { font-size: 12px; } .sidebar-review-filter .sidebar-categories-list li a, .sidebar-brands-filter .sidebar-categories-list li a { padding-left: 15px; font-size: 14px; } } @media (min-width: 767px) and (max-width: 850px) { .related-details { left: 20px; } .related-details .related-details-link { font-size: 12px; line-height: 1; } .slide-amazon-link-wrap { display: none; } .et_social_networkname { display: none !important; } .review-cat-post-image .review-cat-left-banner { width: 120px; height: 32px; top: 8px; } .review-cat-post-image .review-cat-left-banner span { line-height: 32px; padding-left: 32px; font-size: 12px; } .review-cat-item-hover-title { bottom: 25px; } .last-review-rate { left: 2px; } .last-review-left-banner { right: 2px; } .main-top-review-link > span .review-link-bage, .main-last-review-link > span .review-link-bage { margin-bottom: 7px; } } /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width: 767px) { .search-menu-item .header-search-filter { width: 105px; } .s-filter-button { padding: 0 15px 0 8px; } .search-menu-item .search-field { padding-left: 114px; font-size: 12px; } .site-title { font-size: 36px; padding: 8px 0 10px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .main-slider, .review-banner { width: 100%; display: inline-block; float: none; } .main-slider { margin-bottom: 15px; } .review-banner .main-top-review { float: left; width: 48%; } .review-banner .main-last-review { float: right; width: 48%; } .review-cat-item-wrap { width: 50%; } .main-slide-link { width: 85%; } .last-article { width: 100%; float: none; } .top-stories-wrap { width: 100%; float: none; margin-top: 20px; height: auto !important; } .top-stories-nav li { line-height: 50px; } .top-stories-content { padding: 18px 20px 0; } .blog-cat-post-author img, .row-list-post-author img { margin-right: 6px; } .review-cat-item-hover { width: 207%; } .review-cat-item-hover .review-cat-item-childs { padding: 22px 0 0 19px; } .main-sidebar { float: none; width: 100%; } .blog-post-content .main-sidebar { margin-top: 25px; } .review-list .main-sidebar { float: left; position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .review-list .sidebar-filter-wrap { position: absolute; height: 100%; width: 100%; padding: 90px 40px 40px; overflow-y: auto; } .review-list .sidebar-filter-wrap .sidebar-title { position: fixed; top: 0; z-index: 2; width: auto; padding-left: 40px; text-align: left; border-radius: 0; left: 0; right: 0; } .filter-by-button { display: block; } .filter-by-button:hover { background: #2560c1; } .category-hidden .review-list .main-sidebar { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .admin-bar .review-list .main-sidebar { top: 46px; } .review-content, .blog-content, .single-page-content { width: 100%; float: none; } .review-custom-content { padding-right: 0; width: 100%; } .review-custom-content:after { background: none; } .sidebar-sign-radio .radio-btn { font-size: 15px; } .sidebar-sign-radio .radio-btn:first-child { margin-right: 18px; } .radio-btn input[type=radio] + label span { margin: 0 9px 0 0; } .main-sidebar .monthly-giveway-content { padding: 15px 20px 15px; } .main-sidebar .monthly-giveway-image { left: 20px; top: 15px; } .admin-bar .site-header { top: 46px; } .admin-bar .site-header.site-header-down { top: -4px; } .single-page-content form.wpcf7-form { width: 100%; } .main-banner-link { bottom: 34px; left: 34px; } .main-banner-link .title-link { font-size: 26px; } .main-banner-link .button-link { margin-top: 10px; font-size: 12px; padding: 6px 20px 6px; } .blog-cat-item.active { display: inline-block; } .blog-cat-wrapper .blog-list-item-wrap, .blog-most-viewed-item .blog-list-item-wrap, .most-viewed-wrapper .blog-list-item-wrap:nth-child(5) { width: 100%; } .main-slider .slick-dots { padding-bottom: 0px; } .authors-animation-badge { width: 90px; height: 90px; } .authors-animation-badge .text { font-size: 12px; } .authors-animation-badge .digit { line-height: 100px; font-size: 70px; margin-top: 0; } .price-links-sidebar .price-link-arrow, .price-links-sidebar > a:last-child, .price-links-sidebar > .price-info-link > a:last-child { font-size: 13px; border-radius: 12px; box-shadow: 0px 3px 11px 0px rgba(255, 153, 0, 0.4); padding: 0 10px; } .price-links-sidebar span.price-info { font-size: 13px; } a, a:hover, a:focus, input, input:hover, input:focus, textarea, textarea:hover, textarea:focus, button, button:hover, button:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .price-links-sidebar .price-link-arrow span, .price-links-sidebar > a:last-child span, .price-links-sidebar > .price-info-link > a:last-child span { padding-right: 22px; } .price-links-sidebar .price-link-arrow span:before, .price-links-sidebar > a:last-child span:before, .price-links-sidebar > .price-info-link > a:last-child span:before { display: block; } body.page .et_social_mobile { display: none; } .review-item-image-hover:hover .post-amazon-link-wrap, .review-item-image-hover:hover .post-amazon-link { opacity: 0; visibility: hidden; } .review-item-image-hover:hover > img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #thumb-pager .bx-wrapper .bx-controls-direction a { position: absolute; height: 51px; width: 51px; top: 50%; margin: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background-color: white; box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.2); visibility: visible; opacity: 1; z-index: 1; } #thumb-pager .bx-wrapper .bx-next { right: -67px; border-radius: 50% 0 0 50%; background: url("..https://garagegymbuilder.com/images/nav_post_next_color.png") no-repeat 15px center; -webkit-background-size: 6px 13px; background-size: 6px 13px; } #thumb-pager .bx-wrapper .bx-next.disabled { background: url("..https://garagegymbuilder.com/images/nav_post_next.png") no-repeat 15px center; -webkit-background-size: 6px 13px; background-size: 6px 13px; } #thumb-pager .bx-wrapper .bx-prev { left: -67px; border-radius: 0 50% 50% 0; background: url("..https://garagegymbuilder.com/images/nav_post_prev_color.png") no-repeat 30px center; -webkit-background-size: 6px 13px; background-size: 6px 13px; } #thumb-pager .bx-wrapper .bx-prev.disabled { background: url("..https://garagegymbuilder.com/images/nav_post_prev.png") no-repeat 30px center; -webkit-background-size: 6px 13px; background-size: 6px 13px; } .review-post-content { overflow: hidden; } .slider-min #thumb-pager a, .slide-amazon-link, .slide-amazon-link-wrap a, .slider-min #own-thumb-pager li a { height: 100%; margin-bottom: 0; box-shadow: none; } .price-links-sidebar .price-link-image img, .price-links-sidebar > a:first-child img { max-width: 88px; } .review-item .price-links-guide-item > div.guide-store-link { padding: 15px 5px; } .price-links-sidebar > .price-info-link > a:last-child { -webkit-animation: glowing-header-easyazon-link 1500ms infinite; -moz-animation: glowing-header-easyazon-link 1500ms infinite; -o-animation: glowing-header-easyazon-link 1500ms infinite; animation: glowing-header-easyazon-link 1500ms infinite; } .slider-min #thumb-pager li.active a, .slider-min #thumb-pager li.active a:hover, .slider-min #thumb-pager li a, .slide-amazon-link, .slide-amazon-link-wrap a, .slider-min #own-thumb-pager li a { box-shadow: none; } a, a:hover, a:focus, input, input:hover, input:focus, textarea, textarea:hover, textarea:focus, button, button:hover, button:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .price-links-sidebar .scroll-button-down-single { position: absolute; top: 0; left: 42%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: none; -o-animation: none; animation: none; cursor: pointer; } .price-links-sidebar .scroll-button-down-single .scroll-prompt-arrow { display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-animation: none; -o-animation: none; animation: none; font-size: 10px; color: #F90; margin-top: -2px; line-height: 1; } .price-links-sidebar .scroll-button-down-single .scroll-prompt-arrow > span { -webkit-transform: rotate(45deg) translateZ(1px); -moz-transform: rotate(45deg) translateZ(1px); -ms-transform: rotate(45deg) translateZ(1px); -o-transform: rotate(45deg) translateZ(1px); transform: rotate(45deg) translateZ(1px); border-right: 2px solid #F90; border-bottom: 2px solid #F90; -webkit-animation: single-arrow-opacity 2s infinite; -o-animation: single-arrow-opacity 2s infinite; animation: single-arrow-opacity 2s infinite; } .price-links-sidebar .scroll-button-down-single .scroll-prompt-arrow:nth-child(1) span { height: auto; width: auto; animation: none; border: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .price-links-sidebar .scroll-button-down-single .scroll-prompt-arrow:nth-child(2) > span { width: 10px; height: 10px; -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .price-links-sidebar .scroll-button-down-single .scroll-prompt-arrow:nth-child(3) > span { width: 15px; height: 15px; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .review-pos-and-neg-item { width: 100%; } .review-pos-and-neg-item.review-positive { border-right: none; border-bottom: 1px solid rgba(69, 69, 75, 0.07); } .review-pos-and-neg-item.opened .pos-and-neg-button-wrap { display: block; } .blog-content-wrap .nothing-found { padding: 0 20px 25px; margin: -30px 0 0; } .blog-content-wrap .nothing-found h2 { font-size: 25px; } } @media (min-width: 643px) and (max-width: 767px) { .monthly-giveway-image { right: 10px; bottom: 75px; } .blog-list-item .post-image-title { font-size: 16px; } } @media (max-width: 643px) { .review-analized-item { width: 100%; } .site-title { font-size: 30px; } #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px; } #content .featured-gallery { padding-left: 24px; } .entry-title { font-size: 22px; font-weight: bold; } .comment-author { margin-right: 30px; } .comment-author .avatar { height: auto; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 70%; width: -webkit-calc(100% - 104px); width: calc(100% - 104px); } .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] { width: 100%; } .comment-form textarea { height: 80px; /* Smaller field for mobile. */ } .site-info { text-align: center; } .footer-right-block { display: inline-block; float: none; margin-top: 15px; } .site-footer .search-form { display: block; float: none; margin-left: 0; margin-top: 8px; } .main-slide-link { font-size: 24px; } .monthly-giveway-counter { float: none; width: 100%; height: auto !important; border: none; } .monthly-giveway-main { float: none; width: 100%; } .monthly-giveway-image { right: 10px; bottom: 75px; } .blog-cat-news-item { float: none; width: 100%; } .blog-cat-post-author, .row-list-post-author { float: left; width: auto; text-align: center; } .blog-cat-post-counts, .row-list-post-counts { width: auto; float: right; } .clock-builder-output-wrap { border-radius: 0; } .total-entries-wrap { border-radius: 0 0 10px 10px; } .giveway-entries-counter-wrap { padding-bottom: 32px; } .related-post-item { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } .related-post-item .related-details .related-details-link { font-size: 15px; line-height: 1; } .pros-and-cons-wrap { display: inline-block; } .review-pros-wrap, .review-cons-wrap { width: 100%; float: none; margin: 0; } .pros-and-cons-wrap .review-pros-wrap { margin-bottom: 20px; } .review-custom-content-item h3, .review-custom-content-item h2 { font-size: 28px; } .slider-min > .bx-wrapper { margin: 0; display: inline-block; float: left; width: 100%; margin-bottom: 20px; } .slider-min #thumb-pager, .slide-amazon-link-wrap { display: inline-block; float: left; width: auto; } .slider-min #thumb-pager { margin-top: 18px; } .slide-amazon-link-wrap { width: 100%; } .slider-min #thumb-pager ul li { display: inline-block; } .slider-min #thumb-pager a { display: inline-block; margin-right: 5px; } .editor-rating-banner { right: 0; } .slider-min .slide-amazon-link { padding: 17px 20px; } .post-image-title { margin-bottom: 5px; font-size: 24px; width: 95%; } .most-read-inside, .top-reviews-inside { float: none; border: none; width: 100%; } .top-reviews-inside { margin-left: 0; } .top-reviews-inside-title { border-top: 1px solid #2DC7F3; } .review-cat-item-hover { width: 208%; } #wpadminbar { position: fixed !important; } .site-content .srp-simple-review-post-wrap, .blog-list-item-wrap { width: 100%; } .review-cat-post-image, .guide-list-item .review-cat-post-image { float: none; width: 100%; margin-bottom: 28px; } .guide-list-item { padding-right: 18px; } .review-list-item.single-list-item { padding-right: 0; } .review-list-post-title { margin-right: 80px; } .review-list-item .editor-rating-banner { right: 0; } .review-cat-post-content, .guide-list-item .review-cat-post-content { width: 100%; float: none; } .review-cat-item-hover-title { bottom: 18px; } .footer-nav-menu-item { text-align: center; float: none; width: 100%; } .main-featured-item { width: 100%; margin-right: 0; } .related-post-item .related-details { bottom: 35px; } .entry-blog-title, .entry-post-title, .entry-review-title, .entry-page-title, .review-post-content .review-post .entry-review-title { font-size: 24px; } .comment-reply-title { font-size: 24px; margin: 0 0 7px; } .comment-respond .logged-in-as, .comment-respond .cptch_block { font-size: 14px; margin-bottom: 7px; } .page-editors-item-wrap { width: 100%; } .editor-conclusion-item { width: 24.2%; } #thumb-pager { padding: 0 35px; margin: 0 0 15px 0; } .post-editor-rating-title, .post-users-rating-title { font-size: 14px; } .blog-cat-post-image a { width: 100%; } .blog-cat-post-image img { width: 100%; height: 233px; object-fit: cover; } } @media (max-width: 550px) { .review-cat-item-wrap { width: 100%; } .monthly-giveway-image { width: 65%; } .last-article-info { width: 85%; } .last-article-info { padding: 8px 0 8px; } .last-article-link a { font-size: 13px; } .last-article-author, .last-article-link { padding-bottom: 5px; } .last-article-counts, .last-article-link { padding-top: 5px; } .last-article-author .avatar { width: 30px; height: 30px; } .last-article-author span { padding-top: 8px; } .review-cat-item-hover { width: 100%; min-height: 100%; } .review-cat-item-hover-left, .review-cat-item-hover-right { width: 100%; float: none; } .review-cat-item-hover-right .review-cat-item-childs { padding-top: 0; margin-top: -2px; } .review-cat-item-hover-image, .review-cat-item-hover-image .cat-item-hover-bg { border-radius: 10px 10px 0 0 !important; } .video-review-button { right: 20px; padding: 9px 20px 9px 20px; } .video-review-button span, .video-review-button.toggle span { font-size: 0; padding-right: 35px; background: url(..https://garagegymbuilder.com/images/video_review_button.png) no-repeat 100% 0; } .review-post-main-content h2 { max-width: 70%; } .post-editor-rating, .post-users-rating { float: none; display: block; text-align: center; } .post-editor-rating { margin-bottom: 20px; } .post-users-rating { margin-top: 20px; max-width: inherit; } .entry-post-info, .entry-review-info { text-align: center; } .site-content .post-author { display: inline-block; float: none; margin-bottom: 12px; } .post-amazon-link-center { margin-left: 0; } .site-content .post-counters, .site-content .review-default-content .post-counters { float: none; display: block; } .review-custom-content-title-wrap { width: 1000%; } .review-cat-item-hover-title { bottom: 36px; } .filter-list-form-title { display: block; float: none; margin-bottom: 18px; } #filter-review-posts { margin-left: 0; } .sign-up .newsletter-email, .search-no-results .nothing-found-content input[type=search] { width: 200px; } .main-banner-link { left: 20px; bottom: 20px; width: 85%; } .main-banner-link .title-link { font-size: 18px; } .review-categories h2.main-title .site-navigation-search, .blog-categories h2.main-title .site-navigation-search { display: none; } .site-content .review-post-author { margin: 25px 0; } .review-list .sidebar-filter-wrap { padding: 90px 10px 40px; } .review-list .sidebar-filter-wrap { padding-left: 10px; } .close-sidebar-filter { right: 10px; } .site-navigation-search .search-form:before { right: 80px; } .site-navigation-search .search-active .search-field { width: 300px; } .site-header ul.search-results li a { font-size: 13px; } .authors-animation-badge { display: none; } .review-custom-content-icons { padding-left: 0 !important; } .review-custom-content-item-icon { display: none; } .editor-conclusion-item { width: 32%; } .review-item-image img { max-width: 100%; } } @media (max-width: 460px) { .review-banner .main-top-review, .review-banner .main-last-review { float: none; width: 100%; } h2.main-title, h1.main-title { font-size: 25px; } .review-categories h2.main-title .search-form label > i.hunt-icon, .review-categories h2.main-title .site-navigation-search .search-form .search-submit, .blog-categories h2.main-title .search-form label > i.hunt-icon, .blog-categories h2.main-title .search-form .search-submit, .most-viewed h2.main-title .search-form label > i.hunt-icon, .most-viewed h2.main-title .site-navigation-search .search-form .search-submit { top: 10px; right: 6px; } .review-categories h2.main-title .search-form.search-active label > i.hunt-icon, .review-categories h2.main-title .site-navigation-search .search-form.search-active .search-submit, .blog-categories h2.main-title .search-form.search-active label > i.hunt-icon, .blog-categories h2.main-title .search-form.search-active .search-submit, .most-viewed h2.main-title .search-form.search-active label > i.hunt-icon, .most-viewed h2.main-title .site-navigation-search .search-form.search-active .search-submit { top: 14px; } .site-navigation-search .search-form.search-active > label { top: 4px; } .site-navigation-search .search-form > label { top: 4px; } .main-slider-banner { top: 10px; width: 163px; height: 34px; line-height: 34px; padding-left: 29px; font-size: 13px; } .main-slide-link { font-size: 17px; } .monthly-giveway-content { padding: 24px 0 24px 18px; } .giveway-logo { margin-bottom: 10px; } .giveway-title { font-size: 18px; line-height: 18px; } .giveway-subtitle { font-size: 12px; } .last-article-date { display: none; } .post-image-title { font-size: 19px; } .post-image-text { padding: 10px 10px 15px 20px; } .post-image-link { font-size: 14px; } .blog-list-item .post-image-title { font-size: 16px; } .search-no-results .page-title .page-title-nothing-found { font-size: 62px; } .blog-list-item .post-date, .row-list-item .post-date { display: block; text-align: center; margin-bottom: 8px; } .blog-cat-post-counts, .row-list-post-counts { display: block; float: none; text-align: center; } .blog-cat-content .blog-list-item, .most-viewed-wrapper .blog-list-item, .row-list-item, .main-sidebar .blog-list-item, .blog-content-list .blog-list-item { padding-bottom: 72px; } .review-post-content .comments-area .comment-respond, .blog-post-content .blog-comments-content .comment-respond { padding: 30px 14px; } .authors-statistics-item-count { font-size: 42px; } .authors-statistics-item-count-last-period { line-height: 18px; font-size: 10px; left: 88%; } .editor-conclusion-item { width: 40%; } .review-item .price-links-guide-item > div.guide-store-link .price-info { font-size: 12px; margin: 7px 0 0 2px; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child { margin-left: 9px; } .review-item .post-amazon-link .price-links-guide-item.single > div.guide-store-link a:last-child { font-size: 10px; padding: 3px 6px; } /*.review-content img{*/ /*max-width: 85%;*/ /*}*/ #content .entry-content { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-device-width: 350px) and (max-device-width: 1280px) and (orientation: landscape) { .review-popup-wrap { max-height: 240px; overflow: scroll; } } @media only screen and (min-device-width: 320px) and (max-device-width: 349px) and (orientation: landscape) { .review-popup-wrap { max-height: 240px; overflow: scroll; } } /* Mobile devices */ @media (max-width: 359px) { .review-popup-wrap { padding: 40px 20px 30px; } .reviewmeter-rating-wrapper { width: 100%; } .site-title { font-weight: normal; } .site-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; } /* Comments */ .comment-author { margin: 0 0 5px; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 100%; } .site-navigation-search .search-form { display: none; } .site-header .home-link { margin-right: -30px; } .site-footer .search-form .search-field { width: 240px; } .sign-up .newsletter-email, .search-no-results .nothing-found-content input[type=search] { width: 100%; } .sign-up .btn-default, .search-no-results .nothing-found-content .search-form .search-submit { float: initial; border-radius: 5px; width: 94px; margin: 15px 0 0px; } .authors-page-title { font-size: 30px; } .editor-conclusion-item { width: 60%; } .slider-min #thumb-pager ul li { width: 49%; } .review-item .post-amazon-link .price-links-guide-item > div.guide-store-link a:last-child { /*font-size: 0;*/ } } /** * 9.0 Print * ---------------------------------------------------------------------------- */ /* Retina-specific styles. */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .comment-list > li:after, .comment-list .children > li:before { background-image: url(..https://garagegymbuilder.com/images/dotted-line-2x.png); } } @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } } /*Pros and Cons*/ .pros-and-cons-wrap .review-pros-wrap ul, .pros-and-cons-wrap .review-cons-wrap ul { margin-bottom: 0px; } /**/ /******************** Single Review ********************/ @media (min-width: 992px) { .single-review .review-content { width: calc(100% - 300px); padding-right: 30px; } .single-review .main-sidebar { width: 300px; } } @media (max-width: 991px) { .single-review .review-content { width: 100%; } .single-review .main-sidebar { width: 100%; } } /******************** Single Review:END ********************/ /******************** single-post ********************/ .single-post .blog-content { width: 100%; padding-right: 0; } @media (min-width: 992px) { .single-post .blog-content { width: calc(100% - 300px); padding-right: 30px; } } .single-post .main-sidebar { width: 100%; } @media (min-width: 992px) { .single-post .main-sidebar { width: 300px; } } /******************** single-post:END ********************/ .post-template-default .post-image { padding-top: 0; position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; } .post-template-default .post-image > *:not(.post-image-text) { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-template-default .post-image img { object-fit: cover; max-height: inherit; } /*# sourceMappingURL=main-style.css.map */