@charset "UTF-8";
/* CSS Document */
/*----------Color Guide---------------------
#FFFFFF : white
#F49321 : burnt orange
#F3EB40 : reddish yellow
#F4CA5E : yellowish red
#F2B81C : orange
#F3D61C : light orange
#1EC4F4 : teal
#CDEBF2 : light blue
#DB3827 : amber
#1E1012 : umber
#362C5C : dark blue
#20212A : cobalt
*/
/***************************************
GENERAL LAYOUT STYLES
****************************************/

div#wrapper { display: flex; }

div#lft_sidebar {
    flex: 0 0 265px;
    margin-right: 5px;
	/*padding-right: ;/*5px*/
	background: rgba(30, 16, 18, 0.95);
    border-radius: 10px;
}

nav.topnav { display: none; }

div#main_content {
    flex: 0 0 500px;
	height: auto;
    /*margin-right: 5px;*/
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

div#rgt_sidebar {
    flex: 1;
	height: auto;
    margin-left: 5px;
	background: rgba(30, 16, 18, 0.95);
	border-radius: 10px;
}

footer#footer { 
    margin-top: 5px;
    max-width: 1200px;
    margin-top: 5px;
    height: 240px; /* DO NOT REMOVE*/
    padding-top: 1em;
    padding-right: 0em;
    padding-bottom: 3em;
    padding-left: 0em;
}

/***************************************
GENERAL TYPOGRAPHY AND COLOR STYLES
****************************************/
/* ---------------- lft_sidebar specific styles ----------------*/


/* ---------------- main_content specific styles ----------------*/
section.section_default h1, h2, h5 {
	 position:absolute;
	 left:-2000em;
}
.heading_star_ratings {
	width: 100%; 
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
}
div#main_content section#main div.heading_star_ratings h3 { margin-left: 85px; }

/* -- Drop Menu -- */
.heading_star_ratings .ratings_dropmenu {
	margin: 0;
	padding: 0;
	display: none; /*displays after menu load*/
}

/* - all items - */
.heading_star_ratings .ratings_dropmenu li {
	height: 30px;
	list-style-type: none;
}

/* - top level items - */
.heading_star_ratings ul.ratings_dropmenu {
	position: absolute;
	top: 7px;
	left: 15px;
}
.heading_star_ratings ul.ratings_dropmenu li ul {
	width: 80px;
	height: 80px;
	background-color:#151d4b;
}
.ratings_dropmenu ul li:first-child {
	/*width: 65px;*/
	/*display: block;*/
	padding-top: 5px;
}
.ratings_dropmenu ul a {
	/*position: relative;*/
	display: block;
	/*left: 15px;*/
	width: 80px;
	height: 20px;
	color: #fff;
	list-style: none;
	text-decoration: none;
	/*margin-left: -15px;*/	
}
.ratings_dropmenu ul a:hover {
	display: block;
	background: #F3D61C;
}
/* - end of dropdown - */

section.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}
section.section_default ul {
	 margin-bottom: 50px;
}
section.ratings_by_year {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-top: 0px;
	margin-left: 20px;
	width: 100%;/*480px*/
	background: none;
}
section.ratings_by_year div.flex_item h1, h2 {
	position:absolute;
	left:-2000em;
}
section.ratings_by_year div.flex_item ul {
	margin-right: 20px;
	margin-bottom: 40px;
	list-style: none;
	width: 100px;
	text-align: center;
}
section.ratings_by_year div.flex_item img {
	width: 100px;
	height: 168px;
}
/*this is for images that have a live link*/
.linked:hover {
	border: solid 1px #F3D61C;
}
section.ratings_by_year div.flex_item ul li:first-child {
	font-weight: bold;
	text-align: left;
}
section.ratings_by_year div.flex_item li { color: #FFF; }

section.ratings_list li {
    list-style:none outside none;
    margin: 10px 10px 0;
    padding: 20px 0px 20px 20px;
}

/* change pointer to designate anchor for pagination image */
#paginate-top a {
	cursor: pointer;
}

/*----------- end of main_content ---------------*/

/* ---------- rt_sidebar ----------------------*/
/* -----------rate_your_films --------------*/

section#rate_your_films_left { display: none; }
div#subscription_star_rating_container section#rate_your_films {  
	position: relative; 
	width: 100%;
}
div#subscription_star_rating_container section#rate_your_films div#heading_subscribe {
	width: 100%;
	height: 30px;
    background-color: #1EC4F4;
	border-radius: 10px;
}

div#heading_subscribe h4 {color: white; }

/*div#subscription_star_rating_container section#rate_your_films div#heading_subscribe p { padding: 5px 0 0 10px; }*/

section#rate_your_films div#rate_your_films_list ul { 
    margin: 30px 20px 30px 30px;
    list-style: circle outside;
}
section#rate_your_films div#rate_your_films_list li {
	color: #FFF;
	margin-bottom: 20px;
}
section#rate_your_films div#rate_your_films_list li:last-child { list-style: none; }
section#rate_your_films div#rate_your_films_list li:last-child a img { margin: 0 auto; }

/*--------------star_rating_key -----------------*/
section#star_rating_key_left { display: none; }

#heading_star_rating_key {
    margin-bottom: 20px;
	width: 100%;
	height: 30px;
    background-color: #F3D61C;
	border-radius: 10px;
}

#heading_star_rating_key p { color: #000; }

section#star_rating_key div.star_rating {
    /*margin: 15px;*/
    padding-left: 15px;
    margin-bottom: 15px;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
}

section#star_rating_key div.stars_def { 
    margin-top: -3px;
    margin-left: 20px; 
}

/*--------------MPAA_rating_key -----------------*/
section#mpaa_rating_key_left { display: none; }

section#mpaa_rating_key { width: 100%; }

#heading_mpaa_rating_key {
	width: 100%;
	height: 30px;
    /*padding: 5px 0 0 10px;*/
    color: #000;
    background-color: #F3D61C;
	border-radius: 10px;
}

div#mpaa_ratings p {
	margin: 30px 20px 10px 20px;
	color: #FFF;
}

div#mpaa_ratings ul li {
	margin: 0 auto 20px 60px;
	list-style: none;
}

section#mpaa_rating_key div.mpaa_rating_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section#mpaa_rating_key div img.large { 
    display: block; 
    margin-bottom: 10px;
}

section#mpaa_rating_key div img.small { display: none; }

/*-- Media Queries --*/

@media screen and (max-width: 1165px) {
	
	/* footer */
	footer#footer { height: 230px; }
}

@media screen and (max-width: 1100px) {
    
	/* right sidebar */	    	    
    section#mpaa_rating_key div#g_rating, div#pg_rating, div#pg-13_rating, div#r_rating, div#nc-17_rating { margin-left: 20px; }
}

@media screen and (max-width: 1092px) {
    
	/* right sidebar */
    section#mpaa_rating_key div#g_rating, div#pg_rating, div#pg-13_rating, div#r_rating, div#nc-17_rating { margin-left: 0px; }
    section#mpaa_rating_key div img.large { display: none; }
    section#mpaa_rating_key div img.small { 
        display: block; 
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1050px) {
    
    /* left sidebar */
    div#left { display: none; }
    
    section#rate_your_films_left {
        display: block;   
        position: relative; 
        width: 100%;
    }
    
    section#rate_your_films_left div#heading_subscribe {
        width: 100%;
        height: 30px;
        background-color: #1EC4F4;
        border-radius: 10px;
    }
    
    /*section#rate_your_films_left div#heading_subscribe p { padding: 5px 0 0 10px; }*/

    section#rate_your_films_left div#rate_your_films_list ul { 
        margin: 30px 20px 30px 30px;
        list-style: circle outside;
    }
    section#rate_your_films_left div#rate_your_films_list li {
        color: #FFF;
        margin-bottom: 20px;
    }
    section#rate_your_films_left div#rate_your_films_list li:last-child { list-style: none; }
    section#rate_your_films_left div#rate_your_films_list li:last-child a img { margin: 0 auto; }
    
    section#star_rating_key_left { display: block; }
    section#star_rating_key_left div.star_rating { margin-left: 15px; }
    section#star_rating_key_left div.stars_def { margin: -9px 0 0 0px; }
    section#star_rating_key_left div#average { margin: -13px 0 0 0px; }
    section#star_rating_key_left div#walked_out { margin: -6px 0 0 0px; }
    
    section#mpaa_rating_key_left {
        display: block;
        width: 100%;
    }
    section#mpaa_rating_key_left div.mpaa_rating_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    section#mpaa_rating_key_left div img.large { display: none; }
    section#mpaa_rating_key_left div img.small { 
        display: block;
        margin-bottom: 10px;
    }
    
    /* main content */
    div#main_content { 
        flex: 1;
        margin-right: 0px;
    }
    
    div#main_content div#bookcontent {
        /*position: relative;*/
        margin-left: 20px;
        margin-right: 20px;
        width: 95%;
    }
    div#main_content div#bookcontent section.ratings_by_year {
        /*position: relative; */
        margin-left: 0px;
        width: 100%;
    }
    
    /* right sidebar */
    div#rgt_sidebar { display: none; }
    
    /* footer */
    footer#footer { margin-top: 5px; }
}

@media screen and (max-width: 1015px) {
	
	/* Header */
	header#main_header {
		background: url(../_images/index/home_background_header_ps_1117.png) no-repeat left top;
	}
}

@media screen and (max-width: 930px) {
	
	/* header */
	header#main_header { background: url(../_images/index/home_background_header_ps_1020_no_tagline.png) no-repeat/* left top*/; }
}

@media screen and (max-width: 875px) {
    
    /* footer */
    footer#footer { height: 270px; }
    footer#footer div#links p.legal { 
        margin-top: 10px;
        margin-left: 8px;
    }
}

@media screen and (max-width: 825px) {
    
    /* Footer */
    footer#footer div#links { width: 50%; }
    
}

@media screen and (max-width: 821px) {
    
	/* footer */
    footer#footer { height: 200px; }
    
    footer#footer div#links {
        margin-top: -60px;
        width: 75%;
    }  
}

@media screen and (max-width: 800px) {
    
    div#wrapper { display: block; }
    
     /* left sidebar */
    div#lft_sidebar { 
        display: block;
        width: 100%;
    }
    
    /* Navigation */
    section#nav-container { display: none; }
    
    nav.topnav {
        display: block;
        margin-top: -80px;
        background-color: #1E1012;
        overflow: hidden;
    }

    nav.topnav a {
        float: left;
        display: block;
        color: #F49321;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

    nav.topnav a:hover {
        background-color: #F2B81C;
        color: black;
    }
    
    /* Nav: dropdown container */
    nav.topnav div.dropdown {
      float: left;
      overflow: hidden;
    }

    /* Dropdown button */
    nav.topnav div.dropdown button.dropbtn {
      font-size: 16px; 
      border: none;
      outline: none;
      color: #F49321;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit; /* Important for vertical align on mobile phones */
      margin: 0; /* Important for vertical align on mobile phones */
    }

    /* Add a background color to navbar links on hover */
    nav.topnav a:hover, div.dropdown:hover button.dropbtn:hover {
        background-color: #F49321;
        color: black;
    }

    /* Dropdown content (hidden by default) */
    nav.topnav div.dropdown div.dropdown-content {
      display: none;
      position: absolute;
      background-color: #20212A;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }

    /* Links inside the dropdown */
    nav.topnav div.dropdown div.dropdown-content a {
      float: none;
      color: white;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }

    /* Add a background color to dropdown links on hover */
    nav.topnav div.dropdown .dropdown-content a:hover {
      background-color: #F49321; opacity: 0.8;
      color: black;
    }

    nav.topnav div.dropdown div.dropdown-content a.active {
        background-color: #F49321;
        color: white;
    }

    /* Show the dropdown menu on hover */
    nav.topnav div.dropdown:hover .dropdown-content {
      display: block;
    }
    
    section#rate_your_films_left, section#star_rating_key_left, section#mpaa_rating_key_left { display: none; }
    
    /*  main content  */
    div#main_content {
        display: block;
        margin-left: 0px;
        width: 100%;
    }
    
    div.heading_star_ratings {
        margin-top: 80px;
    }
    
    /* right sidebar */
    div#rgt_sidebar { 
        display: block;
        width: 100%;
		margin: 5px 0 0 0;
    }
    div#subscription_star_rating_container {
        overflow: hidden;
        width: 100%; 
    }
    
    div#subscription_star_rating_container section#rate_your_films {
        float: left;
        height: 550px;
        width: 50%;
        padding-bottom: 4em;
        margin-bottom: -4em;
    }
    
    div#subscription_star_rating_container section#star_rating_key {
        float: left;
        width: 50%;
        height: 550px;
        margin-right: -1px; /* Thank you IE */
        padding-bottom: 4em;
        margin-bottom: -4em;
    }
    
    section#mpaa_rating_key { height: 550px; }
    
    section#mpaa_rating_key div.mpaa_rating_container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%; 
    }
    
    section#mpaa_rating_key div.mpaa_rating_container div.flex_item img {
        width: 150px;
        margin-bottom: 10px;
    }
    
    /* footer */
    footer#footer { margin-top: 5px; }
    
}

@media screen and (max-width: 770px) {
    
	/* footer */
    footer#footer { height: 220px; }
}

@media screen and (max-width: 749px) {
    
    section#mpaa_rating_key { height: 650px; }
    
    /* footer */
    footer#footer { margin-top: 5px; }
    
}
    
@media screen and (max-width: 656px) {
	
	/* navigation */
    section#nav-container { 
        width: 240px; 
        height: 247px;
    }
    
    /* movie tab - dropdown menu */
    nav ul.nav ul {
        position: absolute;
        width: 95px;
        top: 5px;
        left: 8.5em;
        display: none;
    }	
}

@media screen and (max-width: 599px) {
    
    /*  main content  */
    section#mpaa_rating_key { height: 700px; }
    
    /* footer */
    footer#footer { margin-top: 5px; }
    
}

@media screen and (max-width: 586px) {
    
    /*  main content  */
    section#mpaa_rating_key { height: 750px; }
    
    /* footer */
    footer#footer { margin-top: 5px; }
    
}

@media screen and (max-width: 575px) {
    
    /*  main content  */
    section#mpaa_rating_key { height: 800px; }
    
    /* footer */
    footer#footer { margin-top: 5px; }
    
}

@media screen and (max-width: 550px) {
    
    /*  main content  */
    div#subscription_star_rating_container section#rate_your_films { height: 600px; }
    div#subscription_star_rating_container section#star_rating_key { height: 600px; }
    div#rgt_sidebar div#subscription_star_rating_container section#star_rating_key div.star_rating {
        display: block;
        margin-top: 10px;
        margin-left: 0px;
    }
    div#rgt_sidebar div#subscription_star_rating_container section#star_rating_key div.star_rating div.stars {
        display: block;
        margin-left: 5px;
        margin-top: 30px;
    }
    div#rgt_sidebar div#subscription_star_rating_container section#star_rating_key div.star_rating div.stars_def {
        display: block;
        margin-top: 0px;
        margin-left: 10px;
    }
    
    /* footer */
    footer#footer { margin-top: 5px; }
    
}

@media screen and (max-width: 520px) {
    
    /* footer */
    footer#footer div#links { width: 70%; }  
    footer#footer div#links p.legal {
        /*margin-top: 10px;*/
        /*width: 90%;*/
    } 
    
}

@media screen and (max-width: 500px) {
    
    /*  main content  */
    div#subscription_star_rating_container section#rate_your_films { height: 650px; }
    div#subscription_star_rating_container section#star_rating_key { height: 650px; } 

}

@media screen and (max-width: 479px) {
    
    /*  main content  */
    div#subscription_star_rating_container section#rate_your_films { 
        width: 100%;
        height: 450px;
        float: none;
    }
    div#subscription_star_rating_container section#star_rating_key { 
        width: 100%;
        height: 500px;
        float: none;
    }
 
}

@media screen and (max-width: 460px) {
    
    /*  main content  */
    div#subscription_star_rating_container section#rate_your_films { height: 500px; }
 
}

@media screen and (max-width: 450px) {
    
    /*  main content  */
    div#subscription_star_rating_container section#rate_your_films { height: 550px; }
    section#mpaa_rating_key { height: 900px; }
 
}

@media screen and (max-width: 420px) {
    
    /*  main content  */
    section#mpaa_rating_key { height: 950px; }
 
}