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;
}
}