@media screen and (min-width: 64em) {
.navigation-classic .main-navigation ul li:hover > ul, .navigation-classic .main-navigation ul li.focus > ul {
    left: 0px;
}
}

.main-navigation li:hover {
background-color:#EEE;	
}


   @font-face {
     font-family: "Courier Prime";
     src: url("https://writerduet.com/font/Courier_Prime.ttf");
    }
    @font-face {
     font-family: "Courier Prime";
     src: url("https://writerduet.com/font/Courier_Prime_Italic.ttf");
     font-style: italic;
    }
    @font-face {
     font-family: "Courier Prime";
     src: url("https://writerduet.com/font/Courier_Prime_Bold.ttf");
     font-weight: bold;
    }
    @font-face {
     font-family: "Courier Prime";
     src: url("https://writerduet.com/font/Courier_Prime_Bold_Italic.ttf");
     font-style: italic;
     font-weight: bold;
    }

    
    #script {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
			background-color:#FAFAFA;
			padding:10px;
       

			/*
			 
			 max-width: 615px;
			 font-size: 12pt;
        line-height: 12pt;
        font-family: "Courier Prime", "Courier New", monospace;
			*/
			
			font-family: 'Lato Light', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
			
			
        word-wrap: break-word;
    }
    
    @media screen and (max-width: 615px) {
        #script {
            margin-left: 0;
            margin-right: 0;
        }
    }
    
    #script .bold_sluglines .Slugline { font-weight: bold; }
    
    #script .Action, #script .Slugline, #script .Shot, #script .Act, #script .Transition, #script .Text, #script .Character, #script .Paren, #script .Dialog {
        white-space: pre-wrap;
    }
	
    
    #script .Slugline,#script .Shot, #script .Act, #script .Transition, #script .Character  { text-transform: uppercase; }
    #script .Act { text-align: center; text-decoration: underline; }

    #script .Action, #script .Text, #script .Act, #script .Slugline, #script .Shot, #script .Transition { margin-top: 1em; max-width: 615px; width: 100%; }
    #script .Character { margin-top: 1em; max-width: 385px; }
    #script .Slugline, .Shot { margin-top: 2em; }
    #script .Transition { text-align: right; }
    #script .Paren { margin-left: 15%; max-width: 245px; }
    #script .Dialog { max-width: 355px; }

    #script .Character { margin-left: 34%; }
    #script .Paren { margin-left: 23.5%; margin-right: 15%; }
    #script .Dialog { margin-left: 17%; margin-right: 10%; }

#script .Note {font-style:italic;}
#script .Slugline {font-weight:bold;}
#script .Slugline, #script .Act, #script .Character, #script .Note, #script .Action {font-family: 'Playfair Display', serif;}





    #script .Clear { clear: both; }
    #script .Dual { float: left; width: 48%; }
    #script .Left { padding-right: 2%; }
    #script .Right { padding-right: 2%; }
    
    #script .Dual .Character { margin-left: 0; text-align: center; }
    #script .Dual .Paren { margin-left: 9%; margin-right: 9%; }
    #script .Dual .Dialog { margin-left: 0; margin-right: 0; }
    
    #script .page_num {
        text-align: right;
        height: 0px;
       /* top: -12px; */
			height:50px;
			background-color:lightsteelblue;
        position: relative;
    }
    
    #script hr {
        margin: 28px 0px 28px 0px;
    }