film: the learning curve

.intro b{ 
  background: #52143f;
  color: #fff;
  padding: 1px 5px;
  text-transform: uppercase; 
  font-family: Oswald;
  font-weight: 200;
  font-size: 85%; 
  letter-spacing: 1px;
}
.intro strong{ 
  background: #8da784;
  color: #fff;
  padding: 1px 5px;  
  text-transform: uppercase; 
  font-family: Oswald;
  font-weight: 200;
  font-size: 85%; 
}

.intro i{    
  color: #000000;
  padding: 2px 3px;  
  text-transform: uppercase; 
  font-family: Raleway;
  font-weight: 600;  
  font-size: 90%;  
}

.widget-project{
  color: #9c3a5f;
  font-family: Oswald;	
  text-transform: uppercase;
  font-weight: 300; 
  letter-spacing: 1px;
}
.widget-project-title{
  background: #9c3a5f;
  color: #fff;
  padding: 1px 7px 1px 7px;
  font-family: Oswald;	
  text-transform: uppercase;
  font-weight: 300; 
  letter-spacing: 1px;
}
.widget-project-details{
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  font-weight: 200; 
  font-size: 95%;
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  text-align: justify;
  line-height: 16px;
}
.widget-project-date {
  background: #ffd69f;
  color: #000;
  font-family: GillSans,Calibri,Trebuchet MS,sans-serif;	
  padding: 4px 7px;
  margin-left: 5px;
  font-weight: 300; 
  font-size: 10px; 
  text-transform: uppercase;
  letter-spacing: 1px;
}
#widget-project-info {
  font-family: GillSans,Calibri,Trebuchet MS,sans-serif;	
  font-size: 10px; 
  font-weight: 200; 
  text-transform: uppercase;	
}
#widget-project-info a{
  background: #000000;
  border: solid #ffebbe 0px;
  color: #fff !important;
  padding: 5px 7px;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
#widget-project-info a:hover{
  background: #87a37d;
  border: solid #fff7e5 0px; 
  color: #fff;
  padding: 5px 7px;
}

.wp-polls ul li {
	padding: 7px 0; 
    margin:0 5px 5px 0; 
    font-weight: 300 !important;
	border-bottom: 1px solid #F0F0F0;
	font-size: 80%;
}
.wp-polls i {
    font-weight: 500 !important;
	font-size: 95%;
}
.wp-polls .Buttons {
	background-color: #000000;
	border: 0px solid #fb333b;
	color: #ffffff;
	padding: 3px; 
    margin:0; 
    text-transform: uppercase;
	font-size: 75%;
	font-weight: 300;	
	letter-spacing: 1px;	
}
.wp-polls a {
	color: #9c3a5f;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: 600;
	-webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.wp-polls a:hover {
	color: #87a37d;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: 600;
}

div#qTip { 
    padding: 7px; 
    border: 0; 
    display: none; 
	font-size: 90%;
    background: #000000; 
    color: #ffffff; 
    position: absolute; 
    z-index: 10000; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    filter:alpha(opacity=100); 
    -moz-opacity: 0.9; 
    opacity: 0.9;
}

strong {
    color: #6a6a6a;
    font-weight: 500;
	font-family: Oswald;
    letter-spacing: 1px; 
    text-transform: uppercase;
}
em {
    color: #000000;
    font-weight: 600;
	font-family: Raleway;
}
b {
    color: #000000;
    font-weight: 500;
	font-family: Oswald;
    text-transform: uppercase;
}
i {
    font-weight: 600;
	
}

.pagenav {
  background: none;
  border-bottom: dotted #dddddd 1px;
  color: #474747;
  display: block; 
  font-weight: 300; 
  margin: 5px 4px 0 4px; 
  padding: 15px 20px; 
  text-decoration: none; 
  transition: 1s background-color ease, color 1s ease, 1s border-color ease;
}
.pagenav a { 
  color: #000000;  
  text-transform: uppercase; 
  transition: 1s background-color ease, color 1s ease, 1s border-color ease;
  font-weight: 500; 
  letter-spacing: 2px;
  margin: 0 3px;
  font-family: Oswald;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.pagenav a:hover {
  color: #9c3a5f; 
  text-transform: uppercase; 
  font-weight: 500; 
  letter-spacing: 4px;
  margin: 0 3px;
  font-family: Oswald;	
}

.biolist { 
  padding: 5px 0;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
}
.biolistlast { 
  padding: 5px 0;
  margin-bottom: 40px;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
}
.biolist strong,
.biolistlast strong{ 
  font-family: Oswald; 
  font-weight: 500;
  text-transform: uppercase;
}

.bio-page {
    text-align:justify;
}
.bio-page i {
    font-family: Raleway;
    font-weight: 600;
    letter-spacing: 0.08em;
}
.bio-page em {
    background: #000000;
    color: #fff;
    padding: 1px 3px;
    font-family: Raleway;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 95%;
}
.bio-page u {
    font-family: Oswald;
    font-weight: 500;
    letter-spacing: 2px;
}
.bio-page strong {
    font-family: Oswald;
    color: #eb845f;
    font-weight: 500;
    letter-spacing: 1px;
}
.bio-page b {
    font-family: Oswald;
    font-weight: 500;
    letter-spacing: 1px;
}
.bio-page a {
    font-family: Oswald;
    font-weight: 500;
    border-bottom: solid 2px #1a6a97;
    color: #9c3a5f;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 95%;
    -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.bio-page a:hover {
    font-family: Oswald;
    font-weight: 500;
    border-bottom: solid 2px #70c389;
    color: #501044;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 95%;
    text-decoration: none !important;
}

.bioupdate {
  background-image: url(https://www.mad-online.org/update/wp-content/uploads/2021/05/bg.png);
  background-position: top center;
  background-repeat: repeat-y;
  color: #000;
  font-weight: 200; 
  border: solid #dfdfdf 1px;
  font-size: 90%;
  margin: 0 50px 20px 50px;
  padding: 10px 20px;
  text-align: justify;
}

.specialfeatureslist { 
  padding: 2px 20px;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 1px;
  font-weight: 400;
}
.trivialist { 
  padding: 10px 0;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
}
.socialicon {        
  background: none;
  border: dotted #c1c1c1 1px;
  padding: 5px 7px;
  text-align: center;
  font-weight: 200;
  font-size: 90%;
}
.socialicon i{
  width: 15px;    
  font-weight: 200;
}
.socialicon a{
  color: #b4454c;   
  width: 15px;    
  font-weight: 200;
}

.familypage img {
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 5px #c8c8c8;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  padding: 0px;
  margin: 5px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;	
}
.familypage img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  padding: 0px;
  margin: 5px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;
}

.filmdetails { 
  padding: 5px 10px;
  border-bottom: dotted #c1c1c1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.filmnavigation { 
  padding: 5px 15px;
  border: dotted #c1c1c1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails { 
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails a, 
.filmdetails a, 
.filmnavigation a { 
  color: #000000;
}
.lastfilmdetails a:hover,
.filmdetails a:hover,
.filmnavigation a:hover{ 
  color: #b4454c;    
  letter-spacing: 2px;
}
#filmicon {    
  color: #b4454c;     
  background: none;
  border: solid #c1c1c1 0px;
  padding: 3px 5px 3px 0;
  text-align: center;
  font-weight: 200;
  font-size: 120%;
}
#filmicon i{     
  width: 15px;
  font-weight: 200;
}
.filmratings {
  font-size: 10px; 
  color: #848484;    
}
.filmdescription {
  text-align: justify;
  font-size: 11px; 
  line-height: 19px;   
}
#filmicon {
  background: none;
  border: solid #c1c1c1 0px;
  padding: 3px 6px 1px 2px;
  text-align: center;
}

.discoplaylist { 
  padding: 1px 4px;
  border-bottom: dotted #e1e1e1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.discoplaylist a{ 
  color: #000;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.discoplaylist a:hover{ 
  color: #000;
  letter-spacing: 1px;
}

#discoicon {
  background: none;
  border: solid #c1c1c1 0px;
  padding: 3px 6px 1px 2px;
  text-align: center;
}

.discoinfo { 
  background: #f8f8f8;    
  padding: 3px 10px;
  border: dotted #e1e1e1 1px;
  font-size: 85%;
}
.discoinfo i{ 
  font-family: Oswald;
  font-weight: 500;
  letter-spacing: 1px;
}
.discoinfo a{ 
  color: #727272;
  font-family: Oswald;
  font-weight: 500;
  font-size: 100%;
  letter-spacing: 1px;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.discoinfo a:hover{ 
  color: #000000;
  font-family: Oswald;
  font-weight: 500;
  font-size: 100%;
  letter-spacing: 2px;
}
.discodescription {
  text-align: justify;
  font-size: 11px; 
  line-height: 19px;   
}
.lyrics {
  background: url(https://www.mad-online.org/update/wp-content/uploads/2020/03/bg-musicnotes.png) bottom left no-repeat;
  background-color: #f8f8f8;
  font-size: 100%;
  border: dotted #d6d6d6 1px;
  padding: 20px;
}

.tag-cloud-link::before {
  content: '';
}
.tag-cloud-link::after {
  content: '';
}
.tag-cloud-link { 
  border: solid #ededed 0px;
  padding: 0;
  margin: 0;
  font-size: 85% !important;
  text-align: center;
  font-weight: 200;
}

.videoarchivelist { 
  padding: 5px 0;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important;
  font-family: Raleway !important;
}
.videoarchivelistlast { 
  padding: 5px 0;
  margin-bottom: 20px;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important; 
  font-family: Raleway !important;
}
.videoarchivelist strong,
.videoarchivelistlast strong{ 
  color: #b4454c;
  text-transform: uppercase; 
  font-family: Oswald;
  font-weight: 500;
  font-size: 100%; 
  letter-spacing: 2px;
}
.medialinks { 
  text-transform: uppercase;
  border: dotted #c1c1c1 1px;
  padding: 5px 10px; 
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 95%;  
}
.medialinks::before {
  content: "Gallery Links";
  font-family: Raleway;   
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
  font-size: 100%;
}
.videolinks { 
  text-transform: uppercase;
  border: dotted #c1c1c1 1px;
  padding: 5px 10px; 
  margin-bottom: 20px;
  font-size: 95%;  
}
.videolinks::before {
  content: "Video Links";
  font-family: Raleway;   
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
  font-size: 100%;
}
.page-pressrelease {
  padding: 10px; 
  margin-bottom: 20px;
  font-size: 90%;  
  text-align: justify;
}
.episodestats { 
  border: dotted #d1d1d1 1px;
  padding: 10px; 
  margin-bottom: 20px;
  font-size: 90%;  
  text-align: justify;
}
.break {
    border: dashed 1px #f1f1f1;
    margin: 7px 0;
}
.bestquotes {
    font-size: 95%;
}
.lastimg img {
  filter:grayscale(70%);
  padding:0;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 10px #e9e9e9;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 100px;
}
.lastimg img:hover {
  filter:none;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;
  width: 100px;
}

.family img {
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 5px #c8c8c8;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 130px;
  padding: 0px;
  margin: 5px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;	
}
.family img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 130px;
  padding: 0px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;
}

.siteinfo { 
  padding: 5px;
  border-bottom: dotted #c1c1c1 1px; 
}
.siteinfo a:hover{ 
  color: #6f6f6f;
}

.td-page-content img {
 	margin: 0;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
	-webkit-box-shadow: 2px 2px 5px #c8c8c8;	
    -webkit-transition: 1s ease; 
    -moz-transition: 1s ease; 
    -o-transition: 1s ease; 
    -ms-transition: 1s ease; 
    transition: 1s ease;	
}

.td-post-content img {
 	margin: 0;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
}

.td-post-content img:hover {
	opacity:0.9;
 	margin: 0;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
}

.prod { 
  background: none; 
  border: solid #c1c1c1 1px; 
  color: #000000; 
  font-size: 95%;
  padding: 10px 10px 9px 10px; 
  text-decoration: none; 
  text-align: left; 
}
.prod a { 
  color: #20d4cb;
  text-transform: uppercase;
  font-weight: 300; 
  text-decoration: none;
  letter-spacing: 1px; 	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.prod a:hover { 
  color: #ff6860;
  font-weight: 300; 
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px; 	
}
.prod strong { 
  color: #c55c3b;
  text-transform: uppercase;
  font-weight: 300; 
  text-decoration: none;
}
.projectdetail { 
  background: none; 
  border: dotted #c1c1c1 1px; 
  color: #000000; 
  padding: 3px 13px 2px 20px; 
  text-decoration: none; 
  text-align: left; 
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  font-size: 90%;
}
.projectlist { 
  font-size: 95%;	
  padding: 5px 13px 4px 20px; 
  background: none;
  border: dotted #c1c1c1 1px; 
}
.projectlist a { 
  color: #a7e220;	
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  text-decoration: none;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.projectlist a:hover { 
  color: #ff5f45;
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  text-decoration: none;
}
.projectlist em { 
  font-size: 90%;	
  text-align: center;	
}
#relatedlink { 
  background: #000000;
  border: solid #c1c1c1 0px; 
  color: #a7a7a7; 
  font-weight: 300;
  padding: 3px 10px 2px 10px;
  font-size: 65%;
  letter-spacing: 1px; 
  text-transform: uppercase;
  text-decoration: none;
  text-align: left; 
}
#relatedlink { 
  background: #000000;
  border-bottom: solid #c1c1c1 1px; 
  color: #a7a7a7; 
  font-weight: 300;
  padding: 3px 10px 2px 10px;
  font-size: 65%;
  letter-spacing: 1px; 
  text-transform: uppercase;
  text-decoration: none;
  text-align: left; 
}
#relatedlink a { 
  color: #a7a7a7;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
#relatedlink a:hover { 
  color: #ffffff;
}
.filmoicon {
  background: #f7f7f7;
  border: solid #c1c1c1 1px;   
  color: #000000;
  padding: 3px 3px 1px 3px;
  text-align: center;
  font-size: 85%;
}
#filmotitle { 
  border-bottom: solid #ebebeb 1px;	
  color: #a1a1a1;   
  font-family: Raleway;
  font-weight: 300;	
  font-size: 14px;
  letter-spacing: 2px;	
  margin-top: 20px;	
  margin-bottom: 15px;		
  text-transform: uppercase;	
}

.gallerylink  {  
  border-top: solid #ebebeb 1px; 
  border-bottom: solid #ebebeb 1px; 
  line-height: 22px;	
  margin: 20px 0; 
  padding: 10px; 
  font-size: 12px; 	
  font-family: Raleway;		
  text-transform: uppercase;	
}
.gallerylink a  { 
  padding: 3px 5px;
  transition: 2s background-color ease, color 2s ease, 2s border-color ease;
  font-weight: 200;
}
.gallerylink a:hover  { 
  padding: 3px 5px;
  color: #000000; 
  font-weight: 200;
}
.gallerylink b  {  
  border-bottom: 2px #000000 solid;	
  margin-bottom: 3px;	
  font-weight: 300; 
  font-size: 13px; 	
  font-family: Raleway;
  color: #000000; 
  text-transform: uppercase;
}
.gallerylink strong  { 
  border-bottom: 2px #000000 solid;
  margin-bottom: 3px;		
  font-weight: 300; 
  font-size: 12px; 	
  font-family: Raleway;	
  color: #000000; 
  text-transform: uppercase;	
}

.gallerylink i  { 
  font-size: 9px; 
  background: #000000;	
  color: #ffffff; 
  padding: 3px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#galleryupdate img {
  padding:0;
  border-radius: 0;	
  -webkit-box-shadow: 0px 0px 10px #c8c8c8;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  width: 145px;
}

#galleryupdate img:hover {
  border-radius: 0;		
  -webkit-box-shadow: 2px 2px 4px #b2b2b2;
  width: 145px;
}

#affiliates-widget {
  color: #000000;
  font-size: 8px;
  font-weight: 300;
  line-height: 14px;
  float: left;
  width: 22%;
  margin: 2px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #e8e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#affiliates-widget a span {
  font-size: 16px;
  font-weight: 300;
  display: block;
  font-family: Reenie Beanie;
  text-transform: lowercase;	
  letter-spacing: 0;
  color: #b44c72;
}

#affiliates-widget a {
  color: #000000;
}

.td-module-title a {
  color: #000000 !important;
}
.td-module-title a:hover {
  color: #b4454c !important;
}

div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form label,
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form button,
div.wpforms-container-full .wpforms-form textarea {
	font-size: 12px !important;
	text-transform: uppercase;
	font-family: Raleway !important;
}

.su-tabs {
    background: rgba(250,221,145,1);
}

.su-tabs-pane{
    background: rgba(250,221,145,1);
}

.su-tabs-nav {
    background: rgba(250,221,145,1);
}

film: the learning curve

The Learning Curve