/* Theme Name: FAJO Description: Modulus Framework Version: v.3.0.1 (REBUILD on Modulus 0.9) Author: R. Stephenson Price Author URI: www.stratasfear.com */ /* --------------------------------------- */ /* THEME RESET / CHILD THEME BASE /* --------------------------------------- */ *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; } body { background:#121212; margin:0; padding:0; color:#232323; font:1.15em "Bodoni-Book", sans-serif !important; line-height:1.5; letter-spacing:0.6pt; position:relative; z-index:1; } /* Headlines */ h1, h2, h3, h4, h5, h6, h7 { color:#232323; margin:40px 0 10px; font-weight:100; font-family:"Bodoni-Book", sans-serif !important; text-transform:initial; } h1 { font-size:2.6em; color:#121212; line-height:1.1em; font-weight:200; } h2 { font-size:1.8em; color:#afafaf; font-weight:200; } h3 { font-size:1.6em; color:#B00227; } h4 { font-size:1.4em; color:#121212; font-weight:400; } h5 { font-size:1.2em; color:#afafaf; } h6 { font-size:1.0em; color:#ffffff; width:100%; margin:20px 0; padding:5px 20px; text-align:center; float:none; background:#B00227; display:block; height:auto; } p { margin:0 0 20px; } a:link, a:visited { padding:0; margin:0; text-decoration:none; color:#B00227; font-weight:bold; } a:hover, a:active { color:#afafaf; } blockquote { float:right; width:50%; padding:40px; margin:0 0 40px 40px; border:none; font-size:1.4em; line-height:1.3em; font-family:"Bodoni-Book", sans-serif !important; font-weight:normal; font-style:normal; color:#B00227; position:relative; left:inherit; } blockquote::before { background:none; background-size:contain; opacity:0.1; content:'\201C'; height:100%; width:50%; position:absolute; z-index:0; top:0; left:-20px; line-height:0.8em; font-size:20em; } blockquote p { position:relative; z-index:1; } blockquote.quote { text-indent:-7px; } #siteContainer { background:#efefef; width:100%; display:block; position:relative; z-index:0; } .container { max-width:1400px; padding:0 100px; } .overlay { display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; Z-index:20; position:absolute; background-color:rgba(0,0,0,0.8)} .styleStrip { width:100%; height:1px; border-bottom:5px solid #efefef; margin:20px auto 0; } .sponsoredStrip { width:100%; height:auto; border-top:5px solid #efefef; border-bottom:5px solid #efefef; margin:20px auto 0; padding:5px 20px; text-align:center; } .sponsoredStrip h5 { margin:0 auto; font-style:italic; font-size:0.9em; } .highlight { font-weight:bold; color:#B00227; } .hotLink { } .throwLink { } #topLink { border-radius:0; } #topLink .icon { font-size:1.7em; font-weight:100; } #topLink:hover { background:#B00227; } /* --------------------------------------- */ /* FORMS /* --------------------------------------- */ .btn, button, input.button, input.searchbutton { background:#121212 !important; font-weight:100 !important; font-family:"Bodoni-Book", serif !important; letter-spacing:0.6pt !important; clear:both !important; border:0 !important; border-radius:0 !important; height:auto !important; font-size:1em !important; line-height:32px; } input.searchbutton { max-width:300px; width:100%; margin:10px auto 0; cursor:pointer; color:#ffffff !important; } .btn a, button a { font-weight:100 !important; } .btn:hover, button:hover, input.button:hover, input.searchbutton:hover { background:#B00227 !important; } input { border-radius:0 !important; border:none !important; padding:10px !important; margin:0 auto 10px !important; } input[type="text"], input[type="email"] { padding:10px !important; background:#efefef !important; } select { font:1em "Bodoni-Book", sans-serif !important; background:#121212; border:none; color:#ffffff; } /* --------------------------------------- */ /* ADS /* --------------------------------------- */ .billboardContainer { background:#E6E7E8; padding:0; max-width:100%; border:1px solid #ffffff; z-index:0; height:auto; text-align:center; } .billboardContainer::before { background:url("images/square.png")repeat; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none !important; display:block; } .billboardContainer::after { width:100%; height:21px; background:url(images/edging-top.svg); position:absolute; top:inherit; left:0; right:0; bottom:0; margin:auto; display:block; content:""; } #billboardBottom, #billboardTop { background:none; width:1000px; max-width:calc(100% - 40px); display:block; margin:40px auto; position:relative; z-index:1; height:auto; } .paidBox { display:block; background:none /*#efefef url("images/square.png")repeat */ !important; opacity:1; height:auto !important; } /* --------------------------------------- */ /* FONTS /* --------------------------------------- */ @font-face { font-family: 'Bodoni-Book'; src: url('fonts/BodoniSvtyTwoITCTT-Book.eot?') format('eot'), url('fonts/BodoniSvtyTwoITCTT-Book.otf') format('opentype'), url('fonts/BodoniSvtyTwoITCTT-Book.woff') format('woff'), url('fonts/BodoniSvtyTwoITCTT-Book.ttf') format('truetype'), url('fonts/BodoniSvtyTwoITCTT-Book.svg#webfont') format('svg'); } @font-face { font-family: 'Bodoni-Bold'; src: url('fonts/BodoniSvtyTwoITCTT-Bold.eot?') format('eot'), url('fonts/BodoniSvtyTwoITCTT-Bold.otf') format('opentype'), url('fonts/BodoniSvtyTwoITCTT-Bold.woff') format('woff'), url('fonts/BodoniSvtyTwoITCTT-Bold.ttf') format('truetype'), url('fonts/BodoniSvtyTwoITCTT-Bold.svg#webfont') format('svg'); } .bodoni { position: relative; top: 3px; display: inline-block; font-family: 'Bodoni-Book'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; } /* --------------------------------------- */ /* MOBILE MENU /* --------------------------------------- */ #mobileMenu { background:#ffffff; font-family:"Bodoni-Book", serif; } #mobileMenu .siteLogo { max-width:200px; } #mobileMenu h1 { border:none; border-bottom:1px solid #efefef; color:#121212; text-transform:uppercase; } #mobileMenu .menu > li a { color:#121212; font-size:1.2em; font-weight:100; } #mobileMenu .menu li a:hover { background:#B00227 !important; color:#ffffff !important; } #mobileMenu .menu .current-menu-item > a, #mobileMenu .menu .current-menu-parent > a, #mobileMenu .menu .current-menu-ancestor > a, #mobileMenu .menu .current_page_item > a, #mobileMenu .menu .current_page_parent > a, #mobileMenu .menu .current_page_ancestor > a { border-left:5px solid #B00227; color:#B00227; } #mobileMenu .menu .sub-menu .current-menu-item > a, #mobileMenu .menu .sub-menu .current-menu-parent > a, #mobileMenu .menu .sub-menu .current-menu-ancestor > a, #mobileMenu .menu .sub-menu .current_page_item > a, #mobileMenu .menu .sub-menu .current_page_parent > a, #mobileMenu .menu .sub-menu .current_page_ancestor > a { border-left:5px solid #B00227; color:#B00227; text-indent:-20px; } #mobileMenu li .sub-menu { background:#121212; } #mobileMenu li .sub-menu .sub-menu { background:#343434; } #mobileMenu li .sub-menu li a { padding:10px 20px 10px 35px !important; text-indent:-15px; color:#ffffff; } #mobileMenu li .sub-menu .sub-menu li a { text-indent:0; } #mobileMenu li .sub-menu li a.indicator { padding:0 !important; } #mobileMenu .menu .indicator { background:#ffffff !important; } #mobileMenu .menu .indicator .icon { color:#121212; } #mobileMenu .menu .sub-menu .indicator { background:none !important; } #mobileMenu .menu .sub-menu .indicator .icon { color:#ffffff; } #mobileMenu .menu li .indicator:hover { background-color:#B00227 !important; } #mobileMenu .menu li .indicator:hover .icon { color:#ffffff; } #mobileMenu .socialBox .btn-social { background:none; display:inline-block; background-size:30px !important; } #mobileMenu .socialBox .btn-social:hover { background-color:none !important; } #mobileMenu .socialBox .btn-rss { background:url("images/lug-rss.svg") no-repeat center; } #mobileMenu .socialBox .btn-facebook { background:url("images/lug-facebook.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitter { background:url("images/lug-twitter.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram { background:url("images/lug-instagram.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram-alt { background:url("images/lug-instagram-alt.svg") no-repeat center; } #mobileMenu .socialBox .btn-linkedin { background:url("images/lug-linkedin.svg") no-repeat center; } #mobileMenu .socialBox .btn-pinterest { background:url("images/lug-pinterest.svg") no-repeat center; } #mobileMenu .socialBox .btn-youtube { background:url("images/lug-youtube.svg") no-repeat center; } #mobileMenu .socialBox .btn-rss:hover { background:url("images/lug-rss-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-facebook:hover { background:url("images/lug-facebook-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitter:hover { background:url("images/lug-twitter-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram:hover { background:url("images/lug-instagram-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram-alt:hover { background:url("images/lug-instagram-alt-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-linkedin:hover { background:url("images/lug-linkedin-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-pinterest:hover { background:url("images/lug-pinterest-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-youtube:hover { background:url("images/lug-youtube-hover.svg") no-repeat center; } /* --------------------------------------- */ /* SEARCH /* --------------------------------------- */ #fullscreenSearch { background:rgba(10,10,10,0.97); } #fullscreenSearch .searchBox { background:rgba(255,255,255,0.2); border-radius:0; } #fullscreenSearch .searchBox .btn-search .glyphicon-search { color:#ffffff; } #fullscreenSearch .searchBox .btn-search { border-radius:0; background:#B00227 !important; font-size:1.3em !important; height:50px !important; } #fullscreenSearch .searchBox .btn-search:hover { background:#121212 !important; } #fullscreenSearch .searchBox .searchBar { font-family:"Bodoni-Book"; margin:auto !important; } #fullscreenSearch .trendingList li a { background:#B00227; } #fullscreenSearch .trendingList li a:hover { background:#121212; } /* --------------------------------------- */ /* MENU BAR / MAIN MENU /* --------------------------------------- */ #menuBar { background-color:none; background:url(images/logo-black.svg)no-repeat center; background-size:auto 70px; } #menuBar::before { background:url(images/backing-paper.svg); background-position:bottom; opacity:1; content:""; display:block; height:110px; width:100%; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; transition-property:background, height, line-height, margin, padding; -webkit-transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; -moz-transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; -o-transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; } #menuBar::after { background:#efefef; position:absolute; content:""; display:block; top:0; left:0; right:0; bottom:0; height:100px; width:100%; z-index:-2; } #menuOverlay { } #menuBar #menuLogo { background:url(images/logo-black.svg)no-repeat top left; overflow:hidden; margin:auto; padding:0; height:60px; width:160px; left:-100%; right:-100%; top:-100%; bottom:-100%; float:none; position:absolute; background-size:160px 60px; z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0) translate3d(0,0,0) perspective(1000px) scale(1.0, 1.0); -moz-transform: translateZ(0) translate3d(0,0,0) perspective(1000px) scale(1.0, 1.0); transform:translateZ(0) translate3d(0,0,0) perspective(1000px) scale(1.0, 1.0); opacity:1; max-width:100%; max-height:100%; } #menuBar #menuLogo:hover { background:url(images/logo-hover.svg)no-repeat top left; height:60px; width:160px; background-size:160px 60px; opacity:1; } #menuBar.scrolling { background-size:auto 40px; } #menuBar.scrolling::before { top:-30px; } #menuBar.scrolling::after { height:100%; } #menuBar.scrolling #menuLogo, #menuBar.scrolling #menuLogo:hover { height:41px; width:110px; background-size:110px 41px; margin:auto !important; } #menuBar #headerInner { padding:0 40px; } #mainMenu .menu li a { color:#121212; font-weight:100; } #mainMenu .menu li > a:hover, #mainMenu .menu li:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li:hover > span, #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a { background:#B00227 !important; color:#ffffff; } #mainMenu .menu .current-menu-item > a, #mainMenu .menu .current-menu-parent > a, #mainMenu .menu .current-menu-ancestor > a, #mainMenu .menu .current_page_item > a, #mainMenu .menu .current_page_parent > a, #mainMenu .menu .current_page_ancestor > a { background:#B00227 !important; color:#ffffff; } #mainMenu li .sub-menu li a { background:#B00227; color:#ffffff; } #mainMenu .menu li > a:hover, #mainMenu .menu li:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li:hover > span { background:#B00227; } #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a { background:#121212 !important; } #mainMenu .menuMarkerHousing .icon { color:#121212; } .btn-search .glyphicon-search { color:#121212; font-weight:100; } .btn-drawerLeft span, .btn-search span { background:#121212; color:#121212; height:2px; } .btn-drawerTop:hover, .btn-drawerBottom:hover, .btn-drawerLeft:hover, .btn-drawerRight:hover, .btn-search:hover { background:none !important; } .btn-drawerTop:hover span, .btn-drawerBottom:hover span, .btn-drawerLeft:hover span, .btn-drawerRight:hover span, .btn-search:hover span { background:#B00227; } .btn-search:hover .glyphicon-search { color:#B00227; } #mainMenu .socialBox .btn-social { background:none; background-size:30px !important; } #mainMenu .socialBox .btn-social:hover { background-color:none !important; } #mainMenu .socialBox .btn-rss { background:url("images/lug-rss.svg") no-repeat center; } #mainMenu .socialBox .btn-facebook { background:url("images/lug-facebook.svg") no-repeat center; } #mainMenu .socialBox .btn-twitter { background:url("images/lug-twitter.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram { background:url("images/lug-instagram.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram-alt { background:url("images/lug-instagram-alt.svg") no-repeat center; } #mainMenu .socialBox .btn-linkedin { background:url("images/lug-linkedin.svg") no-repeat center; } #mainMenu .socialBox .btn-pinterest { background:url("images/lug-pinterest.svg") no-repeat center; } #mainMenu .socialBox .btn-youtube { background:url("images/lug-youtube.svg") no-repeat center; } #mainMenu .socialBox .btn-rss:hover { background:url("images/lug-rss-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-facebook:hover { background:url("images/lug-facebook-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-twitter:hover { background:url("images/lug-twitter-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram:hover { background:url("images/lug-instagram-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram-alt:hover { background:url("images/lug-instagram-alt-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-linkedin:hover { background:url("images/lug-linkedin-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-pinterest:hover { background:url("images/lug-pinterest-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-youtube:hover { background:url("images/lug-youtube-hover.svg") no-repeat center; } .actionStripBlock { background:#efefef; } .actionStrip { background:none; font-family:"Bodoni-Book", serif; position:relative; z-index:-1; height:80px; padding:25px 20px 10px; top:-20px; overflow:visible; } .actionStrip::before { background:url(images/backing-paper-b.svg); background-position:bottom; opacity:1; content:""; display:block; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; } .actionStrip .textwidget { color:#121212; } .actionStrip a:hover { color:#B00227 !important; } .actionStrip.slideClosed .btnTrigger, .actionStrip.slideOpen .btnTrigger:hover { background:#B00227; } .actionStrip a:link, .actionStrip a:visited { font-weight:normal; color:#121212;} .actionStrip .btnTrigger { height:60px; padding:37px 11px 7px; top:0; border-radius:0; } .actionStrip.slideClosed .container { display:none; } /* --------------------------------------- */ /* CAROUSELS /* --------------------------------------- */ .jcarousel-control-prev, .jcarousel-control-next { background:#cfcfcf; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { background:#B00227; } .jcarousel-pagination { position:absolute; z-index:3; } .jcarousel-pagination a:hover, .jcarousel-pagination a.active { background:#B00227; } .superPosts { background:#000000; position:relative; margin:40px auto 0; } #carouselSuperMulti { height:450px; } #carouselSuperMulti .superPost.activeSlide .superLug { opacity:1; } #carouselSuperMulti .superPost .superLink { height:450px; } #carouselSuperMulti .superPost .superLug { opacity:0.5; } #carouselSuperMulti .superPost .superLugPad img { height:auto !important; max-width:130%; } #carouselSuperMulti .superPost .superText { top:250px; } #carouselSuperMulti .superPost { height:450px; transition:200ms all ease-in-out; } #carouselSuperMulti .superPost a h2 { margin:0 auto; } .superPosts::before { width:100%; height:21px; background:url(images/edging-top.svg); position:absolute; top:-20px; left:0; right:0; margin:auto; display:block; content:""; }.superPost .superCatStrip { width:100%; margin:0; } .superPost a:hover .superLug img { opacity:0.4; } #carouselBlackLeft { display:none; width:-webkit-calc((100% / 3) - 108px); width:-moz-calc((100% / 3) - 108px); width:calc((100% / 3) - 108px); height:100%; position:absolute; left:0; top:0; bottom:0; z-index:9; content:""; background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(90deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); } #carouselBlackRight { display:none; width:-webkit-calc((100% / 3) - 108px); width:-moz-calc((100% / 3) - 108px); width:calc((100% / 3) - 108px); height:100%; position:absolute; right:0; top:0; bottom:0; z-index:9; content:""; background: -moz-linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(-90deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(-90deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); } /* --------------------------------------- */ /* HOMEPAGE /* --------------------------------------- */ #infoPaneHeader { background:#ffffff; height:500px; } #infoPaneHeader::before { background:none; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; background-size:600px; } #infoPaneHeader::after { background:none; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; right:0; background-size:600px; } #infoPaneHeader .logoMain { width:300px; height:135px; } /* --------------------------------------- */ /* MAIN /* --------------------------------------- */ .headerUpper, .headerLower { background:#efefef; } #main { background:#ffffff; padding:0; position:relative; overflow:visible; } #main::after { width:100%; height:21px; background:url(images/edging-bottom.svg); position:absolute; bottom:-21px; left:0; right:0; margin:auto; display:block; content:""; } #contentPanel { background:none; } #contentHeader { position:relative; z-index:1; border:none; padding:40px 0 0; background:#ffffff; } #contentHeader::before { background:none; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; } #contentHeader::after { width:100%; height:21px; background:url(images/edging-top.svg); position:absolute; top:-20px; left:0; right:0; margin:auto; display:block; content:""; } #contentHeader h1, #contentHeader .breadcrumbs, #contentHeader .breadcrumbs a { color:#121212; font-weight:normal; font-family:"Bodoni-Book"; margin:20px auto 0; } #contentHeader h2, #contentHeader h4 { margin:0 auto; } #contentHeader .breadcrumbs a:hover { color:#B00227; } #contentBody { background:none; } #contentFooter { border:none; background:none; padding:40px 0; } #contentFooter .btn { background:#121212; } #contentFooter .btn:hover { background:#B00227; } #featIMG { margin:0 auto 40px; } #featIMG.archiveIMG { background:#efefef; padding:40px; text-align:center; } #featIMG.archiveIMG img { width:auto; max-width:620px; height:auto; float:none; display:inline-block; } .dek { color:#cfcfcf; margin:0 auto 10px; text-transform:initial; } .infoStrip { background:none; border:none; padding:0; font-family:"Bodoni-Book"; margin:10px auto 0; } .infoStrip .authorLug, .infoStrip .dateLug { padding:0; color:#121212; margin:5px auto 0; width:100%; } .content { min-height:1290px; padding:40px 0; width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:calc(100% - 340px); } .entry { padding:0; } .entry > img, .entry img { max-width:100%; height:auto; } .entry .alignright { width:50% !important; } .entry .alignright img { width:100%; } .tags { margin:0 auto 40px; background:none; border-top:5px solid #efefef; border-bottom:5px solid #efefef; } .tags h5 { margin:0 auto 10px; } .tags a { background:#B00227; color:#ffffff; padding:7px 10px; } .tags a:hover { background:#121212; color:#ffffff; } .creditBlock { background:#fafafa; border:1px solid #efefef; margin:0 auto 40px; } .creditBlock .contributors { width:100%; padding:20px; font-size:0.8em; } .creditBlock .contributors h4 { margin:0 auto; text-align:center; width:100%; } .creditBlock .contributors .col2:first-of-type { padding:0 10px 0 0; } .creditBlock .contributors .col2:last-of-type { padding:0 0 0 10px; } .creditBlock .contributors .position { display:inline-block; padding:5px 10px; border-top:2px solid #efefef; width:100%; } .creditBlock .contributors .position:first-of-type { border:none; } #subbar { background:none; color:#121212; } #subbar .yarpp-related > img { display:none; } #subbar h6 { margin:0 auto 20px; } #subbar .vert .listpost { width:25%; } /* Comments */ #comments { padding:0 0 40px; } .commentlist { list-style:none; } .commentlist .comment { padding:20px; width:100%; border:1px solid #efefef; border-top:0; } .commentlist .comment:first-of-type { border:1px solid #efefef !important; } .commentlist .comment:nth-of-type(2n) { background:#fafafa; } .commentlist .comment .avatar { float:left; margin:0 20px 0 0; } .commentlist .comment .commenttext { float:left; width:-webkit-calc(100% - 75px); width:-moz-calc(100% - 75px); width:calc(100% - 75px); } .commentlist .comment .commentmetadata { text-align:right; font-size:0.75em; } #comments #commentform p { margin:0 auto 5px; line-height:2em; } #comments #commentform label { float:left; } #comments #commentform input[type="text"] { float:right; } /* Sidebar */ #sidebar { padding:40px 0; width:calc(340px); } #sidebar h3 { } .sidebarTop, .sidebarBottom { padding:0 0 0 40px; } #sidebarModule, .sidebarFeature { max-width:300px; width:100%; } #sidebar .issueList { padding:0 !important; } #sidebar .issueList .listpost { width:-webkit-calc((100% - 20px) / 2) !important; width:-moz-calc((100% - 20px) / 2) !important; width:calc((100% - 20px) / 2) !important; margin:0 20px 0 0; } #sidebar .issueList .listpost:nth-of-type(2n) { margin:0; } #sidebar .issueList .listpost .listpostLug { width:50%; } #sidebar .issueList .listpost .listpostLug img { width:100% !important; } #sidebar .issueList .listpost .listpostText { display:none; } .authorPage { padding:0; } .authorPage .staffInfo { float:right; margin:0 0 40px 40px; width:50%; height:auto; position:relative; background:#fafafa; } .authorPage .staffInfo .staffLug { overflow:hidden; width:100%; height:auto; position:relative; } .authorPage .staffInfo .staffLug img { min-height:100%; min-width:100%; max-width:100%; height:auto; width:auto; position:relative; margin:auto; display:block; } .authorPage h3 { width:100%; text-align:center; } .authorPage h4, .authorPage h5 { margin:0 auto; } .authorPage .listpost { text-align:center; width:100% !important; margin:10px auto; height:auto; } .authorPage .vert .listpost .listpostText { height:auto !important; padding:0 !important; width:100% !important; } .authorPage .socialBox { float:left; width:100%; text-align:right; margin:0 auto; padding:20px; } .authorPage .socialBox h3 { font-size:1.4em; margin:0 auto; text-align:right; } .authorPage .socialBox a { float:none; } .authorPage .socialBox .btn-social { background:none; display:inline-block; background-size:40px !important; border:none; } .authorPage .socialBox .btn-social:hover { background-color:none !important; } .authorPage .socialBox .btn-website { background:url("images/lug-website.svg") no-repeat center; } .authorPage .socialBox .btn-facebook { background:url("images/lug-facebook.svg") no-repeat center; } .authorPage .socialBox .btn-twitter { background:url("images/lug-twitter.svg") no-repeat center; } .authorPage .socialBox .btn-instagram { background:url("images/lug-instagram.svg") no-repeat center; } .authorPage .socialBox .btn-linkedin { background:url("images/lug-linkedin.svg") no-repeat center; } .authorPage .socialBox .btn-pinterest { background:url("images/lug-pinterest.svg") no-repeat center; } .authorPage .socialBox .btn-youtube { background:url("images/lug-youtube.svg") no-repeat center; } .authorPage .socialBox .btn-website:hover { background:url("images/lug-website-hover.svg") no-repeat center; } .authorPage .socialBox .btn-facebook:hover { background:url("images/lug-facebook-hover.svg") no-repeat center; } .authorPage .socialBox .btn-twitter:hover { background:url("images/lug-twitter-hover.svg") no-repeat center; } .authorPage .socialBox .btn-instagram:hover { background:url("images/lug-instagram-hover.svg") no-repeat center; } .authorPage .socialBox .btn-linkedin:hover { background:url("images/lug-linkedin-hover.svg") no-repeat center; } .authorPage .socialBox .btn-pinterest:hover { background:url("images/lug-pinterest-hover.svg") no-repeat center; } .authorPage .socialBox .btn-youtube:hover { background:url("images/lug-youtube-hover.svg") no-repeat center; } .pagination .inactive, .pagination a { background:#121212; font-weight:normal; } .pagination .current, .pagination .inactive:hover, .pagination a:hover { background:#B00227; } /* --------------------------------------- */ /* INFOPANES /* --------------------------------------- */ .dividerStrip { position:static; height:80px; width:100%; z-index:5; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010101+0,454545+100 */ background: rgb(1,1,1); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(1,1,1,1) 0%, rgba(69,69,69,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(1,1,1,1) 0%,rgba(69,69,69,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(1,1,1,1) 0%,rgba(69,69,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#454545',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .headlineInline { position:relative; z-index:5; text-align:center; padding:20px 40px; background:#efefef; } .headlineInline h4 { margin:0 auto; text-transform:initial; color:#121212; } .colInner { padding:40px; position:relative; } .infoPane ul { margin:0 auto 40px; } .infoPane li { margin:0 0 5px 20px; } #infoPane1 { min-height:0; position:relative; z-index:1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,8f0222+44,b00227+100 */ /*background: rgb(109,0,25); /* Old browsers */ /*background: -moz-linear-gradient(45deg, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 44%, rgba(176,2,39,1) 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(45deg, rgba(109,0,25,1) 0%,rgba(143,2,34,1) 44%,rgba(176,2,39,1) 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(45deg, rgba(109,0,25,1) 0%,rgba(143,2,34,1) 44%,rgba(176,2,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#b00227',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #infoPane1::before { background:none; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none !important; display:none; } #infoPane1::after { background:none; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:0; bottom:-100px; right:0; background-size:600px; border:none !important; } /*#infoPane1 .listpost .listpostText h4, #infoPane2 .listpost .dateStrip { color:#efefef; } #infoPane1 a { color:#121212; } #infoPane1 a:hover { color:#afafaf; } #infoPane1 h4 { border-color:rgba(255,255,255,1); color:rgba(255,255,255,1); } #infoPane1 .listpost:hover h4 { color:#121212; }*/ #infoPane2 { background:#fafafa; position:relative; border:none; } #infoPane2::before { background:url("images/square.png")repeat; opacity:0.25; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none !important; display:block; } #infoPane3 { background:#efefef; } #infoPane4 { background:#ffffff; } #infoPane5 { background:#efefef; } #infoPane6 { background:#ffffff; } #infoPane6::after { width:100%; height:21px; background:url(images/edging-bottom.svg); position:absolute; bottom:-21px; left:0; right:0; margin:auto; display:block; content:""; } .infoPaneListings { padding:40px 0; } .infoPaneListings ul, .infoPaneListings li { list-style:none; margin:0 auto; } .infoPaneListings .archiveList { min-height:0; margin:0 auto !important; } .infoPaneListings .focusList .listpost { width:-webkit-calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); width:calc((100% - 40px) / 3); margin:0 20px 0 0; } .infoPaneListings .focusList .listpost:nth-of-type(3n) { margin:0; } .infoPaneListings .newsList .listpost { width:-webkit-calc((100% - 60px) / 4); width:-moz-calc((100% - 60px) / 4); width:calc((100% - 60px) / 4); margin:0 20px 0 0; } .infoPaneListings .newsList .listpost:nth-of-type(4n) { margin:0; } .infoPaneListings .col2 { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 20px 0 0; } .infoPaneListings .col2:nth-of-type(2n) { margin:0; } .infoPaneListings .twoList .listpost { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 20px 0 0; } .infoPaneListings .twoList .listpost:nth-of-type(2n) { margin:0; } .infoPaneListings .col4 { width:-webkit-calc((100% - 60px) / 4); width:-moz-calc((100% - 60px) / 4); width:calc((100% - 60px) / 4); margin:0 20px 0 0; } .infoPaneListings .col4:last-of-type { margin:0; } .infoPaneListings .singleList .listpost { width:100%; } .infoPaneListings .listpost { background:none; } .infoPaneListings .listpost:hover a h4 { color:#B00227; } .infoPaneListings .listpost:hover a img { opacity:0.5; } .infoPaneListings .listpost .catStrip, .infoPaneListings .listpost .excerptBlurb { display:none; } .infoPaneListings .listpost .listpostText { background:none; padding:20px; } .infoPaneListings .listpost .listpostLug { height:250px !important; } .infoPaneListings h4.sectionHeader { width:100%; text-align:center; margin:0 auto 10px; padding:0 0 10px; border-bottom:1px solid #121212; color:#121212; font-size:1em; } .colCover { text-align:left; padding:40px 40px 40px 0; } .colCover img { width:auto; height:auto; max-width:100%; float:none; } .colIssue { padding:40px 0; } .colIssue h1 { margin:0 auto !important; } .colIssue h3 { font-size:1.2em; margin:20px auto 0; } .colIssue h4 { margin:10px auto 0; color:#121212; font-size:1em; font-weight:bold; } .colIssue .colDesc { padding:40px 0; } .colIssue button { margin:40px auto; } .editorLetter { background:none; margin:0 auto 40px; } .editorLetter h1 { margin:0 auto 10px; } .contentIssue .archiveFeed { padding:0 0 40px; } .contentIssue .archiveFeed h6 { margin:0 auto 20px; } /* --------------------------------------- */ /* ARCHIVING /* --------------------------------------- */ .archiveFeed { padding:40px 0; } .archiveList { min-height:0; } .listpost { margin:0 auto 20px; } .listpost .listpostLug, .listpost.staticBox .listpostLug { height:200px; background:#000000; } .listpost .listpostText { padding:40px 20px; height:200px; font-family:"Bodoni-Book", serif; } .vert .listpost .listpostText { height:140px !important; } .listpost .listpostText h4 { line-height:1.3em; } .listpost .listpostLug img {top:-100%; bottom:-100%; max-height:140%; } .listpost .infoStrip { margin:10px 0; } .listpost .dateStrip { float:left; width:100%; text-align:left; color:#121212; } .tabList .listpost .listpostText { border:0; height:80px !important; font-size:0.8em; } .listpost:hover .listpostText { background:#fafafa; } .listpost:hover .listpostText h4 { color:#B00227; } .tabList .listpost .listpostText .catStrip, .tabList .listpost .entryInfoStrip .authorBio { color:#B00227; } .tabList .listpost { margin:0 auto 10px; } .tabList .listpost .dateStrip { text-align:right; } .blockList .listpost .listpostText { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 99%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 99%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 99%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .blockList .listpost:hover .listpostText { background:rgba(50,27,58,0.7); } .issueList { padding:40px 0 0; } .issueList .listpost { width:-webkit-calc((100% - 80px) / 5); width:-moz-calc((100% - 80px) / 5); width:calc((100% - 80px) / 5); margin:0 20px 20px 0; } .issueList .listpost:nth-of-type(5n) { margin:0 0 20px; } .issueList .listpost .listpostLug { width:100%; height:auto; max-width:100%; max-height:290px; } .issueList .listpost .listpostLug img { width:auto; height:auto; max-width:100%; max-height:100%; position:relative; left:inherit; right:inherit; top:inherit; bottom:inherit; float:left; } .categoryHeader { width:100%; margin:0 auto 40px; } .categoryHeader img { width:100%; height:auto; margin:0 auto 10px; } .categoryHeader .categoryDesc { width:100%; background:#121212; color:#ffffff; padding:20px 40px; } .categoryHeader .categoryDesc p { margin:0 auto; text-align:center; } /* --------------------------------------- */ /* NAVIGATION /* --------------------------------------- */ .navigationLead { padding:0 0 40px; } .navigateBtn { background:#121212; } .navigateBtn:hover { background:#B00227; } .navigateInline { display:none; } .navigateLug .marker { font-family:"Bodoni-Book", sans-serif !important; line-height:0.27em; padding:20px 30px; } .navigateText { font-family:"Bodoni-Book", sans-serif !important; font-size:0.7em; font-weight:normal; padding:5px; } .navigateLugPad img { max-height:150%; height:auto; } /* --------------------------------------- */ /* FOOTER /* --------------------------------------- */ .highlightStrip { background:#ffffff; padding:40px 0; position:relative; z-index:1; } .highlightStrip::before { width:100%; height:21px; background:url(images/edging-top.svg); position:absolute; top:-21px; left:0; right:0; margin:auto; display:block; content:""; } .highlightStrip h2 { width:100%; text-align:center; float:none; color:#121212; margin:0 auto 10px; } .highlightStrip p { width:100%; text-align:center; color:#121212; float:none; } .highlightStrip button { float:none; max-width:300px; width:100%; margin:10px auto 0; } .highlightStrip .col2 { text-align:center; } #footer { height:auto; z-index:1; overflow:hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010101+0,454545+100 */ background: rgb(1,1,1); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(1,1,1,1) 0%, rgba(69,69,69,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(1,1,1,1) 0%,rgba(69,69,69,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(1,1,1,1) 0%,rgba(69,69,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#454545',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #footer p { margin:0 auto 10px; } #footer #footerInner { position:static; } #footer .footerUpper, #footer .footerLower { padding:40px; } #footer::after { background:rgba(10,10,10,0.9); width:100%; height:120%; position:absolute; left:-70%; top:0; right:inherit; bottom:inherit; margin:auto; display:block; content:""; border-right:2px solid #000000; } #footer #footerLogo, #footer .socialBox { text-align:left; max-width:292px; margin:0 auto 10px; display:block; float:left; height:auto; clear:both; } #footer .socialBox a { float:none; display:inline-block; margin:0 0 5px 0; } #footer .socialBox .btn-social {background-size:30px !important; border-radius:0; } #footer .socialBox .btn-social:hover { background:#B00227; } #footer .footerInfo { margin:20px auto 0; font-family:"Bodoni-Book", serif; float:left; text-align:left; } .footerInfo a:link, .footerInfo a:visited { color:#ffffff; } .footerInfo a:hover, .footerInfo a:active { color:#B00227; } .footerInfo.mobileInfo { display:none; width:100%; text-align:right; } #footer #footerLinks { margin:0; } #footer #footerLinks .header { color:#afafaf; font-family:"Bodoni-Book", serif; padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #676767; width:calc(100% - 20px); } #footer .menu li a { font-weight:normal; font-family:"Bodoni-Book", serif; } #footer .menu li a:hover { color:#B00227; } #footer .socialBox .btn-rss { background:rgba(0,0,0,0.3) url("images/lug-rss-white.svg") no-repeat center; } #footer .socialBox .btn-facebook { background:rgba(0,0,0,0.3) url("images/lug-facebook-white.svg") no-repeat center; } #footer .socialBox .btn-twitter { background:rgba(0,0,0,0.3) url("images/lug-twitter-white.svg") no-repeat center; } #footer .socialBox .btn-instagram { background:rgba(0,0,0,0.3) url("images/lug-instagram-white.svg") no-repeat center; } #footer .socialBox .btn-instagram-alt { background:rgba(0,0,0,0.3) url("images/lug-instagram-alt-white.svg") no-repeat center; } #footer .socialBox .btn-linkedin { background:rgba(0,0,0,0.3) url("images/lug-linkedin-white.svg") no-repeat center; } #footer .socialBox .btn-pinterest { background:rgba(0,0,0,0.3) url("images/lug-pinterest-white.svg") no-repeat center; } #footer .socialBox .btn-youtube { background:rgba(0,0,0,0.3) url("images/lug-youtube-white.svg") no-repeat center; } #footer .socialBox .btn-rss:hover { background:#B00227 url("images/lug-rss-white.svg") no-repeat center; } #footer .socialBox .btn-facebook:hover { background:#B00227 url("images/lug-facebook-white.svg") no-repeat center; } #footer .socialBox .btn-twitter:hover { background:#B00227 url("images/lug-twitter-white.svg") no-repeat center; } #footer .socialBox .btn-instagram:hover { background:#B00227 url("images/lug-instagram-white.svg") no-repeat center; } #footer .socialBox .btn-instagram-alt:hover { background:#B00227 url("images/lug-instagram-alt-white.svg") no-repeat center; } #footer .socialBox .btn-linkedin:hover { background:#B00227 url("images/lug-linkedin-white.svg") no-repeat center; } #footer .socialBox .btn-pinterest:hover { background:#B00227 url("images/lug-pinterest-white.svg") no-repeat center; } #footer .socialBox .btn-youtube:hover { background:#B00227 url("images/lug-youtube-white.svg") no-repeat center; } /* --------------------------------------- */ /* CUSTOM ADD-INS /* --------------------------------------- */ /* Contact Form */ .wpcf7-text, .wpcf7-textarea { background:#efefef; border:none; width:100% !important; } .wpcf7-submit { padding:15px 30px !important; margin:0 0 40px; cursor:pointer; background:#B00227 !important; color:#ffffff !important; font-weight:100 !important; font-family:"Bodoni-Book", serif !important; letter-spacing:0.6pt !important; clear:both !important; border:0 !important; border-radius:0 !important; height:auto !important; font-size:1em !important; text-align:center; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; transition:all ease-in-out .2s; -webkit-appearance:none; } .wpcf7-submit:hover { background:#121212 !important; color:#ffffff !important; } /* Instagram */ #sb_instagram a:active, #sb_instagram a:focus, #sb_instagram a:hover { opacity:0.5 !important; } /* Video Block */ .videoBlock { margin:0 auto !important; width:100%; position:relative; background:#232323; padding:0 !important; } .videoBlock ul { margin:0 auto; } .videoBlock .videoItem { cursor:pointer; width:25%; margin:0; padding:0; height:300px; min-height:0; max-height:inherit !important; } .videoBlock .videoItem .listpostLug { position:relative; height:300px !important; } .videoBlock .videoItem .listpostLug img { position:absolute; height:auto !important; width:auto !important; min-width:100%; min-height:100%; max-height:120%; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; float:none; } .videoBlock .videoItem .listpostText { text-align:center; display:table; top:0; opacity:0; } .videoBlock .videoItem:hover .listpostText { opacity:1; } .videoBlock .videoItem .listpostText .listpostTextInner { display:table-cell; vertical-align:middle; } .videoBlock .videoItem .listpostText h4 { color:#ffffff; font-family:"Bodoni-Book", sans-serif !important; font-weight:normal; font-size:1em; } .videoBlock .videoItem .detailTitle h4, .videoBlock .videoItem .detailDirector { margin:0 auto 10px; } .archiveVideo { position:relative; z-index:1; } .archiveVideo .headlineInline { position:relative; } .archiveVideo .videoBlock { background:none; padding:40px 0 0 !important; } .archiveVideo ul.videoBlock { padding:0 !important; } .videoPanels { position:fixed; top:0; left:0; height:100%; width:100%; z-index:3; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s cubic-bezier(.07,.95,0,1); -o-transition:all .1s cubic-bezier(.07,.95,0,1); transition:all .1s cubic-bezier(.07,.95,0,1); } .videoPanels .backing { cursor:pointer; background:rgba(0,0,0,0.5); position:absolute; height:100%; width:100%; top:0; bottom:0; left:0; right:0; margin:auto; z-index:0; content:""; } .videoPanels .btn-close { border:none; position:absolute; top:0; right:0; z-index:5; } .videoPanels .btn-close span { background:#121212; color:#121212; height:2px; } .videoPanels .btn-close:hover span { background:#B00227; color:#B00227; } .videoPanels .detailPanel { list-style:none; margin:auto; opacity:1; width:-webkit-calc(100% - 160px); width:-moz-calc(100% - 160px); width:calc(100% - 160px); max-width:750px; height:auto; max-height:inherit; position:absolute; left:-100%; right:-100%; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); z-index:10; overflow:hidden; background:#ffffff; } .videoPanels .detailPanel::after { background:none; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:-1; top:0; left:0; border:none; background-position:0 -500px; } .videoPanels .detailPanel.panelClosed { opacity:0; z-index:-8; } .videoPanels .detailPanel.panelOpen { opacity:1; z-index:3; } .videoPanels .detailPanel .detailPanelPad { text-align:left; padding:40px; } .videoPanels .detailPanel .detailContent { width:100%; float:left; position:relative; z-index:1; margin:0 auto; } .videoPanels .detailPanel .detailContent p { margin:0; font-size:0.85em; line-height:1.3; width:100%; color:#121212; } .videoPanels .detailPanel .detailTitle { position:relative; } .videoPanels .detailPanel .detailTitle h4 { margin:40px 0 20px; line-height:1.1; width:calc(100% - 60px); color:#121212; } .videoPanels .detailPanel .detailEmbed { width:100%; padding:0; float:left; text-align:right; } .videoPanels .detailPanel .detailEmbed .responsive-container { margin:20px 0 0; } .videoPanels .detailPanel .detailEmbed iframe, .videoPanels .detailPanel .detailEmbed video, .videoPanels .detailPanel .detailEmbed object, .videoPanels .detailPanel .detailEmbed embed { margin:0; width:100%; } .rl-gallery-container { margin:40px auto; } #fancybox-overlay { background-color:rgba(255,255,255,1) !important; opacity:0.8 !important; } #fancybox-wrap { box-sizing:content-box; } #fancybox-wrap #fancybox-content { width:100%; box-sizing:content-box; } .tos-desktop .tos-wrapper.tos-fixed { background-color:rgba(255,255,255,1) !important; } .tos-desktop .tos-wrapper.tos-fixed::before { background:url("images/square.png")repeat; opacity:0.3; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none !important; display:block; } .tos-close, .tos-next, .tos-prev { border-radius:0 !important; } .tos-close span:before, .tos-prev span, .tos-close span:after, .tos-next span { border-width:2px !important; } .tos-close:hover, .tos-next:hover, .tos-prev:hover { background:#B00227; } #mc_embed_signup form { padding:0 !important; } #mc_embed_signup input.email { width:100% !important; max-width:350px; } /* --------------------------------------- */ /* MEDIA QUERIES /* --------------------------------------- */ @media screen and (max-width:1279px) { /* Carousels */ #carouselSuperMulti .superPost { width:100%; } #carouselSuperMulti .superPost .superLug { width:100%; position:relative; float:none; } #carouselSuperMulti .superPost .superText { width:100%; top:250px; position:absolute; left:inherit; right:inherit; float:none; } #carouselSuperMulti .superPost .entryInfoStrip { width:100%; right:0; } #carouselSuperMulti .superPost .superText .excerptBlurb { opacity:1; } } @media screen and (max-width: 1260px) { #billboardTop { height:auto !important; margin:20px auto; } #masterMenu { background:#ffffff url(images/logo-black.svg) center no-repeat; background-size:100px auto; } #masterMenu .btn-search { border-right:1px solid #efefef; } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight { border-right:1px solid #efefef; } .btn-drawerLeft span, .btn-search span { color:#121212; background:#121212; } .billboardContainer { border-top:1px solid #E6E7E8; border-left:0; border-right:0; border-bottom:1px solid #ffffff; } #billboardTop { margin:20px auto 40px; } #infoPaneHeader::before { background-size:500px; background-position:left top; } #infoPaneHeader::after { background-size:500px; background-position:right bottom; } .infoStrip { border:none !important; } .infoPaneListings .listpost .listpostLug { height:200px !important; } .listpost .listpostText h4 { font-size:1.1em; } #main::after { display:none; } #mainContainer { padding:0; } .container { padding:0 40px; } .content { padding:0 40px 40px; z-index:1; min-height:0; } .content::after { width:100%; height:21px; background:url(images/edging-bottom.svg); position:absolute; bottom:-21px; left:0; right:0; margin:auto; display:block; content:""; } #contentHeader { padding:40px 0; } #contentBody .entry { padding:0; } #contentBody blockquote { position:relative; margin:40px auto !important; padding:40px; } .tags { margin:0; } .navigate { margin:0; } #comments { padding:20px; } #comments #commentform label { width:40%; } #comments #commentform input[type="text"] { width:60%; } .authorPage h6 { margin:0; } .navigateInline { display:block; } .issueList { padding:0 40px 40px; } #sidebar::before { background:url(images/square.png)repeat; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none !important; display:block; } #sidebarModule { position:static !important; } #footer::after { display:none; } #footer #footerLead { margin:20px auto !important; } #footer #footerLead .footerInfo { display:none; } #footer .footerInfo.mobileInfo { display:block; text-align:right; } #footer .socialBox a { margin:0; } #footer #footerLogo, #footer .socialBox { float:none; display:block; text-align:center; } #footer #footerLinks .header { width:100%; border-bottom:1px solid #454545; margin:20px auto 10px; } #footer #footerLinks li a { background:#121212; border-radius:0; } #footer #footerLinks li a:hover { background:#B00227; } #footer .footerUpper { padding:40px 40px 80px; } #footer .footerLower { display:block !important; visibility:visible !important; text-align:right !important; } } @media screen and (max-width:1200px) { .videoBlock .videoItem { width:50% !important; background:#121212; min-height:0; } .videoBlock .videoItem .listpostText .excerptBlurb { color:#ffffff; } .videoBlock .videoItem .listpostLug, .videoBlock .videoItem .listpostText { width:100% !important; } } @media screen and (max-width: 1000px) { #footer #footerLinks .group { width:100%; } .infoPaneListings .col2 { width:100%; } .infoPaneListings .col4 { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); margin:0 20px 20px 0; } .infoPaneListings .col4:nth-of-type(2n) { margin:0 0 20px; } .infoPaneListings .newsList .listpost { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); margin:0 20px 20px 0; } .infoPaneListings .newsList .listpost:nth-of-type(2n) { margin:0 0 20px; } .infoPaneListings h4.sectionHeader { margin:20px auto 10px; } .issueList .listpost { width:-webkit-calc((100% - 60px) / 4); width:-moz-calc((100% - 60px) / 4); width:calc((100% - 60px) / 4); } .issueList .listpost:nth-of-type(5n) { margin:0 20px 20px 0; } .issueList .listpost:nth-of-type(4n) { margin:0 0 20px; } } @media screen and (max-width: 900px) { #infoPaneHeader::before { background-size:400px; background-position:-50% top; } #infoPaneHeader::after { background-size:400px; background-position:150% bottom; } #infoPane1::before { width:100%; height:400px; position:static; } #infoPane1 .container { padding:0; } #infoPane1 .colSpacer { display:none; } #infoPane1 .col2 { width:100%; } .videoPanels .detailPanel { width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); } .videoPanels .detailPanel .detailContent, .videoPanels .detailPanel .detailEmbed { width:100%; padding:0; margin:0; } .highlightStrip .col2 { width:100%; } } @media screen and (min-device-width: 320px) and (max-device-width: 768px) and (orientation : landscape){ .superPosts, .superPost, .superPosts #carouselSuper { height:-webkit-calc(100vh - 60px) !important; height:-moz-calc(100vh - 60px) !important; height:calc(100vh - 60px) !important; min-height:inherit !important; } .superPosts .superPost .superLug { width:30% !important; height:-webkit-calc(100vh - 60px) !important; height:-moz-calc(100vh - 60px) !important; height:calc(100vh - 60px) !important; } .superPosts .superPost .superLug img { height:100% !important; width:auto !important; } .superPosts .superPost .superText { width:70% !important; height:-webkit-calc(100vh - 60px) !important; height:-moz-calc(100vh - 60px) !important; height:calc(100vh - 60px) !important; } } @media screen and (max-width: 768px) { blockquote { width:100%; margin:40px auto; padding:40px 0; } .container, .containerWide { padding:0 20px; } #contentBody .entry { padding:0; } #contentFooter, #footer .footerUpper { padding:40px 20px 80px; } .content { padding:0 20px; } #footer .footerLower { padding:0 20px 40px; } .highlightStrip h1, .highlightStrip p { width:100%; text-align:center; } .highlightStrip button { float:none; width:100%; max-width:350px; } /* Featured / Homepage Carousel */ #featuredContainer { } #carouselSuperMulti, #carouselSuperMulti .superPost { height:700px; } #featuredContainer .content { width:100% !important; } #featuredContainer .featuredSidebar { width:100% !important; padding:20px 0 0; } #featuredContainer .superPost .superLink .superText .excerptBlurb { display:block; } #featuredContainer ul li:last-child { margin:0; } #carouselSuperMulti .superPost .superText { position:static; width:100%; padding:20px; } .aboutBlock { display:none; } .superPosts { height:100vh; max-height:700px; } .superPost { } .superPost .superLink { height:auto; } .superPosts .superPost .superText .superTextInner { position:static; transform:none; top:inherit; } .superPosts .superPost .superText { height:300px; opacity:1; right:inherit; } .superPosts .superPost .superLug img, #featured1 .superLug img { height:100% !important; width:auto !important; } .superPosts #carouselSuper { } .superPosts .jcarousel-pagination { } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { opacity:1; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover { background:#B00227; } .infoPaneListings .focusList .listpost { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 20px 0 0; } .infoPaneListings .focusList .listpost:nth-of-type(2n) { margin:0; } #comments #commentform label { width:100%; } #comments #commentform input[type="text"] { width:100%; } .videoBlock .videoItem .listpostText { height:220px; background:#232323; } .videoBlock .videoItem:hover .listpostText { background:rgba(255, 0, 102, 1); } .issueList { padding:0 20px 40px !important; } .issueList .listpost { width:-webkit-calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); width:calc((100% - 40px) / 3); } .issueList .listpost:nth-of-type(4n) { margin:0 20px 20px 0; } .issueList .listpost:nth-of-type(3n) { margin:0 0 20px; } .issueList.vert .listpost .listpostText { width:100% !important; } .issueList .listpost .listpostText h4 { font-size:1em; } .infoPaneListings .listpost .listpostLug { height:150px !important; width:100%; } .infoPaneListings .listpost .listpostText { width:100%; } #sb_instagram #sbi_images .sbi_item { width:25% !important; } } @media screen and (max-width: 600px) { h1 { font-size:2.0em; } h2 { font-size:1.5em; } h3 { font-size:1.3em; } h4 { font-size:1.1em; } h5 { font-size:1.0em; } h6 { font-size:0.85em; } #masterMenu { background-size:60px auto ; } .superPosts, #carouselSuperMulti, #carouselSuperMulti .superPost { height:550px; } .superPosts #carouselSuper { height:auto !important; } #infoPaneHeader::before { background-size:300px; background-position:-70% top; } #infoPaneHeader::after { background-size:300px; background-position:170% bottom; } .archiveVideo .videoBlock { padding:20px !important; background:#121212; } .videoBlock .videoItem { width:100% !important; min-height:0; margin:0 auto 20px; } .videoBlock .videoItem .listpostText { height:auto; background:#232323; display:block; } .videoBlock .videoItem .listpostText .listpostTextInner { display:block; } .authorPage .staffInfo { margin:0 auto 40px; width:100%; } .authorPage .socialBox h3 { font-size:1em; } .colIssue { width:100%; } .colCover { width:100%; text-align:center; padding:40px 0 0; } .colCover img { width:100%; max-width:300px; margin:auto; display:block; } .editorLetter img { width:100%; max-width:300px; float:none; margin:0 auto 40px; display:block; } .editorLetter img.signature { margin:0 0 40px; } .issueList .listpost { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); } .issueList .listpost:nth-of-type(3n) { margin:0 20px 20px 0; } .issueList .listpost:nth-of-type(2n) { margin:0 0 20px; } .highlightStrip .col2 .colInner { padding:40px 20px; } .highlightStrip .col2 input[type="text"] { width:100%; } } @media screen and (max-width: 480px) { .archiveList { padding:0; } #infoPane1 .col1 { float:none; } .superPosts, #carouselSuperMulti, #carouselSuperMulti .superPost { max-height:450px; } .superPosts .superPost .superText { font-size:0.8em; } #sponsorPosts .listpost .listpostLug { height:200px; } .archive .listpost .listpostText, .archiveList .listpost .listpostText, .vert .listpost .listpostText { padding:20px 0 40px !important; } .videoPanels .detailPanel .detailEmbed iframe, .videoPanels .detailPanel .detailEmbed video, .videoPanels .detailPanel .detailEmbed object, .videoPanels .detailPanel .detailEmbed embed { height:250px; } .infoPaneListings .col4 { width:100% !important; } .infoPaneListings .listpost { width:100% !important; margin:0 auto 20px !important; } .infoPaneListings .listpost .listpostLug { height:200px !important; } .infoPaneListings .listpost .listpostText { height:auto !important; min-height:0 !important; } #sb_instagram #sbi_images .sbi_item { width:50% !important; } #footer .line1, #footer .line2, #footer .line3 { float:none; display:initial; } } @media screen and (max-width: 400px) { #infoPaneHeader::before { background-size:200px; background-position:left top; } #infoPaneHeader::after { background-size:200px; background-position:right bottom; } .superPosts, #carouselSuperMulti, #carouselSuperMulti .superPost { max-height:400px; } .videoPanels .detailPanel { width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); } .videoPanels .detailPanel .detailPanelPad { padding:20px; } .videoPanels .detailPanel .detailTitle h4 { font-size:0.9em; line-height:1.3em; width:100%; } } @media screen and (max-width:768px) and (screen-orientation:landscape) { .videoPanels .detailPanel { height:-webkit-calc(100vh - 140px); height:-moz-calc(100vh - 140px); height:calc(100vh - 140px); } }