body {
font-family: Georgia, serif;
font-size:1em;
color:#ffffff!important;
font-weight:300;
line-height:1.7;
overflow-x:hidden;
background:#fff!important;
}
h1,h2,h3,h4,h5,h6 {
color:#333;
line-height:1.4;
font-weight:700;
font-family: Georgia, serif;
}
#main-nav-link a:hover {
color:#7EACB1;
}
.mx-width {
max-width:960px;
margin:0 auto;
}
a,a:hover {
color:#7d546a;
text-decoration:none;
}
img{  max-width: 100%;
height:auto;
}
.jumbotron {
padding:0px!important;
margin-bottom:0px!important;
}
.card-img-top{
width:100%;
height:auto;
}
p{
font-family: Georgia, serif;
}
.filmo-info-desk{
font-family: Georgia, serif;
}  #pb-nav {
background-color:rgba(0, 0, 0, 0);
-webkit-transition: background-color 700ms linear;
-moz-transition: background-color 700ms linear;
-o-transition: background-color 700ms linear;
-ms-transition: background-color 700ms linear;
transition: background-color 700ms linear;
}
#pb-nav.scrolled {
background-color:rgba(0, 0, 0, 0.8);
-webkit-transition: background-color 700ms linear;
-moz-transition: background-color 700ms linear;
-o-transition: background-color 700ms linear;
-ms-transition: background-color 700ms linear;
transition: background-color 700ms linear;
}
.filmo-img-desk {
width:30%; 
float:left;
}
.filmo-info-desk {
width:70%; 
float:left;   
}
.clear-filmo {
clear:both;
}
.homepage-title{
color:#000000!important; font-family: Lato; text-align: left; font-weight: 300;
padding-bottom: 25px;
} .purple-top-bar {
width:100%;
border-top:5px solid #72b9cb;
margin-bottom:40px; 
}
.gray-top-bar {
width:70%;
border-top:3px solid #000000;
margin: 0 auto;
margin-bottom:50px; 
margin-top: 50px;
}
.purple-bar {
background:#72b9cb;
width:100%;
margin-bottom:40px;
padding:5px 0px;
}
.purple-bar div {
text-transform: uppercase;
font-weight:bold;
padding: 5px 0px;
}
.pb-nav-link {
text-transform: uppercase;
text-decoration: none;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
#single-post-content a {
color:#659398!important;
text-decoration:none!important;
}
.bold-white-20px {
font-size: 20px;
font-weight:bold;
color:#ffffff;
}
.display-2 {
font-family:'Lato';
font-size:60px;
line-height:1;
font-weight:300;
color:#000000;
text-align: center;
padding-top:20px;
}
.display-3 {
font-family:'Lato';
font-size:60px!important;
line-height:1;
font-weight:300;
color:#000000;
text-align: center;
padding-top:20px;
}
.learn {
font-family:'Lato';
font-size:27px;
line-height:1.4;
font-weight:300;
color:#fff;
}
.jumbotron-fluid {
padding:0;
} .navbar-brand {
color:#ffffff!important;
}
.actor-buttons {
padding: 10px 15px; 
text-align:center; 
display:inline-block; 
color:#000000;
text-decoration: none; 
border: 2px solid #000000!important;
margin-right:10px;
font-weight:bold;
}
.actor-buttons:hover {
padding: 10px 15px; 
text-align:center; 
display:inline-block; 
color:#7EACB1;
text-decoration: none; 
border: 2px solid #7EACB1;
margin-right:10px;
font-weight:bold;
}
.actor-buttons-active {
padding: 10px 15px; 
text-align:center; 
display:inline-block; 
background-color:#000;
text-decoration: none; 
border: 2px solid #000!important;
margin-right:10px;
font-weight:bold;
}.actor-buttons-active a{
color: white;
text-decoration: none!important;
} .parallax {
text-align:center;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed!important;
overflow:hidden;
}
.parallax-pattern-overlay { }
#size-banner-sm {
height:280px;
padding-top:100px;
}
.black-white-button {
display:block;
background:#000000;
border:2px solid #eeeeee;
padding:15px;
width:60%;
color:#ffffff!important;
text-decoration:none;
font-weight:bold;
}
.black-white-button:hover {
text-decoration:none;
} .heading {
padding-bottom:15px;
text-align:center;
max-width:960px;
margin:0 auto;
padding-top:80px;
}
.heading h2 {
font-weight:600;
font-family:'Raleway';
font-size:40px;
color:#333;
margin:0;
padding:5px;
}
.center {
text-align:center;
}
.heading h3 {
font-size:1em;
line-height:1.7;
}
#site-title {
max-width:150px;
}
button.contact.submit {
background:#333;
font-family:'Lato',sans-serif;
color:#fff;
font-size:1em;
font-weight:400;
text-align:center;
margin:0;
border:none!important;
border-radius:3px;
padding:15px 45px;
}
button.contact.submit:hover {
background:#563d7c;
}
#filmography .wprpsp-read-more-btn {
display:none!important;
}
.mfp-title {
display:none!important;
} footer {
border-top:5px solid #72b9cb; 
padding:60px 0px 40px 0px;
} #hidden-mobile-nav {
display:none;
}
.mobile-nav-link {
padding: 15px 15px 0px 15px;
}
.mobile-nav-link a {
color:#ffffff;
text-decoration: none;
font-weight:bold;
} .mobile-nav-link a:link {
color:#ffffff;
text-decoration: none;
font-weight:bold;} .mobile-nav-link a:visited {
color:#ffffff;
text-decoration: none;
font-weight:bold;
} .mobile-nav-link a:hover {
color:#ffffff;
text-decoration: none;
font-weight:bold;
} .mobile-nav-link a:active {
color:#ffffff;
text-decoration: none;
font-weight:bold;
} @media screen and (max-width:768px) {
.afm-mobile-card {
margin-bottom:15px;
}
#desktop-parallax {
display:none;
}
.mobile-purple-bar {
margin-left:15px;
margin-right:15px;
}
.filmo-img-desk {
width:100%; 
float:none;
padding-bottom:15px;
}
.filmo-info-desk {
width:100%; 
float:none;   
}
.clear-filmo {
display:none;
}
}
@media screen and (min-width:768px) {
.visible-mobile {
display:none;
}
.card {
margin-bottom:20px!important;
}
.card-text {
padding-top:20px!important;
}
}