/* Responsive styles can be applied via '.smartphone', '.tablet', '.portrait' & '.landscape' classes. These classes are automatically applied and manipulated on by Foundation. */ body { font-family: "proxima-nova", Helvetica, Arial, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; } p:empty { margin-bottom: 0 !important; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .m-pikabu-sidebar.m-pikabu-left, .m-pikabu-overlay, .m-pikabu-left-visible .m-pikabu-left, .m-pikabu-left-visible .m-pikabu-left, m-pikabu-container, .hide-for-medium-up {display:block} a { line-height: inherit; text-decoration: none; color: #E89200; font-style: normal; } a:hover, a:focus, a:active { border-bottom: 0px solid;} button, .button { background: #00A1E5 !important; border-color: #C7C7C7;} small {font-size: 85% !important} /* The dropdown menu */ nav#mobile ul li { clear:both; list-style:none; } nav#mobile ul li a { display:block; background-color:#300; text-transform:uppercase; letter-spacing:.2em; margin:2px 0; padding:6px 0 6px 8px; } nav#mobile ul ul { font-size:small; } nav#mobile ul ul li { margin-left:30px; } nav#mobile ul ul a { background-color:#333; padding-left:8px; } nav#mobile ul ul a:before { content: "2192"; padding-right:8px; } /* Search and Menu Toggle */ #searchtoggle::before { left: 0; right: 0; height: 3px; content: " "; opacity: .4; display:block; background: url("/wp-content/themes/filmmaker/images/chevrons_wh.png"); } #searchtoggle::after { left: 0; right: 0; height: 4px; content: " "; opacity: .4; display:block; background: url("/wp-content/themes/filmmaker/images/chevrons_wh.png"); } #searchtoggle { display: none; height:50px; margin: 0; background: #6D6D6D; font: 14px/32px "proxima-nova", Helvetica, Arial, sans-serif; } #searchtoggle:not( .mm-menu ) { display: none; } #fm_quicksearch_form form {height:45px;} #fm_quicksearch_form { width: 100%; height: 43px;} input#fm_quicksearch { background: #545454; height: 46px; color: #ccc; top: -3px; line-height:100%; } #fm_quicksearch_form:hover input#fm_quicksearch {color: black;} #fm_quicksearch-btn { top: -1px; right: -3px; width: 55px; height: 44px; background: url("/wp-content/themes/filmmaker/images/sprite.png")no-repeat; border: 0; padding: 0; margin: 0; background-position: -591px -1516px; background-size: inherit; } #fm_quicksearch-btn:hover { background: url("/wp-content/themes/filmmaker/images/sprite.png")no-repeat; background-position: -591px -1471px; } #fm_quicksearch_form:hover #fm_quicksearch-btn, .fm_quicksearch-on #fm_quicksearch-btn { background: url("/wp-content/themes/filmmaker/images/sprite.png")no-repeat; background-position: -591px -1471px; } #fm_quicksearch-btn:hover { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat !important; background-position: -591px -1471px !important;} #mmenu { display: none; margin: 0; background: #545454; font: 14px/32px "proxima-nova", Helvetica, Arial, sans-serif;} #mmenu:not( .mm-menu ) { display: none; } #mmenu > li { color: #FFF; border-bottom: 1px solid #888; text-transform: uppercase; letter-spacing:0px; } #mmenu > li > a { color: #FFF; border: none; } #mmenu > li:nth-child(1) { background: url("/wp-content/themes/filmmaker/images/chevrons_black.png"); height: 6px; border-bottom: 0px solid; background-color: #454545; } #mmenu > li:nth-child(11) { border-bottom: 0px solid} #mmenu > li:nth-child(12){ background: url("/wp-content/themes/filmmaker/images/chevrons_wh.png"); height: 6px; border-bottom: 0px solid; background-color: #C7C7C7; } ul.mmenusub { width: 50%; float: left; margin: 0px; } ul.mmenusub > li { font-size: 14px; text-transform: capitalize; line-height: 30px; border-bottom: 1px solid #B8B8B8; list-style:none; } ul.mmenusub > li a { color: #fff; text-decoration:none; border-bottom: 0px solid #fff; } #mmenu > li:nth-child(9){ display: table; width:100%; background-color: #666; border-top: dotted 2px #C7C7C7; border-bottom: dotted 2px #C7C7C7; } ul.mmenusub:nth-child(1) { border-right: 1px solid #B7B7B7; } .mmenufoot { background-color: #8C8C8C; text-transform: initial; padding: 6px 0 8px 0; font-size: 13px; } .mmenufoot a { color:#FFF } .mmenusocial { background-color:#C7C7C7; height:50px; } #fm {padding: 0px 0 0 0; min-width: 0;} #fm > .banner {display: none} #fm > header {background-color:#000} #fm > header h1 {width:100%; display:none} #fm > header p {padding:100px 20px; } #fm > header h1 a { background-size: cover; margin: 14px 0px 0 57px; height: 22px; max-width: 142px; width:100%; } #fm > header ul a { display: block; color: #999; text-decoration: none; position: relative; border-bottom: 0px solid #000; border-color: #000; overflow: visible; white-space: nowrap; -o-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; width: 25px; background: url("/wp-content/themes/filmmaker/images/mobilesprite.png") no-repeat; } #mobile-nav {display:block} #mobile-nav .mobile-nav-section { position: relative; } #mobile-nav .mobile-nav-left { left: 0; position: absolute; top: 0; } #mobile-nav .mobile-nav-right { right: 0; position: absolute; top: 0; } #mobile-nav .mobile-nav-logo { border-bottom: 0; display: block; height: 34px; overflow: hidden; padding: 16px 160px 0 60px; } #mobile-nav .title-area { background-position: 0px 1px; background-image: url("/wp-content/themes/filmmaker/images/sprite.png"); background-repeat: no-repeat; background-size: cover !important; display: block; height: 0; overflow: hidden; padding-top: 14%; max-width: 132px;} #fm > header li { margin: 2px 0px 0 0; } #fm > header > div > nav.mobar > section > ul.left > li > a { margin-left: 10px; background: url("/wp-content/themes/filmmaker/images/mobilesprite.png") no-repeat; background-size: 210px 150px; background-position: 1px 10px; border-right: 1px dotted #CCCCCC; width: 37px;} .m-pikabu-left-visible #fm > header > div > nav.mobar > section > ul.left > li > a { background-position: -185px -121px; } #fm > header > div > nav.mobar > section > ul.right > li:nth-child(1) > a { background-position: -31px 7px; border-left: 1px dotted #CCCCCC; background-size: 210px 150px; height: 45px; width: 50px; background-repeat: no-repeat; } #fm > header > div > nav.mobar > section > ul.right > li:nth-child(2) > a { background-position: -76px 8px; border-left: 1px dotted #CCCCCC; background-size: 210px 150px; height: 45px; width: 50px; background-repeat: no-repeat; position: relative; } #fm > header > div > nav.mobar > section > ul.right > .logout > a:after { background: white; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; content: ""; height: 5px; left: auto; position: absolute; right: 8px; top: 8px; width: 5px; } #fm > header > div > nav.mobar > section > ul.right > li:nth-child(3) > a { background-position: -124px 8px; border-left: 1px dotted #CCCCCC; background-size: 210px 150px; height: 45px; width: 50px; background-repeat: no-repeat;} #fm > header > div > nav.mobile.mobar > section > ul.right > li:nth-child(3) { border-right: none} .mobar { position:absolute } #fm > header ul a:hover:after {border: 0px solid #000;} #fm > header nav {width:100%} #fm > header { margin-top: -22px; height: 70px; left: 0; position: fixed; right: 0; top: 0; z-index:10; } #fm .c { margin: 0 auto; max-width: 940px; width: auto; padding: 0 10px; text-align: left; overflow: visible; } #fm.home > .content {padding-bottom:20px;} #fm.home .content .cols-3x {width: 100%; padding:0;} .home .features .first .img span { position: absolute; left: 0; bottom: 0; color: #fff; background: #1a1a1a; background: rgba(0,0,0,.5); padding: 14px 15px 12px; max-width: 75%; font-size: 14px; display:inline-table; } /* Flex Order */ .flexbox { display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column;} .flexhero { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .flexfilmmaking { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .flexlatestmobile {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 106%; margin-left: -10px;} .flexpopularmobile { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .flexsubscribe { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4;} .flexinterviews { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5;} .flexcolumns {-webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6;} .flexsocial {-webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7;} .flexfestivals {-webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8;} .cols-3x .col-1 {width:100%} .cols-2x .col-2 {width: 100%;} .cols-3x .col1-2 {width:100%;} .cols-3x .col-2 {width: 100%;} .cols-2x .col-1 { display: inline; float: left; width: 100%; border-top: 1px solid #999; padding: 25px 0 0; } /*twitter*/ .cols-3x .col-3 {display:none} .page-wrapper { left: 0; right: 0; } div.button {min-height: 50px} button.expand, .button.expand { margin-top: 10px; background-image: none; padding: 20px 0 38px 0; border-radius: 4px; border: 1px solid #8C8C8C; height: 52px;} .mmenusocial {display: block;} .mmenusocial > a.twitter { height: 26px; width: 29px; display: inline-block; background-image: url("/wp-content/themes/filmmaker/images/social.png"); margin-top: 15px; margin-left: 6px; border-bottom: 0px solid; background-repeat: no-repeat; background-position: 0px 0px; background-size: cover; } .mmenusocial > a.facebook {height: 26px; width: 29px; display: inline-block; background-image: url("/wp-content/themes/filmmaker/images/social.png"); margin-top: 15px; margin-left: 5px; border-bottom: 0px solid; background-repeat: no-repeat; background-position: -37px 0px; background-size: cover; } div.button.expand.show-for-small-only > a.twitter { height: 36px; width: 42px; display: inline-block; background-image: url("/wp-content/themes/filmmaker/images/social.png"); margin-top: -9px; margin-left: -46px; border-bottom: 0px solid; background-repeat: no-repeat; background-position: 0px 0px; background-size: cover; } div.button.expand.show-for-small-only > a.facebook { height: 36px; width: 42px; display: inline-block; background-image: url("/wp-content/themes/filmmaker/images/social.png"); margin-top: -9px; margin-left: 4px; border-bottom: 0px solid; background-repeat: no-repeat; background-position: -50px 0px; background-size: cover; } /* @group Home and Hero */ #fm > header > .c { border-top: 0px} .hero-features header { position: static; margin: 0 0 0px 16px; height: 26px;} .hero-features { margin: -20px -10px 0 -10px; overflow:hidden; position: relative; } .hero-features header .paginator { height: 0; margin: 0 0 55px; padding: 0 0 55%; bottom: 0; top: auto; z-index: 5; right: 0; left: 0; background: none; opacity: 0.7;} .hero-features header .paginator .prev a { background: none;} .hero-features header .paginator .prev {border-right: 0px solid} .hero-features header .paginator .next a { width: 20px; background: url("/wp-content/themes/filmmaker/images/sprite_paginator.png") no-repeat 400px -32px; text-indent: 40000px; } .hero-features header .paginator .prev, .hero-features header .paginator .next { height: 41px; left: 0; margin-top: -21px; position: absolute; top: 50%; width: 41px; } .hero-features header .paginator .prev a, .hero-features header .paginator .next a { background: transparent url('/wp-content/themes/filmmaker/images/heropaginatormobile.png') no-repeat 0 0; background-size: 200%; height: 41px; width: 41px; } .hero-features header .paginator .next a { background-position: 100% 0; } .hero-features header .paginator .next a:hover { background-position: 100% -41px; } .hero-features header .paginator .prev a:hover { background-position: 0 -41px; } .hero-features header .paginator .next { left: auto; right: 0; } .hero-features h2 i {display: inline-block} .home .features { padding: 0px;} .home .features .first { padding: 0px; min-height:0px; margin:0px;} .home .content .hero-feature h3 { font: 30px/30px "arno-pro", Georgia, serif; margin: 5px 0 10px;} .hero-features header .progress {display: none !important;} .hero-feature p {display:none} .home .content .hero-feature p.meta { display: inline-block; margin: 2px 0 0 10px; font-size: 14px; } p.meta { display: block; margin: 0 0 0 10px; font-size: 14px !important; } .home .content .hero-feature p.meta a:link { color:#E89200; } #tools { display: none } .dropdown-ad { display: none !important } .home .latest-news-popular {display: none} /* Latest News */ ul.listing-articles li { margin: 0px;} .latest-news-popular-mobile { display:block; background-color: #1A1A1A; color:#fff; padding: 20px !important; margin-bottom: 30px !important; } .latest-news-popular-mobile h3 a {color:#FFF !important} .latest-news-popular-mobile ul.listing-articles a b { color: #FFF; border-bottom: 0px solid; line-height: 16px;} ul.listing-articles a b { border-bottom: none;} ul.listing-articles a:hover b { color: #000; border-bottom: none;} ul.listing-articles a:hover b > i { color: #000 !important;} .latest-issue > .content .meta { font-size: 14px;} ul.listing-articles > li > a:hover ~ .meta a, ul.listing-articles > li > a:hover ~ .post-locked-msg a { color: #E89200} .latest-news-popular-mobile p { color: #fff; font-weight:bold; } .latest-news-popular-mobile a { text-decoration:none; border: 0px solid;} .home .content .header h2 { padding: 0 0 15px 18px; } .home .content h2 { padding: 0px; margin: 0 0 10px; border-bottom: none; font-weight: normal; letter-spacing: 0px; font: 18px/14px "proxima-nova", Helvetica, Arial, sans-serif; } #fm > section > div.col-1.features > ul > li:nth-child(3) {display:none} #fm > section > div.cols-3x.row > div.col1-2 > div.col-1 > ul > li:nth-child(3) {display:none} #fm > section > div:nth-child(5) > div.col1-2 > div.col-1 > ul > li:nth-child(3){display:none} #fm > section > div.cols-3x.flexinterviews > div.col1-2 > div.col-1 > ul > li:nth-child(3) {display:none} #fm > section > div.cols-3x.flexinterviews > div.col1-2 > div.col-1 > ul > li:nth-child(4) {display:none} #fm > section > div.cols-3x.flexinterviews > div.col1-2 > div.col-1 > ul > li:nth-child(5) {display:none} #fm > section > div.cols-3x.flexfestivals > div.col1-2 > div.col-1 > ul > li:nth-child(3){display:none} #fm > section > div.cols-3x.flexfestivals > div.col1-2 > div.col-1 > ul > li:nth-child(4){display:none} #fm > section > div.cols-3x.flexfestivals > div.col1-2 > div.col-1 > ul > li:nth-child(5){display:none} /* @end */ /* Popular News */ .news-popular-mobile { display:block; color:#000; } .news-popular-mobile h3 a {color:#000} .news-popular-mobile ul.listing-articles a b { color: #000; border-bottom: 0px solid; line-height: 16px;} .news-popular-mobile p { color: #000; font-weight:bold; } .news-popular-mobile a { text-decoration:none; border: 0px solid;} /* @end */ /* Sidebar News */ .sidebar-news-mobile { display: block; background-color: #FFF; color: #fff; margin-top: -3px !important; position: absolute; } #sideblock {padding: 0 10px 0 0px} .sidebar-news-mobile a { font: 15px/22px "proxima-nova", Helvetica, Arial, sans-serif; font-weight: bold; display: -webkit-box; padding: 0px 0 0 10px; text-align: left; color: #000; } .sidebar-news-mobile p { color: #C7C7C7; font-weight: normal; font-size: 14px; display: block; text-align: left; margin: -16px 0 10px 11px; line-height: 41px; border-bottom: 1px solid #C7C7C7;} #sideblock > div > p:nth-child(9) { border-bottom: 0px solid #C7C7C7;} h2.sidebartitle a{ background-color: #000; font: 20px/48px "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: bold; display: inherit; text-align:center;} .sidebar-news-mobile ul.listing-articles a b { border-bottom: 0px solid; line-height: 16px; position: relative; top: -2px;} .sidebar-news-mobile a { text-decoration:none; border: 0px solid;} /* @end */ /* @group Filmmaking Section */ .home .features .first h3 { margin: 10px 0 11px; display: inline-flex; font: 13px/17px sans-serif; font-weight: bold; letter-spacing: 0px; } .home .features .first .img { position:relative;} .features.row.filmmaking > div > p { display: none;} .home .content h2 a { padding-bottom: 10px; display: block;} .home .features .first p.meta { display:block; margin-left: 0px; padding: 0 0 20px 0; font-weight:normal; } .home .feature p.meta > br {display:none} .home .features .first p.meta a:link { color:#E89200; } .home .features .first p.meta br { display: none; } .home .feature .img img { min-width: 100%} .home .features .listing-articles li { display: block; float: none; min-height: 86px; width: auto; padding: 20px 0 20px 0;} .home .content .listing-articles li a b > i { font-style: italic; display: inline; margin: 0; font: auto; font-weight: bold;} ul.listing-articles li > a:first-child, ul.listing-articles li > a:first-child img { margin:0 0 5px } ul.listing-articles li > a { position: relative; padding-left: 83px; } ul.listing-articles li > a img { left: 0; position: absolute !important; top: 0; border-bottom: 0 none; margin: 0 0 5px; width: 72px;} /* for hidden images to display mobile */ .hidicon { display:block !important; } ul.listing-articles li { list-style-type: none; width: 100%; border-top: 1px solid #CCC; padding: 0px; height: auto; padding: 15px 0 20px 0;} ul.listing-articles a b { font: 14px/18px "proxima-nova", Helvetica, Arial, sans-serif; font-weight:bold; display: block; margin-bottom: 5px; position:relative; top: -2px;} ul.listing-articles span { font-size: 14px; line-height: 14px; text-transform: capitalize; white-space: initial; display: -webkit-box; font-style: normal; } ul.listing-articles li span { padding-left: 83px; } ul.listing-articles span a:link { color: #E89200; } ul.listing-articles span br { display:none; } /* @end */ /* @group Columns / Festival Section */ .home .feature .img { position:relative; margin: 0 0 0px;} #fm > section > div.cols-3x.flexinterviews > div.col1-2 { display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column;} #fm > section > div.cols-3x.flexcolumns > div.col1-2 {display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; } #fm > section > div.cols-3x.flexcolumns > div.col1-2 > div.col-1 {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #fm > section > div.cols-3x.flexinterviews > div.col1-2 > div.col-1 {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #fm > section > div.cols-3x.flexfestivals > div.col1-2 { display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column;} #fm > section > div.cols-3x.flexfestivals > div.col1-2 > div.col-1 {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #fm > section > div.cols-3x.flexfestivals > div.col1-2 > div.col-2.feature {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } div.col-2.feature > p { display:none} .home .content h3 { margin: 10px 0 11px; display: inline-flex; font: 13px/17px sans-serif; font-weight: bold; letter-spacing: 0px; } .home .feature .meta { font-size: 14px; display: block; white-space: initial; margin-left: 0px; padding: 0px 0px 30px 0;} .home .feature .meta a:link { color: #E89200; } .tout-subscribe {display: none} .home .content .cols-3x .col-1 .listing-articles li.with_i .i i { display: none } .home .content .cols-3x .col-1 .listing-articles li.with_i { width: 100%; border-top: 1px solid #CCC; padding: 16px 0 10px 0px;} .home .content .cols-3x .col-1 .listing-articles li b { font: 14px/18px "proxima-nova", Helvetica, Arial, sans-serif; font-weight: bold; display: block; position: relative; margin-bottom: 5px; list-style:none; top: -3px;} .home .content .cols-3x .col-1 .listing-articles li a b > i { font-size: 14px; line-height: 18px; } .home .content .cols-3x .col-1 .listing-articles li span { font-size: 14px; line-height: 17px; text-transform: capitalize; list-style:none; display: block; } .home .content .cols-3x .col-1 .listing-articles li b a:link { color: #E89200; } .home .content .cols-3x .col-1 .listing-articles li span br { display:none} .features.row.columnshome > div > p { display: none;} .videos {display:none} /* Columns */ #fm.columns > .content .cols-2x { padding-top: 15px; } .colback { font: 14px "proxima-nova", Helvetica, Arial, sans-serif; text-align: left; padding-left: 0px; height: 46px; background-color: #FFF; border-bottom: 1px solid #1A1A1A !important; width: 100%; color: #1A1A1A;} .colback .arrow { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -384px -1474px; width: 30px; } .columns .content header:before {background: url("/wp-content/themes/filmmaker/images/chevrons_wh.png") repeat-x 0 100%; } .columns .content header { background-color: #C69741; color: #fff; padding: 35px 20px 27px; -webkit-font-smoothing: antialiased; } .columns .content header h1 { font: 22px/28px "arno-pro", Georgia, serif; margin-bottom: 8px; color: #FFF; } .columns .content header h2 { font-size: 16px; line-height: 20px; color: #fff;} .columns .content header h2 b { font: italic 18px/30px "arno-pro", Georgia, serif; background: none; color: #E1C89B; display: block; padding-left: 0px; } .columns .metacat.hide-for-medium-up { display: block; font-size: 14px; } .column-detail article.content > .c > h1 { font: 28px/32px "arno-pro", Georgia, serif; padding: 0 10px 0 10px; border-bottom:0px solid; } .listing-columns li { border-top: solid 1px #E3E3E3; line-height: 17px; list-style-type: none; margin-bottom: 0; padding: 15px 0 15px 83px; position: relative; } .listing-columns li:first-child { border-top: 0; } .listing-columns li .img { left: 0; line-height: 17px; position: absolute; top: 15px; width: 72px; } .listing-columns li .img span { display: none; } .listing-columns li a b { font-family: sans-serif; font-size: 0.875rem; font-weight: bold; line-height: 1.214rem; margin-top: -5px; } .listing-columns li a br { display: none; } .listing-columns li > p { display: none; } .listing-columns .metacat { color: #999; font-size: 14px; line-height: 16px; margin-top: 10px; } .listing-columns .metacat a { display: inline; } .listing-columns .metacat .category { display: block; margin-top: 8px; text-transform: uppercase; } #fm > article > div > div.col-1 > p { font-size: .86rem; font-weight: normal; line-height: 1.9; } #fm > article > div > div.col-1 > div.related-posts { display: none} /* 25 New Faces */ .facelist h2 {font-size: 1em; display: block; text-align: center; width: 100%; color: #fff; line-height: 10px;} ul.listing-articles-lg .fm_series { width: 360px; margin-bottom: 20px; overflow: hidden; } ul.listing-articles-lg li.fm_series:first-child { margin: 0px 0px 0px 0px !important;} ul.fm_series li.fm_series { float: left !important; display: inline !important; width: 50% !important; height: 160px; margin: 0px 0px 0px 0px !important;} ul.listing-articles-lg li.fm_series a {display: inline-block; font: 16px/20px "proxima-nova", Helvetica, Arial, sans-serif; vertical-align: top;} ul.listing-articles-lg li.fm_series:first-child {margin: 0px 15px 0px 0px;} .fm_series_people_banner {display: none} #fm_series_extra_features h2 { margin-top: -30px; font: 20px/8px "proxima-nova", Helvetica, Arial, sans-serif; } .fm_series-list-title { font: 20px/28px "proxima-nova", Helvetica, Arial, sans-serif;} /* VOD */ .vod-submission-mobile { display:block !important} .vod-submission-mobile .btn { padding: 7px 15px; text-align: center; } #fm.vod-detail > .content .cols-2x:first-child {padding-top: 0px} #fm.vod-detail .c { overflow: hidden; } .btn { display: inline-block; color: #000; border: 1px solid #000; height: 50px; line-height: 41px; -webkit-border-radius: 3px; border-radius: 3px; background: #FFF; width: 100%; padding: 7px 0 0px 50px; height: 58px; } .col-3 h2 {display:none} .vod-detail .vod-submission p {display:none} #fm.vod-detail > article > div > div.col-1 > p { overflow: hidden; position: relative; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.902rem; } aside.vod-submission h1 {display:none} .vod-detail .content div.col-1 h2 { margin: 0 0 12px 0px; font: 24px/28px "arno-pro", Georgia, serif; } .detail .content .col-1 .meta { overflow: hidden; margin-top: -7px; text-align: left; display: table-caption; width: 130px; font-size: 15px; margin-left: 0px;} .listing-covers li .img_cover { position: relative; float: left; margin-right: 20px; } .listing-covers li { font-size:14px; display: inline; float: left; margin: 0 0 0 20px; width: 100%; height: auto; color: #999; border-bottom: 1px solid #999; padding-top: 20px; } .listing-covers li:nth-child(2){ border-bottom: none; } .listing-covers li:nth-child(2) .img_cover img { margin-bottom: 30px; } .listing-covers li:nth-child(2) .flexsubscribe { margin-bottom: 10px; margin-right: 20px; width: auto; } .listing-covers li .gwi-widget { float: left; clear: initial; display: block;} .gwi-widget *, .gwi-modal-content *, .gwi-iframe-holder *, .gwi-branding * { box-sizing: border-box; display: inherit; font-size: 12px; } .gwi-widget .btn-gwi, .gwi-modal-content .btn-gwi, .gwi-iframe-holder .btn-gwi, .gwi-branding .btn-gwi { background-image: -webkit-linear-gradient(top, #ed7352 0%, #e84e24 100%) !important; background-image: linear-gradient(to bottom, #ed7352 0%, #e84e24 100%) !important; } #fm > article > div.content.cols-2x > aside.col-1 > h1 {border-bottom: 1px solid #999} #fm.vod-detail > .content .cols-2x:first-child + .cols-2x {padding: 16px 0 10px 0} #fm.vod-detail > .content .cols-2x:first-child + .cols-2x .col-1 { width: 100%;} /* @end */ /* @group Header */ header a, header div { color: rgba(0,0,0,.9); text-shadow: rgba(255,255,255,.2) 0px 1px 0px; } header { opacity: 1; overflow: hidden; z-index: 4; } header a.header-center { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 68%; } header img { max-height: 44px; position: relative; max-width: 100%; } .portrait header img, .landscape header img { top: 4px; } .drop-down #menu { display: none; position: absolute; top: 54px; z-index: 3; right: 0; left: 0; } #menu-toggle { position: absolute; right: 0; bottom: 0; } #menu-toggle:after { content: "\e80a"; display: block; font: 110% 'wptouch-icons', sans-serif; padding: 18px; } #search-toggle { position: absolute; left: 0; bottom: 0; } #search-toggle:after { content: "\e809"; display: block; font: 110% 'wptouch-icons', sans-serif; padding: 18px; } #menu-toggle.touched:after, #search-toggle.touched:after { color: rgba(0,0,0,.3); } .login-link { padding-left: 12px; } .login-link i { margin-right: 5px; } /* @end */ /* @group Posts Nav */ #fm { overflow:hidden; padding-top: 48px; } aside > h1 { border-bottom: 0px; margin: 0 0 0px; font-size: 20px; } .nav-controls { background-color: rgba(0,0,0,.05); font-size: 90%; font-weight: bold; border-top: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.05); padding: 10px 20px; text-align: center; margin: -1px 0; color: rgba(0,0,0,.7); } .nav-controls div { display: inline-block; width: 49%; vertical-align: top; float: left; } .nav-controls a:before { margin-right: 3px; } .nav-controls a { font-weight: normal; font-style: normal; display: block; } .nav-controls a.prev-post { padding-right: 8px; } .nav-controls .previous { text-align: left; } .nav-controls .next { text-align: right; float: right; } .nav-controls a:after { margin-left: 3px; } /* @end */ /* SUB PAGES Pages Shared CSS */ #fm > section > div.col-1 > div > header > h2 { display: none; } .hero-feature p.meta { display:inline-block; font-size:14px; margin-bottom:0px; padding: 0 20px 0 0; } .hero-feature p.meta a { color: #E89200 } ul.listing-articles-lg { margin: 0 0 10px 0; width: 100%; list-style-position: initial;} ul.listing-articles-lg li > a img { position: absolute; float: left; border-bottom: 0 none; margin: -25px 0 5px; width: 72px; } ul.listing-articles-lg a { display: inline; font-size: 14px; line-height: 20px;} ul.listing-articles-lg a > i {font-size: 14px; padding-left: 83px; text-transform: capitalize; display: inline;} ul.listing-articles-lg a > i br {display:none} ul.listing-articles-lg li { width: 100%; border-top: 1px solid #CCC; margin: 0px; padding: 16px 0 16px 0;} ul.listing-articles-lg a b { margin-top: -2px; font: 13px/17px sans-serif; font-weight: bold; padding: 0px 0 0 83px; width: 100%; float:right; } ul.listing-articles-lg .metacat { font-size: 14px; display: inline-block; color: #999 !important; margin: 8px 0 0px 83px; line-height: 16px; white-space: pre-wrap; } ul.listing-articles-lg .metacat a { color: #E89200; } ul.listing-articles-lg .metacat .category { display: block; margin-top: 8px; text-transform: uppercase; } ul.listing-articles-lg span br { display:none; } ul.listing-articles-lg p {display:none} .cols-2x .col-2 .banner {display:none} /* @group Posts / Article */ .detail .content .col-1 > p:first-of-type:first-letter { display: inline; float: none; font-size: inherit; margin: 0px; font-family: inherit; font-weight: normal; } .listing .hero-features {border-bottom: 0px solid} .listing .hero-features { margin-left: -10px;margin-right: -10px;} #fm > article > aside.social {display: none !important; } #fm > article > aside.mobilesocial{ display: block !important; position: absolute; left: -20px !important;} #fm > section > aside { display:none !important;} blockquote { float: left; padding: 0px 10px 0 0; margin: 0px; width: 55%; color: #000; font-family: serif; font-size: 1em !important; } blockquote, blockquote p { line-height: 1.2 !important; color: #000 !important; font-size: 22px; } .col-1 blockquote { padding: 0rem 1.25rem 0 1rem; color: #787878; float: none; width: 100%; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; } .col-1 blockquote p { font-size: 16px !important; color: #787878 !important; } .detail .content .col-1 > .wp-caption, .detail .content .col-1 > .wp-caption a[rel*=attachment], .detail .content .col-1 > .wp-caption a[rel*=attachment] img { margin: 0px !important; width: 100% !important; } .detail .content .col-1 { padding:25px 0 0 5px; } .generic-detail article.content > h1 { border-bottom: 0px solid; font: 26px/32px "arno-pro", Georgia, serif; width: 90%; margin-top: 10px; } #fm > article > div.col-1 > p { display: block; font-size: 1rem; line-height: 1.5625; margin-bottom: 1.25rem; width: 95%; } .detail .content .col-1 > p > img, .detail .content .col-1 > p a[rel*=attachment], .detail .content .col-1 > p a[rel*=attachment] img, .detail .content .col-1 > .wp-caption a[rel*=attachment], .detail .content .col-1 > .wp-caption a[rel*=attachment] img { max-width: 100% !important; margin-left: 0px;} .detail .content .col-1 > .img:first-child, .detail .content .col-1 > .embed:first-child, .detail .content .col-1 > .ngg-imagebrowser { margin-left: -10px; overflow: hidden; max-width:inherit; width:100%; min-width: 400px;} .detail .content .col-1 .img img { max-width: 100% !important; height: auto; } .detail .content .col-1 div.meta br {display: none} .detail .content .col-1 div.meta { width: 100%; margin: 0 0 -10px 0; } .detail .content .col-1 div.meta a { color:#E89200; } .detail .content .col-1 { width: 100%; border-top: 0px; padding: 15px 0 0 0px} .detail .content .col-1 div.meta p { font-size: 0.87rem; } .detail .content .col-1 > div.meta p.tags { display: none} .detail .content .col-1 div.meta a.post-edit-link { display:none;} .detail .content .col-1 > p > iframe, .detail .content .col-1 > p > object, .detail .content .col-1 > p > embed, .detail .content .col-1 > p > object embed { float: none; margin-left: 0; margin-right: 0; width: 100% !important; } .cols-2x .col-2 aside { width: 100%; } img[title="Subscribe to Filmmaker Magazine"] {display:none} aside.box_ad {display: none;} aside.subscribe {display:none} aside.related-articles { display: none} aside.related-articles { display:none} aside.tags { display:none} aside.related-articles { display:none } aside.elsewhere { display:none} section.content > h1, article.content .cols-2x > h1, article.content > h1 { font: 20px/48px "proxima-nova", Helvetica, Arial, sans-serif; letter-spacing:0px; border-bottom:1px solid #999; } /* Paginator */ .paginator-mobile .paginator { display: block; } .paginator-numbers { display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; margin-top:10px; margin-left:0px; position: relative; } .paginator-numbers li.next, .paginator-numbers li.prev {float: right; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .paginator-numbers li.next, .paginator-numbers li.prev { margin: 0px; position: absolute; right: 0; text-indent:-9999px; top: 0; width: 12px;} .paginator-numbers li.prev {margin-left:auto;right: 35px;} .paginator-numbers li.next {margin-right:10px;} .paginator-numbers li.prev a { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -384px -1474px; width: 35px; } .paginator-numbers li.next a { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat; width: 35px; margin: 0px 0px 0 10px; background-position: -598px -1474px; height: 40px; } .paginator-numbers li.current a { background-color: #8C8C8C} .paginator-numbers li { color: #000; letter-spacing: 0px; font-weight: normal; text-transform: none; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } nav.extra li.next { float: right; } .paginator-prev-next li.next a { padding: 0; } .paginator-prev-next li.next a span { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -421px -1474px; float: right; margin-left: 5px; margin-right: 0; } .paginator-prev-next li.next a:hover span { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -421px -1519px; } .paginator-prev-next li.prev a:hover span { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -380px -1519px; } #fm > article > div.col-1 > div.related-posts { display:none} .detail .featured-articles { display: block; width:100%; } .detail .featured-articles ul.listing-articles li {width: 100%; margin: 0 0 0 0px;} .detail .featured-articles ul.listing-articles li br {display:none} .post-page-content { color: rgba(0,0,0,.7); font-size: 100%; line-height: 165%; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; overflow: hidden; } .post-page-content .post-page-thumbnail, .post-page-content .sharing-options { margin-left: -20px; margin-right: -20px; } .post-page-content .wp-caption { max-width: 300px !important; width: auto !important; } .post-page-content img.aligncenter { margin-left: -20px; margin-right: -20px; padding: 0 !important; border: none !important; } .post-page-content table { max-width: 100%; overflow: scroll; } .post-page-content ul, .post-page-content ol { margin-left: -5px; margin-right: -5px; list-style-type: circle; } .post-page-content li { margin-left: 10; margin-right: 10; padding-right: 0; padding-left: 0; } .wptouch-shortcode-webapp-mobile, .wptouch-shortcode-webapp-only, .wptouch-shortcode-webapp-only { margin-top: 15px; padding-left: 20px; padding-right: 20px; overflow: hidden; display: block; } .post-page-content p a, .comment-body a { border-bottom-style: dotted; border-bottom-width: 1px; } .post-page-content .post-thumbnail { margin: 0 0 -8px; padding: 0; min-width: 100%; height: auto; } .post-page-head-area .post-date-comments, .post-page-head-area .post-author { font-size: 75%; color: rgba(0,0,0,.5); margin-right: 10px; margin-left: 10px; } .post-page-content .cat-tags { margin-left: 20px; margin-right: 20px; font-size: 90%; margin-top: 15px; text-align: left; } .post-page-head-area.bauhaus { background-image: -webkit-gradient(radial, 50% 0%,0,50% 0%,500, from(rgba(0, 0, 0,0)), to(rgba(255, 255, 255, 0.50))); text-align: center; padding-top: 10px; padding-bottom: 10px; text-shadow: rgba(255,255,255,.3) 0px 1px 0px; overflow: hidden; } .post-page-head-area.bauhaus h2.post-title { color: rgba(0,0,0,.7); letter-spacing: -2px; font-size: 180%; font-weight: normal; margin: 0 !important; padding: 10px 12px; } .post-page-content blockquote { border-left: 3px solid rgba(0,0,0,.2); margin-left: 30px; margin-right: 30px; padding-left: 10px; } .post-page-content .wptouch-ad { padding: 0; } .top-content-ad .wptouch-ad, .bottom-content-ad .wptouch-ad, #content .wptouch-ad { margin-left: -15px; margin-right: -15px; } .paginator-prev-next a { display: block; color: #666; margin: 0; text-decoration: none; padding: 0; -o-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; font: 13px/38px "proxima-nova", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: capitalize; border-bottom: 0px solid; background: none; text-indent: 0; } .paginator-prev-next a span { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -380px -1474px; display: inline-block; float: left; height: 38px; margin-right: 5px; vertical-align: middle; width: 40px; } #fm > section > div.cols-3x.other > nav > ul:not(.paginator-prev-next) > li.prev { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -379px -1474px; text-indent: 40px;} #fm > section > div.cols-3x.other > nav > ul:not(.paginator-prev-next) > li.prev > a[rel*=prev]:hover { background: url("/wp-content/themes/filmmaker/images/sprite.png") no-repeat -379px -1519px} li.extra a { width: 240px; display:none; } /* DISQUS */ .detail .content .col-1 .comments { margin: 0px; padding: 0px; clear: left; width: 100%; } textarea {width:100%} /* @end */ /* Videos */ #fm.video-detail > .cols-2x { padding-top:0px} #fm.video-detail > .c {padding-bottom: 5px} #fm.video-detail > .cols-2x > h1 { border-bottom: 1px solid #999;} #fm.video-detail > .cols-2x > p { display:none; } #fm.video-detail > article > div.col-1 > p { display: -webkit-box; max-height: 4.167rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; } .embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .detail .content .col-1 > .img:first-child iframe, .detail .content .col-1 > .embed:first-child iframe { width: 100%; } .video-detail .content div.col-1 > .embed:first-child, .video-detail .content div.col-1 > .img:first-child { margin: -26px -10px 15px; width: auto !important} .video-detail .content div.col-1 h2 a { display:none} ul.listing-articles span.video { left: 0px; top: 0px; width: 19px !important; height: 41px; margin: 0px; padding-left: 35px; } .video-detail .more-videos .listing-articles li { height: auto; width: 94%; padding: 14px 0 24px 0; } .video-detail .more-videos .listing-articles li:nth-child(3) { padding-bottom: 0; } .video-detail .more-videos .listing-articles li:nth-child(4) { border-top: none; padding-top: 10px; } .more-videos .listing-articles .flexsubscribe { margin-top: 30px; } #fm > article > aside.more-videos > ul > li:nth-child(1) {border-top: 0px solid} /* @end */ /* Contact */ ul.listing-people { -webkit-flex: 0; -ms-flex: 0; flex: 0; order: 0; margin: 0 0 0px -20px;} .listing-people li { margin: 0 -10px 0 20px; width: 46%; } .listing-people li img { display: block; margin: 0 0 13px; width: 100%; } .listing-people li b a { color: #E89200 } .cols-2x .col-2 aside.office { -webkit-flex: 1; -ms-flex: 1; flex: 1; order: 1; } .cols-2x .col-2 aside.office h1{ font:20px/18px "proxima-nova", Helvetica, Arial, sans-serif; border-bottom:1px solid #999; margin-bottom: 19px; } .cols-2x .col-2 aside.office p { font-size: 0.9rem; margin-bottom: 0.5rem; } .contact .content .col-1 h2 { font:20px/18px "proxima-nova", Helvetica, Arial, sans-serif; border-bottom:1px solid #999; margin-bottom: 19px; } /* @end */ /* Subscribe */ .subscribe .header { padding: 25px 20px 0 30px; background: url("/wp-content/themes/filmmaker/images/subscribe_lg.png") no-repeat 28px 199px; height: 410px; background-size: 86% 211px; background-color:#E89200; margin: 30px 0 30px 0px; } #fm.subscribe .cols-3x { margin-bottom:-30px} .subscribe .content .header h2 {font-weight:normal} h1.subscribehead { margin-top: -30px !important; line-height: 50px !important; width: 90%; } .subscribe .content h2 { font:20px/28px "proxima-nova", Helvetica, Arial, sans-serif; } .subscribe .cols-3x .col-1, .subscribe .cols-3x .col-2, .subscribe .cols-3x .col-3 { width: 95%; padding: 5px; } input[type="file"], input[type="checkbox"], input[type="radio"], select {vertical-align:inherit} #subscribe_section > div.cols-3x > form.col-1.print > fieldset > p > input, #frmDigitalSubscribe > fieldset > ol > li > input { background-color: #00A1E5; background: #00A1E5 !important; border-color: #C7C7C7; color: #FFF !important} form input[type=text], form input[type=tel], form input[type=email], form input[type=search], form input[type=password] { width: 100% !important; } form input[type=submit].secondary, form button.secondary { -webkit-appearance: none; -moz-appearance: none; font-family: "proxima-nova", Helvetica, Arial, sans-serif; border-radius: 0; border-style: solid; border-width: 1px; cursor: pointer; font-weight: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; font-size: .9rem; letter-spacing: 0px; transition: background-color 300ms ease-out; width: 100%; padding: 20px 0 38px 0; border-radius: 4px; border: 1px solid #8C8C8C; height: 52px; } #frmDigitalSubscribe > p, #fm > section > div.cols-3x > form.col-1.print > p, #newsletterSubscribe > p {font-size: 0.89rem;} #newsletterSubscribe { width: 95%; padding: 5px; } #newsletterSubscribe > div > label > input[type="text"] { height: 50px; width:365px !important; color:#1A1A1A; border-color:#1A1A1A; padding: 15px 20px 10px;} #subscribe_section > div.cols-3x > form.col-3.newsletter {display: block} #newsletter {display:block} .subscribe .cols-3x .col-1, .subscribe .cols-3x .col-2, .subscribe .cols-3x .col-3 {width: 100%; padding: 30px 5px 60px 0px;} #subscribe_section > div.cols-3x > form.col-3.newsletter > fieldset {width:100% !important} .subscribe .newsletter input[type=text], .subscribe .newsletter input[type=email], .subscribe .newsletter input[type=text]:hover, .subscribe .newsletter input[type=email]:hover { padding: 26px 71px 26px 20px; } .subscribe .newsletter input[type=submit] { position: absolute; right: 0px; bottom: 2px; width: 49px; height: 52px; top: 1px;} /* Sub Form */ #subscribe_section > h1 {width:100%; margin-bottom:20px} #printSubscription > div.col-1 > h3 { margin-top: 0px !important;} form input[type=text]:focus, form input[type=tel]:focus, form input[type=email]:focus, form input[type=search]:focus, form input[type=password]:focus { border-color: #00A1E5 !important;} form input[type=text].error, form input[type=tel].error, form input[type=email].error, form input[type=search].error, form input[type=password].error { border-color: #F18278 !important;} #frmDigitalSubscribe, .subscribe .print, #subscribe_ipad {height: auto} #frmDigitalSubscribe input[type=submit], .subscribe .print input[type=submit], #ipad_subscribe {position: relative;} form ol li, form ul li { margin: 0 0 7px 2px;} div.selector, div.selector span {width: 100% !important;} #submit_payment_form > fieldset:nth-child(21) > ol > li.submit-item > input, form input[type=submit], form button, .btn_primary { background: ##1aaae8; text-shadow:none; padding-left: 0; padding-right: 0; width: 100%; display: block!important; } #review_information h4 { font-weight: bold; font: 16px/25px "proxima-nova", Helvetica, Arial, sans-serif;} #review_information .user-data li {padding: 0px} #review_information .user-data {list-style: none; background-color: #D6D6D6; margin-left: 0px; padding: 10px;} /* @end */ /* Latest Issue */ .col-1.main-feature { min-height:inherit !important; height:inherit !important;} .latest-issue .features .first .img span {display:none} .latest-issue .features .first { min-height: 0; padding: 0 10px 0 10px; display: list-item; list-style: none; } .latest-issue .main-feature .img img { display: block; width: 100%; height: auto; } .latest-issue .main-feature .meta { margin-left: 0; } .latest-issue .main-feature h2 { font: 48px/18px "arno-pro", Georgia, serif;} .latest-issue .main-feature h2 a, .latest-issue .main-feature h2 a:hover { font: 28px/34px "arno-pro", Georgia, serif; } .latest-issue .main-feature .cover {display: none} #fm.latest-issue > .content { padding-top: 0px; overflow:hidden; } .content .post-locked-excerpt { display: block; background: url('/wp-content/themes/filmmaker/images/mobilelock.png') no-repeat; width: 18px; height: 25px; position: absolute; left: auto; right: 10px; margin: 0; padding: 0; background-size: contain; font-size: 0; text-indent: -99999px; top: 10px; overflow: hidden; } .content .first .post-locked-excerpt { top: -5px; } .listing-articles li { position: relative; } .latest-issue .features h2 { font: 20px/28px "proxima-nova", Helvetica, Arial, sans-serif;} .cols-3x .col1-2 > h2 {font: 20px/38px "proxima-nova", Helvetica, Arial, sans-serif; border: 0px solid; padding: 0; margin: 0; } .latest-issue .main-feature { padding: 0; margin-left: -10px; margin-right: -10px;} .latest-issue .main-feature > *:not(a) { padding: 0 15px; } .latest-issue .main-feature > h2 { padding-right: 35px; } .latest-issue .features { padding: 0 5px; } .latest-issue ul.listing-articles li > a:first-child { padding-left: 0; } .latest-issue ul.listing-articles li > a:first-child img { float: left; margin-right: 10px; position: static !important; } .latest-issue ul.listing-articles li .meta { vertical-align: top; } /*.latest-issue .main-feature .img span.locked, .latest-issue .features .first .img .locked, .latest-issue ul.listing-articles li .img .locked { display: block; background: url('/wp-content/themes/filmmaker/images/mobilelock.png') no-repeat; width: 18px; height: 25px; position: absolute; left: auto; right: 10px; margin: 0; padding: 0; background-size: contain; font-size: 0; text-indent: -99999; overflow: hidden; }*/ .latest-issue .main-feature .img span.locked { display: none; } .latest-issue .features .first {padding: 0 ;} .latest-issue .features .first h3 a { padding: 0 0 0 80px; display: block;} .latest-issue .features .first h3, #fm.latest-issue > section > div.col-1.features > div > h3 { font: 14px/18px "proxima-nova", Helvetica, Arial, sans-serif; font-weight: bold; display: block; margin-bottom: 5px; padding: 0px 35px 0 10px; float: none; } .latest-issue .features .first p { font-size: 0.875rem; max-height: 4.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .latest-issue ul.listing-articles a b { padding-right: 35px; } #fm > section > div.col-1.features > div > h3 { font: 13px/17px sans-serif; font-weight: bold; padding: 0px 0 0 9px; width: auto; float: left; margin: 8px 0 5px -9px;} #fm.latest-issue > section > div.col-1.features > div > h3 { float: none; } .latest-issue .features .first .img { display: block; float: left; margin-right: 10px; position: static; } .latest-issue .features .first .img img { border-bottom: 0 none; margin: 0 0 5px; width: 80px;} .latest-issue .features .listing-articles { clear: both; margin: 0; } .latest-issue .features .listing-articles li { margin: 10px 0 0; width: 100%; } #fm > section > div.col-1.features > ul p {display:none} .latest-issue .features .listing-articles .meta { padding: 0px; margin: 0; display: inline-block; } .latest-issue > .content .cols-3x .col-2 .listing-articles li .img img {display:none} .latest-issue > .content .cols-3x .col-2 .listing-articles li b, .latest-issue > .content .cols-3x .col-1 .listing-articles li b, .latest-issue > .content .cols-3x .col-1 .listing-articles li .meta { font: 14px/18px "proxima-nova", Helvetica, Arial, sans-serif; font-weight: bold; display: block; padding: 0px 35px 0 0; } .latest-issue > .content .cols-3x .col-2 .listing-articles li .meta { padding: 0; } .latest-issue > .content .listing-articles p {display:none} #fm > section > div.cols-3x.other > div.col1-2 > div.col-1 > ul {display:none} .latest-issue > .content nav {width: 100%} p.also {display:none} .latest-issue > .content .cols-3x .col-1, .latest-issue > .content .cols-3x .col-2, .latest-issue > .content .cols-3x .col-3 {padding-bottom:0px} .latest-issue > .content .cols-3x .col-2 .listing-articles li b i {font-style: italic !important; font: inherit; } .latest-issue .features .listing-articles p + .meta { margin-top: 0px; display: block; position: absolute; margin-left: 83px;} #fm > section > div.col-1.features > div > div.post-locked-msg { margin: 7px 0 0 0px; width: auto; display: inline; } .latest-issue > .content .cols-3x .col-2 .listing-articles li .img { margin: 0px; padding-bottom: 0; } ul.other-articles li > a { padding: 0px 0 6px 0; } .latest-issue > .content .cols-3x .col-2 .listing-articles li p + .meta { margin-top: 0; } /* @end */ /* Archive */ .archiveframe {display:none} .archive > .content h2 { font: 16px/12px "proxima-nova", Helvetica, Arial, sans-serif} .listing-archive { margin: 0 0 27px -10px } .listing-archive li { width: 44%} .listing-archive li img { width:100%} ul.listing-archive p {display:none} .archive .content .col-1 .archive_title { background-color: #FFF !important; color: #000; text-transform: inherit !important; text-align: left; margin-top: -17px; position: relative; font-size: 13px; font-weight: bold; } #fm > section > div.col-2 > aside.archive { display:none} /* @end */ /* Category Pages */ #drop1 { position: absolute; width: 85% !important; max-width: none; top: 47px !important; right: 10px; left: inherit !important; z-index:5;} .hide-for-medium-up { display: inherit !important; } #dropicon { display:block; background: url("/wp-content/themes/filmmaker/images/droplist.png") no-repeat !important; float: right; margin-top: -42px; padding: 40px 30px 0px 20px; z-index: 1; height: 40px; position: absolute; right: 0px; width: 40px; background-size: contain !important; } #dropiconhover { border-bottom: 5px solid #000; } #fm.listing .cols-2x { padding-top: 0px; } .listing .content .col-1 { padding-bottom: 20px} .listing-heros section.content > h1 { display:block; font-size: 20px; padding: 0 0 0px; } .listing-heros section.content > .col-1 .listing-articles-lg > li:first-child {padding-top: 15px; margin: 0px 0px 0px 0px !important;} .listing-heros section.content > .col-1 .listing-articles-lg > li { width: 100%; float: left; display: inline-block; } section.content > h1 { margin-bottom: 0px} .listing-heros section.content > .col-1 .hero-features ~ .listing-articles-lg > li:first-child { padding-top: 10px; } .hero-feature h3 { font: 28px/30px "arno-pro", Georgia, serif; padding: 0 15px; } /* @end */ /* Secondary Pages Nav, Advertise */ .table-advertisers { border: none;} .cols-2x .col-1 { border-top: 0px solid; padding: 0 0 0 0;} aside > h1, .archive > .content h2, .advertise .content h2, .contact .content h2, .gifts .content h2, .subscribe .content h2 {padding: 10px 0 10px; font: 20px/22px "proxima-nova", Helvetica, Arial, sans-serif; } #fm > article > div.col-2 > aside.how-to > h1 { font: 20px/22px "proxima-nova", Helvetica, Arial, sans-serif; border-bottom: 1px solid #ccc; margin-bottom: 20px;} .default h1.title { padding: 0 0 0 0; margin-bottom: 10px;} #fm > article > div > h2 { font: 20px/22px "proxima-nova", Helvetica, Arial, sans-serif; } #fm > article > div > div.col-1.support.faq > h3 {font: 20px/22px "proxima-nova", Helvetica, Arial, sans-serif;} /* @end */ /* Login */ #form-container h3 { border: none; font-size: 14px; font-weight: bold;} .membershiplogin {font-size:13px} .membershiplogin span {color:#777;} .membershiplogin a { position: inherit !important; font: 13px/43px "proxima-nova", Helvetica, Arial, sans-serif !important; color: #E89200 !important; background: none !important; opacity: 1!important}; form.reg-form li.li-double input[type="text"], form.reg-form li.li-double input[type="tel"], form.reg-form li.li-double input[type="email"], form.reg-form li.li-double input[type="search"], form.reg-form li.li-double input[type="password"] { width: 180px; margin-right:10px; } form { margin: 0 0 1rem -20px;} form.reg-form .form-list { margin-left: 0px} form.reg-form .form-list li.li-double > p.required { display:none;} p .error { height: auto; line-height: 12px; margin: 0; padding: 10px; color: #fff; background: #F18278; margin-top: -10px; width: 100%; } ol li ul, ol li ol {margin-left: 0px !important;} span.error, small.error {padding: 0px !important;} #fm.logins .content.c {padding-top: 5px; padding-bottom:2px;} form.reg-form li input[type="submit"], form.reg-form li .btn, form.reg-form li .btn_primary form.reg-form li input[type="submit"].secondary { -webkit-box-shadow: 0px; box-shadow: 0px; background: #00A1E5; height: 50px; line-height: 10px; border: #c7c7c7; } #form-container .head { border-top: 1px solid #CCC;} form.reg-form .form-list li.li-double > div { float: left; width: 50%; } form.reg-form .form-list li.li-double > div { padding-right: 3px; } form.reg-form .form-list li.li-double > div + div { padding-left: 3px; padding-right: 0; } form.reg-form .form-list li:first-child { margin-left: 0; } form.reg-form .form-list li.li-double > div.error input { border: 2px solid #ef837b; box-shadow: none; -webkit-box-shadow: none; } #fm.logins form p.error { background: #ef837b; color: #fff; font-weight: normal; margin: 4px 0 14px; padding: 18px 18px 1px; height: auto; } #fm.logins form p.error span.error { color: #fff; font-weight: normal; font: 14px/18px "proxima-nova", Helvetica, Arial, sans-serif; padding: 0px; background: none; } /* @end */ /* Search */ .search .content form input[type=submit] { background: url("/wp-content/themes/filmmaker/images/mobilesprite.png"); cursor: pointer; -webkit-border-radius: 0; border-radius: 0; pointer-events: none; background-size: 210px 150px; background-position: -175px 9px; background-repeat:no-repeat} .search .content form input[type=text]:focus + input[type=submit] {background-position: -175px 9px; } .search .content form input[type=text]:focus + input[type=submit]:hover { background-position: -31px 7px} .search .content form input[type=submit]:active {background-color: #00a1e5; background-position: -31px 7px; } .search .content input[type=text] {height: 50px; width: 100%; padding: 16px 71px 15px 10px; line-height: 100%;} .search .content form input[type=text]:focus {padding: 16px 71px 15px 10px} li.search br {display:none} li.search img {display:none} li.search a b {padding:0px 0 0 3px; } li.search i {color: #888 !important; display:inline-block !important; padding: 9px 0 0 3px !important; font-size: 14px; } /* @end */ /* @group Related Posts */ .related-posts { padding-top: 0; background-color: rgba(255,255,255,.5); padding: 15px; border-top: 1px solid rgba(0,0,0,.1); color: rgba(0,0,0,.7); } .related-posts ul li { position: relative; list-style-type: none; margin: 0 0 20px; } .related-posts h3 { padding-bottom: 10px; margin-top: 0; margin-bottom: 0; font-size: 1.6em; } .related-posts li p { margin-top: 5px; font-size: 95%; line-height: 140%; } .related-posts li.has-thumb a, .related-posts p { padding-left: 60px; display: block; overflow: hidden; } .related-posts .has-thumb img { position: absolute; width: 50px; height: 50px; top: 3px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .related-posts li a { display: block; padding-left: 62px; } ul.listing-articles-lg li i { font-style: normal; font-size: 14px; margin-top: -2px; padding-left: 83px; text-transform: capitalize; display: inline-block; } ul.listing-articles-lg li b > i { padding-left: 0;} ul.listing-articles-lg li a { color: #E89200; } .hidesubmsg { display: none !important;} ul.listing-articles li .img .locked {display:none} .content .post-locked-msg { width: 100%; height: auto; display: inherit; } ul.listing-articles-lg li i > br {display:none; } /* @end */ /* @group Comments */ #fm > article > div > aside.social {left: -20px !important} #comments { color: rgba(0,0,0,.7); background-color: rgba(255,255,255,.3); border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 20px; } #responses, #respond { margin-left: 15px; margin-right: 15px; } #respond { padding-top: 20px; } .comment { margin-left: 15px; padding-right: 15px; } .comment-author { font-weight: bold; font-size: 95%; } .comment-time { font-size: 75%; color: rgba(0,0,0,.4); } #comments .comment-avatar { width: 54px; height: 54px; -webkit-border-radius: 150px; border-radius: 150px; border: 1px solid rgba(255,255,255,.5); float: left; right: 2px; position: relative; overflow: hidden; } #comments .comment-avatar img { width: 100%; height: auto; } .comment .comment-body { font-size: 90%; padding-bottom: 15px; } .comment .comment-body:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,.15); margin-left: -65px; margin-right: -15px; } #comments blockquote { margin-left: 0; padding-left: 10px; } #comments .load-more-comments-wrap a { font-size: 95%; } /* @end */ /* @group Search */ .search span.select-wrap { display: block; margin-top: 25px; } .search span.select-wrap .search-select { margin-left: auto; margin-right: auto; display: inline-block; background-color: transparent; -webkit-appearance: none; padding: 4px; border-style: none; font-size: 100%; } .search span.select-wrap i.wptouch-icon-caret-down { content: "\e844"; font: 110% 'wptouch-icons', sans-serif; position: relative; z-index: 2; top: 1px; right: 2px; } .no-results { text-align: center; display: block; margin-top: 25px; margin-bottom: 25px; } /* @end */ /* @group Footer */ #fm > footer { background: #000000; height: 90px;} #fm > footer > .c {padding: 0;} #fm > footer > div > ul > li:nth-child(4) {display:inline-block} #fm > footer h1 {display:none; padding-left: 10%;} #fm > footer small {display:none} #fm > footer ul {border-top: 0px; margin: 0; padding:20px 20px 0;width: 100%;} #fm > footer li {float: none;margin: 0 8px;} #fm > footer a { color: #FFF; font-size: 14px; letter-spacing: 0px;} #fm > footer li.credit {display:none} .mobilecredit { line-height:20px; margin-left: 18px; height: 70px; padding: 20px 0 0 0; font-size: 11px; text-align:left;} .load-more-link, .load-more-comments-wrap a { padding-top: 20px; padding-bottom: 20px; font-weight: normal; font-style: normal; } #switch { margin-top: 15px; margin-bottom: -15px; } .page-wrapper .footer { margin-top: 25px; font-size: 75%; } .footer, a.back-to-top { font-size: 80%; color: rgba(0,0,0,.5); font-weight: normal; font-style: normal; } ol {margin-left:0 !important} #subscribe_section .col-1, #subscribe_section .col-2, #subscribe_section .subcol-2, #subscribe_section .subcol-1{width: auto !important; float: none; margin-right: 0 !important;} #subscribe_section ol {margin-bottom: 0 !important;} #subscribe_section .schedule{display: none;} #subscribe_section .user-data label{display: inline;} #subscribe_section #s_em, #subscribe_section #s_ey {display: inline;} #subscribe_section #f_schedule_link {display: inline} .subscribe_slash{display: none !important;} /* @end */