/* Seconday Slider */
.jssorl-009-spin img{
animation-name:jssorl-009-spin;
animation-duration:1.6s;
animation-iteration-count:infinite;
animation-timing-function:linear
}
@keyframes jssorl-009-spin{
from{
transform:rotate(0);
}
to{
transform:rotate(360deg);
}
}
.jssort101 .p{
position:absolute;
top:0;
left:0;
box-sizing:border-box;
/*background:#000 */
}
.jssort101 .p .cv{
position:relative;
top:0;
left:0;
width:100%;
height:100%;
border:2px solid #000;
box-sizing:border-box;
z-index:1
}
.jssort101 .a{
fill:none;
stroke:#fff;
stroke-width:400;
stroke-miterlimit:10;
visibility:hidden
}
.jssort101 .p:hover .cv,.jssort101 .p.pdn .cv{
border:none;
border-color:transparent
}
.jssort101 .p:hover{
padding:2px
}
.jssort101 .p:hover .cv{
background-color:rgba(0,0,0,6);
opacity:.35
}
.jssort101 .p:hover.pdn{
padding:0
}
.jssort101 .p:hover.pdn .cv{
border:2px solid #fff;
background:none;
opacity:.35
}
.jssort101 .pav .cv{
border-color:#fff;
opacity:.35
}
.jssort101 .pav .a,.jssort101 .p:hover .a{
visibility:visible
}
.jssort101 .t{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:none;
opacity:.6
}
.jssort101 .pav .t,.jssort101 .p:hover .t{
opacity:1
}
/* Spotlight */
.spotlight .col div h3 {
color:black;
}
.headshot {
width: 160px !important;
}
div.inside .orange, div.inside .purple {
text-align: center;
width: 30%;
margin-left: auto;
margin-right: auto;
float: none;
}
.purple {
background-color:#4F2684;
float:left;
padding:20px;
}
.orange {
background-color:#FFB100;
float:left;
padding:20px;
}
.purple a {
color:white;
}
.orange a {
color:black;
}
div.gry-box h3 {
text-transform:uppercase;
}
#content > div.fw-container:nth-of-type(1) {
padding-top: 0px;
}
#content > div.fw-container:nth-of-type(1) h1{
text-align:center;
margin-left: auto;
margin-right: auto;
color:white;
text-transform:uppercase;
}
div.difference h2 {
text-transform:uppercase;
color:#111111;
}
div.inside h3 {
text-align:center;
color:#111111;
}
div.inside h4 {
text-align:center;
}
div.spotlight h2 {
text-transform:uppercase;
color:#111111;
}
#wrapper {
width: 100%;
height: 350px;
padding-top:25px;
}
#wrapper img {
display: block;
float: left;
}
#images, #thumbs {
height: 375px;
float: right;
overflow: hidden;
}
#images {
width: 574px;
}
#thumbs {
width: 586px;
float:left;
}
#thumbs img {
border: 1px solid #ccc;
margin: 0 15px 25px 0;
cursor: pointer;
width:174px;
height:161px;
}
#thumbs img.selected, #thumbs img:hover {
border-color: #333;
}
#thumbs div {
width: 586px;
height: 375px;
float: left;
}
#prev a, #next a {
text-decoration: none;
font-size: 20px;
color: #999;
position: absolute;
}
#prev a:hover, #next a:hover {
color: #000;
}
#prev a.disabled, #next a.disabled {
display: none !important;
}
#prev a {
top: 15px;
}
#next a {
bottom: 15px;
}
a.images {
left: 220px;
}
a.thumbs {
right: 220px;
}
#source {
text-align: center;
width: 400px;
margin: 0 0 0 -200px;
position: absolute;
bottom: 10px;
left: 50%;
}
#source, #source a {
color: #999;
font-size: 12px;
}
.gry-box {
background-color: #F4F4F4;
border-color: #707070;
border-width: 1px;
border-style: solid;
}
.inside {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
left:0 !important;
}
.inside h2 {
color:black;
text-align:center;
}
.inside p {
text-align:center;
}
.w3-padding {
padding: 8px 8px!important;
}
ul#nav li, ::before, ::after {
box-sizing: initial !important;
}
/* Responsive News Cards */
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
.span_1_of_3:nth-child(3n+1) {
clear:left;
margin-left: 0;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.span_1_of_3 {
width: 49.2%;
}
.span_1_of_3:nth-child(2n+1) {
clear:left;
margin-left: 0;
}
.span_1_of_3:nth-child(3n+1) {
clear: none;
}
}
/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.span_1_of_3 {
width: 49.2%;
}
.span_1_of_3:nth-child(2n+1) {
clear:left;
margin-left: 0;
}
.span_1_of_3:nth-child(3n+1) {
clear: none;
}
}
/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.span_1_of_3 {
width: 49.2%;
}
.span_1_of_3:nth-child(2n+1) {
clear:left;
margin-left: 0;
}
.span_1_of_3:nth-child(3n+1) {
clear: none;
}
}
/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) {
.span_1_of_3 {
width: 49.2%;
}
.span_1_of_3:nth-child(2n+1) {
clear:left;
margin-left: 0;
}
.span_1_of_3:nth-child(3n+1) {
clear: none;
}
}
/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 600px) and (max-device-height: 960px) and (orientation : landscape) {
.span_1_of_3 {
width: 49.2%;
}
.span_1_of_3:nth-child(2n+1) {
clear:left;
margin-left: 0;
}
.span_1_of_3:nth-child(3n+1) {
clear: none;
}
}
/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 600px) and (max-device-height: 960px) and (orientation : portrait) {
col { margin: 1% 0 1% 0%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
col { margin: 1% 0 1% 0%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}