/* Theme Name: Trail Theme URI: http://themetrust.com/trail Description: A big and stylish portfolio theme. Version: 1.0.1 Author: ThemeTrust Author URI: http://themetrust.com Tags: portfolio, responsive, blog, clean, minimal, white, two-columns, threaded-comments, translation-ready, custom-menus TABLE OF CONTENTS 01 - Reset 02 - Global 03 - General Layout 04 - Header 05 - Content 06 - Slideshow 07 - Sidebar 08 - Widgets 09 - Comments 10 - Pagination 11 - Footer 12 - Media Queries */ /* ///////////////////////////////////////////////////////////////////// // 01 - Reset /////////////////////////////////////////////////////////////////////*/ /** HTML5 & 4 reset stylesheet Adapted from YUI & HTML5 Doctor v1.0 **/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,img,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,hgroup,menu,nav,summary,time,mark,audio,video,header,footer { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; } html { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; overflow-y: scroll; } ol,ul { list-style:none; } article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,img { display:block; } blockquote,q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } strong{font-weight:bold;} em{font-style:italic;} input, select { vertical-align:middle; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } input { vertical-align:middle; } img, object, embed {max-width: 100%;} .homeSection img, .post p img, .page p img, .project p img, .postThumb, div.wp-caption img { max-width: 100% !important; height: auto; } .wp-caption { max-width: auto !important; width: auto !important; } .wp-caption-text { padding: 5px 0 0 0; font-style: italic; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Isotope ----------- */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* GLOBALS */ /*body { font-family:Times New Roman, Arial, Verdana, sans-serif; background: #ffffff; font-size: 14px; color: #111111;https://vf-images.s3.amazonaws.com/optin_bg.png margin:0 auto; background-image:url('https://vf-images.s3.amazonaws.com/roisin_graphic_cyanSMALL2.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment: fixed; background-position: center top; }*/ body { font-family: 'Quicksand', sans-serif; } a, img { border:none;} .bold { font-weight: bold; } .left { float: left; } .right { float: right;} .center { margin:0 auto; } .center-text { text-align: center;} .right-text { text-align: right;} .left-padding-gap { padding-left: 20px; } .right-padding-gap { padding-right: 20px; } .top-gap { margin-top:10px; } .bottom-gap { margin-bottom:10px; } .top-gap-big { margin-top:8.23723%; } .bottom-gap-big { margin-bottom:4.23723%; } .left-gap { margin-left:10px; } .right-gap { margin-right:10px;} .no-gap { margin: 0;} .left-gap-30 { margin-left:30%;} .right-gap-30 { margin-right:30%;} .size-14 { font-size: 14px; } .size-16 { font-size: 16px; } .size-18 { font-size: 18px; } .letter-spacing-1 { letter-spacing: 1px; } .line-height-11 { line-height: 1.1em; } .line-height-12 { line-height: 1.2em; } .width-1090 { width: 1090px; } .width-545 { width: 545px; } .width-400 { width: 400px; } .width-390 { width: 390px; } .width-350 { width: 350px;} .width-313 { width: 313px; } .width-236 { width: 236px; } .width-img { width: 265px; } .height-img { height: 179px; } .top-gap-img { margin-top: 70px !important;} .display-none { display:none; } .display-block { display:block; } .height-inherit { height: inherit; } .height-350 { height: 350px; } a { text-decoration: none;color:#000;} #content a { border-bottom: 1px dashed #000; } p.citation {font-style: italic;font-weight: bold} p.highlighted {font-style: italic;font-weight: lighter;line-height: 1.6em;font-size:14px;} h2 { font-family: 'Quicksand', sans-serif; color: #111; margin: 0px; margin-bottom: 10px; font-size:36px; } h2 a { color: #111;} h2 a:hover { color:#FF2400;} h1 { font-family: 'Quicksand', sans-serif; color: #eee; margin: 0px; margin-top: 10px; margin-bottom: 10px; } h2 { background: url('https://vf-images.s3.amazonaws.com/divider.jpg') repeat-x scroll center center rgba(0, 0, 0, 0); color: #333333; font-family: 'Quicksand', sans-serif;font-size: 22px;letter-spacing: 2px;margin: 30px 0;text-align: center;text-transform: uppercase;letter-spacing: 5px;} h2 > span { background: none repeat scroll 0 0 #fff !important;padding: 0 20px;font-weight: bold;} h2.grey > span { background: none repeat scroll 0 0 #808080 !important;padding: 0 20px;font-weight: bold;} h2.custom > span { background: none repeat scroll 0 0 #82CFFD !important;padding: 0 20px;font-weight: bold;} h3 { border-bottom: 1px solid #969494; margin: 10px 0; padding: 0 0 5px 0; font-size:12px;letter-spacing: 4px;} h3.header-email { margin: 60px 0 5px;padding:7px 0; font-size:14px;border-bottom:none;} h3.header-email a { color:#000;} h3.signup-bottom-button { margin: -17px 0 5px;padding:7px 0; font-size:14px;border-bottom:none;} h3.signup-bottom-button { color:#000;} #header-form-close { position:absolute;width:10px;height:10px;margin-top:10px;margin-left:520px; } #header-form-close:hover { cursor: pointer; } h5 { margin:15px 0;font-size:22px !important;} div.MGLText { line-height: 1.3em;letter-spacing: 1px;text-align:center;} div#MGLSubmit input { padding:5px; border:1px solid #000;} div#MGLSubmit input:hover {cursor: pointer;} .quote { font-size:14px;} .header { font-family: 'Quicksand', sans-serif; text-align: center; border-bottom:1px solid #969494; height: 70px; left: 0; background: #fff; font-size: 9px; position: fixed; top: 0; width: 100%; z-index: 99999; overflow: hidden; } .footer {background-color:#363636; color:#BEBEBE;} .footer a {color:#BEBEBE;} #third-section-left-column a {color:#000;} .footer a:hover, #third-section-left-column a:hover {color:#fff;} .footer-left-column, .footer-center-column, .footer-right-column {padding:2.09643%;float:left;} .footer-center-column p, .footer-left-column p {font-weight:lighter;line-height: 1.6em;font-size: 14px} .footer-left-column {width:45%;} .footer-center-column {width:45%;} .footer-right-column {width:45%;} /*------------------------------------ [0] TPF logo ------------------------------------*/ #tfp-logo { width: 41.92872%; float:right; height: 41.92872%; margin-right:2.09643%; margin-top:2.006%; background-position: center top !important; overflow: hidden;background-size:cover; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); opacity:0; -webkit-animation:fadeIn ease-in-out 1; -moz-animation:fadeIn ease-in-out 1; -o-animation:fadeIn ease-in-out 1; animation:fadeIn ease-in-out 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s; } .event-img-right, .event-img-left {width: 41.92872%; height: 41.92872%; margin-right:2.09643%; margin-top:2.006%; background-position: center top !important; overflow: hidden;background-size:cover; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); opacity:0; -webkit-animation:fadeIn ease-in-out 1; -moz-animation:fadeIn ease-in-out 1; -o-animation:fadeIn ease-in-out 1; animation:fadeIn ease-in-out 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;} .event-img-right {float:right;} .event-img-left {float:left;} @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*------------------------------------ [1] TPF gallery ------------------------------------*/ ul.gallery {display:inline-block;} ul.gallery li {float:left;margin:0.31479%;width:24.21052%;} ul.gallery li a {display:block;} ul.gallery li a img {-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;width:100%;max-height:200px;} #aftermatch-header-video {-moz-box-shadow: 0 0 18px #fff; -webkit-box-shadow: 0 0 18px #fff; box-shadow: 0 0 18px #fff;} .light, .light a { color:#fff !important;} .alignleft { text-align:left; } .title { font-size: 32px; font-family: 'Open Sans', sans-serif; margin: 0px auto; margin-top: 5px; } .wrapper { display:block;} .clear { clear:both; } .divide { border-bottom: 2px solid black; margin-bottom: 15px; padding-bottom:17px;} .top-container { width: 225px; height: 40px;} .content-wide { width:100%;} #backdrop { z-index:-1; width:1133px; background-color:#FFF; position: fixed; left: 0; right: 0; margin-right: auto; margin-left: auto; height:100%; opacity:0.8; top:0; } .header ul {padding:0;border-bottom:1px solid #969494;} .header ul li {display:inline;float:left; } .header ul li:hover, .header ul li a:hover, .pre-order-button { cursor:pointer;} .header ul li a {font-size:1.2rem; color:#969494; padding:23.5px; display:block; float:left; letter-spacing: 4px;} .border-test {border:1px solid #f00;} #content {margin-top:70px;} /*https://vf-images.s3.amazonaws.com/roisin_graphic_cyanSMALL2.jpg*/ #first-section { padding:2.62467% 0; background: #000; background: url("https://vf-thestrand.s3.amazonaws.com/thestores180banner2.jpg"); /*background: url("https://180thestrand.com/wp-content/uploads/sites/2/2020/10/ryoji-horizontal-dark-hires.jpg");*/ background-position: left center !important; background-size: cover !important; background-repeat: no-repeat !important; } #first-section-video { position: relative; width: 100%; min-height: 58vh; } #first-section-video a { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 none; } /*@media screen and (max-width: 480px) { #first-section { background-image: url("https://180thestrand.com/wp-content/uploads/sites/2/2020/10/ryoji-vertical-dark-mobile.jpg"); background-position: top center !important; } } */ /*#first-section-left-column { background: url("https://vf-images.s3.amazonaws.com/optin_bg.png") no-repeat scroll center -130px / 350px auto rgba(0, 0, 0, 0); }*/ #first-section-aftermatch {background: url("https://vf-images.s3.amazonaws.com/180thestrand-lead-picture.png"); background-position: center top !important;background-size: cover !important; height:570px;} /*#first-section-left-column { background: url("https://vf-images.s3.amazonaws.com/optin_bg.png") no-repeat scroll center -130px / 350px auto rgba(0, 0, 0, 0); }*/ #video-closer {display:none;z-index:99;position:absolute;margin-left:52%;color:#fff;font-size:23px;margin-top:10px;} #video-closer:hover {cursor:pointer;} #second-section { } #second-section-content {margin-bottom:50px;transition: all 0.5s;} #third-section { background-color: #000 !important;overflow: hidden;} #third-section-left-column { } #third-section-left-column img {width:290px;} #third-section-right-column { } #third-section-right-column p, #fourth-section p { line-height: 1.7em; margin-bottom: 25px;} #fourth-section img {-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #fourth-section { margin-bottom: 40px; } #fifth-section {background-color: #fff;min-height:220px;} #fifth-section span {background-color: #fff !important;} #sixth-section {background-color: #000;margin-top:-10px;} #sixth-section span {background-color: #000 !important;} #sixth-section-content {margin-bottom:50px;} .shadow-light {-moz-box-shadow: 0 0 10px #fff; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff;} #header-title { margin-top: 243px; } #header-form { height:375px;margin-top: 90px;border-top:1px solid #000;border-bottom:1px solid #000;background-color: #fa8146; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */} #header-cover { margin-top: 67px; } h3.signup-bottom-button a span {-webkit-box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.75); } #header-cover img.album-cover {-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);} #social-icons { margin-top:12px; margin-left:20px;margin-right:30%; } #social-icons a { display: block; width:32px; height:32px;opacity: 0.25;} #social-icons a:hover { opacity: 1; cursor:pointer;} #social-icons-footer { margin-top:7px; } #social-icons-footer a { display: block; width:30px; height:30px;opacity: 1;} #social-icons-footer a:hover { opacity: 0.5; cursor:pointer;} .footer-left-column p:hover {cursor:pointer;} #twitter { background-image: url('https://vf-images.s3.amazonaws.com/twitter-black-32x32.png');} #twbottom { background-image: url('https://vf-tfp.s3.amazonaws.com/twbottom2.png'); } #facebook { background-image: url('https://vf-images.s3.amazonaws.com/facebook-black-32x32.png');} #fbbottom { background-image: url('https://vf-tfp.s3.amazonaws.com/fbbottom2.png');} #soundcloud { background-image: url('https://vf-images.s3.amazonaws.com/soundcloud-black-32x32.png');} #google-plus { background-image: url('https://vf-images.s3.amazonaws.com/siocial-iconswb.png'); background-position: -105px 0px;} #insta { background-image: url('https://vf-images.s3.amazonaws.com/instagram-black-32x32.png'); } #instabottom { background-image: url('https://vf-tfp.s3.amazonaws.com/instabottom2.png');} #pineterest { background-image: url('https://vf-images.s3.amazonaws.com/siocial-iconswb.png'); background-position: -208px 0px;} #rss { background-image: url('https://vf-images.s3.amazonaws.com/siocial-iconswb.png'); background-position: -306px 0px;} #vflogo { background-image: url('https://vf-images.s3.amazonaws.com/vf_logo_stamp_45x45.png'); width: 45px !important;height:45px !important;opacity: 1 !important;} #tslogo { background-image: url("images/the-stores.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; height: 45px !important; opacity: 1 !important; width: 114px !important; } #vflogo-bottom { background-image: url('https://vf-images.s3.amazonaws.com/vf_logo_stamp_24x45_clear.png'); width: 45px !important;height:45px !important;opacity: 1 !important;} #vflogobottom { background-image: url('https://vf-tfp.s3.amazonaws.com/TVF-logo-trans-white.png'); width: 155px !important;opacity: 1 !important;float:none;margin:0 auto;} .pre-order-button {background: #feccb1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2NiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNzQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhNTUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjk1NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */ background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-8 */ display: block; padding: 15px 5px; margin-top: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:235px; font-size: 24px; font-style: italic; text-align: center; } .pre-order-button-small {background: #feccb1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2NiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNzQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhNTUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjk1NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */ background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-8 */ display: block; padding: 10px 5px; margin-top: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:175px; font-size: 14px; font-style: normal; font-weight: bold; text-align: center; } /* Digital Download Page */ .dd-background {background-image: url("https://vf-images.s3.amazonaws.com/roisinbackground.png"); background-position: center top !important;background-size: cover !important; width:100%;height: 100%;position: fixed;} #dd-title {width:400px;height:200px;position:absolute;left:50%;top:20%;margin:-100px 0 0 -185px;text-align: center;} #digital-download {width:400px;margin-left: 44px;border:1px solid #000;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;padding:10px;-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);text-align: center;background-color: #CDC0FF;opacity: 0.8;} #digital-download-link {width:500px;height:200px;position:absolute;left:46%;top:50%;margin: -80px 0 0 -185px;} .post-password-form {margin-top:30px} .post-password-form p {line-height: 1.5em;margin-bottom:10px;font-weight:bold;} .submit-button-dd {border: 1px solid #000;padding: 5px;margin-top:10px;} #pwbox-349 {border:1px solid #ccc;font-size: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:5px 10px;width: 200px;} /*.header ul {padding:0;border-bottom:1px solid #969494;} .header ul li {display:inline;float:left; } .header ul li:hover, .header ul li a:hover, .pre-order-button { cursor:pointer;} .header ul li a {font-size:1.125rem; color:#969494; padding:23.5px; display:block; float:left; letter-spacing: 4px;} #header-first-block a img {width:30%;margin-top:13px;margin-left:20px;} #header-second-block {overflow:hidden;float:none;} @media screen and (max-width: 980px) { #header-first-block {margin-left:36.875%;} #header-first-block a img {width:30%;margin-top:13px;} #header-second-block {display:none;} }*/ .responsive-content {width:50%;} .second-section-text {width:45.07337%;margin-top:8%;margin-left:2.09643%;font-size:1rem;} .fourth-section-text-left {width:45.07337%;margin-top:5.006%;margin-left:2.09643%;font-size:1rem;float:left;} .fourth-section-text-right {width:45.07337%;margin-top:5.006%;margin-right:2.09643%;font-size:1rem;float:right;} .fourth-section-text-margin-fix {margin-top:2.006%;} header {width:100%;position:fixed;height:70px;z-index: 9999;top:0;background:#fff;border-bottom:1px solid #969494;} .width-33 {width:33.3333%;} .width-25 {width:25%;} .width-50 {width:50%;} #logo, #social {width:10%;} #logo a {display:block;} #logo a img {width:110px;margin-top:10px;margin-left:30%;} #social {float:right;text-align:right;} header nav {width:80%;float:none;margin:0 auto;text-align:center;overflow:hidden;} header nav ul li {display:inline-block;margin-right:1.57397%;} header nav ul li a {font-size:1.125rem; padding:13.8px 25px;color:#969494;display:block;line-height:42px;height:42px;text-transform:uppercase;letter-spacing:4px;} #header-navigation-mobile {display:none;position:absolute;left:10px;top:10px;width:50%;overflow:hidden;} #header-navigation-mobile ul li {float:left;} #header-navigation-mobile ul li a {font-size:1.125rem;list-style-type:none;width:22px;height:16px;} #header-navigation-mobile ul li ul {margin-top:16px;background:#fff;list-style-type:none; border-left:1px solid #969494;border-right:1px solid #969494;border-bottom:1px solid #969494; padding:0 20px 0 0;} #header-navigation-mobile ul li ul li {float:left;clear:left;margin:0;padding:0;width:100%;display:block;} #header-navigation-mobile ul li ul li a {width:100%;padding:10px !important;float:left;margin:0;height:inherit;} #mobile-nav-icon:hover {cursor:pointer;} #video-wrapper, .film-player {position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ height: 0; overflow: hidden;} .film-player {padding-bottom:27.25%;} .film-player iframe, .film-player object, .film-player embed, #video-wrapper iframe, #video-wrapper object, #video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .film-player {width:45%;float:left;margin: 0 2.5% 7%;} figure { margin-bottom: 20px; } figcaption { letter-spacing: 0; font-size: 15px; color: gray; } figure.aligncenter img { margin: auto; } figure figcaption { text-align: center; padding: 10px; } .wp-block-separator { color: #fff; display: block; width: 230px; margin: 35px auto; } @media screen and (max-width: 1500px) { .second-section-text {margin-top:10.006%;} .event-img-right, .event-img-left {float:none;width:90%;margin:5.006% auto;} .fourth-section-text-left, .fourth-section-text-right {width:90%;margin:5.006% auto;float:none;text-align:center;} .fourth-section-text-margin-fix {margin:5.006% auto;} } @media screen and (max-width: 1200px) { #second-section-content {margin-bottom:0;} .second-section-text {width:90%;margin:8.006% auto;} #tfp-logo, .event-img-right, .event-img-left {width:100%;float:none;margin:0 auto;} .footer-left-column, .footer-center-column, .footer-right-column {padding:2.09643%;float:none;width:100%;} } @media screen and (max-width: 970px) { #logo, #social {width:50%;} #social-icons {margin-right:10px;} #logo a {float:right;margin-right:-34.5px;margin-left:0;} #header-navigation {display:none;} #header-navigation-mobile {display:block;} #first-section {padding:0;} #first-section-video, .film-player {width:100%;} .responsive-content {width:90%;} .film-player {padding-bottom:56.25%;float:none;margin:0 auto 7%;} } @media screen and (max-width: 550px) { ul.gallery li {float:left;margin-bottom:2%;width:100%;} ul.gallery li a img {min-height:inherit;max-height:inherit;} } #photos { /* Prevent vertical gaps */ line-height: 0; -webkit-column-count: 5; -webkit-column-gap: 2px; -moz-column-count: 5; -moz-column-gap: 2px; column-count: 5; column-gap: 2px; } #photos img { /* Just in case there are inline attributes */ width: 100% !important; height: auto !important; } @media (max-width: 1200px) { #photos { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media (max-width: 1000px) { #photos { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media (max-width: 800px) { #photos { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media (max-width: 400px) { #photos { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } }