@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

#phonemenu { display:none; background-color:#FFFFFF; padding-top:10px; padding-bottom:14px; font-size:15px; text-align:center; border-bottom:1px solid #000000; position:fixed; top:0px; z-index:1;}
#phonemenu a {color:#000000; text-decoration:none;}
#topheader {margin-top:-4px;}


body {
  position: relative;
  width: 100%;
  margin:0px;
}

.block {
  margin-bottom:-41px;
  position: relative;
  margin: 0 auto;
  padding: 0px;
  max-width: 60em;
  margin-top:19px !important;
  display:none;
}

.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("https://finalcutprox.net/wp-content/themes/finalcutprox/images/close-button.png") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("https://finalcutprox.net/wp-content/themes/finalcutprox/images/close-button.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #333333 url("https://finalcutprox.net/wp-content/themes/finalcutprox/images/mobile-menu/nav-icon.png") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("https://finalcutprox.net/wp-content/themes/finalcutprox/images/mobile-menu/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  padding-bottom:7px;
}
#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 15px 0px;
  background: #333333;
}
#nav ul {
  *zoom: 1;
  display: block;
  padding-left:0px;
  margin-top:-6px;
}
#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}
#nav ul:after {
  clear: both;
}
#nav li {
  display: block;
}
#nav li a {
  display: block;
  color: #ccc;
  font-size: 0.875em;
  line-height: 1.28571em;
  font-weight: bold;
  outline: none;
  text-decoration:none;
}
#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
#nav li.is-active a {
  color: #fff;
}

#top {
  z-index: 100;
  position: relative;
  color: #fff;
  background: #333333;
  margin-top:-3px;
}
#top .block-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
}
#top .nav-btn {
  position: absolute;
  top: 9px;
  left: 16px;
}




















@media (min-width:0px) and (max-width:320px) {


		.fcpxpoll {width:296px; margin-bottom:30px; margin-left:-11px;}
		body.custom-font-enabled {min-width:320px;}
		body { width:320px; overflow:hidden; background-color:#FFFFFF;}
		body .site { padding:0px; margin-top:-60px;}
		.site {width:312px; padding:0px 5px !important;}
		#topsearchcontainter {width:320px; position:absolute; top:118px; right:17px;}
		#topsearchbar {width:300px;}
		#topsearchcontainter #s {font-size:18px !important; width:290px !important;}
		#topsearchcontainter #searchsubmit {top:13px !important; right:4px !important;}
		#fcpx-sidebar {display:none;}
		#newsticker {display:none;}
		.reveal-modal-bg {display:none !important;}
		.reveal-modal {display:none !important;}
		#sticky {display:none !important;}
		.site-info {display:none;}
		#topheader {margin-top:0px; background: url("/wp-content/themes/finalcutprox/images/fcpx_background.jpg") no-repeat scroll 0 0 / 122% 153px rgba(0, 0, 0, 0); height:128px;}
		#headerlogo {width:750px;}
		#headerlogoimg {left:8px; top:17px;}
		#headerlogoaimg {width:64px;}
		#fcpxsitetitle {left:80px; top:25px; font-size:27px;}
		#fcpxsitesubtitle {left:84px; top:51px; font-size:18px;}
		#socialicons {width:566px;}
		#socialiconsnest {right:94px; top:104px;}
		#themenubar {display:none;}
		#thefauxmenubar {display:none !important;}
		#aroundtheweb {display:none;}
		footer[role="contentinfo"] {padding-top:0px;}
		#show-more-episodes {margin-left:132px !important; width:151px !important; margin-top:1px !important;}
		#blog-holder {width:312px !important;}
		.blogpostcontainer {width:298px; padding:5px 5px 2px !important;}
		.postthumb {width:296px;}
		.blogsummarywrapper {width:296px;}
		.blogsummary {width:277px; line-height:17px;}
		.read-more-button {margin-left:176px;}
		#bottomsearchcontainer #searchform {display:none !important;}
		#footerwrapper {height:86px;}
		#footercopyright {margin-bottom:65px; margin-top:-76px; margin-left:8px; font-size:12px; width:320px;}
		.footerlinks {display:none;}
		#footerform {width:347px; margin-left:5px !important; float:none;}
		#footerform #s {width:288px !important; font-size:22px !important;}
		#footerform #searchsubmit {right:35px !important;}
		#rps {display:none;}
		span.meta-nav {font-size:9px !important; line-height:11px !important; margin-right:0px !important;}
		.nav-next {max-width:153px !important;}
		.archive-header h1 {font-size:17px !important; margin-top:-17px; margin-left:1px;}
		.page-header h1 {font-size:17px !important; line-height:17px; margin-top:0px; margin-left:1px; margin-bottom:-8px;}
		.site-content article {width:310px !important;}
		.site-content {width:310px !important; padding:0px !important; border:none !important;}
		h4.blog-head a {font-size:17px !important;}
		
		
		
		
		
		  
.block {
  position: relative;
  margin: 0 auto;
  padding: 21px 16px;
  max-width: 60em;
  margin-top:-10px !important;
  display:block;
}

  
  #nav {
    position: absolute;
    top: 0;
    padding-top: 5.25em;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;
  }
  #nav .close-btn {
    position: absolute;
    top: -41px;
    left: 8px;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  #nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }
  #nav li a {
    padding: 0.85714em 2.14286em;
  }

  .js-ready #nav {
    height: 100%;
    width: 70%;
    background: #333333;
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  }
  .js-ready #nav .block {
    background: transparent;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@media (width:480px) {

	#phonemenu {display:block;  width:480px; font-size:12px; padding-top:13px;}
	body.custom-font-enabled {min-width:480px;}
	body { width:480px; overflow:hidden; background-color:#FFFFFF;}
	body .site { padding:0px; margin-top:-60px;}
	.site {width:472px; padding:0px 5px !important;}
	#topsearchcontainter {width:256px; position:absolute; top:139px; right:215px;}
	#topsearchbar {width:256px;}
	#topsearchcontainter #s {font-size:18px !important; width:230px !important;}
	#topsearchcontainter #searchsubmit {top:13px !important; right:4px !important;}
	#fcpx-sidebar {display:none;}
	#newsticker {display:none;}
	.reveal-modal-bg {display:none !important;}
	.reveal-modal {display:none !important;}
	#sticky {display:none !important;}
	.site-info {display:none;}
	#topheader {margin-top:36px; background: url("/wp-content/themes/finalcutprox/images/fcpx_background.jpg") no-repeat scroll 0 0 / 136% 169px rgba(0, 0, 0, 0); height:150px;}
	#headerlogo {width:750px;}
	#headerlogoimg {left:15px; top:10px;}
	#headerlogoaimg {width:86px;}
	#fcpxsitetitle {left:114px; top:20px; font-size:38px;}
	#fcpxsitesubtitle {left:117px; top:61px; font-size:18px;}
	#socialicons {width:566px;}
	#socialiconsnest {right:94px; top:104px;}
	#themenubar {display:none;}
	#thefauxmenubar {display:none !important;}
	#aroundtheweb {display:none;}
	footer[role="contentinfo"] {padding-top:0px;}
	#show-more-episodes {margin-left:292px !important; width:151px !important; margin-top:1px !important;}
	#blog-holder {width:472px !important;}
	.blogpostcontainer {width:458px; padding:5px 5px 2px !important;}
	.postthumb {width:456px;}
	.blogsummarywrapper {width:456px;}
	.blogsummary {width:432px; line-height:17px;}
	#bottomsearchcontainer #searchform {display:none !important;}
	#footercopyright {margin-bottom:65px; margin-top:-76px; margin-left:37px; font-size:16px; width:630px;}
	.footerlinks {margin-left:18px; width:630px; font-size:10px;}
	#footerform {width:347px; margin-left:77px !important; float:none;}
	#footerform #s {width:317px !important;}
	#rps {display:none;}
	span.meta-nav {font-size:13px !important; line-height:19px !important; margin-right:0px !important;}
	.nav-next {max-width:225px !important;}
	.archive-header h1 {font-size:17px !important; margin-top:-17px; margin-left:1px;}
	.page-header h1 {font-size:17px !important; margin-top:-8px; margin-left:1px;}
	.site-content article {width:470px !important;}
	.site-content {width:470px !important; padding:0px !important; border:none !important;}
	h4.blog-head a {font-size:17px !important;}
	#fcpxlogo {background-size: 200px 200px !important; height:200px !important; width:200px !important; margin-right:7px !important; margin-top:31px !important;}
	
}



@media (width:568px) {

	#phonemenu {display:block;  width:568px;}
	body.custom-font-enabled {min-width:568px;}
	body { width:568; overflow:hidden; background-color:#FFFFFF;}
	body .site { padding:0px; margin-top:-60px;}
	.site {width:560px; padding:0px 5px !important;}
	#topsearchcontainter {width:372px; position:absolute; top:176px;}
	#fcpx-sidebar {display:none;}
	#newsticker {display:none;}
	.reveal-modal-bg {display:none !important;}
	.reveal-modal {display:none !important;}
	#sticky {display:none !important;}
	.site-info {display:none;}
	#topheader {margin-top:36px;}
	#headerlogo {width:750px;}
	#headerlogoimg {left:15px; top:10px;}
	#headerlogoaimg {width:120px;}
	#fcpxsitetitle {left:143px; top:34px; font-size:44px;}
	#fcpxsitesubtitle {left:149px; top:83px; font-size:22px;}
	#socialicons {width:566px;}
	#socialiconsnest {right:22px; top:147px;}
	#themenubar {display:none;}
	#thefauxmenubar {display:none !important;}
	#aroundtheweb {display:none;}
	footer[role="contentinfo"] {padding-top:0px;}
	#show-more-episodes {margin-left:380px !important; width:151px !important; margin-top:1px !important;}
	#blog-holder {width:560px !important;}
	.blogpostcontainer {width:546px; padding:5px 5px 2px !important;}
	.postthumb {width:544px;}
	.blogsummarywrapper {width:544px;}
	.blogsummary {width:524px; line-height:17px;}
	#bottomsearchcontainer #searchform {display:none !important;}
	#footercopyright {margin-bottom:64px; margin-top:-76px; margin-left:34px; font-size:19px; width:630px;}
	.footerlinks {margin-left:12px; width:630px; font-size:12px;}
	#footerform {width:347px; margin-left:110px !important; float:none;}
	#footerform #s {width:317px !important;}
	#rps {display:none;}
	span.meta-nav {font-size:13px !important; line-height:19px !important; margin-right:0px !important;}
	.nav-next {max-width:238px !important;}
	.archive-header h1 {font-size:17px !important; margin-top:-17px; margin-left:1px;}
	.page-header h1 {font-size:17px !important; margin-top:-8px; margin-left:1px;}
	.site-content article {width:558px !important;}
	.site-content {width:558px !important; padding:0px !important; border:none !important;}
	h4.blog-head a {font-size:20px !important;}
	#fcpxlogo {background-size: 200px 200px !important; height:200px !important; width:200px !important; margin-right:7px !important; margin-top:31px !important;}
	
}



@media (width:768px) {
	
	
	
	#quizsplash {width:454px !important;}
	
	#quizsplash #fcpxlogo {display:none !important;}
	
	.reveal-modal {margin-left:-256px; top:33% !important;}
	body.custom-font-enabled {min-width:768px;}
	body { width:768; overflow:hidden; background-color:#FFFFFF; }
	body .site { padding:0px;}
	.site {width:760px; padding:0px 5px !important;}
	#headerlogo {width:750px;}
	#headerlogoimg {left:0px; top:23px;}
	#headerlogoaimg {width:150px;}
	#fcpxsitetitle {left:165px; top:50px; font-size:64px;}
	#fcpxsitesubtitle {left:170px; top:114px; }
	#socialicons {width:757px;}
	#newsticker div {font-size:14px; width:446px; padding-top:16px;}
	#topsearchcontainter {width:758px;}
	#topsearchcontainter #s {width:287px !important; float:right; margin-top:0px;}
	#topsearchcontainter #searchsubmit {display:none}
	#footercontainer {width:758px;}
	.main-navigation {width:1024px;}
	#themenubar {position:relative; margin-left:-384px !important; left:50% !important; width:768px !important; top:0px; padding-left:9px; height:45px; overflow:hidden;}
	.main-navigation li a, .main-navigation li {padding-left:4px; padding-right:4px; padding-top:2px;}
	.main-navigation li {font-size:17px;}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border-left:none;}
	#rps {display:none;}
	#footercopyright {margin-bottom:20px; margin-top:-7px; margin-left:15px; font-size:23px; width:630px;}
	.footerlinks {margin-left:12px; width:630px; font-size:12px;}
	#footerform {width:347px; margin-right:-4px;}
	#footerform #s {width:317px !important;}
	.clearblogad {margin-left:84px;}
	.nav-next {max-width:238px !important;}
	#blog-holder {width:460px !important;}
	.blogpostcontainer {width:423px;}
	h4.blog-head {width:423px !important; font-size:20px !important;}
	h4.blog-head a {font-size:20px !important;}
	.blogsummarywrapper {width:423px;}
	.blogsummary {width:408px; line-height:17px;}
	.postthumb {width:423px;}
	.site-content article {width:454px !important;}
	span.meta-nav {font-size:13px !important; line-height:19px !important;}
	.maylikeend {display:none;}
	.site-info {margin-left:20px;}
	#show-more-episodes {margin-left:278px !important;}
	#mayliketitle {font-size:50px;}
	.read-more-button {margin-left:302px;}	
}



@media (width:1024px) {		
		
	body.custom-font-enabled {min-width:900px;}
	body { width:1024; overflow:hidden; background-color:#FFFFFF; }
	body .site { padding:0px;}
	.site {width:974px; padding:0px 23px !important;}
	#headerlogo {width:1000px;}
	#headerlogoimg {left:0px;}
	#headerlogoaimg {width:183px;}
	#fcpxsitetitle {left:200px;}
	#fcpxsitesubtitle {left:200px;}
	#socialicons {width:900px;}
	#newsticker div {font-size:20px; width:660px; padding-top:10px;}
	#topsearchcontainter {width:1013px;}
	#topsearchcontainter #s {margin-top:0px;}
	#footercontainer {width:1028px;}
	.main-navigation {width:1024px;}
	#themenubar {width:1024px;}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border-left:none;}
	#rps {display:none;}
	#footercopyright {margin-left:15px; font-size:15px; width:630px;}
	.footerlinks {margin-left:17px; width:630px;}
	span.meta-nav {font-size:13px !important; line-height:19px !important;}
	.nav-next {max-width:325px !important;}

}