td {
vertical-align: top;
}
a {
color: var(--highlight);
text-decoration: underline;
outline: none;
}
a:hover {
color: var(--main);
}
ul {
margin: 8px 0 18px 18px;
padding: 0;
}
li {
padding-left: 4px;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
line-height: 150%;
font-family: 'Lora', serif;
color: var(--secondary);
}
h1 {
font-size: 2.0em;
margin-top: 0;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h2 a {
text-decoration: none;
}
hr, hr.wp-block-separator {
border-top: 0;
border-bottom: 0;
height: 2px;
border: 0;
width: 90vw;
max-width: 1200px;
background: #eeeeee;
color: #eeeeed;
margin: 40px auto;
clear: both;
}  #homepageintro {
background: var(--main);
padding: 60px 0;
font-size: 1.3em;
color: #fff;
}
#homepageintro, #homepageintro li, #homepageintro a, #homepageintro p {
color: #fff;
}
#homepageintro h3 {
margin: 0;
}
#homepageintro ul, ul.checkmark {
padding: 0;
margin: 0;
list-style-type: none;
}
#homepageintro ul li, ul.checkmark li {
margin-bottom: 20px;
background: url(//angelabisselleditorial.com/wp-content/themes/angela-bissell/images/tick.svg) left 8px no-repeat;
background-size: 42px auto;
padding-left: 60px;
}
ul.checkmark li {
background-size: 30px;
padding-left: 40px;
}
ul.checkmark li > ul {
list-style-type: disc;
}
ul.checkmark li > ul li {
background: none;
padding-left: 0;
margin: 0 0 5px 20px;
}
.content ul li h2, .content ul li h3, .content ul li h4 {
margin: 0;
}
#homepageboxes {
padding: 60px 0;
position: relative;
text-align: center;
}
#homepageboxes .columns-container {
display: flex; flex-wrap: wrap;
margin: 0;
}
#homepageboxes .column-third {
background: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0 30px 30px -30px;
padding-bottom: 80px;
position: relative;
}
#homepageboxes h2 {
font-size: 2.4em;
margin: 0 0 70px 0;
}
@media screen and (max-width: 600px) {
#homepageboxes h2 {
font-size: 2.2em;
line-height: 140%;
margin-bottom: 50px;
}
}
#homepageboxes h3 {
font-size: 30px;
margin: 0;
}
#homepageboxes .readmore {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 140px;
}
#homepagevideo {
padding: 40px 0 20px 0;
margin: 150px 0;
position: relative;
font-size: 1.2em;
background: url(//angelabisselleditorial.com/wp-content/themes/angela-bissell/images/video-bg.jpg) 50% 50% no-repeat;
background-size: cover;
}
#homepagevideo p {
color: #fff;
}
#homepagevideo a {
color: #fff;
}
#homepagevideo a:hover {
color: var(--secondary);
}
#homepagevideo h3 {
margin: 0;
}
.videocontainer {
position: absolute;
top: -140px;
max-width: 45%;
padding-right: 5%;
}
.videoplay {
background: url(//angelabisselleditorial.com/wp-content/themes/angela-bissell/images/play.svg) 50% 50% no-repeat;
background-size: 100px auto;
opacity: 1;
position: absolute;
z-index: 99;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.videoplay:hover {
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
opacity: 0.5;
}
#membershiplogos {
padding: 40px 0;
}
body.home #membershiplogos {
margin-bottom: 80px;
}
body:not(.home) #membershiplogos {
background: #fcf8ed;
}
#membershiplogos .wrapper {
display: flex;
justify-content: space-between;
}
#membershiplogos img {
height: 170px;
width: auto;
margin: 0 20px;
mix-blend-mode: multiply;
} input, select, textarea {
background-color: #fff;
color: #000;
padding: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ddd;
font-size: 18px;
font-family: 'Lato', sans-serif;
font-weight: 300;
color: #5e5d5d;
}
input:not([type="checkbox"]), select, textarea {
width: 90%;
max-width: 500px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; 
box-sizing: border-box;    
}
input:focus, input[type="checkbox"]:focus, select:focus, textarea:focus {
outline: 2px solid var(--main);
}
.wpcf7-form p > label {
font-weight: bold;
} .wpcf7 form.sent .wpcf7-response-output {
border-color: #049794;
background-color: #049794;
color: white;
} .wpcf7-form.sent p
{
display:none;
} div.grecaptcha-badge {
visibility: hidden;
}
p.recaptchanote {
font-size: 12px;
}  .content {
padding: 30px 0 50px 0;
overflow: hidden;
font-size: 1.1em;
min-height: 200px;
clear: both;
}
.content, .content p, .content li {
line-height: 160%;
}
.content, .content li {
background-color: #ffffff;
}
.content img {
max-width: 100%;
height: auto;
}
.drop-cap p:first-of-type:first-letter {
font-size: 30px;
font-family: 'Lora', serif;
font-weight: bold;
}
.cta {
padding: 20px 0 70px 0;
overflow: hidden;
text-align: center;
}
.cta, .cta p {
color: #fff;
font-size: 22px;
}
body.home .cta p {
color: var(--secondary);
}
.cta .column-half {
text-align: center;
}
a.readmore, input[type="submit"] { }
a.readmore:hover, input[type="submit"]:hover {
background: var(--main);
color: #fff !important;
}
a.readmore, .homepagebox-image img, input[type="submit"], .videoplay {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cellpadding {
padding: 30px;
}  .columns-container {
margin: 0 -2%;
overflow: hidden;
}
.column-half {
width: 46%;
margin: 0 2% 40px 2%;
float: left;
}
.column-twothirds {
width: 62.333%;
margin: 0 2% 40px 2%;
float: left;
}
.column-third {
width: 29.333%;
margin: 0 2% 40px 2%;
float: left;
}
.column-quarter {
width: 21%;
margin: 0 2% 40px 2%;
float: left;
}
.column-half img, .column-twothirds img, .column-third img {
width: 100%;
height: auto;
}
.clearfix {
clear: both;
}  footer {
font-size: 0.9em;
padding: 60px 0;
text-align: center;
background: #212121;
overflow: hidden;
}
footer a, footer, footer p {
color: #fff;
}
footer .wrapper {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
footer .wrapper .col1 {
flex-basis: 70%;
flex-grow: 1;
}
footer .wrapper .col2 {
flex-basis: 30%;
flex-grow: 0;
}
#footerlogo {
display: inline-block;
margin: 0;
width: 280px;
height: auto;
}
footer ul {
list-style-type: none;
}
@media screen and (max-width: 600px) {
footer .wrapper {
display: block;
}
footer ul {
border-top: 1px solid #555;
padding-top: 30px;
}
#footerlogo {
display: inline-block;
margin-bottom: 30px;
}
}
footer ul li {
display: inline;
}
footer ul li a {
padding: 14px;
text-decoration: none;
}
footer ul li a:hover, footer ul li.current-menu-item a {
color: var(--main)
}
#footersocial img {
width: 50px;
height: auto;
margin: 30px 10px 0 10px;
transition: transform 1s;
opacity: 0.8;
}
#footersocial img:hover {
transform: rotate(360deg);
opacity: 1;
}
#copyright {
padding: 10px;
text-align: center;
background: #363535;
font-size: 0.8em;
}
#copyright, #copyright a {
color: #a5a4a4;
}
a.scrollup {
width: 50px;
height: 50px;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
text-indent: -9999px;
background: url(//angelabisselleditorial.com/wp-content/themes/angela-bissell/images/top.svg) no-repeat;
background-size: 100%;
opacity: 0.7;
}  #footertestimonial {
background: #fff url(//angelabisselleditorial.com/wp-content/themes/angela-bissell/images/quote.svg) center 60px no-repeat;
background-size: 60px auto;
padding: 120px 0 80px 0;
text-align: center;
}
#footertestimonial  {
font-family: 'Lora', serif;
color: var(--secondary);
}
#footertestimonial b{
color: var(--main);
display: block;
} .strong-view-id-1 h3.testimonial-heading {
color: var(--main);
}
.strong-view-id-1 .testimonial-name {
color: var(--main);
font-weight: bold;
}
.strong-view-id-1 .testimonial-content {
font-size: 18px;
font-family: 'Lora', serif;
}
@media screen and (min-width: 1000px) {
.strong-view-id-1 .wpmtst-testimonial-image img {
margin-right: 30px;
}
}
@media screen and (max-width: 380px) {
.strong-view-id-1.wpmtst-small-widget.controls-type-sides .wpmtst-testimonial-inner {
padding-left: 20px;
padding-right: 20px;
}
.strong-view-id-1.controls-style-buttons:not(.rtl) .wpmslider-prev::before {
left: -10px;
}
.strong-view-id-1.controls-style-buttons:not(.rtl) .wpmslider-next::before {
left: 10px;
}
.strong-view.wpmtst-small-widget .wpmtst-testimonial-content p, .strong-view.wpmtst-small-widget .wpmtst-testimonial-field {
font-size: 18px !important;
}
} .posts_index {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
@media screen and (max-width: 970px) {
.posts_index {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.posts_index {
grid-template-columns: 1fr;
}
}
.post_summary {
position: relative;
background-color: #fefcf8;
border: 1px solid #fcf6e9;
padding: 20px 20px 80px 20px;
}
.post_summary .readmore {
position: absolute;
bottom: 10px;
}
.back {
text-align: center;
padding-top: 50px;
margin-top: 100px;
border-top: 2px solid #eeeeee;
}
.postmetadata {
font-style: italic;
color: #aaa;
font-size: 16px;
margin-top: 0;
}  @media screen and (max-width: 970px) {
body.home #footertestimonial {
padding-bottom: 0;
}
.videocontainer {
position: relative;
top: 0;
max-width: 100%;
}
.column-quarter {
width: 46%;
}
.column-quarter:nth-child(2n+1) {
clear: both;
}
}
@media screen and (max-width: 720px) {
#homepageintro {
font-size: 1.1em;
}
#homepageintro li {
margin-bottom: 20px;
background-size: 30px auto;
padding-left: 40px;
}
#homepagevideo {
padding-top: 0;
margin-bottom: 80px;
}
.videocontainer {
padding-right: 0;
}
.columns-container {
margin: 0;
}
.column-half, .column-twothirds, .column-third, .column-quarter {
width: auto;
float: none;
margin: 0 0 30px 0;
}
#membershiplogos {
padding-top: 0;
text-align: center;
}
#membershiplogos .wrapper {
display: inline;
}
#membershiplogos img {
height: 120px;
margin: 20px;
display: inline-block;
}
#membershiplogos div.widget_block  {
display: inline-block;
}
} @media screen and (max-width: 380px) {
} figure {
display: table;
}
.wp-block-image figcaption {
display: table-caption;
caption-side: bottom;
margin-top: -10px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
figure.wp-block-image {
margin-left: 0;
margin-right: 0;
}
figure.wp-block-image img { }
.wp-caption {
width: 100% !important;
}
.aligncenter {
display: block;
text-align: center;
margin: 0 auto;
padding-bottom: 10px;
}
.alignright {
text-align: right;
display: block;
float: right;
margin: 10px 0px 5px 15px;
}
.alignleft {
text-align: left;
display: block;
float: left;
margin: 10px 20px 5px 0px;
}
.wp-caption-text,.wp-caption-dd {
margin: 0;
font-weight: bold;
font-size: smaller;
text-align: center;
}
.wp-caption {
margin-right: 5px;
}
.wp-caption img {
padding-bottom: 5px;
}
.alignleft, .alignright {
margin-bottom: 20px;
}
.aligncenter, dl.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
@media screen and (max-width: 600px) {
img.alignleft, img.alignright {
float: none;
display: block;
margin: 20px auto;
}
}