/*
Theme Name: Piet Baumgartner
Theme URI: https://www.pietbaumgartner.com
Author: Laurent Rueff
Author URI: http://l--r.ch
Text Domain: pietbaumgartner

© 2018 Laurent Rueff
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline
}

@font-face {
    font-family: 'tilderegular';
    src: url('tilde-regular.eot');
    src: url('tilde-regular.eot?#iefix') format('embedded-opentype'),
         url('tilde-regular.woff2') format('woff2'),
         url('tilde-regular.woff') format('woff'),
         url('tilde-regular.ttf') format('truetype'),
         url('tilde-regular.svg#tilderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    line-height: 1;
    font-family: 'tilderegular';
 font-size: 24px;
    letter-spacing: 0.03em;
    line-height: 1.25em;
    
}

ol,
ul,
li
{
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.clear {
    clear: both
}

.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {}

.alignleft {}

.aligncenter {}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important
}

a{
    text-decoration: none;
    color: black;

    
}

li{

}

.page-id-2{
    background-color: black; /*l--r*/
}

#post-2 {
    display:none;
}

.post-edit-link {
    display: none;
}

img{
width: 100%;
height: auto;
padding-bottom: 30px;
}

.one_half {
    width: 40% !important;
    margin-right: 2% !important;
}

p{
font-size: 16px;
    line-height: 1.2em;
}

.page p a{
    border-bottom: 1px dotted;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.page p a:hover{
    color: white;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.entry-content {
    padding-bottom: 100px;
}



/* OBERE LEISTE */

#site-title{
position: fixed;
width: 100%;
z-index: 100;
border-bottom: 2px solid black;
background: white;
height: 100%;
padding-top: 4px;
padding-left: 5px;
transform: translateY(-100%);
top: 38px;
padding-bottom: 2px;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
cursor: pointer;
}

.navibackground 1,
.navibackground 2{
    display:none;
}


#site-title.expand{
            transform: translateY(0);
    top:0px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.childDiv{
    position: absolute;
    bottom: 3px;
    left: 10px;
    cursor: pointer;

}

.cv p{
    max-width: 1000px;
}

#site-title a{
    text-decoration: none;
}

#site-title #cv p{
    max-width: 1000px;
    padding-left: 6px;
    padding-top: 10px;
    font-size: 16px;
line-height: 1.2em;
    margin-top:-100%;
    transition: all 1s ease;
    }

#site-title.expand #cv p{
        margin-top:0;
    transition: all 1s ease;
}

.page-template-default{
background-color: black; /*l--r*/  
}



/* PREVIOUS NEXT SUBMENU */
.right{
    float: right;
}

/* HAUPTFENSTER THEATRE */



.submenu-container.Theater {
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
}

#subpage.submenu-container.Theater{
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-40px);
    -ms-transform: translateY(100%) translateY(-40px);
        transform: translateY(100%) translateY(-40px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#subpage.submenu-container.Theater:hover,
#subpage.submenu-container.Theater:active{
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0%) translateY(0px);
        -ms-transform: translateY(0%) translateY(0px);
            transform: translateY(0%) translateY(0px);
}

.submenu-container.Theater li a,
.submenu-container.Theater li
{
    color:lightblue;
}

.submenu-container.Theater li{
    border-top: 2px solid lightblue;
    padding: 4px 160px 0 80px;
        height: 34px;
}

.parent-slug-theater .page {
    background-color: black; /*l--r*/
    color: lightblue;
    min-height: 100vh;

}

.parent-slug-theater .page a{
    color: lightblue;
}

.parent-slug-theater h2.entry-title {
    border-top: 2px solid lightblue;
}

.parent-slug-theater h1{
padding-top:45px;
padding-left: 80px;
padding-bottom: 4px;
border-bottom: 2px solid lightblue;
}

.parent-slug-theater p,
.parent-slug-theater #text{
padding: 0px 160px 30px 80px;
max-width: 1000px;
font-size: 16px;
line-height: 1.2em;
}

    .parent-slug-theater h3{
margin-left: 80px;
max-width: 500px;
border-top: 1px solid;
text-transform: uppercase;
font-size: 12px;
padding-top: 2px;
letter-spacing: 0.1em;
line-height: 18px;
}


.parent-slug-theater .video-precontainer{
    padding: 0px 160px 0px 80px;
    max-width: 1000px;
    max-height: calc(100vh - 150px);
    margin-top: -30px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
    
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    max-height: calc(100vh - 120px);
    
}

/* HAUPTFENSTER FILM */

.parent-slug-film .page {
    background-color: black; /*l--r*/
    color: lightgoldenrodyellow;
    min-height: 100vh;

}

.parent-slug-film .page a{
    color: lightgoldenrodyellow;
}



.parent-slug-film h2.entry-title {
    border-top: 2px solid lightgoldenrodyellow;
}

.parent-slug-film h1{
padding-top:45px;
padding-left: 120px;
padding-bottom: 4px;
border-bottom: 2px solid lightgoldenrodyellow;
}

.parent-slug-film p,
.parent-slug-film #text{
    padding: 4px 120px 0 120px;
    max-width: 1000px;
}

.parent-slug-film h3{
margin-left: 120px;
max-width: 500px;
border-top: 1px solid;
text-transform: uppercase;
font-size: 12px;
padding-top: 2px;
letter-spacing: 0.1em;
line-height: 18px;
}



.parent-slug-film h1{
padding-top:45px;
padding-left: 120px;
padding-bottom: 4px;
border-bottom: 2px solid lightgoldenrodyellow;
}

.parent-slug-film p{
    padding: 30px 120px 0px 120px;
    max-width: 1000px;
}

.parent-slug-film .video-precontainer{
    padding: 0px 120px 0px 120px;
    max-width: 1000px;
    max-height: calc(100vh - 150px);
    margin-top: -30px;
}


.submenu-container.Film {
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
}

#subpage.submenu-container.Film{
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-40px);
    -ms-transform: translateY(100%) translateY(-40px);
        transform: translateY(100%) translateY(-40px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#subpage.submenu-container.Film:hover,
#subpage.submenu-container.Film:active{
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0%) translateY(0px);
        -ms-transform: translateY(0%) translateY(0px);
            transform: translateY(0%) translateY(0px);
}

.submenu-container.Film li a,
.submenu-container.Film li
{
    color:lightgoldenrodyellow;
}

.submenu-container.Film li{
    border-top: 2px solid lightgoldenrodyellow;
    padding: 4px 120px 0 120px;
        height: 34px;
}


/* HAUPTFENSTER Videos */


.parent-slug-videos .page {
    background-color: black; /*l--r*/
    color: lightpink;
    min-height: 100vh;

}

.parent-slug-videos .page a{
    color: lightpink;
}

.parent-slug-videos h2.entry-title {
    border-top: 2px solid lightpink;
}

.parent-slug-videos h1{
padding-top:45px;
padding-left: 160px;
padding-bottom: 4px;
border-bottom: 2px solid lightpink;
}

.parent-slug-videos p,
.parent-slug-videos #text{
    padding: 30px 80px 0px 160px;
    max-width: 1000px;
}

.parent-slug-videos h3{
margin-left: 160px;
max-width: 500px;
border-top: 1px solid;
text-transform: uppercase;
font-size: 12px;
padding-top: 2px;
letter-spacing: 0.1em;
line-height: 18px;
}



.parent-slug-videos h1{
padding-top:45px;
padding-left: 160px;
padding-bottom: 4px;
border-bottom: 2px solid lightpink;
}

.parent-slug-videos p{
    padding: 30px 80px 0px 160px;
    max-width: 1000px;
}

.parent-slug-videos .video-precontainer{
    padding: 0px 80px 0px 160px;
    max-width: 1000px;
    max-height: calc(100vh - 150px);
    margin-top: -30px;
}


.submenu-container.Videos {
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
}

#subpage.submenu-container.Videos{
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-40px);
    -ms-transform: translateY(100%) translateY(-40px);
        transform: translateY(100%) translateY(-40px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#subpage.submenu-container.Videos:hover,
#subpage.submenu-container.Videos:active{
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0%) translateY(0px);
        -ms-transform: translateY(0%) translateY(0px);
            transform: translateY(0%) translateY(0px);
}

.submenu-container.Videos li a,
.submenu-container.Videos li
{
    color:lightpink;
}

.submenu-container.Videos li{
    border-top: 2px solid lightpink;
    padding: 4px 80px 0 160px;
        height: 34px;
}



/* HAUPTFENSTER Commercials */

.parent-slug-commercials .page {
    background-color: black; /*l--r*/
    color: palegreen;
    min-height: 100vh;

}

.parent-slug-commercials .page a{
    color: lightpink;
}

.parent-slug-commercials h2.entry-title {
    border-top: 2px solid palegreen;
}

.parent-slug-commercials h1{
padding-top:45px;
padding-left: 200px;
padding-bottom: 4px;
border-bottom: 2px solid palegreen;
}

.parent-slug-commercials p,
.parent-slug-commercials #text{
    padding: 30px 40px 0px 200px;
    max-width: 1000px;
}
    .parent-slug-commercials h3{
margin-left: 200px;
max-width: 500px;
border-top: 1px solid;
text-transform: uppercase;
font-size: 12px;
padding-top: 2px;
letter-spacing: 0.1em;
line-height: 18px;
}


.parent-slug-commercials .video-precontainer{
    padding: 0px 40px 0px 200px;
    max-width: 1000px;
    max-height: calc(100vh - 150px);
    margin-top: -30px;
}


.submenu-container.Commercials {
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
}

#subpage.submenu-container.Commercials{
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-40px);
    -ms-transform: translateY(100%) translateY(-40px);
        transform: translateY(100%) translateY(-40px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#subpage.submenu-container.Commercials:hover,
#subpage.submenu-container.Commercials:active{
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0%) translateY(0px);
        -ms-transform: translateY(0%) translateY(0px);
            transform: translateY(0%) translateY(0px);
}

.submenu-container.Commercials li a,
.submenu-container.Commercials li
{
    color:palegreen;
}

.submenu-container.Commercials li{
    border-top: 2px solid palegreen;
    padding: 4px 40px 0 200px;
        height: 34px;
}



/* MENÜLEISTE */


.menu-item{
    border-top: 2px solid black;
    z-index: 99;
    height: 34px;
    padding-top: 4px;
    padding-left: 5px;
    position: fixed;
    width: 100vh;
    z-index: 99;
    padding-right: 10px;
}

.menu-item a{
padding-right: 40px;
}

.navibackground1{
display:none;
position: fixed;
right: 0px;
width: 30px;
background-color: white;
z-index: 98;
height: 100%;
border-left: 2px solid black;
}

.menu-item.menu-item-991 {
    transform: rotate(-90deg);
    right:-50vh;
    margin-right:132px;
    top: 50vh;
    margin-top: -12px;
    text-align: right;
    background-color:white;
    
}

.menu-item.menu-item-992 {
    transform: rotate(-90deg);
    right:-50vh;
    margin-right:92px;
    top: 50vh;
    margin-top: -12px;
    text-align: right;
    background-color:white;
}

.menu-item.menu-item-993 {
    transform: rotate(-90deg);
    right:-50vh;
    margin-right:52px;
    top: 50vh;
    margin-top: -12px;
    text-align: right;
    background-color:white;
}

.menu-item.menu-item-994 {
    transform: rotate(-90deg);
    right:-50vh;
    margin-right:12px;
    top: 50vh;
    margin-top: -12px;
    text-align: right;
    background-color:white;
}


.menu-item.menu-left-11{
    border-top: 0;
    border-bottom: 2px solid black;
    right:auto;
    left: -50vh;
    margin-left:12px;

}



.menu-item.menu-left-12{
    border-top: 0;
    border-bottom: 2px solid black;
    right:auto;
    left: -50vh;
    margin-left:52px;
    
}


.menu-item.menu-left-13{
    border-top: 0;
    border-bottom: 2px solid black;
    right:auto;
    left: -50vh;
    margin-left:92px;
   
}



.menu-item.menu-left-14 {
    border-top: 0;
    border-bottom: 2px solid black;
    right:auto;
    left: -50vh;
    margin-left:132px;
}




@media screen and (max-width:1023px){
    
    body{
        font-size: 16px;
    }
    
    p{
        font-size: 13px !important;
    }
    
    

    .one_half{        
    width: 100% !important;
    }
    
   .navibackground1{
display:block;
       width: 30px;
       border-left: 2px solid black;
    }
    
        .menu-item.menu-left-11,
    .menu-item.menu-left-12,
    .menu-item.menu-left-13,
    .menu-item.menu-left-14{
        border-bottom: 0px;
        border-top: 2px solid black;
        margin-right: -5px;
    }
    
        .menu-item.menu-item-991{
        
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 59px;
        border-left: 2px solid black;

    }
    
      .menu-item.menu-item-992{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 151px;
        border-left: 2px solid black;
        
    }
    
    .menu-item.menu-item-993{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 243px;
        border-left: 2px solid black;


    }
    
      
    .menu-item.menu-item-994{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 335px;
        border-left: 2px solid black;
    }
    
    .menu-item{
    height: 25px;
    padding-top: 5px;
    padding-left: 5px;
}
    

    
    #site-title{
                top: 30px;

    }
    
     #site-title #cv p{
        padding-left: 1px;
        max-width: calc(100vw - 40px);
        font-size: 13px !important;

    }
    
    .childDiv{
        left: 20px;
    }

    .parent-slug-theater p,
.parent-slug-theater #text{
    padding: 30px 160px 0px 80px;
    max-width: 1000px;
line-height: 1.2em;
}

    
 
    
    .menu-item{
        padding-right: 5px;
    }
    .menu-item a{
        padding-right: 0px;
    }


    
    .menu-item.menu-item-991.current-menu-item,
    .menu-item.menu-item-991.current-page-ancestor {
        background-color: lightblue;
    }
    
    .menu-item.menu-item-992.current-menu-item,
    .menu-item.menu-item-992.current-page-ancestor{
        background-color: lightgoldenrodyellow;
    }
  
    .menu-item.menu-item-993.current-menu-item,
    .menu-item.menu-item-993.current-page-ancestor{
  background-color: lightpink;
    }
    
      .menu-item.menu-item-994.current-menu-item,
    .menu-item.menu-item-994.current-page-ancestor{
  background-color: palegreen;
    }
    
 
    

    .parent-slug-theater h1, .parent-slug-videos h1, .parent-slug-commercials h1, .parent-slug-film h1{
        padding-top: 38px;
        padding-left: 20px;
        padding-right: 60px;
    }
    
    
    
    .parent-slug-theater p, .parent-slug-videos p, .parent-slug-film p, .parent-slug-commercials p {
        padding: 30px 60px 0px 20px;
    }
    
    .parent-slug-theater h3,
    .parent-slug-film h3,
    .parent-slug-commercials h3,
    .parent-slug-videos h3{
        margin-left: 20px;
        max-width: calc(100vw - 80px);
       
    }
    

    
    .parent-slug-theater .video-precontainer, .parent-slug-videos .video-precontainer, .parent-slug-film .video-precontainer, .parent-slug-commercials .video-precontainer  {
        padding: 0px 56px 0px 20px;
        margin-top: 0px;
    }
    
    img{
        
    }
    
    #site-title{
        padding-left: 20px !important;
    }
    
       .submenu-container.Film li, .submenu-container.Theater li, .submenu-container.Videos li, .submenu-container.Commercials li {
    padding: 5px 60px 0px 20px;
    height: 25px;
                 }

    #subpage.submenu-container.Theater, #subpage.submenu-container.Film, #subpage.submenu-container.Videos, #subpage.submenu-container.Commercials{
position:fixed;
z-index:95;
background-color: black; l--r 
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-32px);
    -ms-transform: translateY(100%) translateY(-32px);
        transform: translateY(100%) translateY(-32px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
}

@media screen and (min-width:1023px) and (max-height: 480px){
    
    body{
        font-size: 16px;
    }
    
    p{
        font-size: 13px !important;
    }
    
    

    .one_half{        
    width: 100% !important;
    }
    
   .navibackground1{
display:block;
       width: 30px;
       border-left: 2px solid black;
    }
    
        .menu-item.menu-left-11,
    .menu-item.menu-left-12,
    .menu-item.menu-left-13,
    .menu-item.menu-left-14{
        border-bottom: 0px;
        border-top: 2px solid black;
        margin-right: -5px;
    }
    
        .menu-item.menu-item-991{
        
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 59px;
        border-left: 2px solid black;

    }
    
      .menu-item.menu-item-992{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 151px;
        border-left: 2px solid black;
        
    }
    
    .menu-item.menu-item-993{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 243px;
        border-left: 2px solid black;


    }
    
      
    .menu-item.menu-item-994{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -30px;
        width: 80px;
        top: 335px;
        border-left: 2px solid black;
    }
    
    .menu-item{
    height: 25px;
    padding-top: 5px;
    padding-left: 5px;
}
    

    
    #site-title{
                top: 30px;

    }
    
     #site-title #cv p{
        padding-left: 1px;
        max-width: calc(100vw - 40px);
        font-size: 13px !important;

    }
    
    .childDiv{
        left: 20px;
    }

    .parent-slug-theater p,
.parent-slug-theater #text{
    padding: 30px 160px 0px 80px;
    max-width: 1000px;
line-height: 1.2em;
}

    
 
    
    .menu-item{
        padding-right: 5px;
    }
    .menu-item a{
        padding-right: 0px;
    }


    
    .menu-item.menu-item-991.current-menu-item,
    .menu-item.menu-item-991.current-page-ancestor {
        background-color: lightblue;
    }
    
    .menu-item.menu-item-992.current-menu-item,
    .menu-item.menu-item-992.current-page-ancestor{
        background-color: lightgoldenrodyellow;
    }
  
    .menu-item.menu-item-993.current-menu-item,
    .menu-item.menu-item-993.current-page-ancestor{
  background-color: lightpink;
    }
    
      .menu-item.menu-item-994.current-menu-item,
    .menu-item.menu-item-994.current-page-ancestor{
  background-color: palegreen;
    }
    
 
    

    .parent-slug-theater h1, .parent-slug-videos h1, .parent-slug-commercials h1, .parent-slug-film h1{
        padding-top: 38px;
        padding-left: 20px;
        padding-right: 60px;
    }
    
    
    
    .parent-slug-theater p, .parent-slug-videos p, .parent-slug-film p, .parent-slug-commercials p {
        padding: 30px 60px 0px 20px;
    }
    
    .parent-slug-theater h3,
    .parent-slug-film h3,
    .parent-slug-commercials h3,
    .parent-slug-videos h3{
        margin-left: 20px;
        max-width: calc(100vw - 80px);
       
    }
    

    
    .parent-slug-theater .video-precontainer, .parent-slug-videos .video-precontainer, .parent-slug-film .video-precontainer, .parent-slug-commercials .video-precontainer  {
        padding: 0px 56px 0px 20px;
        margin-top: 0px;
    }
    
    img{
        
    }
    
    #site-title{
        padding-left: 20px !important;
    }
    
       .submenu-container.Film li, .submenu-container.Theater li, .submenu-container.Videos li, .submenu-container.Commercials li {
    padding: 5px 60px 0px 20px;
    height: 25px;
                 }

    #subpage.submenu-container.Theater, #subpage.submenu-container.Film, #subpage.submenu-container.Videos, #subpage.submenu-container.Commercials{
position:fixed;
z-index:95;
background-color: black; l--r 
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-32px);
    -ms-transform: translateY(100%) translateY(-32px);
        transform: translateY(100%) translateY(-32px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
}


@media screen and (max-height: 480px){
    
.menu-item,
.menu-item.menu-left-11,
.menu-item.menu-left-12,
.menu-item.menu-left-13,
.menu-item.menu-left-14,
.menu-item.menu-item-991,
.menu-item.menu-item-992,
.menu-item.menu-item-993,
.menu-item.menu-item-994{
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
    
.menu-item.menu-item-991,
.menu-item.menu-item-992,
.menu-item.menu-item-993,
.menu-item.menu-item-994{
        border-left: 2px solid black;
        border-top: 2px solid black;
    }

    body{
        font-size: 16px;
    }
    
    p{
        font-size: 13px !important;
    }

    
    #site-title #cv p{
        padding-left: 1px;
        max-width: calc(100vw - 40px);
        font-size: 13px;
    }
    

    
   
    .menu-item a{
        padding-right: 0px;
    }

            .menu-item.menu-item-991{
        
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -8px;
        width: 100px;
        top: 69px;
        border-left: 2px solid black;

    }
    
      .menu-item.menu-item-992{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -40px;
        width: 100px;
        top: 69px;
        border-left: 2px solid black;
        
    }
    
    .menu-item.menu-item-993{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -8px;
        width: 100px;
        top: 181px;
        border-left: 2px solid black;


    }
    
      
    .menu-item.menu-item-994{
        left: auto;
        right: auto;
        margin: auto;
        top: auto;
        right: -40px;
        width: 100px;
        top: 181px;
        border-left: 2px solid black;
    }
    
    
        #site-title{

top: 30px;
    }
    
    .childDiv{
        left: 10px;
    }
    
        .parent-slug-theater p,
.parent-slug-theater #text{
    padding: 30px 160px 0px 80px;
    max-width: 1000px;

line-height: 1.2em;
}
    
        .parent-slug-theater h3,
    .parent-slug-film h3,
    .parent-slug-commercials h3,
    .parent-slug-videos h3{
        margin-left: 10px;
        max-width: calc(100vw - 100px);
       
    }
    
    .menu-item.menu-left-11, .menu-left-12, .menu-left-13, .menu-left-14{
        background-color: white;
    }
    
   .menu-item.menu-item-991.current-menu-item,
    .menu-item.menu-item-991.current-page-ancestor {
        background-color: lightblue;
    }
    
    .menu-item.menu-item-992.current-menu-item,
    .menu-item.menu-item-992.current-page-ancestor{
        background-color: lightgoldenrodyellow;
    }
  
    .menu-item.menu-item-993.current-menu-item,
    .menu-item.menu-item-993.current-page-ancestor{
  background-color: lightpink;
    }
    
      .menu-item.menu-item-994.current-menu-item,
    .menu-item.menu-item-994.current-page-ancestor{
  background-color: palegreen;
    }
    
    .navibackground1{
z-index:97;
        width: 62px;
        border-left: 0;
        display:block;
}

    

    

    
    .parent-slug-theater h1, .parent-slug-videos h1, .parent-slug-commercials h1, .parent-slug-film h1{
        
        padding-left: 10px;
        padding-right: 72px;
    }
    
    .parent-slug-theater p, .parent-slug-videos p, .parent-slug-film p, .parent-slug-commercials p {
        padding: 30px 78px 0px 10px;
    }
    
    .parent-slug-theater .video-precontainer, .parent-slug-videos .video-precontainer, .parent-slug-film .video-precontainer, .parent-slug-commercials .video-precontainer  {
        padding: 0px 78px 0px 10px;
        margin-top: 0px;
        
    }
    
    #site-title{
        padding-left: 10px !important;
    }
    
       .submenu-container.Film li, .submenu-container.Theater li, .submenu-container.Videos li, .submenu-container.Commercials li {
    padding: 5px 72px 0px 10px;
    height: 25px;
}

        #subpage.submenu-container.Theater, #subpage.submenu-container.Film, #subpage.submenu-container.Videos, #subpage.submenu-container.Commercials{
position:fixed;
z-index:95;
background-color: black; /*l--r*/
width: 100vw;
bottom:0px;
-webkit-transform: translateY(100%) translateY(-32px);
    -ms-transform: translateY(100%) translateY(-32px);
        transform: translateY(100%) translateY(-32px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
    
    .one_half{        
    width: 100% !important;
    }
   
}