body, html { background-color: #ffffff; } body, p { font-family: 'Montserrat'; font-size: 15px; font-weight: 300; letter-spacing: 0px; color: #000000; } h1, h2, h3, h4, h5, h6, .page-title h3 { font-family: 'Montserrat'; font-weight: 300; text-transform: none; letter-spacing: 0px; color: #000000; } .page-title p { font-family: 'Montserrat'; font-weight: 300; font-weight: 300; letter-spacing: 0px; } .page-title p.lead { color: #bbbbbb; } a { color: #000000; } a:hover { color: #ff1452; } p a { color: #ff1452; } p a:hover { color: #000000; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .container { max-width: 1080px; } /** * Header */ #header #logo, #header .menu-toggle { height: 150px; } #header.scrolling, #header.scrolling #logo { height: 100px; background-color: #ffffff; } #header { height: 150px; background-color: #ffffff; } #header { position: static; } #page { margin-top: 0; } #page { margin-top: 0px; } /** * Menu */ #navigation, #navigation footer { background-color: #ffffff; } .menu-wrapper { height: 150px; } #header.scrolling .menu-wrapper { height: 100px; } #menu-right { height: 150px; } .main-menu li a { font-family: 'Montserrat'; font-size: 20px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; color: #ff1452; } .main-menu li a:hover { color: #a5a5a5; } .main-menu li li a { font-size: 13px; font-weight: 400; letter-spacing: 4px; text-transform: uppercase; color: #a5a5a5; } .main-menu li li a:hover { color: #000000; } /** * Menu Toggle */ #header.scrolling .menu-toggle { height: 100px; } /** * Standard Menu */ .menu li a { font-family: 'Montserrat'; font-size: 14px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; color: #000000; } .menu li a:hover { color: #ff1452; } .menu li ul { background: #333333; } .menu li ul li a { font-size: 11px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; color: #bbbbbb; } .menu li ul li a:hover { color: #ffffff; } .standard-menu #header .social-sharing li { line-height: 150px; } .standard-menu #header.scrolling .social-sharing li { line-height: 100px; } /* Hero */ #hero .page-title, #hero .page-title .outer { border-color: #ffffff} #hero .page-title .inner { background: #ffffff} #hero h1 { color: #333333} /** * Page */ form.comment-form input[type="text"], form.comment-form textarea, #contactform input, #contactform textarea { border: 1px solid #dbdbdb; } /** * Post */ .blog article, .search article, .archive article, .comment { border-bottom: 1px solid #dbdbdb; } #comments { border-top: 1px solid #dbdbdb; } h3.post-title { font-size: 28px; } h3.post-title a { color: #000000; } h3.post-title a:hover { color: #777777; } .page-title h1, .page-title h3 { font-size: 36px; } /** * Sidebar */ .sidebar h3.widgettitle { font-family: 'Montserrat'; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: #999999} .sidebar a { color: #000000; } .sidebar a:hover { color: #aeaeae; } .widget ul li { border-bottom: 1px solid #dbdbdb; } .recent-posts .widget-post-meta .post-date { color: #ff1452; } /** * Portfolio */ /* Item Title */ .item h3 { font-family: 'Montserrat'; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase} /* Item Categories */ .terms { font-family: 'Montserrat'; font-size: 12px; font-weight: 400; letter-spacing: -6px; text-transform: capitalize} /* Filter */ .filter ul { text-align: center; } .filter ul li a { font-family: 'Montserrat'; font-size: 12px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #777777; } .filter ul li a:hover, .filter ul li a.selected { color: #ff1452; } /** * Footer */ #footer, #footer p { font-family: 'Montserrat'; font-size: 11px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #footer { background-color: #f6f6f6; color: #000000; } #footer p, #footer p.copyright { color: #000000; } #footer a { color: #000000; } #footer a:hover { color: #777777; } /** * WooCommerce */ .woocommerce a.remove { color: #333!important; } .woocommerce a.remove:hover { color: #999!important; } /** * Responsive */ @media only screen and ( max-width: 960px ) { .side-header #page { margin: 150px 0 0; } } @media only screen and ( max-width: 768px ) { .main-menu li a { font-size: px; } .page-title h1, .page-title h3 { font-size: 30px; } .page-title h3 span { font-size: 26px; } }