@charset "UTF-8";
/* CSS Document */
/***************************************
LAYOUT STYLES
****************************************/

div#container { max-width: 1300px; }

div#wrapper { display: flex; }

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

nav.topnav { display: none; }

div#lft_sidebar_privacy {
    flex: 0 0 200px;
    margin-right: 5px;
	padding-right: 5px;
    margin-bottom: 5px;
	background: rgba(30, 16, 18, 0.95);
    border-radius: 10px;
}

div#lft_sidebar_terms {
    flex: 0 0 200px;
    margin-right: 5px;
	padding-right: 5px;
    margin-bottom: 5px;
	background: rgba(30, 16, 18, 0.95);
    border-radius: 10px;
}

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

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

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

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

/* ---------------- lft_sidebar specific styles ----------------*/

section.section_default h1, h2 {
	 position:absolute;
	 left:-2000em;
}

.film_images h3{
	margin-left: 10px;
    color: #FFFFFF;
}

.film_images img{
	width: 100%;
	margin-bottom: 20px;
	/*float: left;*/
}

/* ---------------- main_content specific styles ----------------*/

#heading_about {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
	/*background: url(../_images/admin/heading_about_classic_film_club.png) no-repeat;*/
}

#heading_terms_of_service {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
	/*background: url(../_images/admin/heading_about_classic_film_club.png) no-repeat;*/
}

#heading_privacy_policy {
	width: 100%;
	height: 30px;
	background: #F3D61C no-repeat;
	border-radius: 10px;
	z-index: 1000; /*this is for Safari*/
	/*background: url(../_images/admin/heading_about_classic_film_club.png) no-repeat;*/
}

div#heading_privacy_policy h3 { color: black; }

.about, .terms { margin: 20px; }

.about h3,h4 { color: white; }

.about p, .terms p {
	padding-top: 5px;
}

.about ul {
	padding-top: 10px;
	list-style: none;
}

.terms ul {
	padding-left: 20px;
	padding-top: 20px;
}

.terms li {
	padding-left: 20px;
	padding-bottom: 10px;
}

.about a {
	text-decoration: none;
	list-style: none;
	color: #CDEBF2;
}

.contact {
	margin-left: auto;
	margin-right: 0;
}

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

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



/*-- Media Queries --*/

@media screen and ( max-width: 1308px ) {
	
	/* Main Content */
    
    div#main_content { flex: 0.75; } 
    
    /* Right Sidebar */
    div#rgt_sidebar { flex: 0.25; }
}

@media screen and ( max-width: 1308px ) {
	
	/* Main Content */
    
    div#main_content { flex: 1; } 
    
    /* Right Sidebar */
    div#rgt_sidebar { flex: 0 0 200px; }
}

@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; }
}

@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: 785px) {
    
     /* 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 a.active {
        background-color: #F49321;
        color: white;
    }

    /* Show the dropdown menu on hover */
    nav.topnav div.dropdown:hover .dropdown-content { display: block; }
    
    div#wrapper { margin-top: 0px; }
    
    /* lft sidebar */
    
    div#lft_sidebar { flex: 0 0 200px; }

}

@media screen and (max-width: 785px) {
    
    /*  lft sidebar  */
    
    div#lft_sidebar { flex: 0 0 150px; }
    
    div#lft_sidebar_privacy { flex: 0 0 50px; }
    
    /*  rgt sidebar  */
    
    div#rgt_sidebar { flex: 0 0 150px; }
    
}
@media screen and (max-width: 630px) {
    
    /*  lft sidebar  */
    
    div#lft_sidebar { flex: 0 0 100px; }
    
    /*  rgt sidebar  */
    
    div#rgt_sidebar { flex: 0 0 100px; }
    
}
@media screen and (max-width: 530px) {
    
    /*  lft sidebar  */
    
    div#lft_sidebar { flex: 0 0 80px; }
    
    /*  main content  */
    
    div#heading_about h3 { font-size: 1.1em; }
    
    div#heading_privacy_policy h3 { font-size: 1.1em; }
    
    /*  rgt sidebar  */
    
    div#rgt_sidebar { flex: 0 0 80px; }
    
}