/* Page elements */
body{background:#eee}
footer{background#3e3f43;color:#aaa}
footer a{color:#aaa}
footer a:hover{color:#fff;text-decoration:none}
footer li{padding-right:25px;line-height:340%}
footer li i{background:#ffffff0f;padding:30px 35px;border-radius:100%;font-size:250%}
footer li .fa-rss:hover{background:#ff6600}
footer li .fa-twitter:hover{background:#00aced}
footer li .fa-facebook-f{padding:30px 43px}
footer li .fa-facebook-f:hover{background:#3b5998}
.page-topbar{background:#3e3f43;margin:0;padding:9px 2px 11px 12px}
.page-topbar div{width:100%;max-width:1255px;margin:0 auto;padding:0 20px;color:#8c8c8c;font-size:80%;line-height:5px}
.page-topbar a{color:#c7c7c7}
.page-topbar a:hover{color:#fff;text-decoration:none}
.page-messagebar{color:#fff;background-color:#82BD1A;font-size:13px;line-height:17px;margin-bottom:-4px;padding:34px;padding-top:17px;padding-bottom:17px;position:relative;z-index:3;-webkit-transition-property:height, padding-top, padding-bottom;-webkit-transition-duration:0.3s;-moz-transition-property:height, padding-top, padding-bottom;-moz-transition-duration:0.3s;transition-property:height, padding-top, padding-bottom;transition-duration:0.3s;border-top-left-radius:3px;border-top-right-radius:3px}
.page-messagebar a{color:#fff;text-decoration:underline}
.page-panorama,.page-topspace,.page-bottomspace{overflow:hidden}
.page-panorama{margin-top:20px}
.page-panorama,.page-topspace,.page-content{width:100%;max-width:1255px}
.page-wide{max-width:100%}
.page-bottomspace{margin:0 auto;padding:50px;text-align:center}
.page-newsletter{margin:0 auto;padding:50px 20px 100px 20px;width:100%;max-width:420px}
.page-newsletter i{color:#ffffff0d}
.page-about{background:#3e3f43;margin:0;padding-top:20px}
.page-aboutlinks{background:#3e3f43;margin:0;padding-top:20p}
.page-copyright{background:#212224;margin:0;padding-top:20px;color:#717171}
.page-muted-list{list-style:none;margin:0;padding:0}
.page-muted-list li{display:inline;margin-right:15px}
.page-muted-list li:after {content: "|";color: #ffffff3d;margin-left:15px}
.page-muted-list li:last-child:after{content:""}
.q{width:300px !important}
.q,.q-btn,.q-btn:focus{background:#eee;border:none;outline:none}
.q:focus,.q:active{background:#eee}
.q-btn:hover{background:#e2e2e2}
.q-white{background:#fff}
.nav-item a{border-bottom:4px solid transparent !important}
#forum-join{color:#000}

/* Bootstrap customization */
.page-header{background:#fff}
.vf-top{min-height:100px;width:100%}
.vf-top-row{margin:0 auto}
.vf-navbg{padding:7px 0 0 0;background:#80ab40;}
.vf-navbg .nav-item a.nav-link{padding:4px 20px;background:#ffffff33;color:#ffffffc7;transition:all 100ms ease-in-out;border-top-left-radius:4px;border-top-right-radius:4px;margin-right:5px}
.vf-navbg .nav-item a.nav-link:hover,
.vf-navbg .nav-item a.nav-link:active,
.vf-navbg .nav-item a.nav-link:focus{color:#000 !important;background:#eee}
.vf-navbg .nav-item.active a.nav-link{color:#555;transition:none;background:#eee}
.navbar-toggler{color:transparent;border:none}
.modal-dialog{max-width:700px}
figure{margin:0;padding:0}
figcaption{padding:5px 0 10px 0;font-size:75%;color:#999}
.nav.nav-spacing{margin:20px 0}
.pager li>a,.pager li>span{padding:20px;font-size:110%}
.lead{font-family:Roboto,sans-serif;font-display:swap;font-weight:300;line-height:32px}
.breadcrumb{padding:10px 0;background:transparent;color:#718096;font-size:80%;opacity:.7}
.breadcrumb-item+.breadcrumb-item::before{content:"\f054";font-family:"Font Awesome 5 Free";font-display:swap;font-weight:600;color:#718096;opacity:.7;font-size:90%;line-height:180%}
.breadcrumb a{color:#718096;opacity:.7}
.breadcrumb a:hover{opacity:1}
.text-muted {color: #b7b7b7 !important}
.carousel{margin-bottom: 0;padding: 0 40px 30px 40px} 
.carousel-control{left: -12px;background:#B7D188}
.carousel-control.right{right: -12px}
.carousel-indicators{right: 50%;top: auto;bottom:10px;margin-right: -19px}
.carousel-indicators li{background: #ddd}
.carousel-indicators .active{background: #999}
.card-hoverhighlight:hover{border-color:#0000005a;box-shadow:0 0 20px 0px #0000001f}
.card-columns .card{margin-bottom:3.75rem}
.card-blocklink{color:inherit}
.card-blocklink:hover{color:inherit;text-decoration:none}
.card-blocklink:hover .card{border-color:#999;box-shadow:0 0 20px 0px #0000001f}
.border-light .card-header{border-bottom:none}
.table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.01)}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #96D4EA}
.border-light{border:none}
.btn-success{background:#397622;border-color:#397622}
.btn-primary{background:#96D4EA;border-color:#96D4EA}

/* Icon backgrounds on cards */
.external-link:hover .card:before{position:absolute;bottom:10px;right:10px;font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;font-size:250%;color:#ccc;content:"\f054"}

/* Jumbotrons */
.hero-blue{background:#60C3EF;color:#fff;padding:30px 20px}
.hero-orange{background:#FFE080;color:#000;padding:30px 20px}
.hero-dark{background:#103B52;color:#fff;padding:30px}
.hero-light{background:#CCE9FF;color:#000;padding:30px}
.hero-light p{color:#666}
.page-resurser .card-blocklink:hover i {color: #85b528}
.jumbotron{background:#f0f0f0;box-shadow:0px 0 20px 20px inset #00000012}
.jumbotron .display-4, .jumbotron .lead{display:inline-block;padding:0 10px;background:#f0f0f0aa}
.page-filmschool .jumbotron,.page-resurser .jumbotron,.page-glossary .jumbotron,.page-skolpaket .jumbotron{background-color:#f0f0f0;background-repeat:no-repeat;background-attachment:inherit;background-position:100% 100%;background-size:100%}
.page-filmschool .jumbotron{background-image:url(/images/bg/videokamera.jpg)}
.page-resurser .jumbotron{background-image:url(/images/bg/colorbars.png);background-position:50% 0}
.page-glossary .jumbotron{background-image:url(/images/bg/filmordlista.jpg);background-position:20% 90%}
.page-movies .jumbotron{background-image:url(/images/bg/kortfilmer.jpg)}
.page-skolpaket .jumbotron{background:#ecffe1 url(/images/bg/diagonal.png);background-position:100% 100%;background-size:50%;background-repeat:no-repeat}
.page-skolpaket .jumbotron .display-4,.page-skolpaket .jumbotron .lead{display:inline-block;padding:0 10px;background:#ecffe1aa}

/* Global format */
body{font-family:Roboto,sans-serif;font-display:swap}
h1,h2,h3,h4,h5,h6{font-family:'Libre Franklin',sans-serif;font-display:swap}
h1{font-weight:bold;font-size:230%;margin-bottom:20px}
h2{font-size:1.7em;font-weight:bold;margin-top:20px}
h3{font-size:1.1em;font-weight:bold;margin:0}
h4{font-size:1em;font-weight:bold;margin:0}
h2.pagedivider{color:#999;font-weight:normal;font-size:150%}
a img:hover{opacity:.8}
code,pre{color:#000;}
blockquote:before{float:left;position:relative;margin:-10px 0 0 -70px;font-family:"Font Awesome 5 Free";font-size:200%;font-display:swap;font-weight:900;content:"\f10e";color:#ddd}
blockquote{padding:20px 20px 20px 90px;margin:0;font-size:150%;font-style:italic;color:#6a6a6a}
.blockquote-source{text-align:right;font-size:60%;font-style:normal}
a.glossary-term-popover{text-decoration:wavy underline;text-decoration-color:#d2d2d2}
.shadow-1{box-shadow:0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)}
.shadow-2{box-shadow:3px 3px 0.125rem 0 rgba(0,0,0,0.05)}
.blocklinks,.block-body .blocklinks{list-style:none;padding:0;margin:0}
.blocklinks li,.block-body .blocklinks li{border-bottom:1px solid #F0F0F0;clear:both}
.blocklinks li:hover{background:#f5f5f5}
.blocklinks li a,.block-body .blocklinks a{display:block;padding:10px 20px}
.blocklinks li a:hover{text-decoration:none}
.blocklinks li:first-child,.block-body .blocklinks li:first-child{padding-top:0}
.bg-blue{background:#4dbce9 !important;color:white !important;border:none}
.bg-purple{background:#e3aad5 !important;color:white !important;border:none}
.bg-pink{background:#fd7f8b !important;color:white !important;border:none}
.bg-white{background:white !important;color:white !important;border:none}
.bg-brown{background:#daa479 !important;color:white !important;border:none}
.bg-green{background:#80ab4085 !important;color:white !important;border:none}
.border-top-blue{border-top:3px solid #4dbce9 !important;background:#4dbce91a}
.border-top-purple{border-top:3px solid #e3aad5 !important;background:#e3aad51a}
.border-top-pink{border-top:3px solid #fd7f8b !important;background:#fd7f8b1a}
.border-top-white{border-top:3px solid white !important;background:#ffffff1a}
.border-top-brown{border-top:3px solid #daa479 !important;background:#daa4791a}
.border-top-green{border-top:3px solid #80ab4085 !important;background:#80ab401a}
.btn-editlinks{position:fixed;bottom:20px;left:20px;z-index:99999}
.expandableheader{display:block;line-height:300%;cursor:pointer;background-color:#EDEDED;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#FAFAFA,#EDEDED);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FAFAFA),color-stop(100%,#EDEDED));background-image:-webkit-linear-gradient(top,#FAFAFA,#EDEDED);background-image:linear-gradient(top,#FAFAFA,#EDEDED);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ededed',GradientType=0);border-color:#CCC;border-style:solid;border-width:0 1px 1px;margin:0;padding:0 15px}
.expandableheader:hover{color:#333;text-decoration:underline;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;transition:background-position .1s linear}
.keyvaluetable{margin:20px 0;empty-cells:show;border-collapse:collapse}
.keyvaluetable th,.keyvaluetable td{padding:10px 15px}
.keyvaluetable th{background:#f5f5f5;border:1px solid #E5E9E7;border-bottom:1px solid #ddd;text-align:right;color:#666;font-weight:normal}
.keyvaluetable td{background:#fff;border:1px solid #ddd}
.videoplayer-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 (9/16=0.5625) */ }
.videoplayer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.question+.answer{padding:10px}
.yellowfade,:target{animation:target-fade 3s 1}
.social{position:fixed;bottom:10px;right:10px;z-index:9999}
.social button{color:#fff;padding:7px 15px;border-radius:4px;border:none}
.social button:hover{opacity:.8}
.social-facebook{background:#3b5998}
.social-twitter{background:#55acee}
::selection{background:#96D4EA;color:#fff}
::placeholder{color:#ccc !important}
.mark,mark{padding:.2em 0 !important}

/* Forms */
.mandatory{color:#f00}
.input-validatorerror{background:#f00;color:#fff;padding:3px 6px;font-size:90%;font-weight:bold;border-radius:4px}

/* Frontpage */
.sponsored-item{background:#fefef6 !important;border:1px solid #d1d189 !important}
.sponsored-item .story-label{background:#d1d189}
#latestcomments li{min-height:60px;overflow:hidden;text-overflow:ellipsis}
.latestcomments-gravatar{float:left;margin:10px 0px 10px 20px;width:45px;height:45px;border-radius:100%}
.latestcomments-message{margin:0;text-overflow:ellipsis}
.event-upcoming{padding:10px;margin-bottom:20px;border-radius:5px;background:#f5f5f5;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F3F3F3));line-height:200%;border:1px solid #E4E4E4}
.event-li:after{content:", "}
.event-li:last-child:after{content:""}
.story-figure{position:relative}
.story-plate{padding-bottom:5px}
.story-label{padding:2px 10px;background:#96D4EA;color:#fff;font-weight:bold;font-size:80%;text-transform:uppercase}
.content-movie .story-label{background:#B7D188}
.content-movie .btn-info{background:#B7D188;border-color:#B7D188}
.content-faq .btn-info{background:#96D4EA;border-color:#96D4EA}
.content-faq .fa-question-circle{font-size:1200%;color:#eee}
.content-link .story-teaser{font-style:italic}
.story-domain{color:#006621}
.story h2{margin-top:0;font-size:150%;font-weight:bold}
.story h2 a{color:#000}
.story h2 a:hover{text-decoration:none;color:#f60}
.story-small{font-size:90%;font-weight:normal}
.story-big{font-size:120%;line-height:120%;font-weight:normal;letter-spacing:-1px}
.story-giant{font-size:140%;line-height:110%;letter-spacing:-2px}
.story-wide h2{font-size:300%;font-weight:bold}
.story-images{clear:both;padding:0;margin:0;font-size:90%}
.story-image{width:100%;height:auto;overflow:hidden}
.story-image-wide{width:100%;height:auto;overflow:hidden}
.latestnews-grid{clear:both;margin-bottom:20px}
.latestnews-item{clear:both;width:100%;padding:0px;margin:10px 0;max-width:500px}
.latestnews-image{width:180px;height:120px;border-radius:unset}
.latestnews-title{font-size:90%;font-weight:bold;font-family:'Libre Franklin',sans-serif;line-height:120%}
.latestnews-plate span{font-size:60%;padding:2px 5px}
.latestnews-body{height:120px;overflow:hidden;text-overflow:ellipsis;padding:5px 10px}
.aside-header i{opacity:.1;float:right;font-size:150%}
.filmprylar{margin:0 10px;table-layout:fixed;overflow:hidden}
.filmprylar tr td:first-child{width:120px}
.filmprylar tr td:nth-child(2){width:100%}

/* Comments */
.gravatar{border-radius:50px;width:50px;height:50px}
.comments{clear:both;margin:0;padding:0;overflow:hidden}
.comment-head{display:block;font-weight:normal}
.comment-list{padding:10px;margin:0;list-style:none}
.comment-container{clear:both;padding:20px 0 20px 0}
.comment-author{font-weight:bold}
.comment-gravatar{float:left;margin-top:25px;padding-bottom:20px}
.comment-meta{padding-bottom:3px}
.comment-message{position:relative;background:#fff;margin-left:65px;padding:20px;border-radius:10px;line-height:150%;overflow:hidden}
.comment-text{max-height:400px;overflow:auto}
.comment-heart{margin-top:15px}
.comment-featured{cursor:help;background:#eee;color:#666}
.comment-posted{display:block;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd}
.comment-posted a{font-size:80%;color:#999}
.comment-input{max-width:350px}
.comment-textbox{margin-top:10px;max-width:95%}
.comment-label{display:block}
.comment-badge{background:transparent;border:1px solid #e0e0e0;color:#cdcdcd;font-weight:normal;vertical-align:text-top}

/* Movies */
.movie-featured{padding-bottom:20px}
.movie-toplist li{padding:0;margin:0}
.movie-toplist-upvotes{cursor:help;padding-top:15px;font-size:300%;font-weight:bold;color:#e0e0e0;letter-spacing:-2px}
.movie-list{list-style:none;margin:0 10px 5px 0;padding:0}
.movie-list .card-body{line-height:110%}
.movie{float:left;width:100%}
.movie-clip{display:block;position:relative;float:left;width:160px;margin:0 7px 30px 0;overflow:hidden;white-space:nowrap}
.movie-thumbnail{width:160px;height:120px;margin:-15px 0 -15px 0;vertical-align:middle;float:left}
.movie-title{color:#333;display:block}
h3 .movie-title{margin:0}
h2.movie-title{color:#a0a0a0;margin-top:0;font-weight:normal}
.movie-fixheight{height:115px;overflow:hidden}
.movie-subtitle{padding-top:13px}
.movie-rating{position:absolute;padding:0 4px;bottom:0;left:0;opacity:.8;color:#fff;letter-spacing:4px;text-shadow:1px 1px 1px #000}
.movie-duration{position:absolute;padding:2px 4px;bottom:0;right:0;color:#fff;background:rgba(0,0,0,.5);font-size:80%;line-height:100%;text-shadow:none}
.movie-caption{font-size:90%;font-weight:bold;font-family:'Libre Franklin',sans-serif}
.movie-description{color:#535353}
.movie-blocklink{display:block;height:110px;overflow:hidden;color:#000;text-decoration:none}
.movie-blocklink:hover{opacity:.8;color:#000;text-decoration:none;}
.movie-blocklink:hover .movie-caption{color:#777}
.movie-blocklink:hover .movie-description{color:#777}
.movie-blocklink:hover img{opacity:1}
.movie-videoplayer{margin:0}
.movie-playerbar{padding:18px 30px 5px 35px;margin-top:-5px;text-align:center;font-size:90%;line-height:20px;color:#333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;background:#f9f9f9;border-bottom:1px solid #e9e9e9}
.movie-front-card{display:block}
.movie-front-card:hover{opacity:.8;text-decoration:none}
.movie-front-card:hover img{opacity:1}
.movie-card{height:210px;background:#fff;overflow:hidden}
.movie-card h3{font-size:100%;line-height:20px}
.movie-card .caption{padding:5px 10px}
.movie-card-clip{display:block;position:relative;width:100%;height:170px;margin:0;overflow:hidden;background:#000}
.movie-card-playicon{position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-25px;opacity:.4}
.movie-card-thumbnail{width:100%;height:auto}
.movie-card-duration{position:absolute;padding:2px 4px;bottom:0;right:0;color:#fff;background:rgba(0,0,0,.5);font-size:80%;line-height:100%;text-shadow:none}
.movie-card-rating{float:left;margin-top:2px;color:#999;letter-spacing:2px}
.movie-card-views{text-align:right;margin-top:2px;color:#999}
.movie-checkboxlist input{margin:0 3px 0 0}
.movie-checkboxlist label{margin-right:30px}
ul.movie-meta{column-gap: 20px;color: black;column-count: auto;clear: both}
ul.movie-meta li {float: left}
.movie-detail {display: inline-block;padding: 10px;margin: 0 10px 10px 0;border: 1px solid #eee;border-radius: 3px;cursor: help;background: #fcfcfc;color: #777;text-align: center;max-width: 300px;height: 90px;}
.movie-detail a {color: #777;}
.movie-detail a:hover {color: #000;}
.movie-detail i {display: block;color: #e2e2e2;font-size: 200%;margin-bottom: 10px;}
.movie-detail span {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* Calendar */
.events{list-style:none;padding:0}
.events-compact .card-body{padding:10px}
.events h4{font-weight:normal}
.calendar div{position:relative;padding:10px}
.calendar-card-link{text-decoration:none !important}
.calendar-card-link:hover .calendar-body{background:#f4f8ef}
.calendar span{display:block;text-align:center;color:#ffffff;line-height:normal}
.calendar-date{font-size:140%}
.calendar-month{font-size:80%}
.calendar-meta{font-size:70%}
.month-bg{background:#80ab4085}

/* Books */
.book-author{font-weight:normal;font-size:120%}
.book-cover{float:left;margin-bottom:20px;margin-right:20px;max-width:200px;max-height:200px}
.book-thumb{max-width:120px;padding:10px 0 10px 10px}
.book-rating{color:#a0a0a0;font-size:130%;letter-spacing:3px}
.table-bookspecifications{empty-cells:show;border-collapse:collapse;font-size:95%;margin-bottom:10px}
.table-bookspecifications th{font-weight:normal;vertical-align:top;text-align:right;padding:10px 5px;color:#999}
.table-bookspecifications th,.table-bookspecifications td{border-top:1px solid #ddd;padding:6px 5px}
.table-bookspecifications tr:first-child td,.table-bookspecifications tr:first-child th{border:none}
.table-bookspecifications .btn{margin:3px}

/* Addresses */
.address-list li{padding-bottom:15px}
.address-head{margin:0}
.address-body {color:#5c5c5c}
.address-town{font-weight:normal}

/* Item */
.byline{display:block;min-height:40px;margin-top:40px;font-size:85%;color:#5a5a5a}
.byline-image{float:left;margin-right:10px;width:50px;height:50px;border-radius:30px}
.byline-date{display:block;font-size:80%;color:#b0b0b0}
.img-readalso{background:#f5f5f5}
.rating-star{display:inline-block}
.rating-votes{display:none}
.chart-region{margin-top:10px}
.chart-count{display:block;clear:both}
.chart-star{float:left;height:15px;padding:3px 5px 0 15px;color:#666;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdElEQVQoz2P4//8/AzmYgWKN6KC4uDgBhGF8UjQ+AGGSNEJt+w/FCXg1AhUUAHEDEB8A4g9IGj9AxUByBdg0LkBSjAsvwOpUApoX4PUjUMEFLJouEAwcSjTCFB+AYjAfr0agAgNo/AUgGRQAFTOgbpIjFQMAtcfKBD81ItYAAAAASUVORK5CYII=) no-repeat;background-position:0% 100%}
.chart-bar{float:left;height:15px;background:#FDDB5A;margin:5px 0;cursor:help}
.tags{margin-top:30px;line-height:40px}
.tag{padding:10px 20px;font-size:90%;font-weight:normal}
.tag{background:#eee}
.upvote-container{height:40px;cursor:help}
.upvote-bar{width:150px;padding-top:5px;padding-bottom:5px}
.upvote-bar-pos{float:left;height:10px;background:rgba(0, 255, 0, 0.2)}
.upvote-bar-neg{float:left;height:10px;background:rgba(255, 0, 0, 0.2)}
.upvote-result{width:150px;padding-top:10px}
.upvote-result-pos{float:left;color:#999}
.upvote-result-neg{float:right;color:#999}
.upbote-btn{padding:20px !important}
.card.factbox{margin:30px 0;width:100%}
.card-header.factbox-header {background: #ededed;text-transform: uppercase;font-weight: bold;font-size: 80%}
.card-body.factbox-body {background: #f5f5f5}

/* Articles */
.body .preamble{font-size:1.25rem}
.body p,.body li{line-height:160%}
.body p{margin-bottom:30px}
.advertinline,.articleinlineadvert{padding:0 0 20px 40px;float:right;width:120px}
#toc-header {color:#000;display:block}
.toc h3{margin-bottom:5px}
.toc ol{width:100%;list-style:none;padding:10px 0;margin:0;color:#ccc}
.toc ol li{border-top:1px solid #eee}
.toc ol a{display:block;padding:10px 0;color:#676767}
.toc ol a:hover{display:block;color:#000}
.excerpt{margin:20px 25px;padding:10px 10% 15px 40px;font-size:150%;line-height:140%;border-top:5px solid #ccc;border-bottom:5px solid #ccc}
.excerpt.left{float:left;width:220px;padding:15px 10px 15px 40px;margin:4px 10px 10px 0}
.excerpt.right{float:right;width:220px;padding:15px 10px 15px 40px;margin:4px 0 10px 10px}
.source{padding:0;margin-top:10px;margin-bottom:-10px;font-size:60%;font-style:normal;text-align:right}
.quoteauthor{font-size:80%;padding:0}
.imagearea{margin:20px 0;text-align:left}
.imagearea p{margin:0;padding:0}
.photo,.graphic{border:1px solid #000;margin:0}
.imagetext,.imagearea .description{margin-top:3px;font-size:80%;line-height:150%}
.imagecopyright,.imagearea .copyright{float:right;padding:0 0 7px 7px;font-size:70%;text-align:right;color:#999}
.factbox{width:400px}
.scriptformatting{display:block;font-family:Courier New,Courier;font-size:110%;background:#eee;border-left:3px solid #ccc;padding:30px 60px 30px 50px;margin:20px 0}
.scriptscene{text-align:left;margin-bottom:10px;margin-left:-40px}
.scriptcharacter{text-align:center;margin-bottom:0}
.scriptcharacter+.scriptdialog{margin:0}
.scriptdialog{padding:0 60px 0 80px}
.listtable{empty-cells:show;border-collapse:collapse;font-size:80%}
.listtable th,.listtable td{padding:4px 10px}
.listtable th{background:#E5E9E7;border:1px solid #E5E9E7;border-bottom:1px solid #ddd}
.listtable td{background:#fff;border:1px solid #ddd}
.anchorjs-link{text-decoration: none !important;color:#ccc}

/* Filmschool categories */
.page-filmschool ul,.categorylist{list-style:none;margin:0;padding:0}
.page-filmschool .categoryimage{float:left}
.categoryimage,.articleimage{margin:0 20px 10px 0}
.categorylist h3{font-size:120%;line-height:120%}
.categorylist li{margin-bottom:40px;clear:both}
ul.categorylist li:last-child{margin-bottom:0}
ul.itemlist-faq{list-style:square;margin:0 20px;font-size:120%}
ul.itemlist-faq li{margin-bottom:25px}

/* Call to actions */
.cta-articles{padding-bottom:20px}

/* Princing tables*/
.pricingtable-header{padding:5px;background:#16A085;color:#fff;text-align:center}
.pricingtable-header h2{margin:0}
.pricingtable-header h3{font-weight:normal}
.pricingtable-features{padding:20px;background:#fff}
.pricingtable-features p{padding:7px;margin:0;background:#fff;font-size:120%}
.pricingtable-signup{background:#cce9e3;margin:0;padding:20px;text-align:center}
.pricingtable-light .pricingtable-header{background:#F39C12}
.pricingtable-light .pricingtable-signup{background:#EECF9D}
.pricingtable-dark .pricingtable-header{background:#C0392B}
.pricingtable-dark .pricingtable-signup{background:#E6BEBA}

/* News story */
.newsarticle{width:100%;margin:0;padding:0}
.newsarticle figure{padding-bottom:20px}
.newsarticle figure img{width:100%}
.story-articleimage{color:#868e96;font-size:85%}
.story-readmore-link{display:inline-block}
.story-readmore-link:before{content:"\f0ac";font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;color:#999;padding-right:5px}
.story-readmore-link:hover{text-decoration:none;color:#000}
.story-readmore-url{padding-left:20px;font-size:80%}

/* Serp */
.serp-list{width:100%;max-width:600px;list-style:none;margin:0;padding:0;overflow:hidden}
.serp-head{font-weight:normal;bottom:0;font-size:140%;line-height:120%}
.serp-p{margin:0 0 30px 0}
.serp-datetime{color:#808080}
.serp-url{color:#007f00;font-weight:normal}
.serp-summary{display:block;color:#333}

/* Glossary */
.glossary{margin-top:7px}
.glossary a{margin:0 4px 10px 0;padding:5px 15px}

.card.fixheight .card-body {
	min-height: 150px
}

/* Screen breakpoint */
@media (min-width: 576px){
	.movie-list.card-columns{-webkit-column-count:4;-moz-column-count:4;column-count:4}
}
@media (max-width: 576px){
	.vf-top .input-group{flex-wrap:initial}
}
@media(max-width:767px){
	/*body{padding-left:5px;padding-right:5px} */
	.block-body{padding:10px;overflow:hidden}
	.imagearea{width:100% !important}
	h1,.display-4{font-size:140%}
	h1 small{font-size:100%}
	.story h2,h2{font-size:120%}
	h3,h4,h5,h6{font-size:100%}
	.lead{font-size:110%}
	.comment-list{padding:0}
	.comment-gravatar{padding-left:5px}
	.comment-message{padding:10px;margin-left:45px}
	.gravatar{width:30px;height:30px}
	.lightcard.story{padding:10px}
	.videoplayer{height:300px}
	.movie-playerbar{padding:5px}
	.upvote-widget{padding:5px}
	.calendar-meta{font-size:80%}
	.scriptformatting{padding:20px 30px 10px 20px;margin:20px 0}
	blockquote:before{float:left;position:relative;margin:-5px 0 0 -50px;font-size:150%}
	blockquote{padding:20px 10px 30px 40px;margin:0;font-size:150%}
	.latestnews-image{width:auto;height:auto}
}

@media (max-width:992px) {
	.vf-navbg{padding:0 20px}
	.vf-navbg #menu{padding-bottom:4px}
	.vf-navbg .nav-item a.nav-link{padding:4px 20px;border-radius:3px;margin:3px 5px}
}

/*
@media (min-width:992px){
	.navbar-expand-lg .navbar-nav .nav-link{padding-left:.7rem;padding-right:.7rem}
	.movie-card-thumbnail{height:auto}
	.movie-card{height:auto}
}
@media (min-width:1200px){
	.navbar-expand-lg .navbar-nav .nav-link{padding-left:1.5rem;padding-right:1.5rem}
}
*/