:root { --color-primary: #3CB441; --color-neutral-100: #F6F9FC; --color-neutral-300: #ECEFF1; --color-neutral-500: #8293A3; --color-neutral-600: #777F9D; --color-neutral-700: #5C6B7A; --color-neutral-800: #5A6875; } @font-face { font-family: 'proxima-nova'; font-weight: 600; src: url('./../fonts/proximanova-semibold.otf'); } * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } mark, ins {background:none;} body { font-family:'proxima-nova', sans-serif; color:#4a4a4a; font-size:16px; position: relative; } .container {width:1024px; margin:0 auto;} a.button, button.button { color:#fff; display:inline-block; padding:5px 10px; border-radius:5px; text-decoration:none; box-shadow:none; border:0 none; text-shadow:none; background: #41ac4d; background: -webkit-linear-gradient(top, #71bf3f 0%,#41ac4d 100%); background: linear-gradient(to bottom, #71bf3f 0%,#41ac4d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bf3f', endColorstr='#41ac4d',GradientType=0 ); } button.button {font-size:16px; padding:10px 20px;} button.button.reset {background:#666;} button:hover {box-shadow:none;} .webkit select { -webkit-appearance: none; -webkit-border-radius: 0px; background:#fff url(../img/webkit-dropdown-arrow.png) no-repeat 100% 50%; padding-right:20px !important; } form .error {background:red !important; color:#fff !important;} #top-bar { background: #70c54c; background: -webkit-linear-gradient(top, #70c54c 0%,#389f40 100%); background: linear-gradient(to bottom, #70c54c 0%,#389f40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70c54c', endColorstr='#389f40',GradientType=0 ); } #top-bar .container {overflow:auto;} #top-bar .left-side {text-shadow:1px 1px 0px #89db65; font-weight:bold; color:#0d121a; float:left;} #top-bar .left-side a {display:inline-block; font-size:14px; text-decoration:none; color:#0d121a; font-weight:300; padding:10px;} #top-bar .left-side a i {color:#fff; text-shadow:none; font-size:22px; vertical-align:text-bottom; padding-right:3px;} #top-bar .right-side {float:right; display:block; list-style:none; margin:0;} #top-bar .right-side li {display:block; border-left:1px solid #448223; border-right:1px solid #96da70; float:left;} #top-bar .right-side li a {display:block; text-decoration:none; padding:10px 20px; color:#fff; font-weight:bold; text-shadow:-1px -1px 0px #1d6523;} #top-bar .right-side li a:hover { background: #70c54c; background: -webkit-linear-gradient(top, #389f40 0%,#70c54c 100%); background: linear-gradient(to bottom, #389f40 0%,#70c54c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389f40', endColorstr='#70c54c',GradientType=0 ); } #header {background:#0d121a; border-bottom:5px solid #17b762;} #header {padding:30px 0 0;} #header .left-side {float:left; padding:50px 0 0;} #header #logo {display:block; background:url(../img/external/logo.png) no-repeat; width:386px; height:45px; text-indent:-999999px;} #header .right-side {float:right;} #header .right-side form {display:inline-block;} #header .right-side input { border-radius:10px 0 0 10px; background:#dadada; color:#4a4a4a; font-size:14px; padding:15px 10px; min-width:200px; vertical-align:top; } #header .right-side button { text-indent:-999999px; width:50px; padding:15px 10px; border-radius:0 10px 10px 0; border:0 none; box-shadow:none; font-size:16px; vertical-align:top; background:#4cb244 url(../img/external/envelope.png) no-repeat center center; } #header .right-side .open-help { display:inline-block; text-decoration:none; background:url(../img/external/header-need-help-icon.png) no-repeat; width:23px; height:24px; position:relative; top:11px; margin:0 0 0 5px; } #header .social {padding:20px 0 0; text-align:right;} #header .social h4 {color:#6b727c; padding:0 0 5px; font-size:14px;} #header .social a {display:inline-block; width:51px; height:51px; text-indent:-999999px; background:no-repeat; text-align:left;} #header .social a.facebook {background-image:url(../img/external/social-fb.png);} #header .social a.twitter {background-image:url(../img/external/social-twitter.png);} #header .social a.gplus {background-image:url(../img/external/social-googleplus.jpg);} #header .social a.youtube {background-image:url(../img/external/social-yt.png);} #header .social a.rss {background-image:url(../img/external/social-blogger.png);} #header .social.mobile {padding:10px; text-align:center; display:none;} #header .bottom {clear:both; overflow:auto; padding:20px 0 0;} #header .bottom .main-nav {float:left; margin:0; list-style:none;} #header .bottom .main-nav li {display:inline-block; vertical-align:bottom;} #header .bottom .main-nav li a { display:block; padding:10px 20px; color:#fff; text-decoration:none; border-radius:10px 10px 0 0; font-size:14px; background: #282828; background: -webkit-linear-gradient(top, #535353 0%,#282828 100%); background: linear-gradient(to bottom, #535353 0%,#282828 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#282828',GradientType=0 ); } #header .bottom .main-nav li.home a {font-size:22px; padding:4px 20px;} #header .bottom .main-nav li.current a, #header .bottom .main-nav li a:hover { background: #2ca947; background: -webkit-linear-gradient(top, #6ebc41 0%,#2ca947 100%); background: linear-gradient(to bottom, #6ebc41 0%,#2ca947 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebc41', endColorstr='#2ca947',GradientType=0 ); } #header .bottom .search-form {float:right; margin:3px 0 0 ;} #header .bottom .search-form input { font-size:16px; padding:10px 15px; color:#4a4a4a; border:0 none; border-radius:10px 0 0 0; min-width:230px; background: #9b9b9b; background: -webkit-linear-gradient(top, #fcfcfc 0%,#9b9b9b 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#9b9b9b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#9b9b9b',GradientType=0 ); } #header .bottom .search-form button { background:url(../img/external/search.png) no-repeat center center; width:46px; height:38px; text-indent:-999999px; border:0 none; box-shadow:none; border-radius:0 10px 0 0; } /* new header */ .new-header {background:#070a11 url(../img/new-header-bg.jpg) repeat-x top center;} .new-top-bar {overflow:hidden;} .new-top-bar .logo {display:block; width:205px; height:auto; padding:13px 0; float:left;} .new-top-bar .logo img {display:block; width:100%; height:auto;} .new-top-bar .right-side {float:right; text-align:right;} .new-top-bar .right-side .main-nav {list-style:none; display:inline-block; margin:0; padding:0;} .new-top-bar .right-side .main-nav li {display:inline-block;} .new-top-bar .right-side .main-nav li a {display:inline-block; text-transform:uppercase; font-size:16px; padding:13px 7px; text-decoration:none; color:#fff;} .new-top-bar .right-side .main-nav li a:hover {text-decoration:underline;} .new-top-bar .right-side .social {display:inline-block; padding:0 20px;} .new-top-bar .right-side .social a {padding:5px 2px; color:#fff; font-size:20px; opacity:0.8; transition:0.5s ease; margin:0 3px;} .new-top-bar .right-side .social a:hover {opacity:1;} .new-top-bar .right-side .btn { display:inline-block; padding:3px 10px; border:1px solid; border-radius:40px; font-size:12px; text-decoration:none; transition:all 0.5s ease; position:relative; top:-2px; } .new-top-bar .right-side .btn.login {color:#fff; border-color:#4e5a73;} .new-top-bar .right-side .btn.login:hover {background:#2c3e58;} .new-top-bar .right-side .btn.signup {color:#fff; border-color:#30a740; background:#30a740;} .new-top-bar .right-side .btn.signup:hover {background:#1c6e27;} .new-top-bar .right-side .social-name {color:#ccc; font-size:20px; padding:0 5px; display:inline-block; position:relative; top:2px;} .new-mobile-menu-btn {display:none;} .new-header .home-tagline {padding:50px 0 0; text-align:center; color:#fff;} .new-header .home-tagline h1 {font-size:36px; line-height:1;} .new-header .home-tagline h1 span {color:#6cca3c;} .new-header .home-tagline h3 {font-size:28px; line-height:1;} .locator-form {margin:50px 0 0;} .locator-form .container {background:linear-gradient(#209f3c, #6cc74e); padding:10px 20px; overflow:hidden;} .locator-form .main-search {float:left; width:85%;} .locator-form label {color:#fff; font-size:18px; display:inline-block; padding:0 15px 0 0; margin:0;} .locator-form label a {color:inherit; text-decoration:none;} .locator-form #SearchTxt {font-size:16px; color:#7f98aa; padding:10px; border:1px solid #fff; border-radius:0; width:530px;} .locator-form .btnAutoLocate {position:relative; z-index:2; color:#22a03c; font-size:15px; margin:0 0 0 -25px;} .locator-form button.submit, .locator-form button.hide-map {background:#209f3c; color:#fff; font-size:14px; border:1px solid #13862c; box-shadow:none; border-radius:0; padding:12px 15px; margin:0 0 0 4px; text-shadow:none;} .locator-form button.hide-map {margin:0; float:right;} #footer {background:#f3f3f3; padding:20px 0;} #footer .footer-nav {list-style:none; margin:0; text-align:center;} #footer .footer-nav li {display:inline-block; border-right:1px solid #959595;} #footer .footer-nav li a {display:block; padding:0 10px; color:#2aa847; font-size:14px;} #footer .footer-nav li:last-child {border-right:0 none;} #footer .disclaimer {text-align:center; font-size:11px; color:#959595; padding:30px 0 0;} #footer .disclaimer a {color:#959595; text-decoration:none;} #locator {background:#fff url(../img/external/search-bg.jpg) repeat-x top center; padding:70px 0 95px;} #locator .locator-form {width:600px; margin:0 auto; padding:7px; background:rgba(10, 20, 36, 0.7); border-radius:10px; border:3px solid rgba(255, 255, 255, 0.4);} #locator .locator-form > .inner {border:1px solid rgba(255, 255, 255, 0.5); padding:20px 30px; border-radius:7px;} #locator .locator-form h2 { color:#fff; text-align:center; font-size:32px; display:block; background:url(../img/external/search-divider.png) no-repeat bottom center; padding:0 0 25px; margin:0 0 15px; } .search-selector {display:table; width:100%; margin:0 0 20px;} .search-selector > .inner {display:table-row;} .search-selector > .inner > span {display:table-cell; text-align:center;} .search-selector > .inner > span > a { display:block; text-decoration:none; border:1px solid #131d2e; border-right:1px solid #3c454f; padding:10px 25px; font-size:13px; background:#1e293d url(../img/external/search-selector-bg.png) repeat-x; color:#fff; } .search-selector > .inner > span:first-child > a {border-radius:5px 0 0 5px;} .search-selector > .inner > span:last-child > a {border-radius:0 5px 5px 0; border-right-color:#131d2e;} .search-selector > .inner > span > a.active {background:rgba(10, 20, 36, 0.3) url(../img/external/search-checkbox.png) no-repeat 10px 15px; color:#7ac142;} #mobile-by-name {padding:20px 0 0; border-top:1px solid #131D2E; margin:20px 0 0; display:none;} #main-search input, #mobile-by-name input {font-size:16px; padding:15px; width:415px; border:0 none; background:#dadada; border-radius:10px;} #main-search button, #mobile-by-name button { font-size: 16px; color:#fff; text-shadow:-1px -1px 0px #209136; padding:15px; border:0 none; box-shadow:none; border-radius:10px; background: #2BA847; background: -webkit-linear-gradient(top, #6EBC41 0%,#2BA847 100%); background: linear-gradient(to bottom, #6EBC41 0%,#2BA847 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6EBC41', endColorstr='#2BA847',GradientType=0 ); } #main-search .or {display:block; clear:both; background:url(../img/external/search-or-bg.png) no-repeat top center; text-align:center; color:#fff; padding:8px 0; margin:20px 0;} a.btn-home, a.btn-home:hover { display:block; color:#fff; border-radius:10px; text-decoration:none; text-align:center; margin:15px auto 0; font-size:14px; background:#5d6e88 url(../img/external/search-locate-btn-bg.png) repeat-x; text-shadow:-1px -1px 0 #687b99; padding:0; width:220px; } a.btn-home span {padding:15px 12px; display:inline-block; background:url(../img/external/search-locate-btn-separator.png) repeat-y top left;} a.btn-home span.icon {background:url(../img/external/search-locate-btn-icon.png) no-repeat center center; text-indent:-999999px; width:42px;} #content-bar { border-bottom:1px solid #dce0e6; padding:30px 0; overflow:hidden; } #content-bar .fa { display:none; } #content-bar .location-details {display:inline-block; vertical-align:top;} #content-bar h4, #content-bar h1 {font-size:28px; padding:0; line-height:1; color:#5f5f5f; font-weight:normal;} #content-bar h1 {font-size:28px;} #content-bar p {font-size:14px; color:#40bb53; padding:0; line-height:1; margin:0; text-transform:capitalize;} #content-bar .left-side {float:left;} #content-bar .button {float:right; margin:0 0 0 10px;} .sub-nab-container {display:table; box-shadow:0 20px 10px #E8E9EB; margin:30px 0; /*width:100%;*/} .sub-nab-container .sub-nav {display:table-row; margin:0;} .sub-nab-container .sub-nav li {display:table-cell; list-style:none;} .sub-nab-container .sub-nav li a {padding:15px 20px; background:#dde5ef url(../img/external/subnav-bg.png) repeat-x; color:#4e5e77; text-decoration:none; border:1px solid #d6dfeb; font-size:14px; display:block; /*text-align:center;*/} .sub-nab-container .sub-nav li:first-child a {border-radius:10px 0 0 10px;} .sub-nab-container .sub-nav li:last-child a {border-radius:0 10px 10px 0;} .sub-nab-container .sub-nav li.active a, .sub-nab-container .sub-nav li a:hover { background:#5c6d88 url(../img/external/subnav-bg-active.png) repeat-x; color:#fff; border-color:#8795ab; position:relative; } .sub-nab-container .sub-nav li.active a:after { content:" "; position:absolute; bottom:-2px; left:50%; width:0; height:0; margin:0 0 0 -5px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff; } .yard-info {padding:0 0 20px; overflow:auto;} .yard-info .left-side, .yard-info .right-side {float:left;} .yard-info .left-side {width:65%; padding-right:20px;} .yard-info .right-side {width:35%;} .yard-info h2 {font-size:24px; padding:0 0 15px;} .yard-info .left-side p {font-size:14px;} .yard-info .left-side .legend {background:#39b547 no-repeat 7px center; color:#fff; display:inline-block; padding:10px 15px 10px 40px; border-radius:5px; font-size:11px; margin:0 0 15px;} .yard-info .left-side .legend.scrap-yard {background-image:url(../img/legend/scrap-yard.png);} .yard-info .left-side .legend.auto-wrecker {background-image:url(../img/legend/auto-wrecker.png);} .yard-info .left-side .legend.hybrid {background-image:url(../img/legend/hybrid.png);} .yard-info .left-side .non-preferred {display:inline-block; background:red; color:#fff; font-size:12px; text-decoration:none; padding:5px; border-radius:5px; margin:0 0 20px;} .yard-info .left-side p.social-icons {font-size:32px;} .yard-info .left-side p.social-icons a {color:#4a4a4a; text-decoration:none;} .yard-map-info #google-map {height:200px; width:100%; background:#fff; margin:0 0 20px;} .yard-map-info {background:#cfcfcf; border-radius:7px; padding:20px;} .yard-map-info dl {margin:0; padding:0;} .yard-map-info dl dt, .yard-map-info dl dd {margin:5px 0 0;} .yard-map-info dl dt {color:#39b547; font-style:normal; width:70px; font-weight:bold; float:left; clear:both; width:74px; display:block;} .yard-map-info dl dd {padding:0; float:left; display:block;} .yard-map-info dl dd a {color:inherit; text-decoration:none; word-wrap:break-word; word-break:break-all; display:inline-block;} .yard-map-info dl dd.yard-address {text-transform:capitalize;} .yard-map-info dl.hours dt {width:100px; color:inherit; font-weight:normal;} .yard-map-info h4 {font-weight:bold; padding:20px 0 0;} .yard-pricing h2 {font-size:24px; padding:0 0 15px;} .yard-pricing p {font-size:14px; margin:0; padding:0 0 5px;} .yard-pricing .pricing-top p {text-align:center; color:#96a1ae; text-transform:uppercase; font-size:15px; font-weight:bold;} .yard-pricing .pricing-top h3, .national-avg-disclaimer {font-size:16px; font-style:italic; text-align:center;} .yard-pricing .pricing-tabs, .metal-tabs {text-align:center; border:1px solid #e0e3e7; border-width:1px 0; overflow:hidden;} .yard-pricing .pricing-tabs a, .metal-tabs a { display:block; text-decoration:none; color:#96a1ae; padding:17px; float:left; font-weight:bold; background: #fbfbfb; position:relative; } .yard-pricing .pricing-tabs a:hover:after, .metal-tabs a:hover:after { content:' '; position:absolute; bottom:0; left:50%; margin:0 0 0 -10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ccc; } .yard-pricing .pricing-tabs a.active, .metal-tabs a.active { color:#209f3c; } .yard-pricing .pricing-tabs a.active:after, .metal-tabs a.active:after { content:' '; position:absolute; bottom:0; left:50%; margin:0 0 0 -10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #32b954; } .post-a-price-promo {padding:30px 0 40px;} .post-a-price-promo p {text-align:center; color:#5f5f5f; font-size:24px;} .post-a-price-promo p .report-price {padding:15px 30px; vertical-align:bottom; margin:0 0 0 10px;} .yard-pricing .pricing-top {margin:0 0 20px;} .container .external-form {background:#cfcfcf; border-radius:7px; padding:15px; overflow:auto;} .container .external-form label {font-size:14px; display:block; padding:10px 0 0;} .container .external-form input.text, .container .external-form select, .container .external-form textarea {width:100%; padding:10px; font-size:16px; background-color:#fff; clear:both; border:0 none;} .container .external-form .field {float:left; width:50%; padding:0 0 10px;} .container .external-form .field.first {padding-right:15px;} .yard-containers {padding:0 0 30px;} .yard-containers .container {overflow:auto;} .yard-containers h2, .yard-hours h2, .yard-hours h2, .yard-whatsthis h2, .yard-part-request h2 { font-size:16px; padding:0 0 15px; color:#96a1ae; font-weight:bold; line-height:1.2; } .yard-containers h2 strong, .yard-whatsthis h2 strong, .yard-part-request h2 strong { display:block; font-size:24px; color:#5f5f5f; font-weight:normal; } .yard-containers .is-container {display:none;} .containers-grid {overflow:auto; margin:0;} .containers-grid .cont {width:50%; float:left; text-align:center; min-height:180px; margin:0 0 40px;} .containers-grid .cont .pic {height:110px; text-align:center;} .containers-grid .cont .pic .helper {display:inline-block; height:100%; vertical-align:middle;} .containers-grid .cont .pic img {vertical-align:middle; max-height:110px; max-width:95%;} .containers-grid .cont h3 {color:#2aa847; font-size:14px; font-weight:bold; padding:10px 0;} .containers-grid .cont select {font-size:16px; padding:5px; border:1px solid #666; border-radius:3px;} .no-containers {text-align:center;} .no-containers img {display:block; margin:0 auto;} .yard-whatsthis {padding:0 0 30px;} .yard-whatsthis p {font-size:14px; margin:0 0 5px;} #whatsthis-form {overflow:hidden;} .yard-whatsthis .upload-pic {border:1px solid #e0e3e7; padding:10px; width:90%; margin:15px auto;} .yard-whatsthis .contact-table {border-collapse:collapse; margin:0 0 60px;} .yard-whatsthis .contact-table td {border:1px solid #e5e8e9; padding:10px;} .yard-whatsthis .contact-table tr:nth-child(even) {background:#f2f4f5;} .yard-whatsthis .contact-table a {color:inherit;} .yard-thankyou {text-align:center; padding:45px 0 15px; background:url(../img/external/thankyou-smiley.png) no-repeat top left;} .yard-thankyou h2 {font-size:64px;} .yard-thankyou img {display:block; margin:10px auto;} .yard-thankyou .thankyou-social a {color:#41AC4D; font-size:32px; display:inline-block; margin:0 10px;} .yard-part-request {padding:0 0 20px;} .yard-part-request h2 {font-size:16px; padding:0 0 15px; color:#96a1ae;} .yard-part-request h2 strong {display:block; font-size:24px; color:#5f5f5f; font-weight:normal;} .yard-card {margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #4d6890;} .yard-card:last-child {border-bottom:0 none;} .yard-card .left-side, .yard-card .right-side {display:table-cell; vertical-align:top;} .yard-card .left-side {width:70px; text-align:center;} .yard-card .left-side img {max-width:36px; height:auto;} .yard-card .right-side {width:235px;} .yard-card .right-side h3 { color:#fff; font-size:16px; line-height:1; font-weight:bold; padding:10px; margin:0 0 5px; background: #0f141d; background: -webkit-linear-gradient(top, #333d4e 0%,#0f141d 100%); background: linear-gradient(to bottom, #333d4e 0%,#0f141d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d4e', endColorstr='#0f141d',GradientType=0 ); } .yard-card.non-preferred .right-side h3 {background:none; color:#4D4D4D; padding:0;} .yard-card .right-side p {color:#2aa847; font-size:14px; line-height:1.2; margin:0; padding:5px 0 0; text-transform:capitalize;} .yard-card .right-side .links {margin:0; padding:10px 0 0; list-style:none;} .yard-card .right-side .links li {display:inline-block;} .yard-card .right-side .links li a {display:block; text-decoration:none; color:#fff; background:#919191; font-size:11px; padding:6px; border-radius:3px; margin:0 0 3px;} .yard-card .right-side .links li a:hover { background: #41ac4d; background: -webkit-linear-gradient(top, #71bf3f 0%,#41ac4d 100%); background: linear-gradient(to bottom, #71bf3f 0%,#41ac4d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bf3f', endColorstr='#41ac4d',GradientType=0 ); } /* new yard card */ .new-yard-card {overflow:hidden; padding:25px 0; border-bottom:1px solid #d8d8d8;} .new-yard-card .left-side, .new-yard-card .right-side {} .new-yard-card .left-side {text-align:center; float:left; width:20%;} .new-yard-card .left-side .circle {} .new-yard-card .right-side {width:80%; float:right;} .new-yard-card .left-side img {max-width:36px; height:auto;} .new-yard-card .right-side h3 {font-size:20px; color:#5f5f5f; font-weight:bold; line-height:1; width:100%;} .new-yard-card .right-side h3 a {color:inherit; text-decoration:none;} .new-yard-card .right-side h3 a:hover {text-decoration:underline;} .new-yard-card .right-side .badge {float:right;} .new-yard-card .right-side .rating {color:#fbc902;} .new-yard-card .right-side .ratings-wrapper {font-size:14px; padding:12px 0;} .new-yard-card .right-side .rating-count {color:#96a1ae;} .new-yard-card .right-side .cells {width:100%; clear:both; margin:20px 0 0; display:table;} .new-yard-card .right-side .cells .cells-row {display:table-row;} .new-yard-card .right-side .cells .cell {padding:0 10px; display:table-cell; font-size:13px; vertical-align:top;} .new-yard-card .right-side .cells .cell p {margin:0;} .new-yard-card .right-side .cells .cell em {font-style:normal; color:#32b955; font-weight:bold;} .new-yard-card .right-side .cells .cell.phone span {display:block;} .new-yard-card .right-side .cells .cell {border-right:1px solid #d8d8d8;} .new-yard-card .right-side .cells .cell.address {width:36%; padding-left:0;} .new-yard-card .right-side .cells .cell:last-child {padding-right:0; border-right:0 none; width:34%;} .new-yard-card .right-side .report-price .fa, .yard-content h2.reported-prices-title button .fa, .report-price .fa, button.report-price-member .fa {display:inline; color:#6ac64e;} .new-yard-card .right-side .report-price, .yard-content h2.reported-prices-title button, button.report-price, button.report-price-member { display:block; width:100%; padding:8px; font-size:12px; border:0 none; background:#363e50; color:#fff; font-weight:bold; box-shadow:none; border-radius:0; text-shadow:none; cursor:pointer; } button.report-price {display:inline-block; width:auto;} .new-yard-card .right-side .hours {font-size:13px; padding:10px 0;} .new-yard-card .right-side .hours strong {color:#32b955;} .new-yard-card .right-side .profile-link {text-decoration:none; color:#4a5973; font-size:12px; font-weight:bold; padding:10px 0 5px; display:block;} .new-yard-card .right-side .profile-link:hover {text-decoration:underline;} .new-yard-card .right-side .about-posting {display:block; text-decoration:none; color:#96a1ae; font-size:10px; padding:10px 0; opacity:0; transition:all 0.5s ease; margin:0;} .new-yard-card .right-side .cells .cell:last-child:hover .about-posting {opacity:1;} #yards-by-user h2 {font-size:24px; margin:20px 0;} #yards-by-user .yard-card, #yards-by-user .new-yard-card {float:left; min-height:260px; border:0 none; width:50%;} #locator-results { padding: 50px 0; } #locator-results .title h2, .by-name-search-results .title h2 {font-size:28px; color:#555d63; padding:30px 0 0; margin:0; text-align:center;} #locator-results .title p, .by-name-search-results .title p {text-align:center; margin:0; color:#767676; padding:0 0 30px;} #locator-results .title, .by-name-search-results .title {border-bottom:1px solid #ebebeb; margin:0 0 3px;} #locator-results .refine-search {padding:20px 0; text-align:center;} .search-form-no-results {text-align:center; padding:20px;} .search-results-top {border-top:1px solid #ebebeb; padding:10px 0; overflow:auto;} .search-results-top .now-showing {float:left;} .search-results-top .now-showing h6 {color:#5d7cbb; font-weight:bold; font-size:14px;} .search-results-top .pagination {float:right;} .search-results-top .pagination label, .search-results-bottom .pagination label {color:#8495a8; font-size:12px; margin:0 0 0 10px;} .search-results-top .pagination select, .search-results-bottom .pagination select {margin:0; padding:2px; font-size:12px; border:1px solid #d6d6d6; color:#d6d6d6; margin:0 10px 0 0;} .search-results-top .pagination a {display:inline-block; text-decoration:none; border:2px solid #209f3c; color:#209f3c; padding:3px 5px; font-size:14px; font-weight:bold;} .search-results-top .pagination span {font-size:11px; letter-spacing:-1px;} .filters-wrapper {display:table; width:100%;} .filters-wrapper .search-filters {display:table-row;} .filters-wrapper .search-filters > label, .search-filters .filters {display:table-cell; border:1px solid #e3e4e3; padding:5px 10px; font-size:12px;} .filters-wrapper .search-filters > label {color:#8495a8;} .search-filters .filters label {display:inline-block; padding:0 5px; color:#999; text-transform:uppercase;} .search-results-main {padding:20px 0 0; overflow:hidden;} .search-results-main .yards, .search-results-main .map-sponsors {float:left;} .search-results-main .yards {width:60%;} .search-results-main .map-sponsors {width:40%; padding:0 0 0 40px;} .search-results-main .map-sponsors .ad-slot {margin:50px 0;} .search-results-main .yards h6 {text-align:right; color:#a8b2bd; font-size:11px; letter-spacing:2px;} .search-results-main .yards .legend {border:1px solid #dce0e4; border-width:1px 0;} .search-results-main .yards .legend span {display:inline-block; color:#8495a8; font-size:13px; background:no-repeat 0 15px; padding:12px 14px 11px 33px; line-height:1.2;} .search-results-main .yards .legend span.scrap-yard {background-image:url(../img/legend/scrap-yard.png)} .search-results-main .yards .legend span.auto-wrecker {background-image:url(../img/legend/auto-wrecker.png)} .search-results-main .yards .legend span.hybrid {background-image:url(../img/legend/hybrid.png)} .search-results-main .yards h4 {font-size:32px; color:#555d63; padding:20px 0;} .search-results-main .yards h4 i {color:#a8b2bd; font-size:28px; margin:0 10px 0 0;} .search-results-main .yards .yard-card {overflow:auto;} .search-results-main .yards .yard-card .left-side .circle, .yard-card .left-side .circle, .new-yard-card .left-side .circle { color:#fff; display:block; text-align:center; width:30px; height:30px; padding:6px 0 0; margin:0 auto; border-radius:20px; font-weight:bold; font-size:18px; line-height:1; background: #41ac4d; background: -webkit-linear-gradient(top, #71bf3f 0%,#41ac4d 100%); background: linear-gradient(to bottom, #71bf3f 0%,#41ac4d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bf3f', endColorstr='#41ac4d',GradientType=0 ); } .search-results-main .yards .yard-card .left-side, .search-results-main .yards .yard-card .right-side {display:block; float:left;} .search-results-main .yards .yard-card .left-side {width:20%;} .search-results-main .yards .yard-card .right-side {width:80%;} #google-map {width:100%; height:400px; border-top:1px solid #d8d5d5; border-bottom:5px solid #ececec;} #google-map .in-map-yard-content {height:140px;} #google-map .in-map-yard-content h3 {font-weight:bold; border-bottom:1px solid; line-height:1.2;} #google-map .in-map-yard-content .premium {font-size:11px; padding:5px 0; color:#41ac4d; font-weight:bold;} #google-map .in-map-yard-content a, .premium-yard-explanation a.btn, .modal-lightbox a.btn {color:#41ac4d; display:inline-block; padding:5px 10px; border:1px solid; text-decoration:none; border-radius:20px; margin:5px 0 0;} #google-map .in-map-yard-content a:hover {background:#eee;} .search-results-main .map-sponsors .sponsors {text-align:center;} .search-results-main .map-sponsors .sponsors a {display:block; margin:0 0 30px;} #metal-content .left-side-col, #metal-content .right-side-col {display:table-cell; vertical-align:top; padding:20px 0 0;} #metal-content .left-side-col {width:55%;} #metal-content .right-side-col {width:45%; padding-left:20px;} #metal-content .left-side-col .img {position:relative; margin:0 0 20px;} #metal-content .left-side-col img {display:block; width:100%; height:auto;} #metal-content .left-side-col h2 {position:absolute; bottom:0; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:18px; padding:10px; width:100%;} #metal-content .right-side-col > h3 {font-size:18px; line-height:1.2; text-align:center; padding:0 0 10px;} #metal-content .right-side-col > h6 {text-align:center;} #metal-content .right-side-col > h6 button { font-size:12px; text-align:center; display:inline-block; background:none; box-shadow:none; text-decoration:underline; border:0 none; color:#32b954; } #metal-content .yards-in-metals {border-top:1px solid #ccc; margin:20px 0 0;} #metal-content .hidden-form {padding:20px 0 0; display:none;} #metal-content .hidden-form input {width:100%; display:block; padding:10px; font-size:16px;} #metal-content .hidden-form button {margin:3px 0; border:0 none; box-shadow:none; background:#363e50; color:#fff; border-radius:0; padding:10px 15px; text-shadow:none;} .metals-search {background:#E8E8E8; border-radius:10px;} .metals-search h3 {text-align:center; background:#389F40; color:#fff; padding:10px; border-radius:10px 10px 0 0;} .metals-search form {padding:20px;} .metals-search form #SearchTxt {width:350px; padding:10px;} .metals-search form button {padding:15px 10px;} .by-name-search-results {padding:20px 0 0; overflow:auto;} .by-name-search-results.no-map .yard-card, .by-name-search-results.no-map .new-yard-card {width:50%; float:left; min-height:275px; padding:15px;} .navigation.paging-navigation {clear:both;} .navigation.paging-navigation .nav-links {overflow:auto; padding:20px;} .navigation.paging-navigation .nav-links a {background:#2AA847; color:#fff; font-weight:bold; padding:5px 10px; text-decoration:none; font-size:16px; border-radius:3px; display:inline-block;} .all-metals {padding:20px 0;} .all-metals .metal-content .metals-list .metal, .all-metals .metal-content .metals-list .metal-ad {width:33.33%; float:left; padding:10px; min-height:300px;} .all-metals .metal-content .metals-list .metal-ad {text-align:center;} .all-metals .metal-content .metals-list .metal:nth-child(3n+1) {clear:left;} .all-metals .metal-content .metals-list .metal .pic img {width:100%; height:auto; display:block;} .metal-description .left-side, .metal-description .right-side {display:table-cell; vertical-align:top;} .metal-description .left-side {padding:0 10px 0 0; width:55%;} .metal-description .right-side .youtube-btn { display:inline-block; background:linear-gradient(#6dc74f, #21a03c); color:#fff; text-decoration:none; border-radius:10px; } .metal-description .right-side .youtube-btn > span {display:table-cell; vertical-align:top;} .metal-description .right-side .youtube-btn .icon {background:linear-gradient(#21a03c, #6dc74f); padding:15px; border-radius:10px 0 0 10px;} .metal-description .right-side .youtube-btn .icon .fa {font-size:36px; line-height:1;} .metal-description .right-side .youtube-btn .text {text-align:center; padding:10px; font-size:16px;} .metal-description .right-side .youtube-btn .text span {display:block; font-size:14px;} .mobile-menu, .mobile-menu-btn {display:none;} #container-request-form {overflow:auto;} #container-request-form h4 {background:#444f5c; color:#6bc64e; font-weight:bold; font-size:15px; padding:15px 20px; overflow:hidden;} .new-generic-form .form-inner {padding:20px; background:#f2f4f5; border:1px solid #e5e8e9;} #container-request-form .hide-until-choice {display:none;} #container-request-form label {color:#667484; font-size:16px;} #container-request-form .form-type-form {display:inline-block; margin:0 20px 0 0; max-width:50%;} #container-request-form .form-type-form input {margin:0 5px 0 0;} .new-generic-form .field {padding:15px;} .new-generic-form .field input, .new-generic-form .field select, .new-generic-form .field textarea {width:100%; padding:10px;} .new-generic-form .field select {padding-right:inherit; line-height:1;} .new-generic-form .field.full {clear:both; width:100%;} .new-generic-form .field.half {width:50%; float:left;} .new-generic-form h5 {font-size:16px; text-transform:uppercase; line-height:1; padding:30px 0 0; text-align:center;} .new-generic-form p {color:#96a1ae; font-size:14px; font-style:italic; margin:0 0 10px; padding:0; text-align:center;} #container-request-form .checkboxes {text-align:center; padding:0 0 20px;} #container-request-form .checkboxes label {margin:0 10px 0 0;} .new-generic-form button.button {background:linear-gradient(#6dc74f, #21a03c); font-size:12px; font-weight:bold; text-transform:uppercase; border-radius:2px;} .new-generic-form button.button.reset {background:linear-gradient(#c2cacf, #b2b9be);} .article-single, .article-details {margin:40px auto 0;} .article-details a {color:#2AA847;} .article-details h1, .article-details h2, .article-details h3 {margin:0.75em 0 0.5em;} .article-details h1.entry-title {margin-top:20px;} .article-details h1 {font-size:36px; line-height:1;} .article-details h2 {font-size:32px; line-height:1;} .article-details h3 {font-size:28px; line-height:1;} .article-single .entry-meta, .article-details .entry-meta {font-size:12px;} .article-details footer.entry-meta {padding:20px 0 0; text-align:center;} .article-single .entry-meta a, .article-details .entry-meta a {color:inherit; text-decoration:none;} .article-single p, .article-details p {margin:0 0 10px;} .page-content, .entry-content, .entry-summary {margin:10px 0 0;} .article-details img.aligncenter {display:block; margin:0 auto;} .article-details img.alignleft {display:block; float:left; margin:0 15px 15px 0;} .article-details img.alignright {display:block; float:right; margin:0 0 15px 15px;} .nav-links {overflow:auto; padding:10px 0;} .nav-links a[rel="next"] {float:right;} .nav-links a[rel="prev"] {float:left;} .seo-city {overflow:auto;} .seo-city .container > .left-side, .seo-city .container > .right-side {float:left; padding:20px;} .seo-city .container > .left-side {width:50%; overflow:auto;} .seo-city .container > .right-side {width:50%;} .seo-pic {position:relative; margin:50px 0 15px !important;} .seo-pic img {width:100%; height:auto; display:none;} .seo-pic h2 {position:absolute; bottom:0; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:18px; padding:10px; width:100%;} .seo-state h2 {text-align:center; font-size:22px; padding:20px 0;} .seo-state .seo-cities {padding:0 0 20px; overflow:auto;} .seo-state .seo-states-list {margin:0; padding:0 0 20px; list-style:none; overflow:auto;} .seo-state .seo-cities a, .seo-state .seo-states-list li {display:block; float:left; width:25%; padding:10px; text-decoration:none;} .seo-state .seo-states-list li a {display:block; background:#2AA847; color:#fff; padding:10px; border-radius:5px; text-decoration:none; min-height:70px;} .seo-state .seo-cities a span {display:block; text-align:center; color:#2aa847;} .seo-state p {padding:20px 0 0;} p.warning {color:red;} p.warning a {color:inherit;} .metal_content h3 {padding:0 0 20px; font-size:20px; font-weight:bold;} .metal_content a {color:inherit;} .lightbox, .lightbox .overlay {position:absolute; width:100%; top:0; left:0; z-index:9999;} .lightbox {height:1000px; display:none;} .lightbox .overlay {background:#000; opacity:0.8; height:100%; z-index:1; cursor:pointer;} .lightbox .content {width:800px; background:#fff; margin:150px auto 0; position:relative; z-index:2; padding:20px;} .lightbox .content.modal-lightbox {width:300px; text-align:center;} .lightbox .content .close-btn {display:block; width:28px; height:28px; position:absolute; top:-14px; right:-14px; text-indent:-999999px; background:url(../img/close-btn.png) no-repeat;} .lightbox .content.modal-lightbox .close-btn {display:none;} .lightbox .content .lightbox-content form {overflow:auto;} .lightbox .content .lightbox-content form .field {width:50%; float:left; padding:0 0 5px;} .lightbox .content .lightbox-content form .field:nth-child(odd) {padding-right:10px; clear:left;} .lightbox .content .lightbox-content form .field label {font-size:12px; display:block;} .lightbox .content .lightbox-content form .field input, .lightbox .content .lightbox-content form .field textarea { width:100%; padding:10px; } .lightbox .content .lightbox-content form .field.large {width:100%; padding-right:0;} .lightbox .content .lightbox-content h3 {/*padding:0 0 10px*/; font-size:24px; /*text-align:center;*/} .hidden-template {display:none;} .container.page-404 {text-align:center; padding:20px;} .scrapper-tips {display:none;} .scrapper-tips-content {background:#39b547 url(../img/email-pop-up-lightbulb.png) no-repeat 30px center; padding:30px 20px 30px 150px;} .scrapper-tips-content h3 {color:#fff; font-weight:bold; font-size:24px; line-height:1;} .scrapper-tips-content input {padding:10px; display:inline-block; font-size:16px; border-radius:3px; border:0 none;} .scrapper-tips-content input.email {width:340px;} .scrapper-tips-content input.submit { background: #333; color:#fff; font-weight:bold; box-shadow:none; text-shadow:none; background: -webkit-linear-gradient(top, #232323 0%,#333 100%); background: linear-gradient(to bottom, #232323 0%,#333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#333',GradientType=0 ); } .suggest-a-yard {display:block; text-align:center; padding:0 0 20px;} .suggest-a-yard-form {display:none;} .suggest-yard-new {padding:20px 0; border-bottom:1px solid #d8d8d8; text-align:center;} .suggest-yard-new span {color:#209f3c; font-size:12px; font-weight:bold; display:block; padding:15px 0;} .suggest-yard-new button.bring-form { display:inline-block; border:1px solid #4c596a; box-shadow:inset 0 1px 0 #9aa7b7; background:linear-gradient(#6e7b8b, #4c596a); padding:12px 15px; line-height:1; color:#fff; text-shadow:none; font-weight:bold; font-size:12px; } .suggest-yard-new form {display:block; overflow:hidden;} .suggest-yard-new form input, .suggest-yard-new form button {font-size:16px; padding:10px; border-radius:0; border:0 none; float:left;} .suggest-yard-new form input {width:70%; border:1px solid #aaa;} .suggest-yard-new form button {width:28%; margin:0 0 0 2%; background:#209f3c; color:#fff; border:1px solid #13862c; box-shadow:none; text-shadow:none;} body.tax-location #google-map {width:100%; height:400px;} body.tax-location .article-details h1 {font-size:36px; font-weight:bold;} body.tax-location .article-details h2 {font-size:28px; font-weight:bold;} body.tax-location .article-details h3 {font-size:24px; font-weight:bold; font-style:italic;} body.tax-location .article-details h4 {font-size:18px; font-weight:bold;} /* new blog layout with sidebar */ .blog-top-banner {display:block; width:100%; height:auto; margin:20px 0 0;} #primary.content-area {width:1024px; margin:0 auto; overflow:hidden;} .site-main.container, .article-details.container {float:left; width:724px; border-right:1px solid #2aa847; padding:0 20px 0 0; margin:20px 0;} .article-single:first-child {margin-top:0;} .article-single img.attachment-thumbnail {display:block; float:left; margin:0 15px 0 0;} .article-details .entry-header {padding:0 0 30px;} .article-details .entry-meta {padding:15px 0 0;} .share-this-top {padding:5px 0 0; display:inline-block;} .article-details .entry-meta a.social {background:#2aa847; color:#fff; display:inline-block; width:22px; padding:2px 0; text-align:center; border-radius:100px;} aside.sidebar {float:left; width: 100%; margin-bottom: 20px; } aside.sidebar .social-divider {height:2px; background:#ccc; margin:15px 0;} aside.sidebar .last-12-months {margin:0; padding:0 0 0 20px; list-style:square outside;} aside.sidebar .last-12-months a {color:#2aa847;} aside.sidebar .top-categories a {color:#2aa847;} aside.sidebar a.popular-post {color:#2aa847; margin:0 0 15px; display:inline-block;} aside.sidebar .boxed-content { border: 1px solid #ECEFF1; border-radius: 10px; padding: 24px; margin-bottom: 24px; } /* category page */ body.category .page-header h1.page-title {font-size:32px;} /* share-this */ .share-this { padding:5px; margin:25px 0; text-align:center; color:#2aa847; border-top:1px solid #ccc; border-radius:5px 5px 0 0; background: #ffffff; background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); } .share-this a {display:inline-block; background:#2aa847; color:#fff; padding:5px; width:60px; font-size:18px; vertical-align:top; margin:3px 0 0; height:40px;} .share-this a:hover {background:#1B6E2E; font-size:20px;} /* new yard layout */ .yard-header {border-bottom:1px solid #dce0e6; padding:30px 0; overflow:hidden;} .yard-header h1 {font-size:28px; color:#5f5f5f; font-weight:normal; float:left; max-width:670px; line-height:1; padding-right:20px; padding-top:7px; margin:0 0 20px;} .yard-header .ratings-wrapper {display:inline-block;} .yard-header .rating, .yard-header .rating-count {padding:9px 0 0; display:inline-block;} .yard-header .rating .fa {color:#fbc902; font-size:18px;} .yard-header .rating-count {font-size:18px; color:#5f5f5f;} .yard-header-btns {float:right;} .yard-header-btns a {display:inline-block; text-decoration:none; font-size:12px; color:#6f7c8c; background:#fff; padding:8px 20px 6px; border-bottom:2px solid #fff; font-weight:bold;} .yard-header-btns a:hover {background:linear-gradient(#127828, #219c3a); color:#fff;} .yard-header .badges {float:right; text-align:right;} .yard-header .badge, .yard-header-2017 .badge, .new-yard-card .right-side h3 .badge {display:inline-block; padding:10px 12px 10px 15px; font-size:13px; font-weight:bold; color:#fff; position:relative; text-decoration:none;} .new-yard-card .right-side h3 .badge {font-size:10px; margin:0 5px 0 10px; padding:10px;} .yard-header .badge:after, .yard-header-2017 .badge:after, .new-yard-card .right-side h3 .badge:after { width:0; height:0; content:' '; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:5px solid red; position:absolute; top:0; right:-5px; } .new-yard-card .right-side h3 .badge:after {border-width:15px 0 15px 5px;} .yard-header .badge.preferred, .yard-header-2017 .badge.preferred, .new-yard-card .right-side h3 .badge.preferred {background:#32b954; z-index:2;} .yard-header .badge.preferred:after, .yard-header-2017 .badge.preferred:after, .new-yard-card .right-side h3 .badge:after {border-left-color:#32b954;} .yard-header .badge.isri {background:#6194c4; margin:0 0 0 5px;} .yard-header .badge:before, .yard-header-2017 .badge:before { width:0; height:0; content:' '; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:5px solid #fff; position:absolute; top:0; left:0; } .yard-header .badge.isri:after {border-left-color:#6194c4;} .yard-content {overflow:hidden; padding:36px 0 0;} .yard-content .left-column {float:left; width:67%; padding:0 30px 0 0;} .yard-content .yard-info-top {padding:0 0 30px;} .yard-content .yard-info-top h2 {font-size:16px; color:#96a1ae; font-weight:bold; display:inline-block; margin:0 10px 0 0;} .yard-content .yard-info-top ul, .yard-content .yard-info-top ul li {list-style:none; display:inline-block; margin:0;} .yard-content .yard-info-top ul li {padding:0 0 5px; margin:0 10px 0 0; color:#6f7c8c; font-weight:bold;} .yard-content .yard-info-top ul li:before {content:'•'; color:#32b954; margin:0 5px 0 0;} .yard-content .yard-top-premium {overflow:hidden; padding:0 0 30px;} .yard-content .yard-top-premium .logo {box-shadow:0 0 5px #ccc; float:left; border:1px solid #e3e2df; padding:2px;} .yard-content .yard-top-premium .logo img {display:block; border:1px solid #f5f3f3;} .yard-content .yard-top-premium h2 {margin:28px 0 5px; font-size:15px; font-weight:bold; color:#96a1ae;} .yard-content .yard-top-premium ul {list-style:none; padding:0; margin:0;} .yard-content .yard-top-premium ul li {display:inline-block; font-size:15px; color:#6f7c8c;} .yard-content .yard-top-premium ul li:before {content:'·'; color:#32b954; font-weight:bold; font-size:18px; padding:5px;} .icons-row.premium {clear:both; padding:30px 0 0;} .icons-row.premium.mobile-only {display:none;} .icons-row .item {padding:0 0 30px 40px; margin:0 0 0 10px;} .icons-row .item h3, .icons-row .item p {/*border-left:1px solid #dadfe5;*/ padding:0 0 0 10px;} .icons-row .item h3 {font-weight:bold; color:#32b955; font-size:13px; margin:0; padding-bottom:5px;} .icons-row .item p {font-size:15px; color:#667484; margin:0; line-height:1.2;} .icons-row .item.address {background:url(../img/external/yard-icon-address.png) no-repeat;} .icons-row .item.phone {background:url(../img/external/yard-icon-phone.png) no-repeat;} .icons-row .item.hours {background:url(../img/external/yard-icon-hours.png) no-repeat;} .icons-row a {color:inherit; text-decoration:none;} .yard-content .yard-top-basic {border-bottom:3px solid #32b954; padding:0 0 40px; margin:0 0 30px;} .yard-content .yard-top-basic .logo-claim {text-align:center; padding:0 45px 0 0; display:inline-block; vertical-align:bottom;} .yard-content .yard-top-basic .logo-claim img {display:block; margin:0 auto 10px; padding:5px; box-shadow:0 0 5px #ccc;} .yard-content .yard-top-basic .logo-claim a { display:block; text-decoration:none; background:linear-gradient(#fbec02, #fbc902); border:1px solid #fbc902; border-radius:10px; font-size:11px; color:#0f7022; text-shadow:1px 1px 0 #fff; font-weight:bold; padding:3px; } .yard-content .yard-top-basic .logo-claim a:before {content:url(../img/external/claim-icon.png); display:inline-block; vertical-align:middle;} .yard-content .yard-top-basic .logo-claim a span {display:inline-block; padding:7px;} .icons-row.basic {display:inline-block;} .icons-row.basic .item {max-width:50%;} .yard-tabs {} .yard-tabs .tabs {list-style:none; padding:0; margin:0; border-bottom:1px solid #dadfe5;} .yard-tabs .tabs li {display:inline-block;} .yard-tabs .tabs li a {display:block; padding:10px 15px; text-decoration:none; color:#96a1ae; font-size:15px; border:1px solid transparent; transition:all 0.5s ease;} .yard-tabs .tabs li.active a, .yard-tabs .tabs li a:hover { border-radius:10px 10px 0 0; border-color:#dadfe5; border-width:1px 1px 0; border-style:solid; font-weight:bold; color:#5f5f5f; border-bottom:1px solid #fff; position:relative; bottom:-1px; } .yard-tabs .tabs li a:hover { background:#eee; font-weight:normal; } .yard-content .yard-internal-content {padding:30px 0;} .yard-content .yard-about {padding:0 0 10px; border-bottom:3px solid #32b954; margin:0 0 30px;} .yard-content .yard-about .yard-about-truncated {height:125px; overflow:hidden; position:relative;} .yard-content .yard-about .yard-about-truncated:after { content:' '; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1)); position:absolute; top:0; left:0; width:100%; height:100%; } .yard-content .yard-about .yard-about-truncated.expanded:after {display:none;} .yard-content .yard-about button.read-more, button.read-more-prices {box-shadow:none; border:0 none; background:none; color:#5f5f5f; font-weight:bold; padding:10px 0; font-size:15px;} .yard-content .yard-about button.read-more .fa, button.read-more-prices .fa {color:#32b954;} .yard-content .yard-about button.read-more:hover, button.read-more-prices:hover {box-shadow:none;} .yard-content h2.reported-prices-title {background:#444f5c; color:#6bc64e; font-weight:bold; font-size:15px; padding:5px; overflow:hidden;} .yard-content h2.reported-prices-title span {padding:5px; display:inline-block;} .yard-content h2.reported-prices-title em {font-weight:normal; font-style:normal;} .yard-content h2.reported-prices-title button { float:right; display:inline-block; width:auto; } .yard-content table.reported-prices-table {width:100%; border-collapse:collapse; margin:0;} .yard-content table.reported-prices-table th { background:#32b954; border-top:1px solid #6e7988; border-bottom:1px solid #7f8a99; color:#fff; font-size:13px; font-weight:bold; padding:13px 20px; } .yard-content table.reported-prices-table td {border:1px solid #e0e3e7; border-width:1px 0; padding:20px; color:#687585;} .yard-content table.reported-prices-table td a {color:inherit;} .yard-content table.reported-prices-table td.when {border-right:0 none;} .yard-content table.reported-prices-table td:first-child {border-left-width:1px;} .yard-content table.reported-prices-table:not(.yard-prices) td:last-child {border-left:0 none; padding:20px 5px; border-right-width:1px;} .yard-content table.reported-prices-table td:last-child a {opacity:0; color:#ccc;} .yard-content table.reported-prices-table tr:nth-child(even) td {background:#fbfbfb;} .yard-content table.reported-prices-table tr:hover td a {opacity:1;} .yard-content table.reported-prices-table tr.hidden {display:none;} .yard-content .reported-prices-disclaimer {color:#96a1ae; font-size:11px; padding:15px 0 0;} .yard-content .right-column {float:left; width:33%; border-left:1px solid #dadfe5; padding:0 0 30px 30px;} .yard-content .right-column h3 {font-weight:bold; color:#96a1ae; font-size:18px; margin:0 0 22px;} .yard-content .right-column .icons-row .item h3 {margin:0;} .yard-content .right-column img.map {border:1px solid #96a1ae; margin:0 0 10px;} .yard-content .right-column .logo-buttons {display:table; width:100%;} .yard-content .right-column .logo-buttons .logo-buttons-row {display:table-row;} .yard-content .right-column .logo-buttons .logo {display:table-cell; width:75px; height:75px; padding:3px; vertical-align:top; border:1px solid #efefed; border-right:0 none;} .yard-content .right-column .logo-buttons .logo img {width:100%; display:block; height:auto;} .yard-content .right-column .logo-buttons .buttons {display:table-cell; vertical-align:top;} .yard-content .right-column .logo-buttons .buttons .buttons-inner {height:75px;} .yard-content .right-column .logo-buttons .buttons a {display:block; height:50%; text-align:center; border:1px solid #ddd; text-decoration:none; color:#919191; font-weight:bold; padding:7px 0; transition:all 0.5s ease;} .yard-content .right-column .logo-buttons .buttons a:hover {background:#919191; color:#fff;} .yard-content .right-column .logo-buttons .buttons a:first-child {border-bottom:0 none;} .yard-content .right-column .login-ads {text-align:center; padding:30px 0 0;} .yard-content .right-column .login-ads a {margin:3px; text-decoration:none;} .yard-content .right-column .yard-ads {padding-top:30px;} .yard-content .right-column .ad-slot {margin:30px 0;} .yard-content .arrow-btn {display:block; margin:0 0 5px; text-decoration:none; overflow:hidden;} .yard-content .arrow-btn span {display:block; float:left; padding:10px 5px; transition:all 0.15s ease;} .yard-content .arrow-btn span.icon { width:15%; background:linear-gradient(#6ec84f, #21a03c); color:#fff; text-shadow:1px 1px 0 #21a03c; text-align:center; border-bottom:1px solid #21a03c; } .yard-content .arrow-btn span.text { width:85%; padding-left:30px; background:linear-gradient(#6e7b8b, #4c596a); font-weight:bold; font-size:15px; color:#fff; text-shadow:1px 1px 0 #333; border:1px solid #4c596a; } .yard-content .arrow-btn:hover span.icon {width:20%;} .yard-content .arrow-btn:hover span.text {width:80%;} .yard-content .right-column .social {border-color:#dadfe5; border-width:1px 0; border-style:solid; padding:20px 0; margin:30px 0;} .yard-content .right-column .social h3 {display:inline-block; margin:0;} .yard-content .right-column .social a {color:#32b954; font-size:20px; display:inline-block; margin:0 0 0 15px;} .yard-content .right-column .yard-gallery {overflow:hidden;} .yard-content .right-column .yard-gallery a {display:block; width:49.5%; float:left; margin:0 0 1% 0;} .yard-content .right-column .yard-gallery a:nth-child(odd) {margin-right:1%;} .yard-content .right-column .yard-gallery a img {display:block; width:100%; height:auto;} .yard-content .right-column .yard-videos a, .yard-2017 .yard-videos a {display:block; position:relative; margin:0 0 1px;} .yard-content .right-column .yard-videos a:after, .yard-2017 .yard-videos a:after {content:url(../img/play-icon.png); left:50%; top:50%; position:absolute; margin:-25px 0 0 -25px;} .yard-content .right-column .yard-videos a img, .yard-2017 .yard-videos a img {display:block; width:100%; height:auto;} .yard-content .right-column .sidebar-gray-btns a { display:block; margin:0 0 5px; padding:12px; background:linear-gradient(#6e7b8b, #4c596a); border:1px solid #4c596a; text-align:center; color:#fff; font-size:12px; text-decoration:none; font-weight:bold; transition:all 0.5s ease; } .yard-content .right-column .sidebar-gray-btns a:hover {background:linear-gradient(#4c596a, #333);} table.hours-table {width:100%; border-collapse:collapse;} table.hours-table th {color:#fff; font-size:14px; font-weight:bold; padding:10px 15px; background:#32b954;} table.hours-table td {padding:15px; border:1px solid #e0e3e7; border-width:1px 0; color:#5f5f5f;} table.hours-table td:first-child {border-left-width:1px;} table.hours-table td:last-child {border-right-width:1px;} table.hours-table tr:nth-child(2n) td {background:#fbfbfb;} /* social login | reported prices */ .social-login > div {display:none;} .lightbox .content.report-price-lightbox, .lightbox .content.flag-a-price-lightbox {width:400px; padding:0;} .lightbox .content.report-price-lightbox .lightbox-content {overflow:visible;} .lightbox .content.report-price-lightbox .chosen-container {z-index:9999;} .social-login .not-logged-in {padding:0px;} .social-login .login-link {display:block; text-decoration:none; border:1px solid; border-radius:15px; text-align:center; margin:0 0 15px; color:#fff; padding:15px;} .social-login .login-link .fa {margin:0 10px 0 0;} .social-login .login-link.login-link-facebook {background:#3b5998;} .social-login .login-link.login-link-twitter {background:#4099FF;} .social-login .login-link.login-link-google {background:#d34836;} .lightbox .content.report-price-lightbox .lightbox-content h3 {text-align:left; font-weight:bold; color:#209f3c; font-size:16px; border-top:3px solid #209f3c; padding:15px 20px;} .lightbox .content.report-price-lightbox .welcome-back {background:#209f3c; background:linear-gardient(#209f3c, #6dc84f); color:#fff; padding:25px; border-top:1px solid #1c8431;} .lightbox .content.report-price-lightbox .welcome-back .social-pic {float:left; width:52px; height:auto; border:1px solid #fff; display:block; margin:0 13px 0 0;} .lightbox .content.report-price-lightbox .welcome-back {font-size:26px; text-shadow:1px 1px 0 #333; line-height:1.2;} .lightbox .content.report-price-lightbox .welcome-back .social-complete-name {font-size:19px; font-weight:bold;} .reported-prices {display:none;} .lightbox .content .lightbox-content {overflow:hidden;} .lightbox .content .lightbox-content form.report-price-form {overflow:visible; padding:15px 25px 25px; background:#f2f4f5;} .lightbox .content .lightbox-content form.report-price-form label {font-size:14px; display:block; margin:10px 0 2px;} .lightbox .content .lightbox-content form.report-price-form input[name="amount"], .lightbox .content .lightbox-content form.report-price-form select[name="unit"] { font-size:16px; padding:8px; border:1px solid #b7b8b8; border-radius:2px; background-color:#fff; line-height:1; } .lightbox .content .lightbox-content form.report-price-form .dollabill {display:inline-block; padding:0 4px 0 0;} .lightbox .content .lightbox-content form.report-price-form input[name="amount"] {width:53%;} .lightbox .content .lightbox-content form.report-price-form select[name="unit"] {width:40%;} .lightbox .content .lightbox-content form.report-price-form select[name="material_id"] {width:100%;} .lightbox .content .lightbox-content form.report-price-form button.send, .lightbox .content.flag-a-price-lightbox button, .lightbox .content .lightbox-content form.add-member-form button.send { box-shadow:none; text-shadow:none; display:block; width:100%; margin:15px 0 0; padding:15px; background:linear-gradient(#6e7b8b, #4c596a); border:1px solid #4c596a; color:#fff; font-weight:bold; font-size:16px; border-radius:2px; } .lightbox .content .lightbox-content form.report-price-form button.add-another { display:none; width:100%; padding:5px; border:0 none; box-shadow:none; text-align:center; background:none; margin:15px 0 0; } .lightbox .content .lightbox-content form.report-price-form button.add-another.active {display:block;} .lightbox .content .lightbox-content form.report-price-form button.add-another span {text-decoration:underline;} .lightbox .content .lightbox-content .price-template {display:none;} .lightbox .content .lightbox-content form.report-price-form .price {position:relative; z-index:999;} .lightbox .content .lightbox-content form.report-price-form .price.extra-price {margin-top:30px; border-top:1px solid #ccc;} .lightbox .content .lightbox-content form.report-price-form .price button.remove {position:absolute; top:3px; right:0; box-shadow:none; border:0 none; background:none; font-size:18px; padding:0;} .lightbox .content .lightbox-content form.report-price-form p.disclaimer {padding:20px 0 0; margin:0; font-size:11px; text-align:center; opacity:0.8;} .lightbox .content .lightbox-content form.report-price-form p.disclaimer a {color:inherit;} .lightbox .content .lightbox-content .thank-you-section {display:none;} .lightbox .content .lightbox-content .thank-you-section table.review {width:100%; margin:10px auto 30px; border-collapse:collapse;} .lightbox .content .lightbox-content .thank-you-section table.review th, .lightbox .content .lightbox-content .thank-you-section table.review td {padding:15px;} .lightbox .content .lightbox-content .thank-you-section table.review th {background:#1f8c32; color:#fff;} .lightbox .content .lightbox-content .thank-you-section table.review td {border:1px solid #e0e3e7;} .lightbox .content .lightbox-content .thank-you-section p, .lightbox .content .lightbox-content .thank-you-section .table-review-wrapper {padding:0 30px;} .lightbox .content .lightbox-content .thank-you-section .msg {padding:15px 30px; text-align:center;} .lightbox .content .lightbox-content .thank-you-section .msg button { display:block; width:auto; padding:15px 30px; box-shadow:none; border-radius:0; font-weight:bold; text-shadow:none; margin:0 auto; text-transform:uppercase; } .lightbox .content .lightbox-content .thank-you-section .prices-ok .fa {color:#1f8c32;} .lightbox .content .lightbox-content .thank-you-section .prices-ok button {color:#32b953; border:1px solid #32b953; background:#fff;} .lightbox .content .lightbox-content .thank-you-section .prices-wrong .fa {color:#f41d12;} .lightbox .content .lightbox-content .thank-you-section .prices-wrong button {color:#fff; background:linear-gradient(#6f7c8c, #495768);} .lightbox .content .lightbox-content .thank-you-section .prices-wrong {padding-bottom:100px;} .lightbox .content .lightbox-content .final-section {display:none;} .lightbox .content .lightbox-content .final-section .final-section-inner {padding:0 30px 30px;} .lightbox .content .lightbox-content .final-section a { display:block; width:100%; margin:0 0 10px; border-radius:3px; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; border:1px solid; padding:15px 20px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.8); } .lightbox .content .lightbox-content .final-section a .fa {margin:0 10px 0 0; display:inline-block;} .lightbox .content .lightbox-content .final-section a.facebook {background:linear-gradient(#345296, #213a75); border-color:#213a75;} .lightbox .content .lightbox-content .final-section a.twitter {background:linear-gradient(#469de6, #2682d8); border-color:#1564b2;} .lightbox .content .lightbox-content .final-section a.google {background:linear-gradient(#d23b30, #c83127); border-color:#b12c22;} .lightbox .content .lightbox-content .final-section button { display:block; width:100%; color:#b2bac2; text-shadow:none; box-shadow:none; border:1px solid; padding:15px; font-size:16px; font-weight:bold; margin:20px 0 0; background:none; } .lightbox .content .lightbox-content .final-section a { display:block; width:100%; color:#b2bac2; text-shadow:none; box-shadow:none; border:1px solid; padding:15px; font-size:19px; font-weight:bold; margin:20px 0 0; background:none; text-align: center; } .lightbox .content.flag-a-price-lightbox {text-align:center; padding:20px;} .lightbox .content.flag-a-price-lightbox form {overflow:hidden;} .lightbox .content.flag-a-price-lightbox form select {padding:15px; margin:15px 0;} /* additiona footer to homepage/locator results */ .home-footer {background:#209f3c; color:#fff; margin:20px 0 0; border-top:1px solid #199635; border-bottom:1px solid #fff;} .home-footer .container {background:url(../img/external/home-footer-iphone-2017-2.png) no-repeat top left; background-size:auto 100%; padding:0 0 0 350px;} .home-footer .container .content {padding:50px 0;} .home-footer .container .content h2 {font-size:36px; font-weight:normal; margin:0 0 30px; line-height:1.2;} .home-footer .container .content .app-links a {display:inline-block; padding:5px 7px; color:#fff; background:#096700; font-size:14px; text-decoration:none; margin:0 5px 0 0;} /* new footer */ .new-footer {background:#fff; background:linear-gradient(#f5f5f5, #ffffff); border-top:1px solid #d8dce0; padding:30px 0;} .new-footer .container {overflow:hidden;} /*.new-footer .left-col {float:left; width:70%; padding-right:20px;}*/ /*.new-footer .right-col {float:left; width:30%; padding-left:30px; border-left:1px solid #d8dce0;}*/ .new-footer .new-footer-nav {list-style:none; margin:0; display:inline-block;} .new-footer .new-footer-nav li {display:inline-block;} .new-footer .new-footer-nav li a { display:block; padding:15px; color:#000; text-decoration:none; font-size: 16px; } .new-footer .new-footer-nav li a:hover {text-decoration:none;} /*.new-footer .new-footer-nav li:first-child a {padding-left:0;}*/ .new-footer .footer-social {/*display:inline-block; border-left:1px solid #d8dce0; padding-left:15px; color:#209f3c;*/} .new-footer .footer-social span {display:inline-block; padding-right:15px;} .new-footer .footer-social a {display:inline-block; color:#209f3c; padding:0 5px;} .new-footer .legal a {color:inherit; text-decoration:none;} .new-footer .legal a:hover {text-decoration:underline;} .new-footer .legal {color:#8391a1; font-size:12px; padding:0px 0 0;} /*.new-footer .right-col h3 {font-weight:bold; color:#209f3c; padding:15px 0;}*/ .new-footer .right-col input.email {isplay:block; idth:100%; font-size:16px; padding:10px; ackground:#fff; olor:#7f98aa; border-radius:0;} .new-footer .right-col input.submit { display: inline-block; /* padding: 10px; */ /* background: #363e50; */ color: #fff; box-shadow: none; /* border-radius: 0; */ /* border: 0 none; */ text-shadow: none; /* font-size: 11px; */ /* margin: 2px 0 0;*/ } /*.new-footer .right-col a {display:inline-block; padding:7px 10px; margin:0 3px 0 0; color:#fff; text-decoration:none; background:#919dab; border-radius:2px;}*/ /* locator no results with hamster */ .locator-no-results {background:url(../img/external/no-results-arrow.png) no-repeat top left; text-align:center; padding:5px 0; margin:15px 0 0;} .locator-no-results h3 {font-size:32px;} .locator-no-results h3 span {font-weight:bold; color:#85c240;} /* demo lightbox */ .lightbox .content.demo-lightbox {width:1024px; padding:0 0 20px; margin:50px auto 0;} .lightbox .content.demo-lightbox .screen {text-align:center;} /* mobile tabs */ .yard-mobile-tabs {display:none;} /* help button */ a.help-side-button { display:block; background:#209f3c; color:#fff; text-decoration:none; position:fixed; top:50%; right:-8px; padding:10px; font-size:14px; letter-spacing:1px; -webkit-transform:rotate(90deg); transform:rotate(90deg); } /* breadcrumbs */ .breadcrumbs ol {list-style:none; margin:0; padding:10px 0 0;} .breadcrumbs ol li {display:inline-block; font-size:13px; color:#96a1ae;} .breadcrumbs ol li a {color:inherit; text-decoration:none;} .breadcrumbs ol li a:hover {text-decoration:underline;} /* responsive ads */ .top-ad {min-height:100px;} .top-ad-yard {margin:15px 0;} /* popup 2018 */ .rr-popup.wysiwyg {margin:0 auto; padding:30px; background:#fff; max-width:550px; position:relative;} /*.rr-popup.wysiwyg .mfp-close {top:-30px;}*/ @media (max-width:1024px) { .container {width:100%;} #primary.content-area {width:100%; margin:0;} .site-main.container, .article-details.container {width:100%; float:none; border:0 none; padding:15px; margin:0;} .article-single {padding:0;} .blog-top-banner {margin:0;} /* new yard layout */ .yard-header {padding:30px;} .yard-header .ratings-wrapper {display:block; clear:both;} .yard-content .left-column, .yard-content .right-column {width:100%; float:none; padding:20px;} .yard-content .right-column {text-align:center;} .icons-row {overflow:hidden;} .icons-row .item {width:30%; float:left; text-align:left;} .yard-content .right-column .yard-gallery a {width:auto; float:none; margin:2px; width:150px; display:inline-block;} .yard-content .right-column .yard-videos a {max-width:400px; margin:1px auto;} .yard-content .right-column .ad-slot {display:none;} .yard-content .right-column .ad-slot-1 {display:block;} .lightbox .content.demo-lightbox {width:100%;} .lightbox .content.demo-lightbox .screen img {width:100%; height:auto;} .breadcrumbs {padding:0 15px;} .all-metals .metal-content .metals-list .metal, .all-metals .metal-content .metals-list .metal-ad {width:50%;} .all-metals .metal-content .metals-list .metal:nth-child(3n+1) {clear:none;} .all-metals .metal-content .metals-list .metal:nth-child(odd) {clear:left;} } @media (max-width:900px) { .new-top-bar .logo {margin:0 0 0 5px;} .new-mobile-menu-btn { display:inline-block; float:right; color:#fff; border-radius:2px; padding:10px; font-size:12px; text-shadow:none; box-shadow:none; margin:7px 7px 0 0; border:0 none; background: #0E131C; background: linear-gradient(#323C4D, #0E131C); } .new-top-bar .right-side { display:none; width:100%; float:none; clear:both; text-align:center; } .new-top-bar .right-side .main-nav {padding:10px 0;} .new-top-bar .right-side .main-nav, .new-top-bar .right-side .main-nav li {display:block;} .new-top-bar .right-side .main-nav li a {font-size:18px; border:1px solid; padding:10px; display:block; border-radius:10px; width:90%; margin:10px auto;} .new-top-bar .right-side .social, .new-top-bar .right-side .btn {display:block;} .new-top-bar .right-side .social {padding:0 0 30px;} .new-top-bar .right-side .social a {font-size:18px;} .new-top-bar .right-side .btn {margin:5px auto 10px; width:90%; padding:10px;} .search-results-main .yards, .search-results-main .map-sponsors {width:100%; float:none; max-width:500px; margin:0 auto;} .search-results-main .map-sponsors .ad-slot {display:none;} .search-results-main .map-sponsors .ad-slot.ad-slot-1 {display:block;} .locator-form {text-align:center;} .locator-form #SearchTxt {width:60%; text-align:left;} .new-header .home-tagline {padding:20px;} .locator-form {margin:20px 0 0;} .locator-form .main-search {float:none; width:100%;} .locator-form button.hide-map {float:none; background:none; text-decoration:underline; border:0 none; font-size:12px;} .new-footer .left-col, .new-footer .right-col {float:none; width:100%; padding:15px; border:0 none; text-align:center;} } @media (max-width:700px) { #top-bar {display:none;} #header {padding:0;} #header .left-side {float:none; padding:0; width:100%; display:table; padding:10px;} #header .right-side, #header .bottom {display:none;} #header #logo, .mobile-menu-btn {display:table-cell;} #header #logo {width:70%; height:auto; background-size:100% auto; background-position:center center;} .mobile-menu-btn {width:30%; text-align:right; text-decoration:none; padding:5px;} .mobile-menu-btn span { color:#fff; box-shadow:0 1px 1px 0 #3F4F69; border-radius:9px; padding:5px 10px; font-size:12px; display:inline-block; background: #0E131C; background: -webkit-linear-gradient(top, #323C4D 0%,#0E131C 100%); background: linear-gradient(to bottom, #323C4D 0%,#0E131C 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323C4D', endColorstr='#0E131C',GradientType=0 ); } .mobile-menu {display:block; width:100%; display:none;} .mobile-menu ul {list-style:none; margin:0; padding:0;} .mobile-menu ul li {display:block; margin:0; padding:0;} .mobile-menu ul li a { display:block; color:#fff; text-decoration:none; padding:7px 10px; overflow:auto; background: #262626; background: -webkit-linear-gradient(top, #525252 0%,#262626 100%); background: linear-gradient(to bottom, #525252 0%,#262626 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#262626',GradientType=0 ); } .mobile-menu ul li a .fa.icon {display:inline-block; padding:5px 0; width:25px; background:#6ABB41; border-radius:5px; text-align:center; margin:0 5px 0 0;} .mobile-menu ul li a .fa-caret-right {float:right;} #locator {background:#324156; padding:10px;} #locator .locator-form {width:100%; border:0 none; background:none; padding:0;} #locator .locator-form > .inner {padding:10px; border:0 none;} #locator .locator-form h2 {font-size:18px;} #main-search input, #mobile-by-name input {width:100%;} #main-search button, #mobile-by-name button {width:100%; display:block; margin:15px 0 0;} #mobile-by-name {display:block;} #footer {padding:20px 10px;} #content-bar {padding:5px;} #content-bar .fa {display:none;} #content-bar .left-side {float:none; width:100%; text-align:center;} #content-bar h4 {font-size:18px;} #content-bar .button {display:none;} #locator-results .title h2 {padding:10px; font-size:18px;} #locator-results .title p {padding:0 10px 10px; font-size:11px;} .search-results-top .now-showing {float:none; text-align:center;} .search-results-top .pagination {float:none; text-align:center;} .search-results-top .pagination label {display:none;} .search-results-top .pagination select {margin:0 5px 0;} .search-results-main {padding:0;} .search-results-main .yards, .search-results-main .map-sponsors {float:none; width:100%;} .search-results-main .yards h6 {display:none;} .search-results-main .yards .legend {display:none;} .search-results-main .yards h4 {display:none;} .search-results-main .yards {padding:20px 0 0;} .search-results-main .map-sponsors {padding:0;} #google-map {height:300px;} .sub-nab-container {margin:0; display:block;} .sub-nab-container .sub-nav {display:block;} .sub-nab-container .sub-nav li {display:block;} .sub-nab-container .sub-nav li a, .sub-nab-container .sub-nav li:first-child a, .sub-nab-container .sub-nav li:last-child a { display:block; padding:7px 10px; border-radius:0; color:#fff; border:0 none; background: #262626; background: -webkit-linear-gradient(top, #525252 0%,#262626 100%); background: linear-gradient(to bottom, #525252 0%,#262626 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#262626',GradientType=0 ); } .sub-nab-container .sub-nav li.active a, .sub-nab-container .sub-nav li a:hover { border:0 none; background: #0E131C; background: -webkit-linear-gradient(top, #323C4D 0%,#0E131C 100%); background: linear-gradient(to bottom, #323C4D 0%,#0E131C 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323C4D', endColorstr='#0E131C',GradientType=0 ); } .sub-nab-container .sub-nav li.active a:after {display:none;} .yard-content {padding-top:0;} .yard-info .left-side, .yard-info .right-side {float:none; width:100%;} .yard-info .left-side {padding:15px;} .yard-info .left-side p.social-icons {margin:0;} .yard-info h2 {font-size:22px;} .yard-info .right-side h2 {padding:0 15px;} .yard-pricing {text-align:center;} .yard-pricing h2 {padding:0;} .yard-pricing .pricing-tabs {text-align:center; overflow:auto;} .yard-pricing .pricing-tabs a { min-height:70px; padding:10px 5px; line-height:1; font-size:14px; } .yard-pricing .pricing-table table td.material-img, .yard-pricing .pricing-table table th.material-img {display:none;} .yard-pricing .pricing-table table td {font-size:12px;} .container .external-form {border-radius:0;} .container .external-form label {text-align:left; } .container .external-form .field {width:100%; float:none; padding:0;} .container .external-form .field.first {padding-right:0;} .yard-whatsthis h2, .yard-part-request h2 { text-align:center; font-size:22px; padding:5px 5px 10px; line-height:1; } .containers-grid {border-radius:0;} .containers-grid .cont {width:100%; float:none; min-height:0;} .containers-grid .cont .pic {min-height:0;} button.button.reset {display:none;} button.button {margin:5px auto; width:90%; display:block; line-height:1.4;} .yard-whatsthis {text-align:center;} #whatsthis-form .left-side, #whatsthis-form .right-side {width:100%; float:none;} #whatsthis-form input[type="file"] {font-size:12px; padding:10px; background:#41ac4d; width:100%;} .metal-description {padding:10px;} .metal-description .left-side, .metal-description .right-side {display:block; width:100%;} .metal-description p {font-size:12px;} .metal-description .right-side {text-align:center;} .all-metals .metal-content .metals-list .metal, .all-metals .metal-content .metals-list .metal-ad {width:100%; float:none; min-height:0; padding: 20px 0;} #metal-content .left-side-col, #metal-content .right-side-col {display:block; width:100%;} #metal-content .metal_content {padding:10px;} #metal-content .right-side-col {padding-left:0; margin:0 0 15px;} .metals-search form #SearchTxt {width:100%;} .metals-search form button {display:block; text-align:center; width:100%;} .article-details, .seo-city, .seo-state {padding:15px;} .seo-state .seo-cities a, .seo-state .seo-states-list li {width:100%; float:none;} .seo-city .container > .left-side, .seo-city .container > .right-side {width:100%; float:none; padding:0;} .by-name-search-results .yard-card {width:100%; float:none;} .seo-state .seo-cities a span, .seo-state .seo-states-list li a {min-height:0;} .lightbox .content {width:100%;} .lightbox .content .close-btn {right:7px;} .scrapper-tips-content {padding:30px; background-image:none;} .scrapper-tips-content input {width:100% !important;} .by-name-search-results.no-map .yard-card, .by-name-search-results.no-map .new-yard-card {width:100%;} /* new yard layout */ .yard-header .badges {float:none; text-align:left; padding:15px 0 0;} .icons-row .item {width:100%; float:none;} .yard-content .right-column .yard-gallery a {width:100px;} .yard-content h2.reported-prices-title {text-align:center;} .yard-content h2.reported-prices-title em {display:block; margin:5px 0 0;} .yard-content h2.reported-prices-title button {float:none;} .yard-content table.reported-prices-table.yard-prices {margin-bottom:30px;} .yard-content table.reported-prices-table th {display:none;} .yard-content table.reported-prices-table td {padding:5px; font-size:14px; display:block; width:100%; border-width:0 1px 1px; position:relative; padding-left:40%; font-weight:bold;} .yard-content table.reported-prices-table td:before {position:absolute; top:5px; left:15px; width:35%; padding-right:10px; white-space:nowrap; font-weight:normal;} .yard-content table.reported-prices-table td:nth-of-type(1):before {content:'Material:'; top:15px;} .yard-content table.reported-prices-table td:nth-of-type(2):before {content:'Price:';} .yard-content table.reported-prices-table td:nth-of-type(3):before {content:'Posted By:';} .yard-content table.reported-prices-table td:nth-of-type(4):before {content:'When:';} .yard-content table.reported-prices-table td.when {border-right:1px solid #e0e3e7; border-bottom-width:1px; padding-bottom:15px;} .yard-content table.reported-prices-table td:last-child {display:none;} .yard-content table.reported-prices-table.yard-prices td:last-child {display:block;} .yard-content table.reported-prices-table td:first-child {margin-top:20px; border-top-width:1px; padding-top:15px;} #container-request-form .form-type-form {max-width:100%;} .new-generic-form .field {padding:5px;} .new-generic-form .field.half {width:100%; float:none;} #container-request-form .checkboxes label {display:block;} .home-footer .container {padding:15px; background:none;} .locator-no-results {background:none;} /*.post-a-price-promo {padding-bottom:0;}*/ .post-a-price-promo p {margin:0;} .pricing-container .post-a-price-promo p {margin-bottom:1.5em;} .yard-tabs {display:none;} .yard-content .yard-internal-content {padding:0;} .yard-mobile-tabs {display:block;} .yard-mobile-tabs .tabs {margin:0; padding:0; list-style:none;} .yard-mobile-tabs .tabs a { display:block; width:100%; padding:15px; margin:0 0 5px; border:1px solid; border-radius:10px; text-decoration:none; text-transform:uppercase; text-align:center; color:#333; } .yard-mobile-tabs .tabs .active a {display:none;} a.help-side-button {display:none;} .breadcrumbs {display:none;} } @media (max-width:500px) { .suggest-yard-new form {padding:0 15px;} .new-yard-card .right-side .cells .cells-row {display:block; width:100%;} .new-yard-card .right-side .cells .cell {display:block; width:100% !important; border:0 none !important; padding:0 10px 10px 0 !important;} .new-yard-card .right-side .cells .cell.post-a-price {padding-bottom:0 !important;} .new-yard-card .right-side h3 .badge {float:none; margin:0 5px 5px 0;} .new-yard-card .right-side h3 a {display:block;} .new-yard-card .right-side .report-price {display:inline-block; width:auto;} .new-yard-card .right-side .about-posting {padding:5px 0;} .locator-form {position:relative;} .locator-form #SearchTxt {width:100%;} .locator-form .btnAutoLocate {margin:0; position:absolute; top:46px; right:30px;} .locator-form button.submit {margin:0; width:100%; display:block;} #google-map {height:200px;} .lightbox .content.report-price-lightbox {width:100%;} .lightbox .content .lightbox-content form.report-price-form input[name="amount"] {width:50%;} .lightbox .content .lightbox-content form.report-price-form select[name="unit"] {width:42%;} table.hours-table th, table.hours-table td {padding:5px; font-size:14px;} .metal-description .right-side .youtube-btn .text {font-size:14px;} .metal-description .right-side .youtube-btn .text span {font-size:11px;} .icons-row.premium.mobile-only {display:block;} .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {font-size:16px !important;} } /* NEW YARDS 2017 */ .yard-2017 .container {} .sticky-mobile {position:fixed; bottom:0; left:0; width:100%; padding:10px; text-align:center; z-index:99; background:#000; box-shadow:0 0 10px rgba(0,0,0,0.5)} .sticky-mobile button, .sticky-mobile a { display:block; float:left; width:48%; font-size:16px; padding:10px; font-weight:bold; margin:0 1%; box-shadow:none; text-shadow:none; border:0 none; border-radius:3px; border-bottom:2px solid rgba(0,0,0,0.25); text-decoration:none; line-height:1; } .sticky-mobile button.contact-yard, .sticky-mobile a.contact-yard {background:#32b954; color:#fff;} .sticky-mobile button.report-price {background:#007BD4;} .sticky-mobile button.report-price .fa {color:#fff;} .header-ad {padding:10px 0; text-align:center;} .footer-form {background:linear-gradient(#209f3c,#6cc74e);} .footer-form .locator-form {margin:0;} .yard-header-2017 {padding:15px; overflow:hidden;} .yard-header-2017 h1 { font-size:26px; color:#209f3c; line-height:1; border-bottom:1px solid #444f5c; padding-bottom:10px; margin-bottom:5px; } .yard-header-2017 .badge {font-size:11px; padding:5px 5px 5px 10px; /*float:right; margin-top:5px;*/} .yard-header-2017 .badge:before {border-width:10px 0 10px 5px;} .yard-header-2017 .badge:after {border-width:10px 0 10px 5px;} .yard-header-2017 p {margin:0; line-height:1; padding:5px 0; text-align:center;} .yard-header-2017 p span {display:none;} .yard-header-2017 p .fa {color:#209f3c;} .yard-header-2017 p a {color:inherit; text-decoration:none;} .yard-header-2017 p strong {color:#209f3c;} .reported-prices-feed {padding:0 15px;} .reported-prices-feed h2.title {background:#444f5c; color:#fff; font-weight:bold; text-align:center; padding:10px;} .reported-prices-feed h2.title .fa {color:#32b954; margin-right:5px;} .reported-prices-feed h2.title a {color:#fff; text-decoration:none;} .reported-prices-feed .price {padding:10px; /*background:#c9e3d6;*/ border-bottom:2px solid #fff; color:#5f5f5f;} .reported-prices-feed .price.hidden {display:none;} .reported-prices-feed .price .metal-pic, .reported-prices-feed .price .desc {display:table-cell; vertical-align:top;} .reported-prices-feed .price .metal-pic {width:20%;} .reported-prices-feed .price .metal-pic img {display:block; max-width:100%; height:auto;} .reported-prices-feed .price .desc {padding-left:15px; width:80%; overflow:hidden;} .reported-prices-feed .price .desc h3 {font-size:20px; line-height:1;} .reported-prices-feed .price .desc h2 {font-weight:bold; font-size:24px;} .reported-prices-feed .price .desc p {margin:0; font-size:12px;} .reported-prices-feed .price .desc p a {color:inherit;} .reported-prices-feed .feed-more-wrapper, .prices-more-wrapper { background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1)); padding:40px 0 10px; margin-top:-84px; position:relative; z-index:1; } .reported-prices-feed .feed-less-wrapper {display:none;} .reported-prices-feed .feed-more-wrapper button, .reported-prices-feed .feed-less-wrapper button, .prices-more-wrapper button { background:none; border:0 none; font-size:16px; color:#209f3c; box-shadow:none; font-weight:bold; text-align:center; width:100%; } .report-price-wrapper {margin-top:20px;} .view-pricing-wrapper {margin-bottom:20px;} .report-price-wrapper, .view-pricing-wrapper {text-align:center; padding:5px 15px;} .report-price-wrapper button.report-price.report-price-2017, .view-pricing-wrapper .view-pricing { display:inline-block; width:auto; text-transform:uppercase; background:#145925; font-size:14px; padding:15px 20px; border-radius:3px; font-weight:bold; color:#fff; text-decoration:none; line-height:1; } .report-price-wrapper button.report-price.report-price-2017 {border-bottom:5px solid rgba(0,0,0,0.5); font-size:16px; padding-bottom:10px; background:#007BD4;} .report-price-wrapper button.report-price.report-price-2017 .fa {color:#fff;} .view-pricing-wrapper .view-pricing {background:#32b954; font-weight:bold; padding:10px 20px;} .view-pricing-wrapper button.report-price, .view-pricing-wrapper a.report-price { font-weight:bold; padding:10px 20px; border-radius:3px; font-size:14px; background:#007BD4; text-decoration:none; color:#fff; } .view-pricing-wrapper button.report-price .fa, .view-pricing-wrapper a.report-price .fa {color:#fff;} .yard-section-header {background:#444f5c; color:#fff; padding:15px 0; border-bottom:1px solid rgba(0,0,0,0.5); cursor:pointer;} .yard-section-header .container {padding:0 20px;} .yard-section-header h3 .fa {margin-right:5px;} .yard-section-header h3 .fa.fa-caret-down {display:none;} .yard-section-header.expanded h3 .fa.fa-caret-down {display:inline-block;} .yard-section-header.expanded h3 .fa.fa-caret-right {display:none;} .yard-section {display:none; /*background:#d6d6d6;*/} .yard-section.expanded {display:block;} .yard-section .new-generic-form button.button {background:#32b954; padding:10px 20px; font-weight:bold; font-size:14px; border-radius:3px;} .yard-section .new-generic-form .form-inner {background:none;} .yard-2017 .yard-info {text-align:center; padding:15px 0;} .yard-2017 .yard-info dd {font-size:18px;} .yard-2017 .yard-info dd a {color:inherit;} .yard-2017 table.hours-table {margin:0;} .yard-2017 table.hours-table td, .yard-2017 table.hours-table tr:nth-child(2n) td { background:none; border:0 none; padding:0 10px; } .yard-2017 table.hours-table td:first-child, .yard-2017 table.hours-table tr:nth-child(2n) td:first-child {text-align:center; padding-left:0;} .yard-2017 .hours {/*padding:20px;*/ text-align:center;} .yard-2017 .social {text-align:center; padding:20px;} .yard-2017 .social a {color:#444f5c; font-size:18px; padding:5px; margin:0 2px;} .yard-2017 .info {/*text-align:center;*/overflow:hidden;} .yard-2017 .info .label, .yard-2017 .info .content {display:block; float:left; padding:15px;} .yard-2017 .info .label {text-align:center; min-width:80px;} .yard-2017 .info .label .fa {font-size:32px;} .yard-2017 .info .label span {font-size:11px; display:block;} /*.yard-2017 .info .label.address span {font-size:8px;}*/ .yard-2017 .info .content {font-size:28px; padding-left:0; color:#209f3c; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 80px); white-space:nowrap;} .yard-2017 .info .content.email {font-size:18px; padding-top:20px;} .yard-2017 .info .content.address {font-size:18px; line-height:1.1; padding-top:20px;} .yard-2017 .info .content a {text-decoration:none; color:inherit; overflow:hidden; text-overflow:ellipsis;} .yard-2017 .wysiwyg {padding:20px;} .yard-2017 .wysiwyg p {margin:1.5em 0 0;} .yard-2017 .wysiwyg p:first-child {margin-top:0;} .yard-2017 .yard-gallery {padding:20px; text-align:center;} .yard-2017 .yard-gallery a {display:inline-block; text-decoration:none; padding:5px;} .yard-2017 .yard-gallery a img {display:block;} .yard-2017 .yard-containers {padding:0;} .yard-2017 #container-request-form {padding:20px;} .yard-2017 #container-request-form h4 {color:#fff;} .yard-2017 #container-request-form .form-type-form {padding:5px 0;} .yard-2017 .pricing-top {text-align:center; padding:20px 0 0;} .yard-2017 .pricing-top p {font-size:16px; margin:0 0 10px; padding:0;} .yard-2017 .article-details {margin-top:0;} .ad-container-2017 {padding:10px;} .yard-2017 .yard-top-buttons {text-align:center; padding:10px 0;} .yard-2017 .yard-top-buttons a {display:inline-block; padding:5px 10px; border:1px solid; color:#209f3c; text-decoration:none; width:40%; border-radius:5px;} .yard-2017 .yard-top-buttons a .fa {margin-right:5px;} .yard-2017 .no-prices-yet {padding:10px; text-align:center; font-size:18px;} .yard-2017 .claim-this-yard {padding:30px 0; text-align:center;} @media (min-width:770px) { .sticky-mobile {display:none;} .yard-2017 .yard-videos {overflow:hidden;} .yard-2017 .yard-videos a {float:left; width:50%; padding:20px;} } @media (min-width:1024px) { .yard-header-2017 {padding:15px 0; text-align:center;} .yard-header-2017 h1 {text-align:left;} .yard-header-2017 p {display:inline-block; margin:0 5px;} .yard-header-2017 p span {display:inline-block;} .yard-header-2017 p br {display:none;} .yard-2017 .yard-top-buttons {float:left; width:65%; text-align:left;} .yard-2017 .yard-top-buttons a {text-align:center; width:49%;} .yard-header-2017 p {float:right; width:33%; text-align:center; padding-top:18px;} .reported-prices-feed {overflow:hidden; position:relative;} .reported-prices-feed .price {float:left; width:50%;} .reported-prices-feed .feed-more-wrapper {position:absolute; margin-top:0; bottom:0; left:0; width:100%;} .yard-section .new-generic-form .form-inner {border:0 none;} .yard-2017 .yard-info {overflow:hidden;} .yard-2017 .yard-info > div {float:left; width:50%; text-align:left;} .yard-2017 .yard-info > div dt, .yard-2017 .yard-info > div dd {display:inline-block; padding:5px; margin:0;} .yard-2017 .yard-info dt.hours-dt {clear:left; padding-top:20px; text-align:left;} .yard-2017 table.hours-table td:first-child {text-align:left;} .yard-2017 table.hours-table {width:auto;} .yard-2017 .social {text-align:left; padding:20px 0;} .yard-2017 .yard-videos a {width:33%;} .yard-2017 .info.half {float:left; width:50%;} .yard-2017 .info.third {float:left; width:33.33%;} .yard-2017 .info.hours {clear:both; max-width:600px; margin:0 auto;} } .mapboxgl-popup-content { height: auto; } .mapboxgl-popup-content h3 { font-weight: bold; border-bottom: 1px solid; line-height: 1.2; margin-top: 15px; } .mapboxgl-popup-content strong { font-size: 11px; padding: 5px 0; color: #41ac4d; font-weight: bold; } .mapboxgl-popup-content a { color: #41ac4d; display: inline-block; padding: 5px 10px; border: 1px solid; text-decoration: none; border-radius: 20px; margin: 5px 0 0; } .mapboxgl-popup-content p { margin-bottom: 0; } .new-yard-card .right-side a.report-price { font-size: 12px !important; text-align: center; text-decoration: none; font-weight: bold; } .add-member-form > div { padding: 0px 20px 20px 20px; } .add-member-form .form-group { padding-bottom: 15px; } .add-member-form { overflow: visible; padding: 15px 25px 25px; background: #f2f4f5; } .add-member-form .form-group label, .add-member-form .form-group .input-box { width: 100%; } .add-member-form .form-group .input-box { padding: 7px; } .not-logged-in .message p { border: 2px solid #209f3c; margin: 0px 20px 15px 20px; text-align: center; padding: 10px !important; color: #209f3c; font-weight: bold; } .new-yard-card .right-side a.report-price { font-size: 12px !important; text-align: center; text-decoration: none; font-weight: bold; } /* Base */ h1, h2, h3 { color: #000; } section { margin: 0; } .bg-gray { background-color: #F6F9FC; } /* Buttons */ .link-primary, .link-primary:visited { background-color: transparent; border: none; color: var(--color-primary); text-decoration: none; font-weight: 700; padding: 0; } .link-primary:active, .link-primary:focus { text-decoration: none; box-shadow: none; } .link-primary-thin, .link-primary-thin:visited { background-color: transparent; border: none; color: var(--color-primary); text-decoration: underline; font-weight: 400; padding: 0; } .link-primary-thin:active, .link-primary-thin:focus { text-decoration: none; box-shadow: none; } .btn { display: block; text-align: center; font-size: 16px; border-radius: 4px; font-weight: 400; line-height: 21px; padding: 8px 20px 7px; transition: all .2s ease-in-out; white-space: nowrap; outline: none !important; } .btn-full { width: 100%; } .btn:hover, .btn:focus { text-decoration: none; } .btn-primary, .btn-primary:visited { border: 1px solid #3CB441; background-color: #3CB441; color: #fff; } .btn-primary:hover, .btn-primary:focus { border: 1px solid #3CB441; background-color: #3CB441; opacity: 0.8; } .btn-secondary, .btn-secondary:visited { border: 1px solid #F6F9FC; background-color: #F6F9FC; color: #8293A3; } .btn-secondary:hover, .btn-secondary:focus { border: 1px solid #F6F9FC; background-color: #F6F9FC; opacity: 0.8; } .btn-black, .btn-black:visited { border: 1px solid #000; background-color: #000; color: #fff; } .btn-black:hover, .btn-black:focus { border: 1px solid #3CB441; background-color: #3CB441; } .btn-bd-secondary, .btn-bd-secondary:visited { border: 1px solid #8293A3; color: #8293A3; } .btn-bd-secondary:hover, .btn-bd-secondary:focus { color: #fff; background-color: #3CB441; border-color: #3CB441; } .btn-bd-black, .btn-bd-black:visited { border: 1px solid #000; color: #000; } .btn-bd-black:hover, .btn-bd-black:focus { color: #3CB441; border-color: #3CB441; } .btn-inline { display: inline-block; } /* Autocomplete */ .autocomplete-loading { background-image: url(../img/loader.svg); background-position: right 12px center; background-repeat: no-repeat; } /* Search Field Module */ .isa-search { display: flex; margin-bottom: 24px; } .isa-search .isa-search__input { font-size: 14px; background: var(--color-neutral-100); border-radius: 4px; border: none; display: inline-block; width: 75%; text-transform: capitalize; padding: 10px 3px 10px 13px; } /* Mapbox & Yards Menu */ .map-wrapper { position: relative; } .map-menu { --map-manu-padding: 20px; position: absolute; top: 20px; left: 20px; width: 324px; background-color: var(--color-neutral-700); padding: var(--map-manu-padding); z-index: 2; border-radius: 6px; } .map-menu__hide-btn { padding: 0; display: flex; align-items: center; width: 100%; background: none; border: none; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; color: #fff; } .map-menu__hide-btn::before { content: 'Hide\00a0'; } .map-menu__hide-btn:focus, .map-menu__hide-btn:active { box-shadow: none; } .map-menu__hide-btn__icon { display: block; background-color: #3CB441; width: 22px; height: 22px; position: relative; margin-left: auto; } .map-menu__hide-btn__icon::before { content: ''; display: block; background: #fff; margin: 10px auto; width: 14px; height: 2px; } .map-menu--closed .map-menu__content { display: none; } .map-menu--closed .map-menu__hide-btn::before { content: 'Show\00a0'; } .map-menu--closed .map-menu__hide-btn__icon::after { content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; background: #fff; margin: 4px auto; width: 2px; height: 14px; } .map-menu__item { border: 1px solid #ECEFF1; background-color: #fff; padding: 20px 15px; margin-top: 10px; display: none; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0); transition: all 0.25s ease-in-out; border-radius: 6px; } .map-menu__item--show { display: block; } .map-menu__item--highlight { border-width: 2px; /* remove from padding to avoid content movement */ padding: 19px 14px; border-color: #3CB441; box-shadow: 0px 4px 8px 0px rgba(0,0,0,.1); } .map-menu__item .premium-tag { margin-bottom: 7px; } .premium-tag { display: inline-block; vertical-align: top; font-size: 12px; font-weight: 600; padding: 3px 6px 1px; line-height: 16px; border-radius: 10px; background-color: #FFD586; } .map-menu__item-title { font-size: 14px; font-weight: 400; margin: 0 0 6px; } .map-menu__item-status { color: #3CB441; font-size: 12px; font-weight: 600; display: inline-block; } .map-menu__item-address { font-size: 12px; color: #8293A3; margin: 6px 0 15px; } .map-menu__pagination { display: flex; margin-top: 20px; color: #fff; } .map-menu__pagination_text { margin: 0; font-size: 14px; } .map-menu__pagination-btn { line-height: 1; padding: 0; background: none; border: none; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; font-size: 18px; width: 24px; text-align: center; margin-left: 10px; } .map-menu__pagination-btn:focus, .map-menu__pagination-btn:active { box-shadow: none; } .map-menu__pagination-btn:disabled { color: var(--color-neutral-500); } .map-menu__update { display: block; margin-bottom: 0; margin-top: 20px; cursor: pointer; } .map-menu__update-check { display: none; } .map-menu__update-check-mask { display: inline-block; border: 1px solid #8293A3; background-color: #fff; width: 16px; height: 16px; color: #fff; font-size: 14px; line-height: 1; margin-right: 8px; } .map-menu__update-check:checked + .map-menu__update-check-mask { border-color: #3CB441; background-color: #3CB441; } .map-menu__update-text { font-weight: normal; color: #fff; } .map-wrapper, .mapboxgl-map { height: 75vh; width: 100%; min-height: 650px; } .map-menu__list-show-more { display: none; border: 1px solid #fff; border-radius: 6px; width: 66px; background-color: transparent; color: #fff; } @media (max-width:768px) { .map-wrapper { height: auto; } .mapboxgl-map { height: 50vh; } .map-menu { position: static; width: 100%; border-radius: 0; } .map-menu__hide-btn { display: none; } .map-menu__list { display: flex; gap: 16px; margin: 0 calc(-1 * var(--map-manu-padding)); padding: 0 var(--map-manu-padding); overflow: auto; flex-wrap: nowrap; } .map-menu__item { flex-direction: column; width: 284px; flex-shrink: 0; margin: 0; align-items: flex-start; } .map-menu__item--show { display: flex; } .map-menu__item-link { margin-top: auto; width: 100%; } .map-menu__pagination_text { flex-grow: 1; } .map-menu__list-show-more--show { display: block; } } .map-marker { width: 30px; height: 40px; background-size: contain; background-position: center bottom; background-repeat: no-repeat; cursor: pointer; } #map { position: relative; } #map::after { content: ''; display: block; position: absolute; background-color: rgba(0,0,0,0.2); top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: opacity .1s ease-in-out, visibility 0s linear .2s; z-index: 1; pointer-events: none; } #map.loading::after { visibility: visible; opacity: 1; transition: opacity .1s ease-in-out, visibility 0s linear 0s; } /* Metal prices */ .metals-price-list { padding: 50px 0; } .metal-value--pos { color: #3CB441; } .metal-value--neg { color: #DA434E; } /* Metal prices grid */ .metal-grid { display: grid; gap: 21px; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 50px; } .metal-grid__card { display: flex; padding: 18px 20px; border: 1px solid #ECEFF1; background-color: #fff; border-radius: 2px; min-height: 100%; justify-content: space-between; flex-direction: column; } .metal-grid__card-metal { display: flex; align-items: center; margin-bottom: 8px; } .metal-grid__card-metal-icon { background-position: center; background-size: cover; width: 30px; height: 30px; margin-right: 10px; border-radius: 50px; } .metal-grid__card-metal-name { font-size: 16px; color: #000; font-weight: 700; margin: 3px 0 0; } .metal-grid__card-value { display: flex; gap: 10px; align-items: center; margin-bottom: 6px; } .metal-grid__card-price { font-size: 24px; font-weight: 700; } .metal-grid__card-percent { font-size: 18px; } .metal-grid__card-info svg { width: 100%; height: auto; } .metal-grid__card-actions { display: flex; gap: 12px; margin-top: auto; padding-top: 20px; flex-wrap: wrap; } .metal-grid__card-actions .btn { width: 0; flex-grow: 1; min-width: 160px; } @media (max-width: 1024px) { .metal-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .metal-grid { grid-template-columns: 1fr; } } /* Metals Table */ .metal-table__wrap { padding: 40px 0; } .metal-table { background-color: #fff; border: 1px solid #ECEFF1; border-radius: 2px; margin-bottom: 8px; } .metal-table__metal { display: flex; align-items: center; } .metal-table__metal-icon { background-position: center; background-size: cover; width: 30px; height: 30px; margin-right: 10px; border-radius: 50px; flex-shrink: 0; } .metal-table__metal-name { font-size: 18px; margin: 3px 0 0; font-weight: 600; } .metal-table th { padding: 16px 20px; color: #8293A3; font-weight: 600; } .metal-table td { padding: 12px 20px; vertical-align: middle; font-weight: 600; } .metal-table__header { display: flex; align-items: baseline; gap: 10px; margin-bottom: 20px; } .metal-table__title { margin: 0; color: #000; font-size: 30px; } @media (max-width:768px) { .metal-table__header { justify-content: space-between; } .metal-table__metal-icon { height: 24px; width: 24px; } .metal-table__title { font-weight: 600; font-size: 26px; } .metal-table__metal-name { font-size: 16px; font-weight: 400; } .metal-table__scroll { width: 100%; overflow: auto; } .metal-table th, .metal-table td { display: none; } .metal-table td:nth-child(1), .metal-table td:nth-child(2) { display: table-cell; } .metal-table td:nth-child(2) { text-align: right; } .metal-table .metal-value--neg, .metal-table .metal-value--pos { display: inline-block; color: #fff; padding: 5px 7px; border-radius: 6px; line-height: 20px; } .metal-table .metal-value--pos { background-color: #3CB441; } .metal-table .metal-value--neg { background-color: #DF425A; } } /* App Display */ .app-display { display: flex; align-items: center; flex-direction: row-reverse; } .app-display__links { display: flex; gap: 10px; } .app-display__links--retail { justify-content: center; } .app-display__links-item { display: block; height: 48px; } .app-display__links-item img { width: auto; height: 100%; } .app-display__text { padding: 20px 100px; max-width: 680px; margin-left: calc(50vw - 680px); margin-right: auto; } .app-display__text-title { font-size: 44px; font-weight: 700; color: #000; margin: 0 0 15px; } .app-display__text-description { font-size: 18px; margin: 0 0 30px; color: #5A6875; } .app-display__image { position: relative; width: 680px; flex-shrink: 0; height: 823px; background-image: url(../img/2021/iscrapphonebg-desktop.jpg); background-size: auto 100%; background-position: right 0; background-repeat: no-repeat; margin-right: calc(50vw - 680px); } .app-display__image-dt { display: block; height: 680px; width: auto; position: absolute; top: 60px; right: 20px; max-width: none; } .app-display__image-dt--retail { right: 320px; } .app-display__image-mb { width: 220px; display: block; margin: auto; height: auto; display: none; } @media (max-width: 1400px) { .app-display__text { margin-left: 0; } .app-display__image { margin-right: 0; } } @media (max-width: 1200px) { .app-display__image { height: 520px; width: 450px; } .app-display__image-dt { height: 400px; } .app-display__image-dt--retail { right: 210px; } } @media (max-width: 1024px) { .app-display__text { padding: 40px 20px; max-width: 520px; } } @media (max-width:768px) { .app-display { display: block; } .app-display__text { text-align: center; max-width: none; padding-top: 10px; } .app-display__text--retail { text-align: left; } .app-display__text-title { font-size: 26px; line-height: 1.3; font-weight: 600; margin-bottom: 10px; } .app-display__text-description { font-size: 16px; line-height: 1.5; } .app-display__links { justify-content: center; } .app-display__links--retail .btn { padding: 12px 16px 11px; width: 100%; } .app-display__image { width: 100%; height: auto; padding: 10px; background-image: url(../img/2021/iscrapphonebg-mobile.jpg); background-position: center; background-size: 100% auto; } .app-display__image-dt { display: none; } .app-display__image-mb { display: block; } } .app-display__text--retail p { font-size: 18px; } .app-display__text--retail ul { list-style: none; padding: 0; margin: 0; } .app-display__text--retail li { color: #000; font-weight: 700; font-size: 14px; padding: 14px 0; display: flex; align-items: center; } .app-display__text--retail li:not(:first-child) { border-top: 1px solid var(--color-neutral-300); } .app-display__text--retail li .fa { color: var(--color-primary); display: block; width: 22px; line-height: 1; font-size: 24px; margin-right: 12px; text-align: center; } /* Trending Yards */ .yards-trend { text-align: center; padding: 100px 0; } .yards-trend-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; margin-bottom: 20px; } @media (max-width: 991px) { .yards-trend-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 540px) { .yards-trend-grid { grid-template-columns: 1fr; } } .yards-trend__title { font-size: 38px; font-weight: 700; margin: 0 0 8px; } .yards-trend__description { margin: 0 auto 70px; max-width: 800px; font-size: 18px; line-height: 1.5; color: #5A6875; } .yards-trend__subtitle { font-size: 26px; font-weight: 700; margin: 0 0 30px; } .yards-trend__item { text-align: left; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 20px 0 rgba(0,0,0,0.06); display: flex; flex-direction: column; } .yards-trend__item-img { padding-top: 50%; background-size: cover; background-position: center; } .yards-trend__item-text { position: relative; background-color: #fff; padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .yards-trend__item-text .btn { margin-top: auto; } .yards-trend__item-tag { position: absolute; left: 20px; top: -10px; } .yards-trend__item-title { color: #000; font-size: 22px; line-height: 28px; margin: 0 0 2px; font-weight: 600; } .yards-trend__item-description { margin: 0 0 20px; color: #777F9D; font-size: 16px; } @media (max-width: 768px) { .yards-trend { padding: 32px 0; } .yards-trend__title { font-size: 26px; line-height: 1.3; margin-bottom: 10px; font-weight: 600; } .yards-trend__description { font-size: 16px; margin-bottom: 40px; } .yards-trend__subtitle { font-size: 22px; font-weight: 600; margin-bottom: 22px; } .yards-trend-grid ~ .btn { display: block; width: 100%; padding-top: 15px; padding-bottom: 14px; } } /* Two Columns */ .two-cols { display: flex; justify-content: space-between; align-items: center; padding: 100px 0; margin: 0 -15px; } .two-cols img { border-radius: 20px; } .two-cols h2 { font-size: 44px; line-height: 1.3; } .two-cols p { font-size: 18px; line-height: 1.5; color: #5A6875; margin: 15px 0 35px; } .two-cols h2, .two-cols h3 { margin: 0 0 15px; font-weight: 700; } .two-cols__col { padding: 0 15px; max-width: 50%; flex-grow: 0; } .two-cols--retail .btn { padding: 12px 16px 11px; } @media (max-width: 768px) { .two-cols { flex-direction: column; gap: 34px; padding: 32px 0; text-align: center; } .two-cols--retail { text-align: left; } .two-cols--retail .btn { width: 100%; } .two-cols h2 { font-size: 26px; margin: 0 0 10px; } .two-cols p { font-size: 16px; margin: 0 0 24px; } .two-cols__col { width: 100%; max-width: none; } } /* Peddle Black button for Car Quote */ .btn--peddle { padding: 0; } .btn--peddle > .peddle-trigger-button { background-color: #3cb441; font-size: 16px; line-height: 21px; padding: 12px 20px 11px; font-family: 'proxima-nova'; border-radius: 6px; min-width: 250px; text-align: center; color: #fff; } .btn-black > .peddle-trigger-button { background-color: #000; color: #fff; font-size: 16px; line-height: 21px; padding: 12px 20px 11px; font-family: 'proxima-nova'; border-radius: 6px; min-width: 250px; text-align: center; } .btn--peddle > .peddle-trigger-button svg { display: none; } .btn--peddle > .peddle-trigger-button::before { content: "Get an Instant Offer"; } .btn--peddle > .peddle-trigger-button:hover { background-color: #3CB441; } .btn--peddle.btn-black { width: 250px; } @media (max-width: 768px) { .btn--peddle > .peddle-trigger-button { padding: 20px 20px 19px; width: 80%; } .btn--peddle.btn-black { width: 100%; } } /* Articles Text over Image */ .fullbg-arts { padding: 40px 0; text-align: center; } .fullbg-arts h2 { font-weight: 700; margin: 0 0 48px; font-size: 44px; line-height: 1.3; } .fullbg-art { display: block; position: relative; border-radius: 10px; overflow: hidden; background-size: cover; background-position: center; text-align: left; height: 220px; margin-bottom: 20px; } .fullbg-art__text { position: absolute; bottom: 0; left: 0; max-height: 100%; width: 100%; color: #fff; padding: 40px 20px 20px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.35) 45px, rgba(0,0,0,0.8)); } .fullbg-art__text-title { margin: 0 0 5px; font-weight: 700; } .fullbg-art__text-description { margin: 0; } @media (max-width: 767px) { .fullbg-arts { padding: 32px 0; } .fullbg-arts h2 { font-weight: 600; margin-bottom: 24px; font-size: 26px; } .fullbg-arts .row { display: flex; flex-wrap: nowrap; overflow: auto; gap: 15px; align-items: stretch; } .fullbg-arts .row > * { width: calc(100% - 45px); max-width: 320px; flex-shrink: 0; flex-grow: 1; padding: 0; } } /* Articles without background */ .nobg-arts { padding: 40px 0; text-align: center; } .nobg-arts h2 { font-weight: 700; margin: 0 0 48px; font-size: 44px; } .nobg-art { text-align: left; } .nobg-art__image { border-radius: 10px; display: block; width: 100%; } .nobg-art__title { font-size: 24px; color: #000; margin-bottom: 4px; font-weight: 600; } .nobg-art__date { text-transform: uppercase; font-size: 16px; color: #5A6875; margin: 0; } .nobg-art__description { font-size: 16px; color: #5A6875; margin: 16px 0; } @media (max-width: 767px) { .nobg-arts { padding: 32px 0; } .nobg-arts h2 { font-weight: 600; margin-bottom: 24px; font-size: 26px; } .nobg-art { height: 100%; display: flex; flex-direction: column; align-items: stretch; } .nobg-art .btn { margin-top: auto; display: block; } .nobg-arts .row { display: flex; flex-wrap: nowrap; overflow: auto; align-items: stretch; } .nobg-arts .row > * { width: calc(100% - 45px); max-width: 320px; flex-shrink: 0; flex-grow: 1; } .nobg-art__image { height: 200px; object-fit: cover; } .fullbg-arts .scrap-resources__container, .nobg-arts .recent-articles__container { display: flex; flex-wrap: wrap; gap: 0px; flex-direction: column; align-items: center; } .recent-articles__container .col-sm-4 { padding-bottom: 42px; } } /* Join Today Module */ .join-today { color: #fff; padding: 60px 0; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; } .join-today__title { font-weight: 700; margin: 0 0 8px; font-size: 44px; color: #fff; } .join-today__description { font-size: 18px; line-height: 1.5; margin: 0 0 24px; } .join-today .btn { min-width: 180px; } @media (max-width: 768px) { .join-today { padding: 32px 0; } .join-today__title { font-weight: 600; margin-bottom: 12px; font-size: 26px; } .join-today__description { font-size: 16px; } .join-today .btn { display: block; } } /* Home Header */ .home-header { text-align: center; padding: 50px 0; } .home-header__title { font-weight: 600; font-size: 38px; margin: 10px; line-height: 1.3; } .home-header__lead { color: var(--color-neutral-700); font-size: 18px; margin: 0 0 30px; } .home-header__links { display: flex; gap: 10px; justify-content: center; } .home-header__links .btn { width: 210px; font-weight: 700; padding-top: 13px; padding-bottom: 12px; } @media (max-width: 768px) { .home-header { padding: 32px 0; } .home-header__title { font-size: 26px; margin: 0 auto 8px; max-width: 275px; } .home-header__lead { max-width: 256px; margin: 0 auto 16px; } .home-header__links { flex-direction: column; align-items: center; } .home-header__links .btn { width: 100%; max-width: 300px; } } /* Yards Locator */ .locator-header { display: flex; margin-bottom: 30px; gap: 16px; } .locator-header input, .locator-header select { line-height: 1; font-size: 16px; line-height: 21px; padding: 12px 18px 11px; border: 1px solid #ECEFF1; max-width: 100%; color: #000; } .locator-header input { width: 420px; } .locator-header select { width: 175px; } .locator-header__title { margin: 0; font-weight: 700; } .locator-header__title img { width: 22px; height: 22px; } .locator-header__filters { display: flex; align-items: center; gap: 16px; max-width:100%; margin-left: auto; } .locator-header__sort { display: flex; align-items: baseline; gap: 10px; } .locator-header__sort-label { font-size: 18px; color: #000; margin: 0; } .locator-header__search { position: relative; } .locator-header__search input { width: 100%; padding-left: 48px; } .locator-header__search button { position: absolute; top: 0; left: 0; border: none; height: 100%; width: 48px; background: transparent; border: none; color: var(--color-neutral-500); } .locator-header__sm-row { display: flex; gap: inherit; align-items: center; } .radio-group { display: flex; background-color: #fff; border: 1px solid #ECEFF1; border-radius: 2px; } .radio-group__item { padding: 10px 10px; cursor: pointer; margin-bottom: 0; } .radio-group__item:first-child { padding-left: 16px; } .radio-group__item:last-child { padding-right: 16px; } .radio-group__item-mask { color: #C4C4C4; vertical-align: top; line-height: 1; } .radio-group__item-mask i { display: block; font-size: 24px; line-height: 1; } .radio-group__item-input { display: none; } .radio-group__item-input:checked + .radio-group__item-mask { color: #3CB441; } @media (max-width: 1024px) { .locator-header { margin-bottom: 20px; } .locator-header__filters { flex-wrap: wrap; max-width: 430px; justify-content: space-between; } .locator-header input { width: auto; flex-grow: 1; } .radio-group--metal-prices { display: none; } } @media (max-width: 768px) { .locator-header { flex-wrap: wrap; align-items: center; } .locator-header__sort { display: flex; align-items: baseline; gap: 10px; flex-grow: 1; } .locator-header__title { font-size: 24px; font-weight: 600; flex-grow: 1; } .locator-header__sort-label { display: none; } .locator-header__search, .locator-header__search input { width: 100%; } .locator-header__sm-row { flex-grow: 1; } } /* Yards Grid */ .yards-grid { display: grid; gap: 21px; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 50px; } .yards-item { display: flex; padding: 18px 20px; border: 1px solid #ECEFF1; background-color: #fff; border-radius: 2px; min-height: 100%; justify-content: space-between; flex-direction: column; } .yards-item .premium-tag { margin-bottom: 10px; } .yards-item__info { display: flex; gap: 20px; justify-content: space-between; } .yards-item__info-left { max-width: 275px; } .yards-item__info-right { width: 100px; flex-shrink: 0; } .yards-item__title { font-size: 22px; color: #000; line-height: 1.3; margin: 0 0 10px; } .yards-item__address { font-size: 16px; color: #8293A3; line-height: 1.3; margin: 0; } .yards-item__icon { width: 55px; height: 55px; margin: 0 auto 16px; background-size: 100% auto; background-position: 0 top; background-repeat: no-repeat; border: 1px solid #ECEFF1; border-radius: 50%; } .yards-item__phone { font-size: 10px; line-height: 1.5; letter-spacing: 0.05em; text-align: center; color: #8293A3; } .yards-item__actions { display: flex; gap: 12px; margin-top: auto; padding-top: 12px; flex-wrap: wrap; } .yards-item__actions .btn { width: 0; flex-grow: 1; min-width: 180px; } @media (max-width: 1024px) { .yards-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .yards-grid { grid-template-columns: 1fr; } } /* WP Pagination */ .navigation.pagination { clear: both; display: block; margin: 0; padding: 20px 0; } .navigation.pagination .nav-links { display: flex; justify-content: center; gap: 2px; } .navigation.pagination .page-numbers { display: inline-block; padding: 4px 7px 3px; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; } .navigation.pagination .page-numbers { color: #8293A3; } .navigation.pagination .page-numbers:not(.current):hover, .navigation.pagination .page-numbers:not(.current):focus { text-decoration: none; color: #3CB441; } .navigation.pagination .page-numbers { background-color: #fff; } .navigation.pagination .prev, .navigation.pagination .next { background-color: inherit; text-transform: uppercase; } .navigation.pagination .current { background-color: #3CB441; color: #fff; } @media (max-width: 767px) { .navigation.pagination { padding: 4px 0; } .navigation.pagination .nav-links { display: flex; justify-content: flex-start; } .navigation.pagination .page-numbers:not(.next,.prev) { display: none; } .navigation.pagination .prev, .navigation.pagination .next { display: block; text-transform: none; letter-spacing: 0; background-color: var(--color-primary); color: #fff; max-width: 200px; width: calc(50% - 8px); text-align: center; line-height: 21px; padding: 12px 16px 11px; border-radius: 4px; } .navigation.pagination .prev::after, .navigation.pagination .next::after { content: ' Page'; } .navigation.pagination .next { margin-left: auto; } .navigation.pagination .page-numbers:not(.current):hover, .navigation.pagination .page-numbers:not(.current):focus { text-decoration: none; color: #fff; opacity: 0.9; } } /* Custom Pagination: Consider replace by WP Pagination */ .search-results-bottom .pagination { display: flex; gap: 2px; justify-content: center; margin: 0; } .search-results-bottom .pagination .prev-page, .search-results-bottom .pagination .next-page, .search-results-bottom .pagination .to-page, .search-results-bottom .pagination .current-page { display: inline-block; padding: 4px 7px 3px; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; } .search-results-bottom .pagination .prev-page, .search-results-bottom .pagination .next-page, .search-results-bottom .pagination .to-page { color: #8293A3; } .search-results-bottom .pagination .prev-page:hover, .search-results-bottom .pagination .next-page:hover, .search-results-bottom .pagination .to-page:hover, .search-results-bottom .pagination .prev-page:focus, .search-results-bottom .pagination .next-page:focus, .search-results-bottom .pagination .to-page:focus { text-decoration: none; color: #3CB441; } .search-results-bottom .pagination .to-page { background-color: #fff; } .search-results-bottom .pagination .current-page { background-color: #3CB441; color: #fff; } @media (max-width: 767px) { .search-results-bottom .pagination { justify-content: space-between; } .search-results-bottom .pagination .to-page, .search-results-bottom .pagination .current-page { display: none; } .search-results-bottom .pagination .prev-page, .search-results-bottom .pagination .next-page { background-color: #fff; border: 1px solid var(--color-neutral-300); padding: 8px 12px 6px; border-radius: 2px; background-size: 5px 9px; background-repeat: no-repeat; } .search-results-bottom .pagination .prev-page { background-image: url(../img/icons/chevron-left.svg); padding-left: 27px; background-position: center left 12px; } .search-results-bottom .pagination .next-page { background-image: url(../img/icons/chevron-right.svg); padding-right: 27px; background-position: center right 12px; } } /* Single Metal ------------------------------------------------------------------------------*/ .single-metal__history-table__row:not(:first-child) { border-top: 1px solid var(--color-neutral-300); } .single-metal__history-table__row td { padding-top: 10px; padding-bottom: 10px; } .single-metal__history-table__row td:nth-child(2) { text-align: center; } .single-metal__history-table__row td:nth-child(3) { text-align: right; } /* Single metal prices chart */ #chart_div { position: relative; height: 300px; } #chart_div::after { content: ''; display: block; position: absolute; background-color: rgba(0,0,0,0.2); top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: opacity .1s ease-in-out, visibility 0s linear .2s; z-index: 1; pointer-events: none; } #chart_div.loading::after { visibility: visible; opacity: 1; transition: opacity .1s ease-in-out, visibility 0s linear 0s; } #chart_div path[stroke="#bfbfbf"] { stroke-dasharray: 8,10; } #chart_div path[fill="#d2edd3"] { fill: url(#chart-gradient) #d2edd3; } #chart_div .google-visualization-tooltip { background-color: #000; border-radius: 10px; padding: 9px 12px 8px; border: none; box-shadow: none; } #chart_div .google-visualization-tooltip .price { font-size: 20px; color: #fff; margin: 0; line-height: 26px; } #chart_div .google-visualization-tooltip .date { font-size: 16px; line-height: 20px; color: #F4F6F8; margin: 0; } /* Report Price */ .modal-dialog { margin-top: 80px; } .report-price__method { border-radius: 8px; background-color: #F6F9FC; border: 2px solid #F6F9FC; transition: border-color .2s ease-in-out; } .report-price__method, .report-price__method input { cursor: pointer; } .report-price__method:hover { border-color: #939597; } #submit_price_manually .modal-header, #thank_you_modal .modal-header { padding: 13px 16px 0 10px; border: none; } #submit_price_manually .modal-body { padding-top: 0; } .report-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; } .report-form + .report-form { margin-top: 15px; padding-top: 15px; border-top: 1px solid #E7E7E7; } .report-form--full { grid-column: 1 / 3; } .report-form-section { padding: 15px 0; } .report-form .report-form__input { background: #F6F9FC; border-radius: 4px; height: 51px; font-size: 14px; line-height: 130%; color: #000; padding: 9px 14px; border: none; box-shadow: none; width: 100%; } .report-form select.report-form__input { background: #f6f9fc url(../img/webkit-dropdown-arrow.png) no-repeat 100% 50%; } .metal-select { display: flex; gap: 10px; } .metal-select__select { flex-grow: 1; } .metal-select__remove { flex-grow: 0; padding: 0; background-color: transparent; border: none; font-weight: 700; color: #8B8B8F; } .report-form__add-row { margin-top: 10px; } .report-form__submit { margin-top: 20px; } .thank-you__img-wrap { height: 490px; overflow: visible; } .thank-you__img { display: block; margin: 0 auto; } /* Country Select */ .country-select { position: relative; width: 56px; height: 43px; } .country-select:hover .country-select__list, .country-select:focus .country-select__list { height: auto; } .country-select__list { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; border: 1px solid #ECEFF1; box-sizing: border-box; border-radius: 4px; display: flex; flex-direction: column; z-index: 100; } .country-select__input { display: none; } .country-select__item { flex-shrink: 0; order: 1; cursor: pointer; margin: 0; border-top: 1px solid #ECEFF1; padding: 8px; display: flex; width: 100%; align-items: center; } .country-select__input:checked + .country-select__item { order: 0; border: none; background-image: url(../img/webkit-dropdown-arrow.png); background-repeat: no-repeat; background-position: right center; } .single-metal-chart-heading { display: flex; align-items: center; gap: 16px; } /* State laws main page overflowing text */ .law-overflow__btn { display: none; } @media (max-width: 767px) { .law-overflow__btn::before { content: 'Continue Reading'; } .law-overflow.expanded { max-height: none; } .law-overflow.expanded .law-overflow__btn { position: static; padding-top: 0; } .law-overflow.expanded .law-overflow__btn::before { content: 'Show less'; } } /* News Blog index page */ .news-blog {} .news-blog__header { text-align: center; padding: 50px 0; } .news-blog__title { font-size: 60px; line-height: 1.3; font-weight: 600; margin: 0 0 6px; } .news-blog__title--primary { color: var(--color-primary); } .news-blog__subtitle { color: var(--color-neutral-500); font-size: 24px; line-height: 1.3; font-weight: 400; } @media (max-width: 768px) { .news-blog__header { padding: 32px 0; } .news-blog__title { font-size: 44px; } .news-blog__subtitle { font-size: 18px; } } .news-blog__featured { padding: 24px; border: 1px solid var(--color-neutral-300); border-radius: 10px; margin-bottom: 72px; } .news-blog__featured .btn { padding: 12px 20px 11px; min-width: 200px; } .news-blog__featured-image { border-radius: 20px; width: 100%; display: block; } .news-blog__featured-content { padding-left: 30px; } .news-blog__featured-title { font-size: 38px; line-height: 1.3; margin: 0 0 4px; font-weight: 700; } .news-blog__featured-posted { font-size: 16px; line-height: 1.5; text-transform: uppercase; font-weight: 400; color: var(--color-neutral-800); margin: 0 0 16px; } .news-blog__featured-description { font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0 0 16px; color: var(--color-neutral-800); } @media (min-width: 992px) { .news-blog__featured .row { display: flex; align-items: center; } } @media (max-width: 768px) { .news-blog__featured { padding: 0; border: none; margin-bottom: 0; } .news-blog__featured-content { padding: 32px 0; text-align: center; } .news-blog__featured-title { font-size: 26px; font-weight: 600; } .news-blog__featured-posted { margin-bottom: 24px; } .news-blog__featured-description { font-size: 16px; margin-bottom: 24px; } .news-blog__featured .btn { padding: 15px 20px 14px; width: 100%; } } /* Blog Recent */ .recent-blog__title { font-weight: 700; font-size: 38px; line-height: 46px; margin: 0 0 32px; } .recent-blog__grid { margin-bottom: 32px; } .recent-blog__item .entry-meta { text-transform: uppercase; color: var(--color-neutral-800); } .recent-blog__item p { color: var(--color-neutral-800); } .recent-blog__item-image { border-radius: 10px; } .recent-blog__item .btn { padding: 12px 20px 11px; } @media (max-width: 768px) { .recent-blog__title { font-size: 26px; font-weight: 600; margin-bottom: 24px; } .recent-blog__grid { margin-top: -40px; } .recent-blog__item { margin: 40px 0 0 !important; } .recent-blog__item .btn { width: 100%; display: block; } } /* Blog All Articles */ .all-blog .article-single img { border-radius: 10px; } .all-blog .article-single .entry-title { margin: 0 0 4px; font-size: 23px; line-height: 1.3; font-weight: 600; } .all-blog .article-single .entry-title a { color: #000; } .all-blog .article-single .entry-meta { text-transform: uppercase; line-height: 1.5; font-size: 16px; margin-bottom: 12px; color: var(--color-neutral-800); } .all-blog .article-single p { color: var(--color-neutral-800); } .all-blog .article-single .btn { padding: 12px 20px 11px; } @media (max-width: 768px) { .all-blog .article-single { margin-top: 0; } .all-blog .article-single + .article-single { margin-top: 40px; } /*.all-blog .article-single img { width: 100%; float: none; height: 200px; object-fit: cover; margin-bottom: 12px; }*/ .all-blog .article-single p, .recent-blog__item p { color: var(--color-neutral-800); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .all-blog .article-single .entry-title , .recent-blog__item h3 { font-size: 20px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin: 0; font-family: 'proxima-nova'; font-style: normal; } .all-blog .article-single .entry-meta { margin-bottom: 4px; } .all-blog .article-single .btn , .recent-blog__item .btn { display: none; width: 100%; } .smaller-post .small-thumb { height: 150px !important; background: no-repeat center center; background-size: cover; display: block; float: left; width: 150px; margin: 0 15px 0 0; } .all-blog .navigation.paging-navigation .nav-links { padding: 16px 0 32px; } } /* Metals Guide */ .metal-guide__header { padding: 50px 0; text-align: center; } .metal-guide__header-content { max-width: 880px; margin: 0 auto; } .metal-guide__header-title { font-size: 38px; line-height: 1.3; font-weight: 600; margin: 0 0 10px; } .metal-guide__header-caption { margin: 0 0 16px; font-size: 18px; line-height: 1.3; color: var(--color-neutral-700); } .metal-guide__header-search { max-width: 520px; margin: 0 auto; } @media (max-width: 768px) { .metal-guide__header { padding: 32px 0 24px; } .metal-guide__header-title { font-size: 26px; margin-bottom: 8px; } .metal-guide__header-caption { margin-bottom: 8px; } } .metal-guide__metals { background-color: var(--color-neutral-100); } .metal-guide__metal-image { margin-bottom: 16px; border-radius: 10px; display: block; overflow: hidden; } .metal-guide__metal-title { font-size: 24px; line-height: 1.3; padding: 0; margin: 0 0 12px; } .metal-guide__metal-title, .metal-guide__metal-title a { color: #000; } .metal-guide__metal-description { font-size: 16px; line-height: 1.5; margin-bottom: 16px; color: var(--color-neutral-700); } @media (max-width: 768px) { .metal-guide__metal { } .metal-guide__metal-title { font-size: 20px; } .metal-guide__metal-description { margin-bottom: 12px; } .metal-guide__metal .btn { display: block; } } /* Sign Up page */ .signup__header { padding: 40px 0; min-height: 580px; display: flex; align-items: center; color: #fff; overflow: hidden; position: relative; } .signup__header .container { text-align: center; } .signup__header-image { position: absolute; height: 100%; width: 50%; top: 0; right: 0; display: flex; justify-content: center; align-items: center; } .signup__header-image::after { position: absolute; content: ''; display: block; left: -100%; width: 125%; height: 100%; background: linear-gradient(90deg, #5C6B7A 50%, rgba(92, 107, 122, 0.72) 65%, rgba(92, 107, 122, 0) 90%); } .signup__header-image img { width: 1200px; flex-shrink: 0; max-width: none; } .signup__header-info { display: inline-block; position: relative; color: #fff; text-align: center; margin-right: 50%; } .signup__header-info-title { text-transform: capitalize; font-weight: 700; color: #fff; text-align: left; margin: 0 0 16px; } .signup__header-info p { text-align: left; margin: 0 0 40px; } .signup__header-info .btn { min-width: 200px; } @media screen and (max-width: 768px) { .signup__header { min-height: 0; padding: 270px 0 56px; } .signup__header-info { text-align: center; margin-right: 0; } .signup__header-info-title { text-align: center; font-weight: 600; font-size: 26px; margin: 0 0 8px; } .signup__header-info p { text-align: center; } .signup__header-info .btn { width: 100%; } .signup__header-image { width: 100%; align-items: flex-start; } .signup__header-image img { width: 600px; margin-top: -50%; min-width: 120vw; } .signup__header-image::after { width: 100%; left: 0; background: linear-gradient(180deg, transparent, transparent 100px, #5C6B7A 290px, #5C6B7A); } } /* bt-line */ .bt-line { text-align: center; padding: 50px 0; color: #fff; background-size: cover; background-position: center; } .bt-line__icon { color: var(--color-primary); background-color: #fff; display: inline-block; border-radius: 22px; width: 58px; height: 58px; font-size: 24px; padding: 18px 0 16px; margin: 0 0 16px; } .bt-line__amount { font-size: 30px; line-height: 1.3; font-weight: 600; margin: 0 0 4px; } .bt-line__caption { margin: 0; line-height: 1.5; font-weight: 400; } .bt-line article { display: inline-block; width: 300px; line-height: 14px; margin: 0; padding: 25px; } @media screen and (max-width: 768px) { .bt-line { padding: 16px 0; } .bt-line article { margin: 0; padding: 16px; } } /* offer-line */ .offer-line { overflow: hidden; padding: 100px 0; background-color: var(--color-neutral-100); } .offer-line__info { margin-top: 60px; } .offer-line__info-title { font-weight: 700; font-size: 38px; line-height: 1.3; margin: 0 0 8px; } .offer-line__info-subtitle { font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0 0 32px; text-transform: capitalize; color: var(--color-neutral-800); } .offer-line__info .btn { min-width: 160px; padding: 11px 20px 10px; } .offer-line--list-today .offer-line__info { max-width: 320px; } .offer-line--get-report { background-image: url(../img/retail/get-report-bg-mobile.jpg); background-size: cover; background-position: center; } .offer-line--get-report img { width: 400px; display: block; margin: 0 auto; } .offer-line--get-report h2, .offer-line--get-report p { color: #fff; } @media screen and (min-width: 992px) { .offer-line--list-today .row { display: flex; flex-direction: row-reverse; } .offer-line--get-report { background-image: url(../img/retail/get-report-bg.jpg); } } @media screen and (max-width: 991px) { .offer-line { padding: 32px 0; text-align: center; } .offer-line .btn { width: 100%; } .offer-line__info { margin-top: 24px; } .offer-line--list-today .offer-line__info { max-width: none; } .offer-line__info-title { font-weight: 600; font-size: 26px; } } /* signup-video */ .signup-video { text-align: center; padding: 100px 0; } .signup-video__title { font-weight: 700; font-size: 38px; line-height: 1.3; margin: 0 0 8px; } .signup-video__subtitle { margin: 0 0 24px; } .signup-video__video { display: block; max-width: 840px; position: relative; background-position: center; background-size: cover; margin: 0 auto; border-radius: 10px; } .signup-video__video::before { content: ''; display: block; padding-top: 56.25%; } .signup-video__play { position: absolute; top: calc(50% - 41px); left: calc(50% - 41px); font-size: 28px; color: #fff; background-color: var(--color-primary); height: 82px; width: 82px; padding: 29px 0 25px 4px; border-radius: 50%; transition: all 0.25s ease-in-out; box-shadow: 0 2px 6px rgba(0,0,0,0); } .signup-video__play .fa { display: block; } .signup-video__video:hover .signup-video__play { color: var(--color-primary); background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.3); } @media screen and (max-width: 768px) { .signup-video { padding: 32px 0; } .signup-video__title { font-weight: 600; font-size: 26px; } } /* Signup join ------------------------------------------------------------------------------*/ .join { text-align: center; padding: 100px 0; } .join__title { font-weight: 700; font-size: 38px; line-height: 1.3; margin: 0 0 8px; } .join__subtitle { font-weight: 400; font-size: 18px; line-height: 150%; color: var(--color-neutral-500); margin: 0 0 48px; } .join__plans { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: stretch; } .join-plan { width: 420px; max-width: 100%; background: #fff; border-radius: 4px; padding: 40px; border: 1px solid var(--color-neutral-300); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0); transition: box-shadow 0.3s ease-in-out; } .join-plan:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); } .join-plan .btn { padding: 12px 32px 11px; } .join-plan__title { font-weight: 700; font-size: 26px; line-height: 1.3; color: #000; max-width: 240px; margin: 0 auto 8px; } .join-plan__fee { text-align: center; margin: 0 -40px; position: relative; } .join-plan__fee::before { content: ''; display: block; position: absolute; top: calc(50% - 0.5px); left: 0; width: 100%; height: 1px; background-color: var(--color-neutral-300); } .join-plan__fee-text { position: relative; display: inline-block; color: var(--color-neutral-700); background-color: var(--color-neutral-300); padding: 5px 16px 4px; vertical-align: top; font-weight: 600; font-size: 14px; line-height: 20px; border-radius: 6px; } .join-plan__plus { display: block; height: 24px; width: 24px; margin: 16px auto 8px; position: relative; } .join-plan__plus::before, .join-plan__plus::after { content: ''; display: block; position: absolute; background-color: var(--color-primary); } .join-plan__plus::before { width: 4px; height: 100%; top: 0; left: calc(50% - 2px); } .join-plan__plus::after { width: 100%; height: 4px; top: calc(50% - 2px); left: 0; } .join-plan__price { font-weight: 700; font-size: 44px; line-height: 1.3; display: flex; justify-content: center; color: #000; align-items: center; gap: 4px; margin: 0 0 24px; } .join-plan__price-details { display: flex; flex-direction: column; align-items: flex-start; } .join-plan__price-details-top { font-weight: 600; font-size: 18px; line-height: 1; } .join-plan__note-ref { color: var(--color-neutral-700); } .join-plan__price-details-bottom { font-weight: 400; font-size: 14px; line-height: 1; color: var(--color-neutral-800); } .join-plan__foot-note { font-weight: 400; font-size: 14px; line-height: 1.5; color: var(--color-neutral-700); margin: 5px 0 0; } @media screen and (max-width: 768px) { .join { padding: 32px 0; } .join__title { font-weight: 600; font-size: 26px; } .join__subtitle { font-size: 16px; margin-bottom: 24px; } .join-plan { padding: 28px 24px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); } .join-plan__fee { margin: 0 -24px; } } /* Subscribe ------------------------------------------------------------------------------*/ .signup-subscribe { background: var(--color-neutral-700); border: none; text-align: center; padding: 72px 0; } .signup-subscribe__title { color: #fff; font-weight: 700; font-size: 44px; line-height: 1.3; margin: 0 0 12px; } .signup-subscribe__form { max-width: 520px; display: flex; margin: 0 auto; background-color: #fff; border-radius: 4px; } .signup-subscribe__form .btn { min-width: 180px; padding: 12px 16px 11px; } input.signup-subscribe__input { flex-grow: 1; border: none; background-image: url(../img/retail/icon-mail.svg); background-size: 24px 24px; background-position: 14px center; background-repeat: no-repeat; padding: 12px 16px 11px 46px; line-height: 21px; } @media screen and (max-width: 768px) { .signup-subscribe { padding: 32px 0; } .signup-subscribe__title { font-weight: 600; font-size: 26px; margin: 0 0 16px; } .signup-subscribe__form { flex-direction: column; gap: 8px; background-color: transparent; } } /* Login Page Styles */ #login-content { padding: 130px 0; background-size: cover; background-position: center; } .login-content__form { margin: 0 auto; border-radius: 10px; background-color: #fff; padding: 24px 30px; max-width: 460px; } .login-content__title { margin: 0 0 28px; font-size: 24px; line-height: 1.3; font-weight: 700; } .login-content__error { color: red; } .login-content__or { text-align: center; margin: 32px 0 8px; font-weight: 400; font-size: 16px; line-height: 1.3; color: #000; } .login-content__forgot { display: block; text-align: center; color: #000; margin: 19px 0 0; font-weight: 600; font-size: 16px; line-height: 1.3; transition: color 0.25s ease-in-out; } .login-content__forgot:hover { color: var(--color-primary); text-decoration: none; } @media screen and (max-width: 768px) { #login-content { padding: 32px 0; } } #login-content .login-username, #login-content .login-password { position: relative; margin: 0 0 16px; } #login-content .login-username label, #login-content .login-password label { position: absolute; top: 10px; left: 20px; font-weight: 600; font-size: 13px; line-height: 1.3; color: var(--color-neutral-600); } #login-content .login-username input, #login-content .login-password input { padding: 29px 20px 10px; line-height: 21px; font-size: 16px; width: 100%; border: none; background-color: var(--color-neutral-100); border-radius: 4px; margin: 0; } #login-content .login-remember { margin: 0 0 24px; } #login-content .login-remember label { vertical-align: top; font-weight: 400; font-size: 16px; line-height: 1.3; display: inline-block; padding-top: 2px; color: #000; cursor: pointer; } #login-content .login-remember input { vertical-align: top; border: 2px solid var(--color-primary); box-sizing: border-box; border-radius: 4px; width: 22px; height: 22px; margin: -2px 6px 0 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #login-content .login-remember input:checked { background-color: var(--color-primary); position: relative; } #login-content .login-remember input:checked::before { content: ''; display: block; position: absolute; top: calc(50% - 8px); left: calc(50% - 4px); width: 8px; height: 14px; border-width: 0px 4px 4px 0px; border-style: solid; border-color: #fff; transform: rotate(45deg); } #login-content .login-remember input:focus { outline: none; } #login-content .login-submit .button { display: block; width: 100%; border-radius: 4px; border: none; padding: 12px 20px 11px; text-align: center; font-weight: 400; font-size: 16px; line-height: 21px; background: var(--color-primary); color: #fff; transition: all .2s ease-in-out; outline: none !important; } #login-content .login-submit .button:hover { opacity: 0.8; } #login-content .btn { padding: 11px 20px 10px; } /* Autocomplete */ .autocomplete-list { background-color: #fff; border-radius: 4px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,.35); } .autocomplete-list__option { padding: 8px 12px; cursor: pointer; color: var(--color-neutral-800); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .autocomplete-list__option:hover { background-color: var(--color-neutral-100); } .autocomplete-list__option:not(:first-child) { border-top: 1px solid var(--color-neutral-300); } /* Single Yard ------------------------------------------------------------------------------*/ .single-yard__header { margin-bottom: 32px; } /* Single Yard Contact */ .yard-contact__file { display: flex; width: 100%; position: relative; background: rgba(60, 180, 65, 0.05); border: 1px dashed var(--color-primary); border-radius: 4px; text-align: center; padding: 20px; color: #000; font-size: 16px; font-weight: 400; margin-bottom: 20px; flex-wrap: wrap; gap: 15px; } .yard-contact__file-item-preview { display: block; flex-grow: 1; position: relative; } .yard-contact__file-item-preview::before { content: ''; display: block; width: 100%; padding-top: 56.25%; } .yard-contact__file-item-preview::after { content: 'Remove'; display: flex; opacity: 0; color: red; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9); cursor: pointer; font-weight: 600; transition: all 0.2s linear; } .yard-contact__file-item-preview:hover::after { opacity: 1; } .yard-contact__file-item-preview img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; object-position: center; } .yard-contact__file-add { display: flex; margin: 0; width: 100%; flex-grow: 1; align-items: center; justify-content: center; cursor: pointer; } .yard-contact__file-item-preview + .yard-contact__file-add { display: none; } .yard-contact__file-input { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; } .yard-contact__file p { margin: 0; } .yard-contact__submit { margin-left: auto; } .yard-contact__wysiwyg h2 { margin-top: 0; font-weight: 600; font-size: 20px; } .yard-contact__wysiwyg h3 { font-weight: 400; font-size: 16px; color: var(--color-neutral-700); margin-bottom: 20px; } .yard-contact__wysiwyg h4 { font-weight: 600; font-size: 16px; line-height: 130%; color: #000; margin: 0 0 6px; } .yard-contact__wysiwyg p { font-weight: 400; font-size: 16px; color: var(--color-neutral-700); } .yard-contact__wysiwyg ul { list-style: none; padding: 0; text-align: left; display: grid; grid-template-columns: 1fr 1fr; margin: 0 auto; gap: 20px; margin-top: 30px; } .yard-contact__wysiwyg li { color: var(--color-neutral-700); font-size: 14px; line-height: 130%; } .labeled-field { display: block; width: 100%; background-color: var(--color-neutral-100); margin-bottom: 20px; border-radius: 4px; padding: 0; } .labeled-field__label { display: block; width: 100%; line-height: 1; font-weight: 600; font-size: 13px; line-height: 130%; color: var(--color-neutral-600); padding: 10px 20px 0; } .labeled-field__input, .labeled-field__input[type="text"], .labeled-field__input[type="email"], .labeled-field__input[type="url"], .labeled-field__input[type="password"], .labeled-field__input[type="search"] { display: block; width: 100%; padding: 0; border: none; padding: 0 20px 10px; background: transparent; } textarea.labeled-field__input { resize: vertical; } .labeled-field__input:focus { outline: none; } .carded { padding: 24px; background: #FFFFFF; border: 1px solid var(--color-neutral-300); box-sizing: border-box; border-radius: 10px; margin-bottom: 20px; min-height: 100%; } .carded__title { margin-top: 0; margin-bottom: 20px; font-weight: 600; font-size: 20px; line-height: 1.3; color: #000000; } #mce-EMAIL { border: 1px solid #ebebeb; border-radius: 6px; background-color: #fff; color: #a5a9ae; font-size: 13px; font-family: proximanova-bold; line-height: 34px; height: 38px; width: 528px; float: left; padding: 2px 28px 0 22px; } .price_input_wrapper { display: flex; } select.report-form__input#currency { width: 30%; } @media (max-width:767px){select.report-form__input#currency {width: 60%;}}