.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} .flexslider .slides img {max-width: 100%; display: block;} .flexslider a {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}  .no-js .slides > li:first-child {display: block;} .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: #000; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(//ropersanchor.jamesjheaney.com/wp-content/themes/brunelleschi/inc/theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -20px;} .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(//ropersanchor.jamesjheaney.com/wp-content/themes/brunelleschi/inc/theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}#featured-content.loading {
display: none !important;
}
#featured-content {
background: rgb(66,66,66); background: -moz-linear-gradient(top, rgba(66,66,66,1) 0%, rgba(20,20,20,1) 49%, rgba(0,0,0,0.75) 51%, rgba(28,28,28,1) 61%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,66,66,1)), color-stop(49%,rgba(20,20,20,1)), color-stop(51%,rgba(0,0,0,0.75)), color-stop(61%,rgba(28,28,28,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#131313',GradientType=0 ); background: linear-gradient(top, rgba(66,66,66,1) 0%,rgba(20,20,20,1) 49%,rgba(0,0,0,0.75) 51%,rgba(28,28,28,1) 61%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); color: white;
position: relative;
margin-bottom: 40px;
-webkit-box-shadow: 0 .7em 1.5em -10px black;
-moz-box-shadow: 0 .7em 1.5em -10px black;
-o-box-shadow: 0 .7em 1.5em -10px black;
box-shadow: 0 .7em 1.5em -10px black;
}
#featured-content, .slide-cell, .slide-cell div {
min-height: 198px !important;
}
.slide-cell {
position: relative;
overflow: hidden;
}
.slide-cell img {
position: absolute;
height: 100%;
min-width: 960px;
}
.slide-cell img.left {
float: left;
}
.slide-cell img.right {
float: right;
}
#featured-content .flex-control-nav {
bottom: -36px;
}
#featured-content a.wraplink, #featured-content a.wraplink:hover, #featured-content a.wraplink:active, #featured-content a.wraplink:visited {
color: white;
text-decoration: none;
display: block;
}
#featured-content .twelvecol {
margin: 0;
padding: 0;
}
#featured-content .twelvecol h1, #featured-content .twelvecol p{
margin-left: 20px;
margin-right: 20px;
}
.slide-cell {
position: relative;
}
.content-preview {
cursor: pointer;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
background: rgba(0,0,0, .6);
height: 100%;
padding: 0 20px ;
-webkit-box-shadow: 0 0 .5em #000;
-moz-box-shadow: 0 0 .5em #000;
-o-box-shadow: 0 0 .5em #000;
box-shadow: 0 0 .5em #000;
}
.content-preview:after{
content: '';
position: absolute;
text-align: right;
font-size: 16px;
bottom:0;
left: 0;
width: 100%;
height: 1em;
padding: 1em 16px 1em 0;
margin-left: -16px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); }
.content-preview:hover:after{
content: '\00BB';
}
.content-preview.right {
left: auto;
right: 0;
margin-right: 0;
}
.content-preview h1 {
font-weight: normal;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 18px;
line-height: 1.2em;
margin-bottom: -0.2em;
}
.content-preview h1 a { color: #06c; text-decoration: none;}
.content-preview p {
font-size: 14px;
line-height: 1.4em;
font-weight: normal;
}
.content-preview a, .content-preview .fake-link {
text-decoration: underline;
cursor: pointer;
color: #FF4B44;
}
.content-preview a:hover {
color: #FFF;
}
.content-preview .read-more-link{
position: absolute;
bottom: 0;
}
.flex-direction-nav a {
margin-top: -25px !important;
} @media handheld, only screen and (max-width: 795px) {
#featured-content{
padding: 0;
}
.content-preview {
width: 100% !important;
padding: 0 !important;
}
.content-preview h1, .content-preview p {
padding-left: 10px;
}
.content-preview p  {
width: 87%;
overflow: hidden;
text-overflow: ellipsis;
}
.flex-direction-nav {
display: none;
}
.slide-cell img {
margin-left: -10%;
}
}
@media handheld, only screen and (max-width: 480px) {
.content-preview {
width: 100% !important;
}
.slide-cell img {
margin-left: -45%;
}
}.jp-related-posts-i2 {
margin-top: 1.5rem;
}
.jp-related-posts-i2__list {
--hgap: 1rem;
display: flex;
flex-wrap: wrap;
column-gap: var(--hgap);
row-gap: 2rem;
margin: 0;
padding: 0;
list-style-type: none;
}
.jp-related-posts-i2__post {
display: flex;
flex-direction: column; flex-basis: calc(( 100% - var(--hgap) ) / 2);
} .jp-related-posts-i2__post:nth-last-child(n+3):first-child,
.jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3);
}
.jp-related-posts-i2__post:nth-last-child(4):first-child,
.jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { flex-basis: calc(( 100% - var(--hgap) ) / 2);
}
.jp-related-posts-i2__post-link {
display: flex;
flex-direction: column;
row-gap: 0.5rem;
width: 100%;
margin-bottom: 1rem;
line-height: 1.2;
}
.jp-related-posts-i2__post-link:focus-visible {
outline-offset: 2px;
}
.jp-related-posts-i2__post-img {
order: -1;
max-width: 100%;
}
.jp-related-posts-i2__post-defs {
margin: 0;
list-style-type: unset;
} .jp-related-posts-i2__post-defs dt {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.jp-related-posts-i2__post-defs dd {
margin: 0;
} .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list {
display: block;
}
.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post {
margin-bottom: 2rem;
} @media only screen and (max-width: 640px) {
.jp-related-posts-i2__list {
display: block;
}
.jp-related-posts-i2__post {
margin-bottom: 2rem;
}
} #jp-relatedposts {
display: none;
padding-top: 1em;
margin: 1em 0;
position: relative;
clear: both;
}
.jp-relatedposts::after {
content: "";
display: block;
clear: both;
} #jp-relatedposts h3.jp-relatedposts-headline {
margin: 0 0 1em 0;
display: inline-block;
float: left;
font-size: 9pt;
font-weight: 700;
font-family: inherit;
}
#jp-relatedposts h3.jp-relatedposts-headline em::before {
content: "";
display: block;
width: 100%;
min-width: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 1em;
}
#jp-relatedposts h3.jp-relatedposts-headline em {
font-style: normal;
font-weight: 700;
} #jp-relatedposts .jp-relatedposts-items {
clear: left;
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: -20px;
} #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
float: left;
width: 33%;
margin: 0 0 1em; box-sizing: border-box;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
padding-right: 20px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
clear: both;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
text-decoration: underline;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
} #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
font-size: 14px;
line-height: 20px;
margin: 0;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
position: relative;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
border-bottom: 0;
}
#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items time {
margin-bottom: 0;
}
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
text-transform: none;
margin: 0;
font-family: inherit;
display: block;
max-width: 100%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
font-size: inherit;
font-weight: 400;
text-decoration: none;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
text-decoration: underline;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
display: block;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
height: auto;
max-width: 100%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
opacity: 0.6;
} .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
display: none;
} #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
display: none;
} #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
overflow: hidden;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
margin-bottom: 1em;
} #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
clear: both;
width: 100%;
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
float: left;
overflow: hidden;
max-width: 33%;
margin-right: 3%;
}
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
display: inline-block;
max-width: 63%;
} @media only screen and (max-width: 640px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 50%;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
clear: left;
}
#jp-relatedposts .jp-relatedposts-items-visual {
margin-right: 20px;
}
}
@media only screen and (max-width: 320px) {
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: 100%;
clear: both;
margin: 0 0 1em;
}
#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
float: none;
max-width: 100%;
margin-right: 0;
}
} @media print {
.jp-relatedposts {
display: none !important;
}
}