@font-face {
font-family: 'Socicon';
src: url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/fonts/Socicon.eot?87visu);
src: url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/fonts/Socicon.eot?87visu#iefix) format('embedded-opentype'), url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/fonts/Socicon.woff2?87visu) format('woff2'), url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/fonts/Socicon.ttf?87visu) format('truetype'), url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/fonts/Socicon.woff?87visu) format('woff'), url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/fonts/Socicon.svg?87visu#Socicon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="socicon-"], [class*=" socicon-"] { font-family: 'Socicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.socicon-instagram:before {
content: "\e044";
}
.socicon-twitter:before {
content: "\e08d";
}
.socicon-googleplus:before {
content: "\e038";
}
.socicon-facebook:before {
content: "\e028";
}
.socicon-linkedin:before {
content: "\e04c";
}
.socicon-yelp:before {
content: "\e0a3";
}
body {
background: #FFF;
font-size: 18px;
line-height: 1.2;
color: #000;
font-family: "Montserrat", sans-serif;
}
* {
-webkit-font-smoothing: antialiased;
transition: color 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: color 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
-webkit-transitiomn: color 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
transition: background 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: background 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
-webkit-transition: background 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
transition: max-height 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
-moz-transition: max-height 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
-webkit-transition: max-height 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
}
a {
color: #731e47;
}
a:hover, a:focus {
color: #731e47;
text-decoration: none;
}
.button {
text-decoration: none !important;
}
h1, h2, h3, h4, h5 {
font-weight: 600;
margin: 0 0 15px;
}
img {
max-width: 100%;
height: auto;
}
p {
color: #4b4b4b;
font-size: 20px;
line-height: 26px;
margin: 0 0 15px;
font-weight: 400;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
blockquote {
border-left: 0px;
font-size: 26px;
line-height: 40px;
font-weight: 700;
}
label {
font-size: 14px;
line-height: 1.4;
margin: 0;
font-weight: 400;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea {
background: #FFF;
border: 0px;
border-radius: 0;
padding: 0 12px;
font-size: 20px;
height: 35px;
line-height: 35px;
color: #4b4b4b;
margin: 0 0 15px;
width: 100%;
outline: 0px;
}
::-webkit-input-placeholder {
color: #4b4b4b;
}
::-moz-placeholder {
color: #4b4b4b;
}
:-ms-input-placeholder {
color: #4b4b4b;
}
:-moz-placeholder {
color: #4b4b4b;
}
textarea {
height: 124px;
padding: 10px 12px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input[type="submit"] {
background: #731e47;
color: #FFF;
border-radius: 0px;
border: 0px;
padding: 8px 45px;
max-width: 100%;
display: block;
margin: 15px auto 0;
font-size: 19px;
font-weight: 500;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
input[type="submit"]:hover {
background: #5a1034;
}
.wpcf7-list-item, #content .wpcf7-list-item {
margin: 0 15px 15px 0;
text-transform: uppercase;
font-size: 13px;
float: left;
}
.wpcf7-list-item input[type="checkbox"] {
background: transparent;
border: 1px solid #FFF;
margin: 4px 6px 0 0;
float: left;
}
.wpcf7-list-item-label {
margin: 2px 0 0 0;
float: left;
font-size: 13px;
}
section {
padding: 45px 30px;
}
@media (max-width: 767px) {
p {
font-size: 18px;
line-height: 24px;
}
} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
max-width: 880px;
width: 100%;
padding: 0;
}
@media (max-width: 767px) {
.container {
width: 100%;
padding: 0;
}
} #page-content .alignleft {
float: left;
margin: 0 30px 30px 0;
}
#page-content .alignright {
float: right;
margin: 0 0 30px 30px;
}
#page-content .aligncenter {
margin: 0 auto 30px;
display: block;
}
#main p:last-child .aligncenter {
margin: 0 auto;
}
@media (max-width: 767px) {
#page-content .alignleft, #page-content .alignright {
float: none;
margin: 0 auto 30px;
display: block;
}
} #masthead {
clear: both;
width: 100%;
margin: 0;
z-index: 999;
}
@media(max-width:767px) {
.admin-bar #masthead {
top: 46px;
}
} #header-branding {
clear: both;
width: 100%;
position: relative;
z-index: 3;
padding: 30px 30px 24px;
text-align: center;
background: #FFF;
}
#header-branding img {
margin: 0 auto;
display: block;
} @media (max-width: 767px) {
#header-mobile {
z-index: 4;
position: relative;
border: 0px;
border-radius: 0px;
padding: 0;
background: none;
}
#mobile-nav-toggle {
bottom: 0px;
top: 0px;
z-index: 999;
height: 52px;
border: 0px !important;
padding: 6px;
background: #33523e;
float: left;
width: 100%;
}
#mobile-nav-inner {
float: left;
width: 100%;
}
.navbar-inverse .navbar-toggle {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 35px;
border-radius: 0px;
display: inline-block;
background: none;
border: 0px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background: none;
}
.navbar {
margin-bottom: 0px;
}
.navbar-inverse .navbar-inner {
background: transparent;
filter: none;
border: 0px;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
height: 42px;
}
.navbar-collapse {
padding: 0;
border-top: 0px !important;
}
.navbar-collapse.collapse {
padding: 0;
border-top: 0px !important;
}
.nav-collapse .nav {
float: none;
margin: 0;
}
.navbar-inverse .btn-navbar {
color: #FFF;
text-shadow: none;
filter: none;
border: 0px;
border-radius: 0px;
box-shadow: none;
z-index: 999;
background: #33523e;
padding: 0;
margin: 0;
font-size: 14px;
width: 100px;
position: absolute;
top: 0px;
left: 0px;
height: 100px;
line-height: 100px;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #FFF;
height: 3px;
width: 100%;
margin: 0 0 4px;
border-radius: 0px;
}
.mobile-nav-title {
display: inline-block;
vertical-align: top;
margin: 2px 0 0 10px;
font-weight: 400;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
color: #FFF;
}
.icon-bars {
float: none;
width: 25px;
margin: 6px auto 0 auto;
display: inline-block;
}
#mobile-nav .nav > li {
float: left;
clear: both;
width: 100%;
margin: 0 0 -1px;
border-radius: 0px;
}
#mobile-nav .nav > li > a {
color: #FFF;
text-shadow: none;
font-size: 20px;
border-radius: 0px;
padding: 16px 15px;
text-align: center;
text-transform: uppercase;
width: 100%;
float: left;
border-top: 0px !important;
line-height: 1;
font-weight: 400;
letter-spacing: 1px;
background: #33523e;
}
#mobile-nav .nav > li:last-child a {
padding: 24px 15px 15px;
}
#mobile-nav .nav > li:last-child a {
border-bottom: 0px;
padding: 16px 15px 24px;
}
#mobile-nav .menu-item-has-children > a:after {
content: '';
border-top: 5px solid #FFF;
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
display: inline-block;
margin: 6px 0 0 6px;
vertical-align: top;
}
#mobile-nav .sub-menu {
padding: 0;
width: 100%;
float: left;
clear: both;
margin: 0;
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 200ms ease-in;
-moz-transition: max-height 200ms ease-in;
-o-transition: max-height 200ms ease-in;
transition: max-height 200ms ease-in;
}
#mobile-nav li.open > .sub-menu {
max-height: 900px;
}
#mobile-nav .nav > li > ul > li > a {
color: #FFF;
text-shadow: none;
font-size: 18px;
border-radius: 0px;
padding: 15px 15px;
text-align: center;
text-transform: uppercase;
width: 100%;
float: left;
border-top: 0px !important;
line-height: 1;
font-weight: 400;
letter-spacing: 1px;
background: #731e47;
}
#mobile-nav li > a:focus {
text-decoration: none !important;
}
#mobile-nav li > a:hover {
text-decoration: none !important;
}
#mobile-nav .nav-collapse .nav > li > a, #mobile-nav .nav-collapse .dropdown-menu a {
width: 100%;
color: #FFF;
}
.nav-collapse, .nav-collapse.collapse {
height: 0;
overflow: hidden;
margin: 0;
float: left;
width: 100%;
}
.nav-collapse .nav > li > a {
margin-bottom: 0;
}
.nav-collapse .nav {
padding-bottom: 0px;
width: 100%;
}
.nav-collapse .nav > li {
float: none;
padding: 0;
}
}
#wpadminbar {
position: fixed !important;
} #logo {
margin: 0 auto 28px;
padding: 0;
display: block;
}
#logo img {
margin: 0 auto;
display: block;
z-index: 9999;
position: relative;
}
@media (max-width: 767px) {
#logo {
float: left;
width: 100%;
clear: both;
padding: 20px 20px 30px;
margin: 0;
}
} #mobile-nav {
width: 100%;
border-radius: 0px;
border: 0px !important;
float: left;
margin: 0;
z-index: 999;
} #main-nav {
margin: 0 0 20px;
width: auto;
position: relative;
z-index: 999;
text-align: center;
padding: 0 30px;
}
#main-nav .container {
position: relative;
}
#main-nav .menu-main-container {
}
#main-nav ul {
text-align: center;
padding: 0;
}
#main-nav li {
display: inline-block;
font-size: 15px;
color: #741f48;
line-height: 1;
background: transparent;
position: relative;
font-weight: 400;
margin: 0 0 0 -4px;
padding: 0;
height: 36px;
line-height: 36px;
}
#main-nav li a {
color: #741f48;
padding: 0 20px;
display: inline-block;
font-size: 15px;
vertical-align: middle;
text-transform: uppercase;
line-height: 18px;
font-weight: 400;
letter-spacing: 0px;
position: relative;
background: none !important;
transition: background .0s ease-in;
-moz-transition: background .0s ease-in;
-webkit-transition: background .0s ease-in;
}
#main-nav li a:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
background: #75b7bc;
height: 100%;
width: 1px;
}
#main-nav li:last-child a:after {
content: none;
}
#main-nav li:hover > a, #main-nav li:focus > a {
outline: none;
}
#main-nav ul > li:hover > a {
text-decoration: none;
color: #4d0e2c;
}
#main-nav > div > ul > li:hover > a {
background: none;
}
#main-nav li.current_page_item > a {
color: #4d0e2c;
}
#main-nav li ul {
padding: 0;
}
#main-nav li:hover > ul {
display: block;
max-height: 900px;
}
#main-nav .sub-menu {
float: left;
clear: both;
margin: 0;
position: absolute;
top: 100%;
left: 0px;
z-index: 999;
height: auto;
min-width: 170px;
max-height: 0px;
overflow: hidden;
}
#main-nav .sub-menu .sub-menu {
left: 224px;
top: 0;
position: absolute;
}
#main-nav .sub-menu li {
float: left;
clear: both;
width: 100%;
height: auto;
position: relative;
margin: 0;
padding: 0;
transition: background .0s ease-in;
-moz-transition: background .0s ease-in;
-webkit-transition: background .0s ease-in;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
}
#main-nav .sub-menu li a {
color: #FFF;
background: #741f48 !important;
border-right: 0px;
font-size: 16px;
line-height: 1.3;
text-decoration: none;
padding: 10px 18px;
text-align: left;
margin: 0;
float: left;
clear: both;
width: 100%;
letter-spacing: 0px;
text-transform: uppercase;
transition: 0s ease-in;
-moz-transition: 0s ease-in;
-webkit-transition: 0s ease-in;
}
#main-nav .sub-menu li:hover > a {
color: #FFF;
} #main {
clear: both;
width: 100%;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
#main .container {
max-width: 900px;
}
#page-content {
width: 100%;
padding: 60px 30px;
overflow: hidden;
}
.page-template-default #page-content {
padding: 60px 30px;
}
#page-content .intro-text {
line-height: 1.3;
margin: 0 0 8px;
font-size: 54px;
font-weight: 400;
color: #731e47;
font-family: 'Playfair Display', serif;
}
#page-content h1 {
line-height: 1.3;
margin: 0 0 25px;
font-size: 54px;
font-weight: 400;
color: #731e47;
text-transform: uppercase;
font-family: 'Playfair Display', serif;
}
.single-post #page-content h1 {
text-transform: none;
margin: 0 0 15px;
line-height: 1;
}
#page-content h2 {
line-height: 1.3;
margin: 0 0 25px;
font-size: 54px;
font-weight: 400;
color: #731e47;
text-transform: uppercase;
font-family: 'Playfair Display', serif;
}
.single-post #page-content h2 {
line-height: 1.3;
margin: 0 0 25px;
font-size: 22px;
font-weight: 600;
color: #486a5a;
text-transform: none;
font-family: 'Montserrat', sans-serif;
}
.single-post #page-content h2.post-subtitle {
color: #486a5a;
font-size: 35px;
font-weight: 600;
margin: 0 0 25px;
}
#page-content h3 {
font-size: 36px;
line-height: 1.3;
font-weight: 600;
margin: 0 0 20px;
color: #33523e;
}
.single-post #page-content h3 {
line-height: 1.3;
margin: 0 0 25px;
font-size: 20px;
font-weight: 600;
color: #486a5a;
text-transform: none;
font-family: 'Montserrat', sans-serif;
}
#page-content h4 {
font-size: 33px;
line-height: 1.3;
font-weight: 600;
margin: 0 0 20px;
color: #33523e;
}
.single-post #page-content h3 {
line-height: 1.3;
margin: 0 0 25px;
font-size: 18px;
font-weight: 600;
color: #486a5a;
text-transform: none;
font-family: 'Montserrat', sans-serif;
}
#page-content h5 {
font-size: 30px;
line-height: 1.3;
font-weight: 600;
margin: 0 0 20px;
color: #33523e;
}
.single-post #page-content h5 {
line-height: 1.3;
margin: 0 0 25px;
font-size: 18px;
font-weight: 600;
color: #486a5a;
text-transform: none;
font-family: 'Montserrat', sans-serif;
}
#page-content p {
color: #4b4b4b;
font-size: 20px;
line-height: 26px;
margin: 0 0 30px;
font-weight: 400;
}
#page-content p strong {
color: #731e47;
font-weight: 600;
}
#page-content p a {
color: #731e47;
text-decoration: underline;
text-underline-position: under;
text-decoration-color: #731e47;
text-decoration-thickness: 1px;
}
#page-content figcaption {
font-style: oblique;
display: block;
}
#page-content figcaption .broken_link, #page-content figcaption a.broken_link {
text-decoration: none;
}
#page-content ul {
font-weight: 400;
font-size: 18px;
margin: 0 0 30px;
padding: 0;
clear: both;
}
#page-content ul:last-child {
margin: 0;
}
#page-content ul li {
position: relative;
margin: 0 0 15px;
list-style: none;
color: #4b4b4b;
font-size: 20px;
line-height: 26px;
padding: 0 0 0 15px;
}
#page-content ul li:before {
content: '';
background: #4b4b4b;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 14px;
left: 0px;
}
#page-content li a {
text-decoration: underline;
text-underline-position: under;
text-decoration-color: #456f61;
text-decoration-thickness: 1px;
}
#page-content ol {
color: #4b4b4b;
font-size: 20px;
line-height: 26px;
margin: 0 0 30px;
padding: 0 0 0 20px;
}
#page-content ol:last-child {
margin: 0;
}
#page-content ol li {
position: relative;
margin: 0 0 15px;
color: #4b4b4b;
font-size: 20px;
line-height: 26px;
padding: 0 0 0 10px;
}
#page-content blockquote {
margin: 0 0 30px;
padding: 0 50px;
quotes: "\201C""\201D""\2018""\2019";
}
#page-content blockquote:last-child {
margin: 20px 0 0;
}
#page-content form {
text-align: center;
margin: 30px auto 20px;
max-width: 800px;
}
#page-content #commentform {
float: left;
margin: 0 auto 20px;
width: 100%;
}
#page-content #commentform textarea {
border: 1px solid #ccc;
padding: 6px 12px;
max-width: 600px;
float: left;
}
#page-content input[type="text"], #page-content input[type="email"], #page-content textarea {
border: 1px solid #a9a9a9;
}
#page-content ul li:last-child {
margin: 0;
}
#page-content ol li:last-child {
margin: 0;
}
#page-content blockquote {
float: left;
width: 100%;
}
#page-content blockquote p {
font-size: 22px;
line-height: 30px;
font-style: oblique;
font-weight: 400;
margin: 0 0 10px;
text-align: center;
color: #731e47;
}
#page-content blockquote cite {
}
#page-content .wpcf7-list-item {
margin: 0 10px 10px 0;
float: left;
}
#page-content .wpcf7-form-control-wrap.event-typ .wpcf7-list-item {
width: 225px;
}
#page-content .wpcf7-list-item input[type="checkbox"] {
margin: 6px 6px 0 0;
}
#page-content .wpcf7-list-item-label {
text-transform: none;
font-size: 20px;
float: none;
width: auto;
}
#page-content .wpcf7-list-item-label a {
text-decoration: underline;
}
#main p:last-child {
margin: 0;
}
.button, #page-content .button {
display: table;
position: relative;
clear: both;
width: auto;
text-align: center;
margin: 0 0 10px;
font-weight: 600;
letter-spacing: 0px;
background: #731e47;
color: #FFF !important;
line-height: 24px;
font-size: 19px;
padding: 10px 30px;
text-transform: uppercase;
transition: all .45s ease-in-out;
opacity: 1;
}
.button:hover, #page-content .button:hover {
color: #FFF;
background: #5a1034;
}
.col-left {
float: left;
width: 48%;
margin: 0 4% 0 0;
}
.col-right {
float: left;
width: 48%;
margin: 10px 0 0;
}
.primary {
float: left;
width: 68%;
margin: 0 4% 0 0;
}
.secondary {
float: left;
width: 28%;
margin: 0;
}
@media (max-width: 767px) {
#main {
margin: 0;
}
#main h1 {
font-size: 40px;
}
#page-content .intro-text {
font-size: 40px;
}
.single-post #page-content h2.post-subtitle {
font-size: 25px;
}
#page-content p {
font-size: 18px !important;
line-height: 28px !important;
margin: 0 0 18px;
}
#page-content h2 {
font-size: 30px;
}
#page-content ul li, #page-content ol li {
font-size: 18px;
line-height: 28px;
margin: 0 0 8px;
}
.col-left {
float: left;
width: 100%;
margin: 0 0 20px;
}
.col-right {
float: left;
width: 100%;
margin: 0 0 20px;
padding: 0 2%;
}
.primary {
float: left;
width: 100%;
margin: 0 0 20px;
}
.secondary {
float: left;
width: 100%;
margin: 0 0 20px;
}
} #colophon {
float: left;
clear: both;
width: 100%;
margin: 0;
padding: 40px 30px 60px;
position: relative;
background: #731e47;
}
#colophon .widget_nav_menu ul {
margin: 0 0 30px;
}
#colophon .widget_nav_menu ul {
text-align: center;
}
#colophon .widget_nav_menu ul li {
display: inline-block;
position: relative;
margin: 0 0 0 -6px;
color: #FFF;
}
#colophon .widget_nav_menu ul li a {
color: #FFF;
padding: 6px 14px;
font-size: 15px;
text-transform: uppercase;
}
#colophon .widget_nav_menu ul li:hover {
opacity: 0.7;
}
#colophon .widget_nav_menu ul li a:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
background: #FFF;
height: 100%;
width: 1px;
}
#colophon .widget_nav_menu ul li:last-child a:after {
content: none;
}
#colophon #menu-social {
text-align: center;
}
#colophon #menu-social li {
color: #731e47;
font-size: 0px;
position: relative;
background: #FFF;
width: 43px;
height: 43px;
line-height: 43px;
border-radius: 50%;
margin: 0 5px;
}
#colophon #menu-social li a {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
font-size: 0px;
opacity: 0;
}
#colophon #menu-social li:before {
color: #731e47;
font-size: 20px;
}
#colophon p {
text-align: center;
color: #FFF;
font-size: 13px;
line-height: 18px;
margin: 0;
text-transform: uppercase;
}
#colophon p a {
color: #FFF;
}
#colophon p a:hover {
text-decoration: underline;
text-underline-position: under;
text-decoration-color: #FFF;
text-decoration-thickness: 1px;
}
@media(max-width:767px) {
#colophon .widget_nav_menu {
text-align: center;
}
#colophon .widget_nav_menu ul li {
margin: 0 0 10px -6px;
}
} #primary {
float: right;
width: 60%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#secondary {
float: left;
width: 35%;
margin: 0;
padding: 0;
} #banner {
position: relative;
}
#banner > img {
width: 100%;
}
#banner-text {
width: 100%;
padding: 190px 0 0;
position: relative;
}
#banner-text h1 {
font-size: 55px;
line-height: 60px;
color: #FFF;
font-weight: 400;
margin: 0;
text-align: center;
font-family: 'Playfair Display', serif;
}
@media(max-width: 767px) {
#banner-text {
padding: 160px 0 0;
}
#banner-text h1 {
font-size: 30px;
}
} .home #banner {
position: relative;
height: 680px;
}
.home #banner .container {
max-width: 800px;
}
.home #banner-image {
display: none;
}
.home #banner-text {
width: 100%;
position: absolute;
background: rgba(198, 206, 151, 0.74);
padding: 32px 0;
top: 50%;
height: 120px;
margin: -40px 0 0;
}
.home #banner-text h1 {
line-height: 1;
font-family: 'Herr Von Muellerhoff', cursive;
color: #FFF;
font-weight: 500;
margin: 0;
text-align: center;
width: 450px;
height: 101px;
position: absolute;
top: 50%;
left: 50%;
margin: -48px 0 0 -225px;
font-size: 0px;
background: url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/images/title-life-stories.png) center center no-repeat;
}
@media(max-width: 767px) {
.home #banner {
padding: 0;
height: 300px;
}
.home #banner-text {
height: 70px;
}
.home #banner-text h1 {
font-size: 0px !important;
width: 300px;
height: 67px;
background-size: 100% auto;
margin: -33.5px 0 0 -150px;
}
} .home #section1 {
background: #FFF;
padding: 28px 30px 40px;
}
.home #section1 h2 {
color: #731e47;
font-size: 54px;
line-height: 1.2;
font-family: 'Playfair Display', serif;
font-weight: 400;
text-transform: uppercase;
margin: 0 0 14px;
}
.home #section1 h3 {
color: #33523e;
font-size: 23px;
line-height: 1.2;
font-weight: 600;
margin: 0 0 10px;
}
.home #section1-quote {
height: 473px;
width: 100%;
padding: 190px 20px 30px;
position: relative;
margin: 20px auto 0;
float: left;
}
.home #section1-quote:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.25);
}
.home #section1-quote blockquote {
font-size: 24px;
line-height: 38px;
text-align: center;
color: #FFF;
text-shadow: rgba(0,0,0,0.3) 0px 0px 12px;
padding: 0;
position: relative;
}
.home #section1-quote blockquote p {
font-size: 24px;
line-height: 38px;
text-align: center;
color: #FFF;
font-weight: 500;
font-style: oblique;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 1), 0px 0px 12px rgba(0, 0, 0, 1), 0px 0px 12px rgba(0, 0, 0, 1), 0px 0px 18px rgba(0, 0, 0, 1), 0px 0px 16px rgba(0, 0, 0, 1);
}
.home #section1-quote cite {
font-size: 53px;
line-height: 1.3;
text-align: center;
color: #FFF;
font-weight: 400;
width: 100%;
display: block;
font-family: 'Herr Von Muellerhoff', cursive;
position: relative;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 1), 0px 0px 12px rgba(0, 0, 0, 1), 0px 0px 12px rgba(0, 0, 0, 1), 0px 0px 18px rgba(0, 0, 0, 1), 0px 0px 16px rgba(0, 0, 0, 1);
}
.home #section1-quote cite:before {
content: '-';
}
.home #section1 a {
text-decoration: underline;
text-underline-position: under;
text-decoration-color: #731e47;
text-decoration-thickness: 1px;
}
@media(max-width: 767px) {
.home #section1 {
}
.home #section1 h2 {
font-size: 40px;
margin: 0 0 16px;
}
.home #section1 h3 {
font-size: 18px;
}
.home #section1-quote {
height: 420px;
padding: 180px 20px 30px;
}
.home #section1-quote:before {
}
.home #section1-quote blockquote {
}
.home #section1-quote blockquote p {
font-size: 18px;
line-height: 26px;
max-width: 380px;
margin: 0 auto 20px;
}
.home #section1-quote cite {
font-size: 40px;
}
.home #section1-quote cite:before {
}
} .home #section2 {
padding: 40px 30px;
}
.home #section2 .container {
max-width: 880px;
}
.home #section2 #book-image {
float: left;
width: 28%;
}
.home #section2 #book-image img {
}
.home #section2 #book-button-buy {
background: #731e47;
color: #FFF;
border-radius: 0px;
border: 0px;
padding: 9px 0;
max-width: 100%;
display: block;
margin: 15px auto 0;
font-size: 19px;
text-align: center;
font-weight: 500;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.home #section2 #book-button-buy:after {
content: '';
border-top: 12px solid #FFF;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
display: inline-block;
margin: 5px 0 0 7px;
vertical-align: top;
}
.home #section2 #book-button-reviews {
background: #9ca46d;
color: #FFF;
border-radius: 0px;
border: 0px;
padding: 9px 0;
max-width: 100%;
display: block;
margin: 15px auto 0;
text-align: center;
font-size: 19px;
font-weight: 500;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.home #section2 #book-button-reviews:after {
content: '';
border-top: 12px solid #FFF;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
display: inline-block;
margin: 5px 0 0 7px;
vertical-align: top;
}
.home #section2.open #book-button-reviews {
font-size: 0px;
}
.home #section2.open #book-button-reviews:before {
content: 'Close Reviews';
font-size: 19px;
}
.home #section2.open #book-button-reviews:after {
content: '';
border-bottom: 12px solid #FFF;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
border-top: 0px;
display: inline-block;
margin: 5px 0 0 7px;
vertical-align: top;
}
.home #section2 #book-info {
float: right;
width: 68%;
}
.home #section2 #book-info .intro-text {
font-family: 'Playfair Display', serif;
font-weight: 400;
text-transform: uppercase;
color: #731e47;
font-size: 45px;
}
.home #section2 #book-info h2 {
font-family: 'Playfair Display', serif;
font-weight: 400;
text-transform: uppercase;
color: #731e47;
font-size: 45px;
}
.home #section2 #book-info h3 {
color: #33523e;
font-size: 23px;
font-weight: 600;
line-height: 1.1;
margin: 0 0 15px;
}
.home #section2 #book-availability {
color: #731e47;
font-size: 23px;
font-weight: 600;
line-height: 1.1;
margin: 0 0 15px;
}
.home #section2 #book-info p {
}
.home #section2 #book-reviews {
max-height: 0px;
overflow: hidden;
padding: 40px 0 0;
}
.home #section2.open #book-reviews {
max-height: 9000px;
}
.home #section2 #book-reviews h3 {
color: #731e47;
padding: 36px 0 0;
border-top: 1px solid #ebe3e8;
font-size: 36px;
line-height: 1.1;
margin: 0 0 -10px;
font-family: 'Playfair Display', serif;
font-weight: 400;
}
.home #section2 #book-reviews blockquote {
padding: 0;
margin: 30px 0 0;
}
.home #section2 #book-reviews cite {
margin: 20px 0 0;
display: block;
font-weight: 600;
color: #33523e;
font-style: normal;
}
@media(max-width: 767px) {
.home #section2 #book-image {
width: 100%;
margin: 0 auto 30px;
max-width: 240px;
float: none;
}
.home #section2 #book-image img {
margin: 0 auto;
display: block;
}
.home #section2 #book-info {
width: 100%;
}
.home #section2 #book-info .intro-text {
font-size: 36px;
}
.home #section2 #book-info h2 {
font-size: 36px;
}
.home #section2 #book-info h3 {
font-size: 20px;
}
.home #section2 #book-availability {
font-size: 20px;
}
} .home #section3 {
padding: 40px 30px;
background: #eaedd9;
}
.home #section3-image {float: right;width: 42%;height: 554px;margin: 0 0 40px 30px;}
.home #section3-image h2 {
font-family: 'Playfair Display', serif;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
text-align: center;
font-size: 66px;
line-height: 1;
text-shadow: rgb(0 0 0 / 60%) 0px 0px 10px;
margin: 12px 0 0;
}
.home #section3 p {
}
.home #section3 h3 {
color: #33523e;
font-size: 23px;
}
.home #section3 p a {
text-decoration: underline;
text-underline-position: under;
text-decoration-color: #731e47;
text-decoration-thickness: 1px;
}
@media(max-width: 767px) {
.home #section3 {
}
.home #section3-image {
width: 100%;
max-width: 400px;
margin: 0 auto 30px;
float: none;
display: table;
}
.home #section3-image h2 {
font-size: 50px;
margin: 30px auto;
}
.home #section3-image p {
}
.home #section3-image h3 {
}
.home #section3-image p a {
}
} .home #section4 {
padding: 65px 30px 45px;
background: #FFF;
}
.home #section4 .container {
max-width: 880px;
}
.home #section4 h2 {
font-size: 54px;
margin: 0 0 20px;
font-family: 'Playfair Display', serif;
font-weight: 400;
color: #731e47;
text-transform: uppercase;
line-height: 1;
}
.home #posts .container {
max-width: 795px;
}
.home #posts {
padding: 0;
}
.home #posts .post, .blog #posts .post, .archive #posts .post, .search #posts .post {
float: left;
margin: 0 0 40px;
}
.home #posts .post:last-child, .blog #posts .post:last-child, .archive #posts .post:last-child, .search #posts .post:last-child {
margin: 0;
}
.home #posts .post-image, .blog #posts .post-image, .archive #posts .post-image, .search #posts .post-image {
float: left;
width: 44%;
position: relative;
}
.home #posts .post-image img, .blog #posts .post-image img, .archive #posts .post-image img, .search #posts .post-image img {
height: auto;
margin: 0 auto;
display: block;
width: 100%;
}
.home #posts .post-text, .blog #posts .post-text, .archive #posts .post-text, .search #posts .post-text {
float: right;
width: 52%;
}
.home #posts .post-text h3 {
font-size: 23px;
line-height: 30px;
margin: 0 0 10px;
font-weight: 600;
}
.home #posts .post-text h3 a {color: #33523e;}
.blog #posts .post-text h3 a, .archive #posts .post-text h3 a, .search #posts .post-text h3 a {
font-weight: 600;
color: #33523e;
}
.home #posts .post-text h3:hover a {
}
.blog #posts .post-text h3:hover a, .archive #posts .post-text h3:hover a, .search #posts .post-text h3:hover a {
}
.home #posts .post-text .button {
background: none;
padding: 0 10px;
height: auto;
font-size: 18px;
line-height: 1;
font-weight: 400;
color: #731e47 !important;
}
.home #posts .post-text .button:before, .blog #posts .post-text .button:before, .archive #posts .post-text .button:before, .search #posts .post-text .button:before {
content: '[';
position: absolute;
left: 0px;
}
.home #posts .post-text .button:after, .blog #posts .post-text .button:after, .archive #posts .post-text .button:after, .search #posts .post-text .button:after {
content: ']';
position: absolute;
right: 0px;
}
.blog #posts .post-text .button, .archive #posts .post-text .button, .search #posts .post-text .button {
background: none;
padding: 0 12px;
font-size: 20px;
line-height: 1;
font-weight: 400;
color: #731e47 !important;
}
.home #posts .post-text .button:hover {
}
.blog #posts .post-text .button:hover, .archive #posts .post-text .button:hover, .search #posts .post-text .button:hover {
}
@media(max-width: 767px) {
.home #section4 h2 {
text-align: center;
font-size: 42px;
}
.home #posts .post-image, .blog #posts .post-image, .archive #posts .post-image, .search #posts .post-image {
width: 100%;
margin: 0 0 20px;
}
.home #posts .post-text, .blog #posts .post-text, .archive #posts .post-text, .search #posts .post-text {
width: 100%;
float: none;
}
.home #posts .post-text h3, .blog #posts .post-text h3, .archive #posts .post-text h3, .search #posts .post-text h3 {
text-align: center;
}
.home #posts .post-text p, .blog #posts .post-text p, .archive #posts .post-text p, .search #posts .post-text p {
text-align: center;
}
.home #posts .post-text .button, .blog #posts .post-text .button, .archive #posts .post-text .button, .search #posts .post-text .button {
text-align: center;
margin: 0 auto;
}
} .home #section5 {
background: #dfeef0;
padding: 45px 30px 0;
}
.home #section5 .container {
}
.home #section5 h2 {
color: #731e47;
font-size: 36px;
line-height: 1.2;
text-align: center;
margin: 0 0 20px;
font-family: 'Playfair Display', serif;
font-weight: 400;
}
.home #section5 h2 strong {
padding: 20px 135px 20px 0;
margin: 0 6px 0 0;
background: url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/images/icon-pencil.png) center right no-repeat;
font-weight: 400;
}
.home #section5 h3 {
color: #33523e;
font-size: 36px;
text-align: center;
margin: 0 0 30px;
font-family: 'Playfair Display', serif;
font-weight: 400;
}
.home #section5 p {
font-size: 22px;
text-align: center;
line-height: 26px;
margin: 0 0 30px;
color: #4b4b4b;
}
.home #section5 p strong {
color: #731e47;
font-weight: 700;
}
.home #section5 p em {
font-size: 16px;
}
.home #section5 form {
max-width: 830px;
margin: 0 auto;
}
.home #section5 ::-webkit-input-placeholder {
color: #4b4b4b;
}
.home #section5 ::-moz-placeholder {
color: #4b4b4b;
}
.home #section5 :-ms-input-placeholder {
color: #4b4b4b;
}
.home #section5 :-moz-placeholder {
color: #4b4b4b;
}
.home #section5 form input[type="text"], .home #section5 form input[type="email"] {
color: #4b4b4b;
font-size: 18px;
}
.home #section5 form input[type="submit"] {
font-size: 20px;
background: #acdce0;
color: #4b4b4b;
border-radius: 0px;
border: 0px;
width: auto;
padding: 9px 40px;
max-width: 100%;
margin: 0 auto;
display: block;
float: none;
font-weight: 400;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.home #section5 form input[type="submit"]:hover {
background: #88bec2;
}
.home #section5 form button.loading {
padding: 0;
}
.home #section5 .ml-form-successContent {
text-align: center;
font-size: 26px;
}
.home #section5 .ml-form-successContent h4 {
text-align: center;
font-size: 28px;
}
.home #section5 .ml-form-successContent p {
font-size: 26px;
}
@media(max-width: 767px) {
.home #section5 h2 {
font-size: 28px;
}
.home #section5 p {
font-size: 18px;
}
} #signup-newsletter {
background: #ebe3e8;
padding: 34px 30px;
}
#signup-newsletter .container {
max-width: 800px;
}
#signup-newsletter h2 {
color: #731e47;
font-size: 54px;
text-align: center;
margin: 0 0 22px;
height: 105px;
padding: 18px 0 0;
font-family: 'Playfair Display', serif;
font-weight: 400;
text-transform: uppercase;
}
#signup-newsletter h2 strong {
padding: 20px 135px 20px 0;
margin: 0 6px 0 0;
background: url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/images/icon-pencil.png) center right no-repeat;
font-weight: 400;
}
#signup-newsletter h3 {
color: #33523e;
font-size: 36px;
text-align: center;
margin: 0 0 10px;
font-family: 'Playfair Display', serif;
font-weight: 400;
}
#signup-newsletter p {
font-size: 18px;
text-align: center;
line-height: 26px;
margin: 0 0 15px;
color: #4b4b4b;
}
#signup-newsletter p strong {
color: #731e47;
font-weight: 700;
}
#signup-newsletter p em {
font-size: 16px;
}
#signup-newsletter form {
max-width: 560px;
margin: 0 auto;
}
#signup-newsletter ::-webkit-input-placeholder {
color: #4b4b4b;
}
#signup-newsletter ::-moz-placeholder {
color: #4b4b4b;
}
#signup-newsletter :-ms-input-placeholder {
color: #4b4b4b;
}
#signup-newsletter :-moz-placeholder {
color: #4b4b4b;
}
#signup-newsletter form input[type="text"], #signup-newsletter form input[type="email"] {
color: #4b4b4b;
font-size: 18px;
}
#signup-newsletter form button {
font-size: 20px;
background: #549cbd;
color: #FFF;
border-radius: 0px;
border: 0px;
width: auto;
padding: 12px 40px;
max-width: 100%;
margin: 0 auto;
display: block;
float: none;
font-weight: 400;
text-transform: uppercase;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
#signup-newsletter form button:hover {
background: #3e85a5;
}
#signup-newsletter form button.loading {
padding: 0;
}
#signup-newsletter .ml-form-successContent {
text-align: center;
font-size: 26px;
}
#signup-newsletter .ml-form-successContent h4 {
text-align: center;
font-size: 28px;
}
#signup-newsletter .ml-form-successContent p {
font-size: 26px;
}
@media(max-width: 767px) {
#signup-newsletter {
}
#signup-newsletter .container {
}
#signup-newsletter h2 {
font-size: 44px;
margin: 0 0 12px;
}
#signup-newsletter h2 strong {
padding: 30px 135px 30px 0;
}
#signup-newsletter h3 {
font-size: 30px;
margin: 0 0 20px;
}
#signup-newsletter p {
font-size: 16px;
}
#signup-newsletter p strong {
}
#signup-newsletter p em {
}
#signup-newsletter form {
}
#signup-newsletter form input[type="text"], #signup-newsletter form input[type="email"] {
}
#signup-newsletter form button {
}
#signup-newsletter form button.loading {
}
#signup-newsletter .ml-form-successContent {
}
#signup-newsletter .ml-form-successContent h4 {
}
#signup-newsletter .ml-form-successContent p {
}
} #banner {
position: relative;
padding: 0;
}
#banner img {
width: 100%;
}
#banner-text {
width: 100%;
position: absolute;
background: rgba(180, 220, 225, 0.8);
padding: 44px 0;
top: 460px;
height: auto;
margin: 0;
}
#banner-text h1 {
font-size: 56px;
line-height: 1;
color: #FFF;
font-weight: 500;
margin: 0;
text-align: center;
font-family: 'Playfair Display', serif;
}
@media(max-width: 767px) {
#banner-text {
top: 210px;
padding: 20px 0;
}
#banner-text h1 {
font-size: 30px !important;
}
} #page-contact #banner-text {
background: rgba(139, 197, 225, 0.8);
}
#contact-form h2 {
text-align: center;
color: #549cbd;
}
#contact-form p {
font-size: 22px;
line-height: 29px;
color: #3f4242;
text-align: center;
max-width: 700px;
margin: 0 auto;
}
#contact-form p form {
max-width: 100%;
} #posts {
width: 100%;
clear: both;
margin: 0 0 60px;
float: left;
padding: 0;
}
.single-post #posts {
margin: 0;
}
.post {
width: 100%;
position: relative;
}
#page-content .posts .post {
margin: 0 0 60px;
padding: 0;
position: relative;
width: 100%;
float: left;
}
#page-content .posts .post:last-child {
margin: 0;
}
.single-post #posts img {
height: auto;
margin: 0 auto 40px;
display: block;
}
.posts .post .wp-post-image {
height: auto;
margin: 0 auto 40px;
display: block;
}
.posts .post:last-child {
border-bottom: 0px;
}
#page-content #archive-title, #page-content #search-title {
font-size: 42px;
margin: 0 0 30px;
}
#page-content .post-header {
margin: 0 0 30px;
}
#page-content .post h3 {
font-size: 28px;
font-weight: 400;
font-family: 'Playfair Display', serif;
color: #731e47;
line-height: 1.1;
}
.blog #page-content #posts .post h3 {
color: #33523e;
font-family: 'Montserrat', sans-serif;
font-size: 23px;
font-weight: 600;
text-transform: none;
}
.blog #page-content #posts .post h3 a {
color: #33523e;
font-weight: 600;
}
#page-content .post h3 strong {
font-size: 28px;
font-weight: 400;
}
#page-content .post h4 {
font-size: 24px;
font-weight: 400;
font-family: 'Playfair Display', serif;
}
#page-content .post h5 {
font-size: 22px;
font-weight: 400;
font-family: 'Playfair Display', serif;
}
#page-content .post h3 a {
font-weight: 400;
}
#page-content .post-author {
font-size: 20px;
margin: 0;
text-transform: uppercase;
font-weight: 300;
}
.post-text {
margin: 0;
float: left;
width: 100%;
}
#page-content .post-footer {
font-size: 18px !important;
margin: 10px 0 0;
text-transform: uppercase;
padding: 0;
float: left;
}
#page-content .post-comment {
display: inline-block;
padding: 0 15px 0 0;
margin: 0 12px 0 0;
vertical-align: top;
position: relative;
}
#page-content .post-comment:after {
content: '';
background: #427a92;
position: absolute;
right: 0px;
top: 10px;
width: 1px;
height: 18px;
}
#page-content .post-share {
display: inline-block;
vertical-align: top;
margin: 0 0 0 -1px;
}
#page-content .post-share div {
vertical-align: top;
line-height: 1;
float: left;
}
#page-content .post-footer a {
font-size: 18px !important;
display: inline-block;
vertical-align: top;
padding: 10px 0;
line-height: 1;
}
#page-content .posts-nav {
margin: 20px 0 0;
text-align: left;
clear: both;
}
#page-content .posts-nav ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
#page-content .posts-nav li {
margin: 0 4px !important;
padding: 0;
list-style: none;
clear: none;
display: inline-block;
line-height: 36px;
}
#page-content .posts-nav li:before {
content: none;
}
#page-content .posts-nav li a {
font-size: 20px;
line-height: 1;
margin: 0;
font-weight: 400;
background: transparent;
padding: 8px 10px 10px;
vertical-align: top;
display: inline-block;
text-decoration: none;
border: 1px solid #6d2a45;
}
#page-content .posts-nav li:hover > a {
color: #FFF;
background: #6d2a45;
}
#page-content .posts-nav li.active > a {
color: #FFF;
background: #6d2a45;
}
#sidebar {
padding: 16px 30px;
width: 100%;
background: #c6ce97;
}
#sidebar .container {
max-width: 900px;
}
#sidebar .widget {
float: left;
clear: none;
width: 32%;
padding: 0;
margin: 0 2% 0 0;
position: relative;
}
#sidebar .widget:last-child {
margin: 0;
}
#sidebar .search {
position: relative;
padding: 0;
}
#sidebar input[type="search"] {
background: transparent url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/images/icon-search.png) 10px 4px no-repeat;
line-height: 33px;
height: 33px;
display: block;
font-size: 17px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 2px solid #FFF;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0px;
color: #377678;
font-weight: 400;
padding: 2px 12px 2px 40px;
text-transform: uppercase;
position: relative;
}
#sidebar input[type="submit"] {
border: 0px;
background: transparent;
position: absolute;
top: 1px;
left: 1px;
margin: 0;
width: 40px;
padding: 0;
height: 32px;
}
.post-type-archive-podcast #sidebar .widget {
float: left;
clear: none;
width: 100%;
padding: 0 12px;
position: relative;
}
.post-type-archive-podcast #sidebar .widget form {
display: block;
max-width: 380px;
margin: 0 auto;
}
#sidebar .widget-categories:before {
content: '';
width: 0px;
height: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #385844;
position: absolute;
top: 12px;
right: 16px;
z-index: 0;
display: block;
}
#sidebar .widget-posts:before {
content: '';
width: 0px;
height: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #385844;
position: absolute;
top: 12px;
right: 16px;
z-index: 0;
display: block;
}
#sidebar .widget input[type="text"] {
color: #385844;
background: transparent url(//lisabaldwinwriter.com/wp-content/themes/lisabaldwin/images/icon-search.png) 8px 3px no-repeat;
border: 2px solid #FFF;
font-weight: 600;
padding: 2px 38px;
height: 33px;
float: left;
font-size: 18px;
}
#sidebar .widget select {
height: 33px;
display: block;
font-size: 17px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 2px solid #FFF;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0px;
background: transparent;
color: #385844;
font-weight: 400;
padding: 2px 12px;
text-transform: uppercase;
position: relative;
}
#sidebar .widget_text:before {
content: '';
width: 0px;
height: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #385844;
position: absolute;
top: 12px;
right: 24px;
z-index: 0;
display: block;
}
#sidebar .widget option {
text-transform: none;
}
#sidebar .widget option:first-child {
text-transform: uppercase;
}
#sidebar ::-webkit-input-placeholder {
color: #385844;
}
#sidebar ::-moz-placeholder {
color: #385844;
}
#sidebar :-ms-input-placeholder {
color: #385844;
}
#sidebar :-moz-placeholder {
color: #385844;
}
#signup {
background: #eaedd9;
padding: 40px 30px;
}
#signup .container {
max-width: 800px;
}
#signup h3 {
text-align: center;
font-size: 34px;
color: #731e47;
font-family: 'Playfair Display', serif;
line-height: 1;
font-weight: 400;
margin: 0 0 25px;
}
#signup ::-webkit-input-placeholder {
color: #4b4b4a;
}
#signup ::-moz-placeholder {
color: #4b4b4a;
}
#signup :-ms-input-placeholder {
color: #4b4b4a;
}
#signup :-moz-placeholder {
color: #4b4b4a;
}
#signup input[type="text"] {
float: left;
width: 38%;
font-size: 16px;
margin: 0 2% 0 0;
height: 37px;
color: #4b4b4a;
text-transform: uppercase;
}
#signup input[type="email"] {
float: left;
width: 38%;
font-size: 16px;
margin: 0 2% 0 0;
height: 37px;
color: #4b4b4a;
text-transform: uppercase;
}
#signup .ml-form-embedSubmit {
float: left;
width: 20%;
}
#signup input[type="submit"] {
float: left;
width: 20%;
background: #731e47;
height: 37px;
padding: 0 30px;
text-transform: uppercase;
font-size: 18px;
clear: none;
margin: 0;
}
#signup input[type="submit"]:hover {
}
#signup .ml-form-embedSubmit {
float: left;
width: 20%;
}
#signup button {
float: left;
width: 100%;
background: #731e47;
height: 37px;
padding: 0 30px;
text-transform: uppercase;
font-size: 18px;
border: 0px;
color: #FFF;
}
#signup .ml-form-successContent {
text-align: center;
font-size: 26px;
}
#signup .ml-form-successContent h4 {
text-align: center;
font-size: 28px;
}
#signup .ml-form-successContent p {
font-size: 26px;
}
@media(max-width: 767px) {
#sidebar .widget {
width: 100%;
padding: 0;
margin: 0 0 20px;
}
#sidebar .widget:last-child {
margin: 0;
}
#signup h3 {
font-size: 28px;
line-height: 34px;
}
#signup input[type="text"] {
width: 100%;
margin: 0 0 20px;
}
#signup input[type="email"] {
width: 100%;
margin: 0 0 20px;
}
#signup .ml-form-embedSubmit {
float: none;
width: auto;
}
#signup input[type="submit"] {
float: none;
width: auto;
margin: 0 auto;
}
#page-content .post h3 {
font-size: 30px;
}
#page-content .post-author {
font-size: 16px;
}
.posts .post .wp-post-image {
height: auto;
margin: 0 auto 20px;
display: block;
float: none;
}
#page-content .posts-nav li a {
font-size: 16px;
margin: 0;
padding: 8px 8px 10px;
}
#sidebar .widget input[type="search"] {
height: 38px;
line-height: 38px;
}
#sidebar .widget input[type="text"] {
height: 38px;
line-height: 38px;
}
#sidebar .widget select {
height: 38px;
line-height: 31px;
padding: 2px 12px;
}
#sidebar input[type="submit"] {
height: 38px;
}
#sidebar .widget-categories:before {
top: 15px;
}
#sidebar .widget:before {
top: 15px;
}
#page-content .posts-nav {
text-align: center;
}
#page-content .posts-nav ul {
text-align: center;
}
} #blog-contact {
background: #eaedd9;
padding: 45px 30px 0;
}
#blog-contact .container {
}
#blog-contact h2 {
color: #731e47;
font-size: 36px;
line-height: 1.2;
text-align: center;
margin: 0 0 20px;
font-family: 'Playfair Display', serif;
font-weight: 400;
}
#blog-contact p {
font-size: 22px;
text-align: center;
line-height: 30px;
margin: 0 auto 30px;
color: #4b4b4b;
max-width: 800px;
}
#blog-contact form {
max-width: 830px;
margin: 0 auto;
}
#blog-contact ::-webkit-input-placeholder {
color: #4b4b4b;
}
#blog-contact ::-moz-placeholder {
color: #4b4b4b;
}
#blog-contact :-ms-input-placeholder {
color: #4b4b4b;
}
#blog-contact :-moz-placeholder {
color: #4b4b4b;
}
#blog-contact form input[type="text"], #blog-contact form input[type="email"] {
color: #4b4b4b;
font-size: 19px;
width: 100%;
height: 40px;
margin: 0 0 20px;
}
#blog-contact form input[type="submit"] {
font-size: 20px;
background: #731e47;
color: #FFF;
border-radius: 0px;
border: 0px;
width: auto;
padding: 9px 40px;
max-width: 100%;
margin: 0 auto;
display: block;
float: none;
font-weight: 400;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
#blog-contact form input[type="submit"]:hover {
background: #88bec2;
}
#blog-contact form button.loading {
padding: 0;
}
#blog-contact .ml-form-successContent {
text-align: center;
font-size: 26px;
}
#blog-contact .ml-form-successContent h4 {
text-align: center;
font-size: 28px;
}
#blog-contact .ml-form-successContent p {
font-size: 26px;
}
@media(max-width: 767px) {
#blog-contact h2 {
font-size: 28px;
}
#blog-contact p {
font-size: 18px;
}
} #respond {
margin: 0;
float: left;
width: 100%;
clear: both;
}
#respond h3 {
font-weight: 400;
}
#comment {
border: 0px;
color: #000;
font-size: 20px;
line-height: 30px;
padding: 0 16px;
width: 100%;
height: 160px;
font-weight: 300;
}
#page-content .posts .post p.form-submit {
margin: 0;
clear: both;
}
h3#comments {
font-size: 26px;
float: left;
margin: 0 0 20px;
}
#page-content .commentlist {
list-style: none !important;
padding: 0 !important;
margin: 0 0 20px !important;
}
.commentlist li {
list-style: none !important;
}
.comment-body {
margin: 0 0 20px;
font-size: 18px;
}
.comment-author.vcard img {
margin: 0 10px 0 0;
}
#primary h3#reply-title {
color: #4b8b8a;
font-weight: 700;
font-size: 30px;
margin: 20px 0 15px;
}
.reply {
font-weight: 400;
font-size: 14px;
}
.comment-form-comment {
margin: 0 !important;
}
.comment-form-comment label {
margin: 0 0 10px;
font-size: 18px;
display: none;
}
#page-content #commentform p a {
text-decoration: none;
font-weight: 600;
color: #486a5a;
}
.logged-in-as a {
float: left;
margin: 0 10px 0 0;
}
#submit {
border: 0px;
margin: 0;
padding: 0 25px;
font-size: 18px;
height: 40px;
line-height: 40px;
text-transform: uppercase;
background: #731e47;
}
#submit:hover {
}
#post-comments {
margin: 40px 0 0;
float: left;
width: 100%;
clear: both;
}
#post-comments .navigation {
display: none;
}
#page-content ol.commentlist {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
clear: both;
}
#primary .commentlist li {
list-style: none;
}
.comment-author {
margin: 0 0 12px 0;
float: left;
width: 100%;
clear: both;
line-height: 2;
font-size: 20px;
}
.comment-author cite {
font-weight: 400;
font-style: normal;
}
.commentlist a {
text-decoration: none !important;
}
#content .comment-author img {
margin: 0 10px 0 0;
float: left;
}
.comment-meta {
margin: 0 0 20px 0;
float: left;
width: 100%;
clear: both;
font-size: 16px;
}
.comment-reply-link {
display: none;
}
.reply {
font-weight: 400;
}
span.wpcf7-not-valid-tip {
font-size: 14px !important;
display: block;
font-weight: 300;
clear: both;
margin: 10px 0 0;
}
div.wpcf7-response-output {
margin: 0 0 40px !important;
padding: 0 !important;
float: left;
width: 100%;
border: 0px !important;
font-size: 20px !important;
font-weight: 400;
line-height: 24px !important;
text-align: center;
}