.hide{
  display: none;
}


:root{
  --primary-color: #ecaa44;
  --heavy-font: 'Bebas Neue';
  --body-font: 'montserrat';
}

body { 
  color:#000; 
  font-family: var(--body-font);
  background-color: #fff;
}

p li{ 
  margin-bottom:10px;
  text-align: left;
}

.centerP {
  margin: 25px auto;
  text-align: center;
  width: 80%;
}

.site-logo img{
	max-width: 200px;
	height: auto;
}

h1{
  text-align: center;
  letter-spacing: unset;
}

button{
  background-color: #666666;
  color: #fff;
  font-family: var(--body-font);
}

button:hover{
  text-decoration: none;
}

button:hover{
  text-decoration: none;
}

hr{
  margin: 1em 0;
  border-color: #ecaa44;
}

#content li{
  list-style-type: '\2013  ';
}

#content ul{
  margin-left: 0;
}

.center {
text-align: center;
}

.container{
	display: grid;
	grid-template-columns: 0.25fr auto;
	margin: 25px auto 0 auto;
	max-width: 1200px;
}

.last-item{
	border-bottom: 1px solid #ecaa44;
}

#content{
	margin-left: 25px;
}


#content .jumpToLinks ul li{
  list-style-type: none;
}

.jumpToLinks {
  width: 100%;
  margin-top: 25px;
}

.jumpToLinks ul li {
  display: inline-block;
  margin-bottom: 15px;

}

.jumpToLinks ul li a {
  background-color: #ecaa44; 
  color: #000;
  font-weight: 600;
  padding: 10px;
}

.jumpToLinks ul li a:hover {
  background-color: #000; 
  color: #ecaa44;
}



.information-box{
	padding: 1.5em;
}

.information-box p{
	margin-top: 1em;
	font-weight: 600;
}

.information-top{
	align-items: flex-start;
        display: flex;
	margin-bottom: 2em;
  margin-top: 2em;
}


.information-top-content{
	margin-top: 0.5em;
}

.information-number{
	font-family: 'bebas neue', Arial;
	font-size: 8em;
	font-weight: bold;
	min-width: 1.2em; 
}

.information-bottom{
	margin-top: 3em;
}

.btn-container{
	text-align: center;
	margin-bottom: 1em;
}

.btn-container a{
	display: inline-block;
	font-size: 16px;
	padding: 1.3em;
	margin-left: 1em;
	width: 275px;
}

.information-box .btn-bg a.btn{
	background-color: #fff;
    color: #000;
}

.information-box.activated{
	position: relative;
  z-index: 1;
}

.login-box{
    padding: 1em 2em;
    background-color: #ecaa44;
    margin: 1em auto;
    max-width: 1000px;
}

.modal-inactive{
	display: none;
}

.modal-active::before{
	content: "";
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
	
img{
	display: inline;
}

.inner-container {
  text-align: center;
  margin: 25px auto; 
}

.inner-container h1 {
  font-size: 3.0rem;
  margin: 25px 0;
}

.inner-container h2 {
  font-size: 2.5rem;
  margin: 25px 0;
}

.inner-container a {
  color: #63B9DE;
}

.b-form input {
  padding:0;
}

.btn-container.withFlex {
  display: flex;
  gap: 20px;
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .information-box{
    padding: 10px; 
  }
  .information-top {
    flex-direction: column;
    align-items: center;
  }
  .information-number{
    font-size: 5em;
  }
  .btn-container a{
    margin-left: unset;
  }
  .btn-container.withFlex {
    flex-direction: column;
    justify-content: center;
    gap: unset; 
  }
  
}



/*
 *  login
 *
 */

.login-container input[type="text"],
.login-container input[type="password"]{
    background: #fff;
    padding: 0.5em;
    display: inline;
    width: 70%;
    margin-left: 1em;
}

.login-container input[type="submit"]{
    font-size: 1.2em;
    /*font-family: 'montserrat';*/
    font-weight: 600;
    background-color: #fff;
    color: #000; 
    padding: 1em 3.2em; 
    width: 100%;
    letter-spacing: 4px;
    max-width: 275px;
}

.login-container input[type="submit"]:hover{
    color: #ecaa44;
}

input[type="submit"]:hover {
    text-decoration: none;
}

.username-section{
    margin: 1em 0 2em ;
}

.password-section {
    margin: 0 0 5em;
    position: relative;
}

.password-section input {
  padding-right: 45px;
}

.password-section .view-password-container {
    position: absolute;
    right: 1px;
    top: 30px;
    width: 40px;
    height: 40px;
    background-color: #fff; 
}

.password-section .view-password-container button {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  position: relative;
}

.password-section .view-password-container button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.create-btn-container{
    margin-top: 3em;
}

.create-btn-container a.btn{
    padding: 1em 3.2em;
    margin-top: 3.5em;
}

@media screen and (max-width: 50em){
  .username-section{ 
      margin: 1em 0 2em 0;
  }
  .password-section{
      margin: 0 0 5em 0;

  }
      
  input[type="text"],
  input[type="password"]{
      width: 100%;
      margin-left: 0;
  }

  .centerP {
    text-align: left;
    width: 100%;
  }

  .inner-container {
    text-align: left;
  } 

}


label{
    font-size: 1em;
    display: inline-block;
    font-weight: 600; 
    width: 8em;
}

/*
 * Registration 
 *
 *
*/

.b-form{
    max-width: 1000px;
    width: 70%;
    margin: 0 auto;
}

.b-form.full-length{
  width: 100%;
} 

.b-form tr{
  margin-bottom: 20px;
  vertical-align: middle;
}
.b-form td{
  vertical-align: middle;
}

.b-form label{
  width: 11em;
}

.b-form div{
  margin-bottom: 1em;
}

.b-form input{
  width: auto;
  display: inline-block;
  border-color: #000;
}

#filmingComp {
  margin-left: 20px;
}
@media screen and (max-width: 800px){
  #filmingComp{
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px){
  #hamburger-menu{
    transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8); 
  }
  #hamburger-menu.open{
    transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8); 
    transform: rotate(45deg); 
    background-color: #fff;
    position: relative;
    z-index: 9999;
  }
  #hamburger-menu.open::before{
    transform: rotate(-90deg);   
    background-color: #fff; 
    position: absolute;
    top: 8px;
  }
  #hamburger-menu.open::after{
    opacity: 0;
  }
	.container{
		display: block;
	}

  .mobile-menu-overlay{
    background-color: rgba(0,0,0,0.8);
    position: fixed; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    z-index:999;
  } 
	
	#leftNav{
		display: none;
	}
  #leftNav.open{
    display: block;
    position: absolute;
    z-index: 9999;
  }
  #leftNav.open::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  .b-form{
    width: 95%;
  }

}

.friends-or-family-container .fof-inner,
.b-roll-container .br-inner{
  display:grid;
  grid-template-columns: 1fr minmax(auto, 1fr);
  gap: 10px; 
}


@media screen and (max-width: 1024px){
 .friends-or-family-container .fof-inner,
 .b-roll-container .br-inner {
    display: block;
 }
}


.pre-film-checklist-container{
  background-color: #e6e6e6;
}

.pre-film-checklist-container div:not(div.b-actions){
  margin-bottom: 10px;
  display: flex;
}

input[type="checkbox"]{
  border-color: #000;
  background-color: transparent;
}

input[type="checkbox"]:checked::before{
  background-color: #000;
}


/* YUI Grid Related CSS 
#custom-doc {
width: 100%; min-width: 640px;
} 
/* YUI OVERRIDE 
#custom-doc, .yui-t3{
margin:auto;
text-align:left;
height:100%;
min-height:100%;
}

#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}
*/
#navcontainer {
margin-top: 7px;
}

ul#navlist, ul#navlist1 {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
text-align:center;
}

#navlist li, #navlist1 li {
display: inline;
list-style-type: none;
}

#navlist a {
padding: 0 20px;
/*font-style:italic;*/
font-size:12px;
font-weight:100;
/*border-right:1px solid #000;*/
text-transform:uppercase;
}
 
#navlist1 a {
padding: 0 10px;
/*font-style:italic;*/
font-size:11px;
font-weight:100;
border-right:1px solid #000;
}
 
#navlist a:link, #navlist a:visited, #navlist1 a:link, #navlist1 a:visited {
color: #000;
text-decoration: none;
}

#navlist a:hover {
color: #fff;
text-decoration: none;
}

#navlist1 a:hover {
color: #7D9B45;
text-decoration: none;
}
#navlist #noBorder, #navlist1 #noBorder {
border: none;
}

#navlist #active, #navlist1 #active {
color: #DEDEDE;
}

#bd{
	display: grid;
	grid-template-columns: 0.25fr auto;
	max-width: 1200px;
}
/*
#bd {
margin: 100px auto 0px;
border-left:255px solid #5a5d5f;
border-right:1px solid #eeeeee;
min-height:560px;
width:750px;
}
*/
#content {
/* margin-left:-320px;*/
 padding-right:1em;
}

#home-content {
 text-align:left;
}
#home-content li{
 list-style-type:decimal;
 margin-left:2em;
} 

#leftNav {
 margin: 0px; 
 color:#fff;
 background-color: #707070;
 width: 300px;
 /*position:relative;
 left:-235px; */
 text-align:left;
 padding: 1.5em;
}

#leftNav p{
line-height:normal;
margin-bottom: 6px;
}

#leftNav ul{
margin:0;
}

#leftNav li {
padding: 0 0 0.3em 0;
list-style: none;
margin: 0;
}

#leftNav ul li a{
color: #ebebeb;
text-decoration: none;
text-transform: uppercase;
}

#leftNav ul li a:hover {
/*color: #7D9B45;*/
text-decoration: underline;
}

.listtable {
width: 100%;
border: outset 1px;
border-top: none;
border-color:#888;
empty-cells:show;
border-collapse:collapse;
}

.listtable th {
border-top: none;
background-color: #ecaa44;
color:#000000;
padding:2px;
font-size:1.1em;
font-weight: 600;
padding-left: 10px;
border-color: transparent;
}

.listtable td {border-width:1px;
border-left-style:solid;
border-right-style:solid;
border-top-style:dotted;
border-bottom-style:solid;
border-color:#9a9;
padding:2px;
font-size:1em;
}

.noborder, .noborder td, .noborder th  {border:none}

.errormsg {color:#C03;
border:1px solid #aaa;
background-color:#fefeee;
padding:0.5em;
margin-bottom:0.8em
}
.noticemsg {color:#080;
border:1px solid #aaa;
background-color:#eefeee;
padding:0.5em;
margin-bottom:0.8em
}

.tab, .tabSelected {
border-top-left-radius:6px;
border-top-right-radius:6px;
text-align: center;
padding: 2px 10px 2px 10px;
}

.tabSelected {
font-weight:bold;
border-top:2px #333 solid;
border-left:2px #333 solid;
border-right:2px #333 solid;
background-color:#7D9b45;
border-bottom:1px #7D9b45 solid;
}
.tab {
background-color: #eee;
border-right:1px #888 solid;
border-top:1px #888 solid;
border-left:1px #888 solid;
border-bottom:2px #333 solid;
}
.tab a:link, .tab a:visited {
text-decoration: none;
color:#222;
}
.tab a:hover {
text-decoration: none;
color:#36c;
}
.tabgap {
/*border-left:1px #888 solid; */
border-bottom:2px #333 solid;
}

/**
 * Digital Signature Block
 */
.digital_signature {
 border: 1px solid #aaa;
 background: #ecaa44;
 padding:1em;
 margin-top:1em;
}

.ds_answer {
 color:blue;font-style: italic;font-family: sans-serif;
}

/**
 * Form Style.
 * /
/* form block */
.b-form {
text-align:left;
}

.b-actions {
text-align:center;
margin:20px 0 15px 0;
}

/* actions (submit, reset buttons, etc) block */
.b-form .b-actions {
text-align:center;
margin:20px 0 15px 0;
}

/* action button */
input[type='submit'],
.b-form .b-actions .btn {
/*box-shadow:3px 3px 2px #999999; */
 min-width:100px;
 width: 100%;
 max-width: 275px;
 padding: 10px;
 text-align: center;
 text-transform:uppercase;
 color: #000;
 background: #ecaa44;
 font-size: 1.5em;
 margin-top:1em;
 margin-bottom:1em;
 font-family: 'bebas-neue';
 letter-spacing: 1px;
 white-space: normal;
}

.b-form .b-actions .btn:hover {
  color: #fff;;
  text-decoration: none;
}

.b-form .b-actions .btn:focus {
 outline:0;
}

.b-form td {padding:3px;margin:3px;}

/*.b-form button, .b-form input, .b-form textarea {padding:2px 4px 2px 4px}*/
.b-form button.small {font-size:9px;}

.b-form textarea {width:100%}

.required {color:red}

.btn, .btn:visited, a.btn, a.btn:visited {
 padding: 10px 20px 10px 20px;
 text-align: center;
 text-transform:uppercase;
 color: #000;
 background: #ecaa44;
 font-size: 1.5em;
 font-weight: bold;
 font-family: 'bebas-neue';
 margin-top:1em;
 margin-bottom:1em;
 width: 100%;
 max-width: 275px;
 display: inline-block;
 letter-spacing: 2px;
}

.btn:hover,
a.btn:hover {
  color:black;
  text-decoration: none;
}
a.btn.small {font-size:11px;padding:5px 10px 5px 10px}

a.btn.square {
  border-radius: 0
}

.contentbox {
 background: #eee;
 padding:1em;
}
.contentbox h3{
 font-size:2.2em;
 font-weight:normal;
 color:#d9a956;
 text-align:center;
}
.contentbox h4{
 font-size:2em;
 font-weight:normal;
 color:#d9a956;
 text-transform:lowercase;
 text-align:left;
}
.contentbox p{
 color:#111;
}
.contentbox ul{
 margin-top:0;
 margin-bottom:1em;
}
.contentbox li{
 list-style-type:disc;
 margin-left:2em;
}
.page_breadcrumb {
 font-size:11pt;
 text-transform:lowercase;
}
.page_breadcrumb .current {
 color:#ecaa44;
 font-weight:bold;
}
.page_breadcrumb a {
 color:#ecaa44;
}

.service-listing-item {
 border-bottom:1px solid #ddd;
 padding:1em 0.1em 2em 0.1em;
}

.service-listing-item h2 {
  text-align: center;
}


/* Video IFRAME wrapper */
.videoWrapper, .video-wrapper {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 height: 0;
 max-height:calc(100% - 10em);
}
.videoWrapper object, .video-wrapper object,
.videoWrapper embed, .video-wrapper embed,
.videoWrapper iframe, .video-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.highlight{
 font-weight:bold;
 color:#d9a956;
}


.formStyle div {
  display: flex; 
  margin: 0;
}

.formStyle label {
  background-color: #ecaa44;
  padding: 10px;
  margin: 0;
}

.formStyle .inner-ext{
  align-self: center;
}
@media screen and (max-width: 1000px) {
  .formStyle div {
    flex-direction: column;
  }
  .formStyle .inner-ext{
    align-self: unset; 
  }
}