/* hide top bar on mobile */
@media (max-width: 768px) {
.top-bar {
display: none;
}
}
/* top bar only on home page */
body:not(.home) .top-bar {
display: none;
}
/* top bar letter spacing */
.topbar-text {
letter-spacing: 1px;
}
/* center mobile menu text */
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
text-align: center;
}
/* menu letter spacing */
.main-navigation a {
letter-spacing: 2px;
}
/* h1 letter spacing */
h1 {
letter-spacing: 2px;
}
/* home hero font styling */
.hero-headline {
font-size: 44px;
letter-spacing: 3px;
}
@media( max-width: 768px ) {
.hero-headline {
font-size: 32px;
letter-spacing: 2px;
}
}
/* submit post comment button */
input[type=”submit”] {
padding: 15px 25px;
margin-top: 10px;
border-radius: 0px;
transition: all 0.2s ease 0s;
}
/* top bar button styling */
.button.topbar,
.button.topbar:visited,
.button.topbar:focus {
color: #ffffff;
font-size: 13px;
background: transparent;
border: 2px solid #ffffff;
padding: 3px 12px;
margin: 6px 10px;
border-radius: 0px;
transition: all 0.2s ease 0s;
}
.button.topbar:hover,
.button.topbar:active {
color: #ffffff;
background: transparent;
border: 2px solid #08cec7;
}
/* ghost button styling */
.button.ghost,
.button.ghost:visited,
.button.ghost:focus {
color: #ffffff;
background: transparent;
border: 3px solid #ffffff;
padding: 10px 25px;
border-radius: 0px;
margin-top: 5px;
transition: all 0.2s ease 0s;
}
.button.ghost:hover,
.button.ghost:active {
color: #ffffff;
background: transparent;
border: 3px solid #08cec7;
}
/* footer widget area custom widths */
@media (min-width:1025px) {
.footer-widgets .footer-widget-1 {
width: 45%;
padding-right: 20px
}
.footer-widgets .footer-widget-2 {
width: 30%;
text-align: center;
}
.footer-widgets .footer-widget-3 {
width: 25%;
text-align: center;
}
}
@media (max-width:1024px) {
.footer-widgets .footer-widget-1,
.footer-widgets .footer-widget-2,
.footer-widgets .footer-widget-3 {
width: 100%;
text-align: center;
}
}
/* ninja forms styling */
/* hide required message above from */
.nf-form-fields-required {
display: none;
}
/* ninja forms button styling */
.field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] {
padding: 14px 24px;
border-radius: 4px;
transition: all 0.5s ease 0s;
float: right;
}