body, html { background-color: #ffffff; } body, p { font-family: 'Work Sans'; font-size: 15px; font-weight: 400; letter-spacing: 0px; color: #000000; } @media only screen and (min-width: 960px) { body.side-header { padding-left: 270px; } } h1, h2, h3, h4, h5, h6 { font-family: 'Work Sans'; font-weight: 400; text-transform: none; letter-spacing: 0px; color: #000000; } a { color: #000000; } a:hover { color: #777777; } p a { color: #888888; } p a:hover { color: #000000; } h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .container { max-width: 1140px; } /** * Header */ #header { height: 130px; background-color: #ffffff; } #header.scrolling, #header.scrolling #logo { height: 100; background-color: #ffffff; } @media only and (min-width: 960px) { .side-header #header { width: 270px; } } #logo a { color: #000000} .alt-header #header { background-color: #fb2d43} .alt-header #logo a { color: #ffffff} #header { position: static; } #page { margin-top: 0; } #header .filter li a, #header .project-list li a { color: #888888; } #header .filter li a:hover, #header .filter li.selected a, #header .project-list li a:hover, #header .project-list li.selected a { color: #222222; } .alt-header #header .filter li a { color: #ffffff} .alt-header #header .filter li.selected a:hover, .alt-header #header .project-list li.selected a { color: #ffafc5} /** * Menu */ #navigation, #navigation footer { background-color: #ffffff; } .main-menu li a { font-family: 'Work Sans'; font-size: 28px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; color: #222222; } .main-menu li a:hover { color: #888888; } .main-menu li li a { font-size: 14px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; color: #888888; } .main-menu li li a:hover { color: #000000; } /** * Menu Toggle */ #header.scrolling .menu-toggle { height: 100px; } /** * Standard Menu */ .menu li a { font-family: 'Work Sans'; font-size: 15px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; color: #888888; } .menu li a:hover, .menu li.current-menu-item a { color: #222222; } .alt-header .menu li a { color: #ffffff; } .alt-header .menu li a:hover, .alt-header .menu li.current-menu-item a, .alt-header .menu li.current-menu-item a:hover { color: #ffafc5; } .menu li ul { background: #222222; } .menu li ul li a { font-size: 14px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; color: #888888; } .menu li ul li a:hover, .menu li ul li.current-menu-item a { color: #ffffff; } .standard-menu #header .social-sharing li { line-height: 130pxpx; } .standard-menu #header.scrolling .social-sharing li { line-height: 100px; } /** * Post */ .blog article, .search article, .archive article, .comment { border-bottom: 1px solid #eaeaea; } #comments { border-top: 1px solid #eaeaea; } h3.post-title { font-size: 24px; } h3.post-title a { color: #000000; } h3.post-title a:hover { color: #777777; } h1.page-title { font-size: 30px; } /** * Sidebar */ .sidebar h3.widgettitle { font-family: 'Work Sans'; font-size: 15px; font-weight: 600; text-transform: capitalize; letter-spacing: 0px; color: #333333; } .sidebar a { color: #000000; } .sidebar a:hover { color: #888888; } .widget ul li { border-bottom: 1px solid #eaeaea; } .recent-posts .widget-post-meta .post-date { color: #888888; } /** * Portfolio */ .portfolio-wrapper { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } .grid { margin: -0px -0px 0; } .fullwidth .grid { margin: -0px 0px; } .item-content { margin: 0px; } .item-content img { border-radius: 0px; } .overlay-white { background: rgba(255, 255, 255, 0.90); } .overlay-black { background: rgba(0, 0, 0, 0.90); } .overlay-custom { background: rgba(240,40,57,0.90); } .title-custom, .title-custom h3, .title-custom a .terms { color: #ffffff; } /* Item Title */ .item h3 { font-family: 'Work Sans'; font-size: 15px; font-weight: 600; letter-spacing: 0px; text-transform: capitalize} /* Item Categories */ .terms { color: #f7cece; font-family: 'Work Sans'; font-size: 14px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize} /* Filter */ .filter ul { text-align: left; } .filter ul li a { font-family: 'Work Sans'; font-size: 15px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; color: #888888; } .filter ul li a:hover, .filter ul li.selected a { color: #222222; } /** * Footer */ #footer, #footer p { font-family: 'Work Sans'; font-size: 15px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; } #footer { background-color: #ffffff; color: #333333; } #footer p, #footer p.copyright { color: #333333; } #footer a { color: #888888; } #footer a:hover { color: #444444; } /** * 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: 130px 0 0; } } @media only screen and ( max-width: 768px ) { .main-menu li a { font-size: 22px; } }