html,
body {
max-width: 100%;
overflow-x: hidden;
}
body .vc_row:not(.bottom-cta) h2 {
font-size:38px !important;
}
body, button, input, select, textarea {
color: #000;
font-family: 'Merriweather', serif;
}
.bakery a:hover {
color: #70614e;
} body p,
body li,
::placeholder {
color: #333;
font-family: 'Merriweather', serif;
opacity: 1;
}
body p,
body li {
font-family: 'Merriweather', serif;
line-height: 26px;
font-size: 17px;
font-weight: 300;
}
.bakery h1,
.bakery h2,
.bakery h3,
.bakery h4,
.bakery h5,
.bakery h6 {
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
font-weight: 400 !important;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
h1 {
font-size: 44px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 14px;
}
@media screen and (max-width: 767px) {
body p, body li {
line-height: 20px;
font-size: 14px;
}
} .clearfix {
width: 100%;
clear: both;
}
.clearfix.high {
height: 20px;
} .wpcf7 .wpcf7-form-control.wpcf7-submit.btn-bt.default,
a.btn-bt.default,
a.btn-bt.alternate {
border: 3px solid #000000;
box-shadow: none;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
}
a.btn-bt.alternate {
border: 3px solid transparent;
}
a.btn-bt.alternate:hover {
border: 3px solid #ffffff;
}
div.header-button a.btn-bt.default.btn-default {
border: 2px solid #000000;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit.btn-bt.default {
color: #000000;
border-radius: 14px;
}
.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
.vc_btn3.vc_btn3-color-juicy-pink:active,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active,
.vc_btn3.vc_btn3-color-juicy-pink:focus,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
background: #ffffff;
color: #000000;
border: 3px solid #000000;
box-shadow: none;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
}
.vc_btn3.vc_btn3-color-juicy-pink:hover,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
background: #000000;
color: #ffffff;
}
@media screen and (max-width: 979px) {
div.header-button a.btn-bt.default.btn-default {
padding: 10px 15px !important;
margin-right: 10px;
}
}
@media screen and (max-width: 767px) {
.wpcf7 .wpcf7-form-control.wpcf7-submit.btn-bt.default,
a.btn-bt.default,
a.btn-bt.alternate {
padding: 10px 15px !important;
}
} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], .wpcf7 textarea, .wpcf7 select {
box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.25);
border: 1px solid #4A4A4A;
} body .top-widget p {
line-height: 50px;
}
.top-widget .span6.left p a:hover {
color: #70614e;
}
.top-widget .span6.left i {
font-size: 26px;
top: 4px;
position: relative;
}
@media screen and (max-width: 979px) {
.top-widget .span6.left i {
top: 1px;
}
} @media screen and (max-width: 979px) {
.top-header,
.top-header .container {
height: 90px;
}
} body .left-right-header .logo {
width: 157px;
height: 97px !important;
background: url(//nobhillhardware.com/wp-content/uploads/2019/03/nob-hill-logo-no-tag-new2.png) top center no-repeat;
background-size: 100% 100%;
}
body .left-right-header .site-branding {
width: 157px;
height: 97px !important;
top: 0;
}
body .left-right-header .site-branding a {
display: block;
width: 157px;
height: 97px;
top: 0;
font-size: 0;
}
@media screen and (max-width: 979px) {
body .left-right-header .logo,
body .left-right-header .site-branding,
body .left-right-header .site-branding a {
width: 58px;
height: 58px !important;
}
body .left-right-header .logo {
background: url(//nobhillhardware.com/wp-content/uploads/2018/11/nob-hill-logo-mobile.png) top center no-repeat;
}
} @media screen and (min-width: 980px){
.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon {
display: none;
}
}
body .left-right-header .navigation-top {
width: calc(100% - 157px);
}
#top-menu li {
padding: 24px 20px;
}
ul#top-menu li a {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 3px;
}
@media screen and (max-width: 979px) {
body .left-right-header .navigation-top {
width: calc(92% - 58px);
}
} .footer-left {
width: 157px;
height: 97px;
background: url(//nobhillhardware.com/wp-content/uploads/2019/03/nob-hill-logo-no-tag-new.png) top center no-repeat;
background-size: 100% 100%;
}
.pseudo-i {
position: absolute;
font-size: 26px;
margin-top: 0px;
color: #000000;
left: -30px;
}
.footer-col-4 .widget_text {
display: none;
}
footer a .pseudo-i {
color: #000000;
}
footer ul.social li a:hover {
color: #70614e;
}
.catalogLink {
position: absolute;
right: 5%;
margin-top: 2px;
}
.catalogLink a {
color: #ffffff;
font-size: 13px;
}
.catalogLink a:before {
font-family: FontAwesome;
content: "\f1c1";
margin-right: 10px;
}
.catalogLink a:after {
content: "Product Catalogs";
}
@media screen and (max-width: 1040px) {
.span3.footer-col-2 a,.span3.footer-col-3 a {
font-size: 12px;
margin-left: 10px;
}
.pseudo-i {
font-size: 20px;
left: 0px;
}
}
@media screen and (max-width: 979px) {
.footer-left {
width: 68px;
height: 68px;
padding: 0 0 0 0;
margin: 0 0 0 20%;
background: url(//nobhillhardware.com/wp-content/uploads/2018/11/nob-hill-logo-mobile.png) top center no-repeat;
background-size: 100% 100%;
}
.catalogLink {
margin-top: -2px;
}
}
@media screen and (max-width: 841px) {
.span3.footer-col-2 a,.span3.footer-col-3 a {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
footer .row .container {
width: 310px;
}
.span3.footer-col-2,.span3.footer-col-3 {
display: none;
}
.span3.footer-col-1 {
width: 68px;
height: 68px;
float: left;
padding: 25px 0 0 0;
}
.span3.footer-col-4 {
width: calc(87% - 78px);
float: right;
}
.footer-col-4 .widget_text {
display: block;
}
.pseudo-i {
font-size: 20px;
left: -5px;
}
.footer-col-4 .widget_text a {
font-size: 12px;
margin-left: 10px;
} .copyright-text.centered p {
text-align: left;
}
.catalogLink {
margin-top: -26px;
}
}
@media screen and (max-width: 479px) {
.catalogLink {
margin-top: -24px;
}
}
@media screen and (max-width: 365px) {
.catalogLink a:before {
margin-right: 0;
}
.catalogLink a:after {
content: none;
}
} .bakery .vc_row.topBanner {
background-position: center !important;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 300px;
overflow: hidden;
}
.bakery .vc_row.blkHeader h1 {
text-align: center;
color: #ffffff;
text-transform: uppercase;
font-family: 'Merriweather', serif;
font-weight: 400;
} body.page-id-214 .bakery .vc_row.topBanner {
height: 570px;
}
@media screen and (max-width: 767px) {
.bakery .vc_row.blkHeader {
padding: 25px 0;
}
.bakery .vc_row.blkHeader h1 {
font-size: 20px;
}
.bakery .vc_row.topBanner {
height: 125px;
}
body.page-id-214 .bakery .vc_row.topBanner {
height: 234px;
}
} @media screen and (min-width: 768px) { .vc_col-sm-6.map,
.vc_col-sm-6.form {
margin-left: 20px;
margin-right: 20px;
}
}
.contactPageIcon {
display: block;
float: left;
width: 20px;
position: relative;
top: 6px;
}
.contactPageInfo {
display: block;
float: left;
width: calc(100% - 40px);
}
.bakery .vc_row.aboutThin .container {
max-width: 1100px;
}
.aboutTable {width: 100%; display: table; border-collapse: separate; border-spacing: 30px;}
.aboutLeftImg {display: table-cell; width: 33.333%; vertical-align: middle;}
.aboutLeftImg img {display: block; width: 100%; max-width: 350px; height: auto; margin: 0 auto;}
.aboutRightCopy {display: table-cell; width: 66.666%; vertical-align: middle;}
@media screen and (max-width: 767px) {
.bakery .vc_row.aboutTop {
padding-bottom: 0;
}
.bakery .vc_row.aboutSep {
margin-top: 30px;
padding-top: 0;
padding-bottom: 0;
}
.aboutTable, .aboutLeftImg, .aboutRightCopy {
display: block;
width: 100%;
}
.aboutLeftImg img {
margin: 0 auto 30px auto;
}
.aboutRightCopy {margin-top: 30px;}
} ul.twoCol {
text-align: center;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
ul.twoCol li {
list-style: none;
}
@media screen and (max-width: 767px) {
ul.twoCol {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
margin-bottom: 0 !important;
}
}
.logo-container {
display: flex;
justify-content: space-around;
margin: 40px auto;
}
.logo-container img {
align-self: center;
}
.logo-container a {
margin: 0 10px;
align-self: center;
}
body.page-id-1862 .logo-container a {
width: 25%;
}
body.page-id-1874 .logo-container a {
width: 33.3333%;
}
body.page-id-1874 .logo-container a img,
body.page-id-1862 .logo-container a img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
@media screen and (max-width: 979px) {
.logo-container {
display: block;
}
body.page-id-1874 .logo-container img,
body.page-id-1862 .logo-container img,
.logo-container img {
display: block;
margin: 10px auto;
width: 100%;
max-width: 280px;
}
} .bakery .vc_row.hardwarePromo .container {
width: 100%;
max-width: 100%;
}
.promoBox {
padding: 0 0 0 0;
margin: 0 0 0 0 ;
} .vc_col-has-fill.promoBox > .vc_column-inner {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.bakery div.promoBox div.vc_column-inner {
padding-right: 20px;
padding-left: 20px;
}
.promo {
position: relative;
width: 100%;
padding-bottom: 43.75%;
padding-top: 75px;
background-position: top center;
background-repeat: no-repeat;
background-size: 100% 100%;
transition: all 250ms ease-in-out;
}
.promo:hover {
background-size: 103% 103%;
}
.promo h3 {
text-align: center;
color: #ffffff;
margin-bottom: 70px;
letter-spacing: 3px;
}
.promo p {
text-align: center;
}
.promo#doorPromo {
background-image: url(//nobhillhardware.com/wp-content/uploads/2018/11/door-hardware-bak.jpg);
}
.promo#cabinetPromo {
background-image: url(//nobhillhardware.com/wp-content/uploads/2018/11/cab-hardware-bak.jpg);
}
.promo#bathPromo {
background-image: url(//nobhillhardware.com/wp-content/uploads/2018/11/bath-hardware-bak.jpg);
}
.promo#miscPromo {
background-image: url(//nobhillhardware.com/wp-content/uploads/2018/11/misc-hardware-bak.jpg);
}
@media screen and (max-width: 1285px ) {
.promo h3 {
letter-spacing: normal;
font-size: 28px;
}
}
@media screen and (max-width: 1015px ) {
.promo h3 {
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
.promo h3 {
font-size: 28px;
}
}  .promo a.btn-bt.alternate {
padding-left: 72px;
padding-right: 72px;
}
@media screen and (max-width: 1709px) {
body.page-id-1928 .promo h3 {
letter-spacing: normal;
font-size: 28px;
}
}
@media screen and (max-width: 1350px) {
body.page-id-1928 .promo h3 {
font-size: 24px;
}
}
@media screen and (max-width: 1295px) { .promo a.btn-bt.alternate {
padding-left: 36px;
padding-right: 36px;
}
}
@media screen and (max-width: 1180px) {
body.page-id-1928 .promo h3 {
font-size: 18px;
}
body.page-id-1928 .promo a.btn-bt.alternate {
font-size: 10px;
}
}
@media screen and (max-width: 929px) {
body.page-id-1928 .promo h3 {
font-size: 15px;
} .bakery div.promoBox div.vc_column-inner {
padding-right: 10px;
padding-left: 10px;
}
.promo h3 {
margin-bottom: 30px;
}
body.page-id-1928 .promo a.btn-bt.alternate {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 803px) {
body.page-id-1928 .promo h3 {
font-size: 13px;
}
}
@media screen and (max-width: 768px) {
.promoBox {
margin: 0 0;
} .bakery div.promoBox div.vc_column-inner {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.promoBox {
margin: 20px 0;
}
body.page-id-1928 .promo h3 {
font-size: 28px;
}
body.page-id-1928 .promo a.btn-bt.alternate {
font-size: 14px;
}
} body.page-id-1877 .bakery .vc_row.vc_row-fluid {
padding-top: 0;
padding-bottom: 0;
}
body.page-id-1877 .wpb_content_element.vc_separator {
padding-top: 25px;
} .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p {
color: #000;
text-align: left;
margin-top: -15px;
}
.single.single-post .wrap {
max-width: 1536px !important;
}
@media screen and (min-width: 980px) {
.has-sidebar:not(.error404) #primary {
width: 62%;
}
}
.navigation.post-navigation {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 979px) {
.nav-previous,
.nav-next {
width: 48%;
}
.nav-previous {
float:left;
}
.nav-next {
float: right;
margin-top: 0 !important;
text-align: right;
}
}
.nav-title-icon-wrapper {
display: none;
}
.nav-previous .nav-subtitle:before {
content: "«";
margin-right: 5px;
}
.nav-next .nav-subtitle:after {
content: "»";
margin-left: 5px;
}
body.single-post .site-content {
padding-top: 0;
}
body.single-post footer .row .container {
display: flex;
}
body.single-post footer .custom-html-widget {
position: relative;
}
body.single-post footer .widget-content.widget:last-of-type {
margin-left: -10px;
}
@media screen and (max-width: 1040px)  {
body.single-post footer .span3.footer-col-2 a,
body.single-post footer .span3.footer-col-3 a {
margin-left: 0;
}
body.single-post .pseudo-i {
left: -20px;
}
}
@media screen and (max-width: 767px)  {
body.single-post footer .row .container {
display: block;
}
.footer-col-4 .widget_text a {
margin-left: 0;
}
body.single-post footer .span3.footer-col-4 {
width: calc(92% - 78px);
}
} .wpb-js-composer .vc_tta-color-chino.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
background-color: #70614e !important;
}
.wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-tab > a {
background-image: none !important;
background-repeat: repeat-x;
filter: none !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active a {
color: #fff !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active p a {
color: #000 !important;
}
.wpb-js-composer .vc_tta-color-chino.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.wpb-js-composer .vc_tta-color-chino.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #fff !important;
} .fpPromo {
position: relative;
width: 85%;
margin: 0 auto;
border-radius: 0px;
overflow: hidden;
box-shadow: 0px 0px 0px 2px #000000, 0px 0px 16px rgba(0,0,0,0.250);
}
.fpPromo img {
display: block;
position: relative;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.fpPromo p {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.fpPromo h4 {
position: relative;
z-index: 100;
text-align: center;
color: #fff;
background: #000;
font-family: "Merriweather", serif;
font-size: 28px;
letter-spacing: 1px;
padding: 15px 0 15px 0;
text-shadow: none;
transition: all 250ms ease-in-out;
}
.fpPromo .ovrlay {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.0);
transition: all 250ms ease-in-out;
}
.fpPromo:hover .ovrlay {
background: rgba(0,0,0,0.5);
}
.fpPromo:hover h4 {
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
}
body.page-id-214 .vc_gitem-animated-block {
display: none;
}
body.page-id-214 .vc_gitem-zone {
border: 3px solid #000;
padding: 20px 20px 0 20px;
}
body.page-id-214 .vc_row.vc_gitem-row-position-top {
padding-top: 0;
padding-bottom: 0;
}
body.page-id-214 .vc_gitem-post-data-source-post_title h4 {
font-size: 26px;
color: #000000;
font-weight: 400;
letter-spacing: 2px;
}
body.page-id-214 .vc_gitem-post-data-source-post_excerpt p {
line-height: 25px;
}
@media screen and (min-width: 768px) {
body.page-id-214 .bakery .vc_row.aboutSep {
padding-top: 0;
padding-bottom: 0;
}
}
@media screen and (max-width: 887px) {
.fpPromo h4 {
font-size: 24px;
letter-spacing: normal;
}
}
@media screen and (max-width: 768px) {
.bakery .vc_row.fpPromoRow {
padding-bottom: 0;
padding-top: 0;
}
body.page-id-214 .bakery .vc_row.aboutSep {
padding-bottom: 0;
}
body.page-id-214 .bakery .vc_row.aboutSep .vc_column-inner {
max-height: 2px;
}
body.page-id-214 .bakery .vc_row.fpPromoRow {
padding-top: 0;
padding-bottom: 40px;
}
.fpPromo {
width: 90%;
margin: 40px auto;
}
.fpPromo h4 {
font-size: 28px;
letter-spacing: 1px;
}
}
@media screen and (max-width: 454px) {
.home h1 {
line-height: 30px;
}
}
ul.pdf li {
list-style: none;
background-image: url(//nobhillhardware.com/wp-content/uploads/2018/11/pdf2.png);
background-position: top left;
background-repeat: no-repeat;
text-indent: 24px;
margin: 10px;
}
@media screen and (max-width: 767px) {
ul.pdf li {
background-image: url(//nobhillhardware.com/wp-content/uploads/2018/11/pdf.png);
}
} .bakery .vc_row.btmParaCTA {
padding: 160px 0;
}
body.page-id-214 .bakery .vc_row.btmParaCTA {
padding: 100px 0;
}
.bakery .vc_row.btmParaCTA h3 {
color: #ffffff;
font-size: 36px;
font-weight: 700;
text-transform: none;
letter-spacing: 2px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.bakery .vc_row.btmParaCTA {
padding: 75px 0 85px 0;
}
body.page-id-214 .bakery .vc_row.btmParaCTA {
padding: 50px 0;
}
.bakery .vc_row.btmParaCTA h3 {
font-size: 18px;
letter-spacing: 2px;
margin-bottom: 30px;
}
.bakery .vc_row.fpPostGrid {
padding-bottom: 0;
}
}