/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#3a3a3a; font-family: 'sofia-pro', sans-serif; position:relative; min-width:320px; background:#fff; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; margin:0;} /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ a{outline:none !important;text-decoration:none;} .alignleft { float:left;padding: 0px 9px 9px 0; } /*---- Container ----*/ #container {width:100%; } body.single #container { padding-bottom:0; } body.post-template-page-photoessay-php #container { padding-bottom:0px; } /*--- Wrapper ---*/ .wrapper{margin:0 auto; padding:0 53px;height:inherit !important;} /*---- Header ----*/ #header{padding-top:20px;} #header2{background:#000; position:relative; padding:45px 0 20px; width:100%;} /*---- Main Navigation ----*/ body.home #main-navigation { border-bottom:none; } body.blog #main-navigation,body.video-page #main-navigation { border-bottom:1px solid rgba(255, 255, 255, 0.2); } #main-navigation {text-align:right;border-bottom:1px solid rgba(0, 0, 0, 0.1);padding-bottom:17px;padding-top:6px; } #main-navigation ul li{ display:inline; margin-left:17px; float:right;} #main-navigation ul li a { text-decoration:none; font-size:16px; color:#000; font-family:"sofia-pro",serif;opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #main-navigation ul li a:hover {opacity: 0.5;} #main-navigation ul li.menu {padding-top:8px;display:none; } #main-navigation ul li.menuitem {padding-top:8px; } /*---- Header Search ----*/ /*body.home #main-navigation li.search,body.blog #main-navigation li.search { border-right:solid 1px #605c58 !important; }*/ #main-navigation li.search { cursor:pointer; } #main-navigation li.search div.searchicon { font-size:0px;width:17px;height:17px;background:url(../img/theme/icon_search.png) no-repeat top center;display:block; } #main-navigation li.search form.globalSearch {} #main-navigation li.search form.globalSearch label{ font-size: 0px;color: #FFF; text-indent: -9999em; display: block; float: left; } #main-navigation li.search form.globalSearch input[type="text"]{ text-indent: 1px; padding: 0 0 0 22px; width: 0; height: 31px; background: url(../img/theme/icon_search_black.png) center no-repeat; border: 0px; color: #999; line-height: 20px; font-weight: bold; -webkit-transition: width 0.25s ease-in-out,opacity .25s ease-in-out,background .25s ease-in-out; -moz-transition: width 0.25s ease-in-out,opacity .25s ease-in-out,background .25s ease-in-out; cursor: pointer; } #main-navigation li.search form.globalSearch input[type="text"]:hover { opacity:0.5; } #main-navigation li.search form.globalSearch input[type="text"]:focus{ width: 200px; outline: none; background: url(../img/theme/icon_search_black.png) 10px center no-repeat, rgba(0,0,0,0.085);cursor: text;padding-left:35px;font-weight:normal;color:#333;font-size:12px;opacity:1 !important; } .sidr{ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-size: 15px; background: #191919; color: #fff; } .sidr .sidr-inner{padding:0 0 15px} .sidr .sidr-inner>p{margin-left:15px;margin-right:15px} .sidr.right{left:auto;right:-260px} .sidr.left{left:-260px;right:auto} .sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{ color:#FFF;font-size:10px;font-weight:bold;text-transform:uppercase;text-align:center;background:url(../img/theme/gray-line.png) no-repeat bottom center;letter-spacing:2px;padding-bottom:24px;margin-top:45px;clear:right; } .sidr a.close { color:#FFF;display:block;float:right;font-size:13px;font-weight:normal;padding:14px;transition: color .25s ease-in-out;-moz-transition: color .25s ease-in-out;-webkit-transition: color .25s ease-in-out; } .sidr a.close:hover { color:#6A6A6A; } .sidr p{font-size:13px;margin:0 0 12px;}.sidr p a{color:rgba(255,255,255,0.9);} .sidr>p{margin-left:15px;margin-right:15px;} .sidr ul{display:block;padding:0;font-size:18px;} .sidr ul li{display:block;margin:0;line-height:40px;text-align:center;font-family:'adobe-caslon-pro';} .sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{ } .sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{ color:#FFF; } .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#6a6a6a;} .sidr ul li ul{border-bottom:none;margin:0;} .sidr ul li ul li{line-height:40px;font-size:13px;} .sidr ul li ul li:last-child{border-bottom:none;} .sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px;} .sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222;} .sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px;} .sidr form{margin:0 15px;} .sidr label{font-size:13px;} .sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both;} .sidr input[type=checkbox]{width:auto;display:inline;clear:none;} .sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff;} .sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9);} .sidr .socialmedia { text-align:center; } .sidr .socialmedia ul { list-style:none;margin:0;padding:0; } .sidr .socialmedia ul li { display:inline-block;margin-right:10px; } .sidr .socialmedia ul li img { transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; } .sidr .socialmedia ul li a { padding: 0; } /*---- Content ----*/ #content { min-height:700px; } #content .inner-content{max-width:600px; margin:0 auto; padding-top:59px;padding-left:28px;padding-right:28px; } /*---- Main ----*/ #main { float:right; width:580px; padding:10px; background:#9c9; } /*---- Sidebar ----*/ #sidebar { float:left; width:340px; padding:10px; background:#99c; } /*---- Footer ----*/ #footer { overflow:hidden;background:#0f0f0f; padding:28px; left:0; bottom:0; z-index:100;letter-spacing:1.5px;} #footer .wrapper { max-width:960px; } #footer p{ color: #5C5C5C; font-size: 9px; line-height: 16px; float: left;padding-top:22px; } #footer #footer-navigation { float:left;width:40%; } #footer #footer-navigation ul{margin:0;float:left;margin-right:46px;} #footer #footer-navigation ul li { list-style:none; margin-bottom:10px; } #footer #footer-navigation ul li a{text-decoration:none; font-size:9px; color:#fff; text-transform:uppercase; font-weight:400;opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #footer #footer-navigation ul li a:hover { opacity: 0.5; } #footer span.title { color:#FFF;font-size:9px;display:block;margin-bottom:10px; } #footer .newsletter { width:40%;float:left; } #footer .newsletter form input[type="text"] { background-color:#191919;font-family:'adobe-caslon-pro';padding:8px;width:200px;border:solid #5C5C5C 1px;color:#5C5C5C;font-size:11px; } #footer .socialmedia { width:20%;float:left; } #footer .socialmedia ul { list-style:none;margin:0;padding:0; } #footer .socialmedia ul li {float:left;margin-right:10px; } #footer .socialmedia ul li img { transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; } #footer .socialmedia ul li a:hover img { opacity:.5; } #footer .footnotes { clear:both; } #footer .copyright { float:left; } #footer .siteby { float:right;padding-top:26px;font-size:9px;text-transform:uppercase; } #footer .siteby a { color:#666; } #footer .siteby a:hover { text-decoration:underline; } #footer .footer_sponsor { text-indent:-999px;background:url(../img/assets/sponsorlogos/kitchenaid-logo.png) no-repeat top center;background-size:140px 14px;display:block;height:14px;width:140px;margin-top:12px;margin-bottom:37px;overflow:hidden; } /*------------------------------------------ // MAGAZINE HELLO BAR (STORY TEMPLATE) //------------------------------------------*/ .hellobar-mag { background:url(../img/assets/hellobarbg2.png) repeat 0 0;height:139px; } .hellobar-mag div { max-width:700px;margin:0 auto; } .hellobar-mag div img { float:left;margin-right:18px; } .hellobar-mag div h4 { font-size:16px;color:#FFF;padding-top:60px;margin-bottom:10px;font-weight:normal; } .hellobar-mag div a { color:#cd9100;font-weight:bold; } .hellobar-mag div a:hover { text-decoration:underline; } /*------------------------------------------ // PREVIOUS STORY BANNER (ABOVE FOOTER) //------------------------------------------*/ .prev-story-banner { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 398px; background-color: #333;position:relative; } .prev-story-banner h3 { margin-bottom:9px; font-family:'kepler-pro',serif; font-size:36px;line-height:36px;color:white;} .prev-story-banner a { margin:0 auto; } .prev-story-banner .prev-story-bg { min-height:398px;opacity:0.4;position:relative;background-size:cover !important; } .prev-story-banner .prev-story-info { bottom:0;top:0;left:0;right:0;margin:auto;display:table;height:290px;padding:50px 25px;position:absolute;z-index:2;max-width:700px; } .prev-story-banner .prev-story-info span { display:block; color:#CCC; text-transform:uppercase;font-size:10px;letter-spacing:2px; margin-bottom:38px;padding-top:8px;border-top:1px solid #CCC; } .prev-story-banner .prev-story-info p { color:white;display:block;margin-bottom:34px;font-size:16px;line-height:19px; } .prev-story-banner .prev-story-info div { display:table-cell;vertical-align:middle; } .prev-story-banner .prev-story-info div h3 a { color:white; } .prev-story-banner .prev-story-info div h3 a:hover { text-decoration:underline; } /*------------------------------------------ // NEWSLETTER POPUP (HOMEPAGE) //------------------------------------------*/ .newsletter_popup { padding:270px 0 0 55px;color:#FFF; } .newsletter_popup form input[type="text"] { background-color:#FFF;font-family:'adobe-caslon-pro';padding:8px;width:300px;border:solid #5C5C5C 1px;color:#5C5C5C;font-size:14px; } .newsletter_popup form input[type="submit"] { background:none;color:#FFF;padding:11px 18px;font-size:10px;border:1px solid #666;font-weight:bold;letter-spacing:3px;margin-top:12px;text-align:center;text-transform:uppercase; } .newsletter_popup form input[type="submit"]:hover { border:1px solid #FFF; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ #header .logo{float:left; width:160px;padding-top:3px;} #header .logo h1 a { position:relative; width:140px; height:0; padding-top:41px; display:block; background:url(../img/theme/logo-v3-black.png) no-repeat 0 0;overflow:hidden; } #header #main-navigation ul#menu-main-menu { padding-top:16px; } /* for high resolution display */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #header .logo h1 a { background:url(../img/theme/logo-v3-black-retina.png) no-repeat 0 0;background-size:140px 29px; } } /*---- Main Navigation (MOBILE) ----*/ #main-navigation2{position:absolute; text-align:center; z-index:10000; top:0; left:0; width:100%; display:none;} #main-navigation2 a.menu{display:block; position:absolute; background:#000; width:100%; padding:5px 0; line-height:27px; font-size:14px; color:#fff; z-index:2000; top:0; text-align:center; text-decoration:none;} #main-navigation2 a.close{ display:none; position:absolute; background:#ff0000; width:100%; height:27px; line-height:27px; font-size:13px; color:#fff; z-index:2000; bottom:-27px; text-align:center; text-decoration:none; z-index:5000;} #main-navigation2.active a.menu{display:none;} #main-navigation2.active a.close{display:block ;} #main-navigation2 ul { display:none; width:100%; background:#000; padding:15px 0 5px; } #main-navigation2 ul li{list-style:none; margin-bottom:20px; display:block; text-align:center;padding:5px 0;} #main-navigation2 ul li a{font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:400; } /*body.home #main-navigation2 a.menu{ background:#fff; color:#000; z-index:2000; top:0; text-align:center; text-decoration:none;} body.home #main-navigation2 ul{background:#fff;} body.home #main-navigation2 ul li a{color:#000;}*/ /*---- Post ---*/ .post h1 { font-size:28px; margin-bottom:10px;} .post h2 { font-size:26px; color:#000; margin-bottom:40px; text-align:center; background:url(../img/theme/border2.gif) no-repeat bottom center; padding-bottom:20px; line-height:41px; font-weight:bold; } /*.post h2 { font-size:21px; color:#000; margin-bottom:40px; text-align:center; background:url(../img/theme/border2.gif) no-repeat bottom center; padding-bottom:12px; line-height:41px; font-weight:bold; letter-spacing:11px;text-transform:uppercase;}*/ .post h3 { font-size:27px; margin:0 auto 28px;max-width:600px;font-family: 'adobe-caslon-pro'; font-weight:normal; font-style:italic; line-height: 35px; letter-spacing: 1px;color:#CD0000;} .post h4 { font-family:'sofia-pro',sans-serif; background:none; font-size:13px;letter-spacing:4px;margin-bottom:16px;padding:0;text-transform:uppercase; } .post h5 { font-size:18px; margin-bottom:10px;} .post p { color:#4C4C4C; line-height:29px; font-size:20px; font-family:'adobe-caslon-pro'; margin-bottom:28px; display:block; } .post a { color:#000;font-weight:bold; } .post a:hover { text-decoration:underline; } .post blockquote { margin:60px 0; } .post blockquote p{ margin-bottom:5px; font-style:italic;width:100% !important;color:#CD0000;font-size:27px;line-height:38px;text-align:center;} .post blockquote p:first-child:first-letter { float:none !important; font-size:inherit !important;font-weight:normal !important;margin-right:0px !important;vertical-align:inherit !important; } .post blockquote p cite{ font-weight:bold; text-align:right; display:block;} .post table { display: block; border: 1px solid #999; margin: 40px auto; max-width: 700px; } /*.post table { display:block;max-width: 1200px !important; border: none !important;margin:30px auto; }*/ .post img.size-full { max-width:100%;height:inherit !important; } .post table tr td img.size-full { width:100%; } .post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} .post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} .post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} .post ul { margin: 0 auto 28px; list-style: disc; color: #666;max-width:600px;text-align:left; } .post ol { margin: 0 auto 28px; list-style: decimal; color: #666;max-width:600px;text-align:left; } .post li { line-height:1.5em;margin-bottom:9px; font-size:12px; } .post li ul, .post li ol { margin-bottom:10px; } .post li li, .post li p { font-size:10px; margin-bottom:0px; } .post .dropcap > p:first-child:first-letter{font-family: 'adobe-caslon-pro';font-size:79px;color:#000; font-style:italic; font-weight:bold; vertical-align:text-top; display:block; float:left; margin-right:9px;line-height:38px;} .post .metadata{display:block; text-align:center; color:#7e7e7e; font-size:11px; margin-bottom:35px;letter-spacing:3px;text-transform:uppercase;} .post .contributors { border-top:1px solid #ccc;margin:44px auto 75px;max-width:700px;overflow:hidden; } .post .contributors .postauthor {display:inline-block; } .post .postauthor { margin: 24px 44px 10px;max-width:400px;padding-top:35px; } .post .postauthor .userinfo { padding-top:4px;text-align:center; } .post .postauthor .userinfo .author-description p { max-width:100%;margin:0 0 21px;font-family:'sofia-pro',sans-serif;color:#7a7a7a;font-size:12px;line-height:21px;text-align:center;} .post .postauthor .avatar { text-align:center; } .post .postauthor .avatar img { border-radius: 100px 100px 100px 100px;margin-bottom:17px; } .post .postauthor .author-link { font-size:17px;margin-bottom:12px;color:#000;font-weight:bold;} .post .postauthor .author-link span.byline { display:block; font-size:11px;margin-bottom:3px;font-weight:normal; } .post .postauthor .author-title { text-transform:uppercase; font-size:10px; letter-spacing:1px; } .post .postauthor .author-elsewhere { margin-bottom:23px; } .post .postauthor .author-elsewhere span { margin-left:7px;margin-right:7px;font-size:10px;text-transform:uppercase;letter-spacing:1px;} body.author .post .postauthor { border-top:none;margin:0 auto 100px; } body.author .post .postauthor .author-link { color:#FFF;font-style:normal;font-weight:bold;font-size:28px;background:url("../img/theme/border1.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);margin-bottom:17px;padding-bottom:17px; } body.author .post .postauthor a { color:#7a7a7a; } body.author .post .postauthor a:hover { color:#FFF; } body.author .post .postauthor .author-description p { color:#FFF; } .postinfo { margin:0 auto 45px; max-width:600px;padding-top:50px; } .postinfo h1 { font-family: 'adobe-caslon-pro';font-size:40px; color:#000; margin-bottom:23px; text-align:center; background:url(../img/theme/border2.gif) no-repeat bottom center; padding-bottom:23px; line-height:47px; font-weight:bold; letter-spacing:1px;text-transform:none;} .postinfo span { display:block;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#666;margin-bottom:10px; } .postinfo span.category { margin-bottom:31px !important; } .right-panel .postinfo { margin: 0;max-width:520px; } /*---- Post - Custom Lists ---*/ .post ul.list1 { margin:0; padding:0; } .post ul.list1 li { margin:0; padding:0; } .post ol.list2 { margin:0; padding:0; } .post ol.list2 li { margin:0; padding:0; } /*---- Frame ---*/ .frame{position:relative; } .featured { position:relative;overflow:hidden; } .featured .overlay{position:absolute; display:none; background:url(../img/theme/overlay-bg.png) repeat 0 0; width:100%; height:100%; left:0; top:0; z-index:50; } .frame .overlay{position:absolute; display:none; background:url(../img/theme/overlay-bg.png) repeat 0 0; width:100%; height:100%; left:0; top:0; z-index:50; } /*.frame:hover .overlay {display:block;}*/ .frame .caption{position:absolute; z-index:100; text-align:center; width:100%; left:0; bottom:0; color:#fff;padding-bottom:10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .frame .caption h2{font-weight:normal; color:#fff; line-height:32px; margin-bottom:18px; background:url(../img/theme/border1.gif) no-repeat bottom center; text-transform:none; font-size:27px; letter-spacing:0px;padding-left:25px;padding-right:25px;} .frame .caption h2 a{color:#fff; text-decoration:none;} .frame .caption .metadata{display:block; color:#fff; font-size:10px; letter-spacing:3px;margin-bottom:25px; font-weight:400; text-transform:uppercase;} .frame .caption .category{display:inline-block; background:url(../img/theme/overlay-bg.png) repeat 0 0; border:1px solid #7d7987; padding:0 10px; min-width:90px; height:31px; line-height:31px; color:#fff; font-size:9px; text-align:center; font-weight:400; text-transform:uppercase;letter-spacing:2px;} .featured .caption { position:absolute; z-index:99; top:0; padding-bottom:115px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.80) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.80))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.80) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.80) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.80) 100%); /* IE10+ */ background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.80) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ display:flex; align-items:center; flex-direction:column; justify-content:center; height:100%; left:0; max-width:700px; } .featured .featured_image_mobile { display:none; } .caption p{color:#fff; font-size:17px; line-height:23px;font-family: "sofia-pro",sans-serif;max-width:500px; } .caption a.play-btn{display:inline-block; width:49px; height:49px; background:url(../img/theme/play-btn.png) no-repeat 0 -50px;} .caption a.play-btn:hover{display:inline-block; width:49px; height:49px; background:url(../img/theme/play-btn.png) no-repeat 0 0;} .pp_pic_holder { top:45px !important; } .pp_content { height:100% !important; } /*---- NEW FEATURED LOOK ---*/ .homepage_slider { position:relative; } .homepage_slider ul li img { transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; } .featured .caption .container { color:#fff;padding:5px 53px;text-align:left;} .featured .caption .container .category{ margin-bottom:15px; } .featured .caption .container a { color:#FFF; } .featured .caption .container a h2 { background:none;color:#fff;font-size:60px;line-height:54px;text-align:left;text-decoration:none;margin-bottom:6px;} .featured .caption .container a:hover { color:#FFF;text-decoration:underline; } .featured .caption .category{ font-size:11px; } .featured .caption .container span.readessay { font-family: 'adobe-caslon-pro'; font-weight:normal; font-size:14px; } .featured .caption .container span.readessay a { color: white; } .featured .caption .container span.readessay a:hover { text-decoration:underline; } .featured .caption .container .contributor {float:left; clear:both;margin-right:48px;margin-top:15px; } .featured .caption .container .contributor strong { font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;font-size:10px;letter-spacing:2px; } .featured .caption .container .contributor span { font-family: 'adobe-caslon-pro'; font-size:14px;} .featured .caption .container .location {margin-bottom:21px; } .featured .caption .container .location strong { font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;font-size:10px;letter-spacing:2px; } .featured .caption .container .location span { font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;} .featured .caption .container .readmore {margin-top:37px; } .featured .caption .container .readmore strong { font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;font-size:10px; } .featured .caption .container .readmore span { font-family: 'adobe-caslon-pro'; font-size:14px;} /*---- One-Third ---*/ .one-third{width:33.3%; float:left;overflow:hidden;} .one-third a img,.LgFeatured_2 a img { opacity: 1;transition: transform 0.25s ease-in-out,opacity 0.25s ease-in-out;-moz-transition: transform 0.25s ease-in-out,opacity 0.25s ease-in-out;-webkit-transition: -webkit-transform 0.25s ease-in-out,opacity 0.25s ease-in-out; } .one-third a:hover img,.LgFeatured_2 a:hover img { opacity: 0.75;transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); } #gridposts .one-third:nth-child(4n+0) { display:none; } .gridposts2 .one-third:nth-child(2n+0) { display:none; } /*---- HOMEPAGE FEATURED SECTION #1 ---*/ .LgFeatured_1 { clear:left; } .LgFeatured_1 .banner { display:table-cell;width:66.6%;overflow:hidden; } .LgFeatured_1 .banner img { width:100%; } .LgFeatured_1 .column { display:table-cell;vertical-align:middle;width:33.3%;overflow:hidden; } .LgFeatured_1 .column div.text { padding:45px;text-align:center;color:#FFF; } .LgFeatured_1 .column div.text span.subtitle { font-size:11px;text-transform:uppercase;display:block;margin-bottom:17px;font-weight:bold;letter-spacing:4px;} .LgFeatured_1 .column div.text h1 { line-height:32px;font-family: 'kepler-std'; font-size:38px;font-weight:normal;background:url("../img/theme/border1.gif") no-repeat scroll center bottom transparent;display:block;padding-bottom:35px;margin-bottom:32px; } .LgFeatured_1 .column div.text h1 a { color:#FFF; } .LgFeatured_1 .column div.text h1 a:hover { color:#FFF;text-decoration:underline; } .LgFeatured_1 .column div.text p { font-family: 'sofia-pro'; font-size:15px;line-height:22px; margin-bottom:44px; } /*---- HOMEPAGE FEATURED SECTION #2 ---*/ .LgFeatured_2 { float:left;width:66.7%;overflow:hidden; } /*---- HOMEPAGE SECONDI ---*/ .secondi { background-color:#FFF;text-align:center;padding:97px 0 50px 0;clear:both;overflow:hidden; } .secondi .secondi_container { max-width:1298px;margin:0 auto; } .secondi .secondi_container h2 { background:url(../img/theme/border2.gif) no-repeat bottom center;font-family: 'adobe-caslon-pro';font-size:20px;letter-spacing:9px;text-transform:uppercase;padding-bottom:23px;margin-bottom:25px; } .secondi .secondi_container ul.features { padding:0; } .secondi .secondi_container ul.features li { display:block;float:left;width:33.3%;margin-bottom:51px; } .secondi .secondi_container ul.features li .thumbnail { margin-bottom:28px; } .secondi .secondi_container ul.features li .thumbnail img {display:inline; } .secondi .secondi_container ul.features li.last { margin-right:0; } .secondi .secondi_container ul.features li h3 { font-family: 'sofia-pro',sans-serif;font-size:20px;margin-bottom:20px;font-weight:bold; } .secondi .secondi_container ul.features li p { line-height:21px;margin:0 auto 29px auto;font-family:'sofia-pro',sans-serif;font-size:13px;width:329px; } /*---- Common Boxes & Containers ----*/ /*---- Buttons ----*/ a.button_simple { color:#B81D31;border:#CCC solid 1px; font-family:'adobe-caslon-pro';text-transform:uppercase;font-size:11px;padding:14px 22px;letter-spacing:4px;background-color:#FFF;cursor:pointer;transition:background 0.5s;-webkit-transition:background 0.5s; } a.button_simple:hover { background-color:#000;color:#FFF; } a.button_white { color:#FFF;border:rgba(255,255,255,0.40) solid 1px; text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:border 0.5s;-webkit-transition:border 0.5s;font-weight:bold;letter-spacing:2px;font-family:'sofia-pro',sans-serif; } a.button_white:hover { color:#FFF;text-decoration:none !important;border:1px solid #FFF; } a.button_gold { color:#FFF !important;background-color:#cd9100;border:solid 1px #cd9100; text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;font-weight:bold;letter-spacing:2px;font-family:'sofia-pro',sans-serif; } a.button_gold:hover { color:#FFF;text-decoration:none !important;background-color:#ebb100; } input.button_gold { color:#FFF;background-color:#cd9100;border:solid 1px #cd9100; text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;font-weight:bold;letter-spacing:2px;font-family:'sofia-pro',sans-serif; } input.button_gold:hover { color:#FFF;text-decoration:none !important;background-color:#ebb100; } a.button_black { color:#000;border:rgba(0,0,0,0.40) solid 1px; text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:border 0.5s;-webkit-transition:border 0.5s;font-weight:bold;letter-spacing:1px;display:inline-block;font-family:'sofia-pro',sans-serif; } a.button_black:hover { color:#000;text-decoration:none !important;border:1px solid #000; } a.button_lightblue { text-align:center;color:#fff !important;background-color:#00acee;text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:background-color 0.5s;-webkit-transition:bbackground-color 0.5s;font-weight:bold;letter-spacing:1px;display:inline-block; } a.button_lightblue:hover { color:#fff;text-decoration:none !important;background-color:#009ed8; } a.button_blue { text-align:center;color:#fff !important;background-color:#425f9c;text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;font-weight:bold;letter-spacing:1px;display:inline-block; } a.button_blue:hover { color:#fff;text-decoration:none !important;background-color:#364e7f; } a.button_green { text-align:center;color:#fff !important;background-color:#86d158;text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;font-weight:bold;letter-spacing:1px;display:inline-block; } a.button_green:hover { color:#fff;text-decoration:none !important;background-color:#70bb4f; } a.button_red { text-align:center;color:#fff !important;background-color:#c61620;text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:background-color 0.5s;-webkit-transition:background-color 0.5s;font-weight:bold;letter-spacing:1px;display:inline-block; } a.button_red:hover { color:#fff;text-decoration:none !important;background-color:#a11219; } .play_border { margin:0 auto; background-color:#FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 80px; height: 80px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .play_border:hover{ border-color: transparent; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); } .play_border:hover .play_button{ border-left: 20px solid rgba(0,0,0,0.5); } .play_border:active,.play_border:focus{ -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); } .play_button { position:relative; top: 20px; left: 43%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgba(0,0,0,1); } .play_border_blk { margin:0 auto; background-color:rgba(0, 0, 0, 0.5); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 80px; height: 80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; border:3px solid white; } .play_border_blk .play_button { position:relative; top: 20px; left: 43%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgba(255, 255, 255, 1); } /*---- Lists ----*/ /*---- FADE INS ---*/ /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity: 0; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; } .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ body.home {background:#000;} body.home #header,body.blog #header,body.video-page #header { position:absolute; left:0; z-index:100; width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) -37%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(-37%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) -37%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.8) -37%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.8) -37%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) -37%, transparent 100%) repeat scroll 0 0 transparent; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } body.home #main-navigation ul li a,body.blog #main-navigation ul li a,body.video-page #main-navigation ul li a {color:#fff;} body.home #header .logo h1 a,body.blog #header .logo h1 a,body.video-page #header .logo h1 a {background:url(../img/theme/logo-v3-white.png) no-repeat 0 0; } body.home #main-navigation li.search form.globalSearch input[type="text"],body.blog #main-navigation li.search form.globalSearch input[type="text"],body.video-page #main-navigation li.search form.globalSearch input[type="text"] { background:url("../img/theme/icon_search.png") no-repeat scroll center center transparent; } body.home #main-navigation li.search form.globalSearch input[type="text"]:focus,body.blog #main-navigation li.search form.globalSearch input[type="text"]:focus,body.video-page #main-navigation li.search form.globalSearch input[type="text"]:focus { width: 200px; outline: none; background: url(../img/theme/icon_search.png) 10px center no-repeat, rgba(255,255,255,0.30);cursor: text;padding-left:35px;font-weight:normal;color:#FFF;font-size:12px;opacity:1 !important; } /* for high resolution display */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { body.home #header .logo h1 a,body.blog #header .logo h1 a,body.video-page #header .logo h1 a { background:url(../img/theme/logo-v3-white-retina.png) no-repeat 0 0;background-size:140px 29px; } } /*------------------------------------------ // 4.1 POST PAGE SPECIFIC STYLES //------------------------------------------*/ .left-panel{width:47%; float:left;margin-top:50px;} .right-panel{width:50%; float:right; } #content .right-panel .inner-content{margin:0; padding:58px 0 50px; max-width:520px;} .page .right-panel .inner-content { padding-top:100px !important; } .post .category{display:block;text-transform:uppercase; border:1px solid #d5d5d5; padding:0 10px; max-width:116px; height:33px; line-height:31px; color:#929292; font-size:11px; text-align:center; font-weight:400; margin:0 auto 15px;letter-spacing:2px;} .signature{margin-bottom:5px;} a.author-name{display:inline-block; margin-bottom:7px; color:#cd0000; font-size:10px; text-decoration:none;} a.author-name:hover{color:#cd0000;} .author-title{display:block; color:#999999; font-size:10px; margin-bottom:45px;} .post .sociables{margin-top:23px;float:right;} .post .sociables ul {margin:0; padding:0;} .post .sociables ul li{list-style:none; float:left; margin-right:12px; opacity: 0.7;} .post .sociables ul li:hover{opacity: 1;} #content #vimeovideo { margin:56px auto 15px auto;max-width:1300px; } #content #videoplayer { margin: 0 auto;max-width:1400px; } body.page-template-page-with-top-banner-php #vimeovideo, body.page-template-page-team-php #vimeovideo { max-width: 100% !important;margin-top:-11% !important;margin-bottom:-11% !important; } /*------------------------------------------ // 4.1 AT THE TABLE CSS //------------------------------------------*/ .at_the_table .intro { position:absolute;z-index:5;color:white;overflow:hidden;width:100%;align-items:center;display:flex;flex-direction:column;justify-content:center;height:100%; } .at_the_table .intro .text { max-width:500px;padding:32px; } .at_the_table .intro .text .presents { font-size:15px;font-weight:normal;letter-spacing:11px;display:block;margin-bottom:19px;text-transform:uppercase;text-align:center; } .at_the_table .intro .text h1 { font-family: 'kepler-std';font-weight:bold;margin-bottom:20px;text-align:center; } .at_the_table .intro .text p { font-family: 'adobe-caslon-pro';font-size:14px;line-height:23px;text-align:justify;margin-bottom:39px; } .at_the_table .intro .text a.button_white { margin: 0 auto;display:table; } .posttitle_text { max-width:650px;padding:32px 32px 0 32px;margin:30px auto 0 auto;text-align:center;} .posttitle_text a { color:black; } .posttitle_text a:hover { text-decoration:underline; } .posttitle_text h1 { font-family: 'kepler-std';font-weight:bold;margin-bottom:20px;text-align:center;font-size:60px;color:black; } .posttitle_text p { font-family: 'adobe-caslon-pro';font-size:14px;line-height:23px;text-align:justify;margin-bottom:39px; } .posttitle_text span.byline { display:block;font-size:15px;margin-bottom:8px; } .posttitle_text span.location { color:#575757;border:#575757 solid 1px; text-transform:uppercase;font-size:10px;padding:9px 22px;transition:border 0.5s;-webkit-transition:border 0.5s;font-weight:bold;letter-spacing:2px;font-family:'sofia-pro',sans-serif;margin:0 auto 27px;display:table; } .posttitle_text h2 { font-family:"adobe-caslon-pro",serif;font-size:27px;font-style:italic;text-align:center;margin:0 auto 25px auto;font-weight:normal;line-height:26px;background:url("../img/theme/border2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);padding-bottom:29px; } .at_the_table .upcomingevents { max-width:1000px;margin:0 auto 100px auto;padding:0 25px;overflow:hidden; } .at_the_table .upcomingevents ul { list-style:none;overflow:hidden;margin:0;padding:0; } .at_the_table .upcomingevents ul li { width:33%;display:block;float:left;margin-bottom:30px; } .at_the_table .upcomingevents .eventbit { width:259px;border:#CCC solid 1px;margin:0 auto;min-height:293px; } .at_the_table .upcomingevents .eventbit span.chapter { display:block;margin-top:18px;text-align:center;font-size:10px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;color:#999; } .at_the_table .upcomingevents .eventbit .event_title { line-height:23px;font-family: 'adobe-caslon-pro';font-weight:bold;font-size:18px;color:#000;text-align:center;padding:0 15px;margin-bottom:8px;display:block; } .at_the_table .upcomingevents .eventbit .event_title:hover { color:#666; } .at_the_table .upcomingevents .eventbit span.date { display:block;text-align:center;font-size:10px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin-bottom:19px; } .at_the_table .upcomingevents .eventbit.signup { border:#CCC dashed 1px;text-align:center; } .at_the_table .upcomingevents .eventbit.signup .signup_text { font-size:14px;line-height:22px;padding:66px 19px 19px;display:block; } .at_the_table_event .page_featuredimage { margin-bottom:0; } .at_the_table_event .eventinfo_wrapper { position:absolute;z-index:2;color:white;overflow:hidden;width:100%; } .at_the_table_event .eventinfo { max-width:850px;margin: 79px auto 0;padding:0 25px 0 25px; } .at_the_table_event .eventinfo .title { margin-bottom:45px; } .at_the_table_event .eventinfo .title .presents { font-size:13px;font-weight:normal;letter-spacing:11px;display:block;margin-bottom:19px;text-transform:uppercase;text-align:center; } .at_the_table_event .eventinfo .title h1 { font-size:60px;font-family: 'adobe-caslon-pro';font-weight:bold;letter-spacing:-2px;background:url("../img/theme/border1.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);padding-bottom:28px;margin:0 auto 35px;text-align:center;max-width:600px; } .at_the_table_event .eventinfo .details { float:left;max-width:221px; } .at_the_table_event .eventinfo .details ul { list-style:none;margin:0;padding:0; } .at_the_table_event .eventinfo .details ul li { padding:0 0 2px 27px;margin-bottom:15px;line-height:16px; } .at_the_table_event .eventinfo .details ul li.date { background:url("../img/theme/event_date.png") no-repeat; } .at_the_table_event .eventinfo .details ul li.time { background:url("../img/theme/event_time.png") no-repeat; } .at_the_table_event .eventinfo .details ul li.location { background:url("../img/theme/event_location.png") no-repeat; } .at_the_table_event .eventinfo .details ul li.tickets { background:url("../img/theme/event_price.png") no-repeat; } .at_the_table_event .eventinfo .details span.soldout { color:#FFF;border:rgba(255,255,255,0.40) solid 1px; text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:not-allowed;transition:border 0.5s;-webkit-transition:border 0.5s;font-weight:bold;letter-spacing:2px;font-family:'sofia-pro',sans-serif;display:block;text-align:center; } .at_the_table_event .eventinfo .description { float:right;max-width:530px; } .at_the_table_event .eventinfo .description p { font-size:13px;line-height:19px;font-family: 'adobe-caslon-pro';margin-bottom:18px; } .at_the_table_event .eventinfo .description a { color:#999; } .at_the_table_event .eventinfo .description a:hover { color:#FFF; } /*------------------------------------------ // MAGAZINE PAGE //------------------------------------------*/ .fineprint a { color:#cd9100; } .page-template-page-magazine a:hover { text-decoration:underline; } .billboard { height:90vh;background:url("../img/assets/LTM/01/billboardbg01.jpg") repeat scroll center center / cover #76745e;overflow:hidden;display:block;} .mag_wrapper { margin:75px auto 0;max-width:850px;overflow:hidden;padding:25px 25px 96px 25px; } .mag_wrapper .coverimage { float:left;margin-right:15px; } .mag_wrapper .copy { margin: 66px 15px 0;color:white; } .mag_wrapper .copy h1 { font-family: 'adobe-caslon-pro';font-size:34px;letter-spacing:-1px;margin-bottom:9px; } .mag_wrapper .copy h2 { font-weight:bold;font-size:12px;margin-bottom:22px;text-transform:uppercase;letter-spacing:4px; } .mag_wrapper .copy p { font-family: 'adobe-caslon-pro';line-height:18px;margin-bottom:25px; } .mag_wrapper .copy iframe.shopify-widget { vertical-align:middle;margin-right:7px; } .mag_wrapper .copy a.button_white { margin-left:4px; } .issuecontents .screenshots { height:291px;background:url("../img/assets/LTM/01/magscreenshots.jpg") no-repeat center center; } .issuecontents .inthisissue { margin:0 auto;max-width:700px;padding:25px; } .issuecontents .inthisissue h2 { font-family:"adobe-caslon-pro",serif;background:url("../img/theme/border2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);font-size:37px;text-align:center;letter-spacing:-1px;padding-bottom:26px;margin-bottom:50px; } .issuecontents .inthisissue ul { margin:0; list-style:none;padding:0; } .issuecontents .inthisissue ul li { margin-bottom:70px;display:block;overflow:hidden; } .issuecontents .inthisissue ul li img { float:left;width:20%;border-radius:100px; } .issuecontents .inthisissue ul li .storybit_copy { float:left;margin-left:21px;width:71%;font-family:"adobe-caslon-pro",serif; } .issuecontents .inthisissue ul li .storybit_copy h3 { font-weight:bold;font-size:18px;margin-bottom:10px;line-height:24px; } .issuecontents .inthisissue ul li .storybit_copy p { line-height:20px; } .ordernow { text-align:center;margin-bottom:70px; } .ordernow h4 { font-family:"adobe-caslon-pro",serif;background:url("../img/theme/border2.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);font-size:20px;text-align:center;letter-spacing:-1px;padding-bottom:26px;margin-bottom:50px; } .ordernow h4 a { color: #cd9100; font-style: italic;font-weight:normal; } .ordernow h4 a:hover {text-decoration:underline;} .ordernow .fineprint p { color:#666;line-height:20px;margin-bottom:17px; } .ordernow .fineprint a { color:#cd9100; } .ordernow .fineprint a:hover { text-decoration:underline; } /*------------------------------------------ // PHOTO ESSAY v2 (USING AT THE TABLE CSS) //------------------------------------------*/ #storyheader { display:none;position:fixed;background-color:#FFF;padding:16px 0 16px 16px;top:0;left:0;right:0;z-index:1001;border-bottom:1px solid rgba(0, 0, 0, 0.1);overflow:hidden; } #storyheader div.ampersand { float:left;margin-right:13px;padding-right:13px;border-right:1px solid rgba(0, 0, 0, 0.1); } #storyheader div.storytitle { float:left;font-family:'adobe-caslon-pro';font-weight:bold;font-size:16px;padding-top:2px; } #storyheader div.socials { float:right; } #storyheader div.socials a.fb { background:url("../img/theme/social_share_retna.png") no-repeat scroll 18px 18px / 193px auto;cursor:pointer;padding:21px 24px;transition:background 0.3s;-webkit-transition:background 0.3s; } #storyheader div.socials a.tw { background:url("../img/theme/social_share_retna.png") no-repeat scroll -60px 18px / 193px auto;cursor:pointer;padding:21px 24px;transition:background 0.3s;-webkit-transition:background 0.3s; } #storyheader div.socials a.pin { background:url("../img/theme/social_share_retna.png") no-repeat scroll -160px 18px / 193px auto;cursor:pointer;padding:21px 24px;transition:background 0.3s;-webkit-transition:background 0.3s; } #storyheader div.sharestory { float:right;color:#666;font-size:9px;font-weight:bold;letter-spacing:2px;margin-right:6px;padding-top:5px;text-transform:uppercase; } #storyheader div.socials a.fb:hover { background:url("../img/theme/social_share_retna.png") no-repeat scroll 18px -68px / 193px auto #425f9c; } #storyheader div.socials a.tw:hover { background:url("../img/theme/social_share_retna.png") no-repeat scroll -60px -68px / 193px auto #00acee; } #storyheader div.socials a.pin:hover { background:url("../img/theme/social_share_retna.png") no-repeat scroll -160px -68px / 193px auto #c61620; } .post-template-single-photoessay-v2-php #content .inner-content { max-width: 100%;padding: 65px 0 0 0;text-align:center; } .post-template-single-photoessay-v2-php .page_featuredimage { background-color:#000;margin-bottom:0px; } .post-template-single-photoessay-v2-php .at_the_table .intro .text { max-width:600px; } .post-template-single-photoessay-v2-php .at_the_table .intro .text h1 { font-size:51px;line-height:47px; } .post-template-single-photoessay-v2-php .at_the_table .intro .text h2 { font-family:"adobe-caslon-pro",serif;font-size:22px;font-style:italic;text-align:center;margin:0 auto 25px auto;font-weight:normal;line-height:26px;background:url("../img/theme/border1.gif") no-repeat scroll center bottom rgba(0, 0, 0, 0);padding-bottom:29px; } .post-template-single-photoessay-v2-php .flexslider .slides img { opacity:0.45; } .post-template-single-photoessay-v2-php .at_the_table .intro .text span.byline { font-size:13px;font-weight:normal;letter-spacing:1px;display:block;margin-bottom:6px;text-align:center; } .post-template-single-photoessay-v2-php .at_the_table .intro .text span.byline a { color:#fff; } .post-template-single-photoessay-v2-php .at_the_table .intro .text span.byline a:hover { text-decoration:underline; } .post-template-single-photoessay-v2-php .at_the_table .intro span.location { color:#FFF;border:rgba(255,255,255,0.40) solid 1px; text-transform:uppercase;font-size:10px;padding:9px 22px;transition:border 0.5s;-webkit-transition:border 0.5s;font-weight:bold;letter-spacing:2px;font-family:'sofia-pro',sans-serif;margin:0 auto 27px;display:table; } .post-template-single-photoessay-v2-php .post p { margin:0 auto 28px;max-width:700px;padding:0 35px;text-align:left; } .post-template-single-photoessay-v2-php .post img { margin-bottom:11px; } .post-template-single-photoessay-v2-php .post img ~ p { margin-top:28px; } .post-template-single-photoessay-v2-php .post blockquote p { max-width:960px !important;text-align:center !important;width:auto !important; } .post-template-single-photoessay-v2-php .post strong { color:#000; } .post-template-single-photoessay-v2-php .post_coverimage { opacity:0.45;background-color: #000; background-repeat: no-repeat; background-position: center center;background-size:cover !important;height:100vh; } #mag_widget { max-width:400px;margin:25px auto 0;padding:15px;border:1px solid #E2E2E2;background-color:#F1F1F1; } #mag_widget p { line-height:23px; font-size:14px;color:#666;margin-bottom:10px; } #mag_widget p a { color:black;text-decoration:underline;font-weight:bold; } #mag_widget p a:hover { text-decoration:none; } /*------------------------------------------ // 4.1 STORIES PAGE //------------------------------------------*/ .categoryheader { background-size:cover;margin-bottom:48px;padding-bottom:13px;background-position:50%;padding-top:64px;background-color:#333; } .stories-content { } .stories-content .post { max-width:900px; } .stories-content .post h2 { color:#FFF !important;background:rgba(0, 0, 0, 0) url("../img/theme/border1.gif") no-repeat scroll center bottom;margin-bottom:27px;font-size:42px;font-weight:normal; } .stories-content .post p { color:#FFF;text-align:center;letter-spacing:1px;font-size:19px;font-family:'sofia-pro',sans-serif;line-height:29px; } .stories { max-width:1300px;overflow:hidden;margin:0 auto;clear:both;display:flex;flex-flow:row wrap; } .stories .story { width:28%;float:left;margin-right:5%;text-align:center;margin-bottom:64px;min-height:600px; } .stories .story:nth-child(3n+0) { margin-right:0px; } .stories .story div a.imglink { display:block;overflow:hidden;margin-bottom:21px;background-color:#000; } .stories .story div img { opacity: 1;transition: transform 0.25s ease-in-out,opacity 0.25s ease-in-out;-moz-transition: transform 0.25s ease-in-out,opacity 0.25s ease-in-out;-webkit-transition: -webkit-transform 0.25s ease-in-out,opacity 0.25s ease-in-out; } .stories .story div a:hover img { opacity: 0.75;transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); } .stories .story div h1 { font-family: 'kepler-pro',serif;margin-bottom:8px;font-size:26px;font-weight:bold;line-height:31px; } .stories .story div h1 a { color:#000; } .stories .story div h1 a:hover { color:#666; } .stories .story div span.metadata { font-size:10px;text-transform:uppercase;font-weight:bold;margin-bottom:14px;display:block;letter-spacing:2px; } .stories .story div span.metadata a { color:#b81d31; } .stories .story div span.metadata a:hover { color:#666; } .stories .story div p { font-family: 'sofia-pro',sans-serif; font-size:14px;margin-bottom:20px;line-height:20px; } .stories .pagination { text-align: center; margin: 0 auto 46px; clear: both; padding-top: 41px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; } .stories .pagination a { color:#000;border:rgba(0,0,0,0.40) solid 1px; text-transform:uppercase;font-size:10px;padding:9px 22px;cursor:pointer;transition:border 0.5s;-webkit-transition:border 0.5s;font-weight:bold;letter-spacing:1px;display:inline-block;margin-bottom:5px;min-width:99px; } .stories .pagination a:hover { color:#000;text-decoration:none !important;border:1px solid #000; } .stories_menu { border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:36px 0 19px;text-align:center;margin:0 52px; } .stories_menu ul { list-style:none;margin:0;overflow:hidden;display:inline-block; } .stories_menu ul li { float:left;margin-right:25px;font-weight:bold;text-transform:uppercase;letter-spacing:1px; } .stories_menu ul li a { color:#FFF;transition: color .25s ease-in-out;-moz-transition: color .25s ease-in-out;-webkit-transition: color .25s ease-in-out; font-size:11px;} .stories_menu ul li a:hover { color:#CCC; } .stories_menu ul li.active a { color:#CCC; } /*------------------------------------------ // 4.1 THE MIGRANT KITCHEN //------------------------------------------*/ body.video-page .categoryheader { padding:0 25px 100px 25px;margin-bottom:0;background-color:#1a1a1a; } body.video-page .categoryheader .stories-content .post { margin-top:60px;margin-bottom:63px; } body.video-page .meta { font-weight:bold;line-height:22px;display:block;color:white;font-size:13px;letter-spacing:7px;text-align:center; text-transform:uppercase;margin-bottom:22px; } body.video-page .meta a { color:white; } body.video-page .meta a:hover { color:white;text-decoration:underline; } body.video-page .categoryheader .tmk_title { text-indent:-999px;background:url(../img/assets/tmk/tmk-logo-white.png) no-repeat top center;background-size:600px 109px;display:block;height:109px;width:600px;overflow:hidden;margin:12px auto 37px auto; } body.video-page .play_border_blk { margin: 0 auto 39%; } body.video-page .frame .caption .metadata { font-size:12px;font-weight:bold; } body.video-page .frame .caption h2 { font-size:32px; } body.video-page .one-third { background-color:#333; } body.video-page div.socials { margin:0 auto;display:table; } body.video-page div.socials a.fb { background:url("../img/theme/social_share_retna.png") no-repeat scroll 18px 18px / 193px auto;cursor:pointer;padding:21px 24px;transition:background 0.3s;-webkit-transition:background 0.3s; } body.video-page div.socials a.tw { background:url("../img/theme/social_share_retna.png") no-repeat scroll -60px 18px / 193px auto;cursor:pointer;padding:21px 24px;transition:background 0.3s;-webkit-transition:background 0.3s; } body.video-page div.socials a.pin { background:url("../img/theme/social_share_retna.png") no-repeat scroll -160px 18px / 193px auto;cursor:pointer;padding:21px 24px;transition:background 0.3s;-webkit-transition:background 0.3s; } body.video-page div.sharestory { float:right;color:#666;font-size:9px;font-weight:bold;letter-spacing:2px;margin-right:6px;padding-top:5px;text-transform:uppercase; } body.video-page div.socials a.fb:hover { background:url("../img/theme/social_share_retna.png") no-repeat scroll 18px -68px / 193px auto #425f9c; } body.video-page div.socials a.tw:hover { background:url("../img/theme/social_share_retna.png") no-repeat scroll -60px -68px / 193px auto #00acee; } body.video-page div.socials a.pin:hover { background:url("../img/theme/social_share_retna.png") no-repeat scroll -160px -68px / 193px auto #c61620; } /*------------------------------------------ // 4.1 VIDEO TEMPLATE CSS //------------------------------------------*/ .video_wrapper { margin:0 auto 40px auto; max-width:1300px; background-color:#0F0F0F; } .video_wrapper .videoinfo { padding:35px; } .video_wrapper .videoinfo span.meta { text-align:left;color:white;letter-spacing:1px;margin-bottom:7px; } .video_wrapper .videoinfo span.minor { font-weight:normal;letter-spacing:0;font-size:14px;text-transform:none;margin-bottom:21px;color:#D2D2D2; } .video_wrapper .videoinfo h2 { font-family:"kepler-std",serif;color:white;font-size:39px;font-weight:normal;margin-bottom:5px;} .video_wrapper .videoinfo .descr { font-size:16px;color:white;max-width:800px; } .video_wrapper .videoinfo .descr p { margin-bottom:20px;line-height:21px; } .video_wrapper .videoinfo .socials { float:right; } .video-page .stories_wrapper { margin:0 auto; max-width:1300px; } .video-page .stories_wrapper h3.more { font-family:"sofia-pro",serif;color:white;font-size:20px;font-weight:bold;margin-bottom:19px;text-transform:uppercase;letter-spacing:1px;} /*------------------------------------------ // 4.1 OTHER PAGE SPECIFIC STYLES //------------------------------------------*/ div.page_featuredimage { overflow:hidden;width:100%;margin-bottom:50px;position:relative; } div.page_featuredimage div.page_quote { position:absolute; text-align:center;left:0;right:0;margin-left:auto;margin-right:auto;width:50%;z-index:1;color:#FFF;margin-top:14%; } div.page_featuredimage div.page_quote h1 { font-family: 'adobe-caslon-pro'; font-size:18px;letter-spacing:3px;line-height:23px;margin-bottom:22px;text-transform:uppercase; } div.page_featuredimage div.page_quote span.quote_author { display:inline-block; background:url(../img/theme/overlay-bg.png) repeat 0 0; border:1px solid #7d7987; padding:0 10px; min-width:90px; height:31px; line-height:31px; color:#fff; font-size:9px; text-align:center; font-weight:400; text-transform:uppercase;letter-spacing:2px; } div.page_featuredimage .flexslider .slides > li { margin-right:0px !important; } span.box_title_large {display:inline-block; border:1px solid #7d7987; padding:0 10px; min-width:90px; line-height:31px; color:#fff; font-size:14px; text-align:center; font-weight:400; text-transform:uppercase;letter-spacing:2px; } div#dinner_mailinglist { border-top:#000 3px solid;text-align:center;padding-top:41px;margin-bottom:50px; } div#dinner_mailinglist form label { text-transform:uppercase;font-weight:bold;letter-spacing:6px; display:block;margin-bottom:6px;font-family:'sofia-pro',sans-serif;font-size:12px;color:#000; } div#dinner_mailinglist form input[type="text"],div#dinner_mailinglist form input[type="email"] { width:300px; padding:11px;margin-bottom:31px;font-family:'adobe-caslon-pro';text-align:center;font-size:13px;border:#CCC solid 1px; } div#dinner_mailinglist form input[type="text"]:focus,div#dinner_mailinglist form input[type="email"]:focus { border:#000 1px solid; } div#dinner_mailinglist form input[type="submit"] { border:#CCC solid 1px; font-family:'adobe-caslon-pro';text-transform:uppercase;font-size:11px;padding:10px 22px;letter-spacing:4px;background-color:#FFF; } div#dinner_mailinglist form input[type="submit"]:hover { background-color:#000;color:#FFF; } div#dinner_mailinglist form input.smallinput { width:50px; } div#dinner_mailinglist form textarea { width:300px; padding:11px;margin-bottom:31px;font-family:'adobe-caslon-pro';text-align:left;font-size:13px;border:#CCC solid 1px; } div#dinner_mailinglist form select { width:300px; padding:11px;margin-bottom:31px;font-family:'adobe-caslon-pro';text-align:left;font-size:13px;border:#CCC solid 1px; } div#dinner_mailinglist form p { margin-bottom:0px; } /*------------------------------------------ // 4.1 WHO WE ARE //------------------------------------------*/ .page-template-page-about-php div.page_featuredimage { margin-bottom: 0; } .page-template-page-about-php .inner-content { max-width:650px; } div.about_intro { background-color: #F4F4F4; padding:89px 40px; margin-bottom:15px;text-align:center; } div.about_intro h1 { font-family:'adobe-caslon-pro',serif;color:black;font-size:29px;letter-spacing:-1px;line-height:39px;margin:0 auto;max-width:650px;text-align:center; } div.editorialteam { background-color: #202020; padding:49px 40px; margin-bottom:15px;text-align:center; } div.editorialteam h4 { color:white;text-align:center;font-family:'sofia-pro',sans-serif; background:none; font-size:13px;letter-spacing:4px;padding:0;text-transform:uppercase;margin-bottom:48px; } div.teamphotos {max-width:950px; margin:0 auto; padding:0 10px;overflow:hidden;} div.teamphotos ul { list-style:none;margin:0;padding:0; } div.teamphotos ul li {display:block;float:left;width:33.3%; } div.teamphotos ul li div.teambit { width:150px;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:39px; } div.teamphotos ul li.nomargin { margin-right:0 !important; } div.teamphotos ul li span.name { color:white;clear:both; display:block; margin-bottom:7px; font-family: 'adobe-caslon-pro'; font-size:14px;text-align:center;margin-top:14px;font-weight:bold; } div.teamphotos ul li span.title { color: #CCC;display: block;font-size: 10px;letter-spacing: 3px;margin-bottom: 22px;line-height:17px;text-align: center;text-transform: uppercase;min-height:38px; } div.teamphotos ul li img { border-radius:100px;width:150px; } /*------------------------------------------ // 4.1 CONTRIBUTE PAGE //------------------------------------------*/ section.contribute_forms { max-width:650px;margin:0 auto;margin-top:68px;margin-bottom:40px;} section.contribute_forms h2 { font-size:16px;letter-spacing:7px;margin-bottom:40px;margin-top:21px;text-align:center;text-transform:uppercase; } section.contribute_forms ul { list-style:none;margin:0;padding:0;overflow:hidden; } section.contribute_forms ul li {display:block;float:left;width:25%;text-align:center;margin-bottom:41px; } section.contribute_forms ul li img { margin-bottom:5px; } section.contribute_forms ul li span.form_name { display:block;font-weight:bold;text-transform:uppercase;font-size:11px;letter-spacing:2px;margin-top:5px; } section.contribute_forms div.contactlink { clear:both; text-align:center;margin-top:20px; } section.contribute_table { max-width:750px;margin: 0 auto; } section.contribute_table h2 { font-size:15px; } section.contribute_table ul { list-style:none; } section.contribute_table ul li { padding: 10px 0px;border-bottom:#999 solid 1px; } section.contribute_table ul li span.location { float:right;display:block;background:url(../img/theme/icon_location.png) no-repeat 0 0;padding: 3px 3px 3px 10px; } section.contribute_table ul li span.title { font-family: 'adobe-caslon-pro'; font-size:14px;text-transform:uppercase;display:block;margin-bottom:3px; } section.contribute_table ul li span.author { display:block;text-transform:uppercase;font-weight:bold;color:#666; } section.contribute_table ul li span.author a { color:#666;} /*------------------------------------------ // 4.1 PHOTOESSAY PAGE SPECIFIC STYLES //------------------------------------------*/ #loading { text-align: center;font-style: italic;font-size:10px;background-color:#FFF;position:absolute;width:100%;height:100%;padding-top:100px;z-index:100000; } .caroufredsel_wrapper { margin:0 !important; width: 100% !important; } .listings .carousel .photo-container {float:left; position:relative; height: 100%; width: auto; } .listings .previous-btn, .listings .next-btn{display:block; position:absolute; top:45%; height:50px; width:46px; z-index: 10; } .listings .previous-btn{background:url(../img/theme/previous-btn.png) no-repeat 0 0; left:0px;} .listings .next-btn{background:url(../img/theme/next-btn.png) no-repeat 0 0; right:0px;} .listings .next-btn.disabled , .listings .previous-btn.disabled { display:none !important; } #photo-carousel > li { float:left; height: 100%; } .listings .carousel .photo-container > img { height: 100%; width: auto; } .listings .carousel .photo-container .video .fluid-width-video-wrapper{ padding-top: 103.658% !important; } .listings .carousel .photo-container .description{position:absolute; background:url(../img/theme/overlay2.png) repeat 0 0; width:275px; right:0; top:42%; padding:30px 4%; text-align:center; } .listings .carousel .photo-container .description h2{font-weight:normal; color:#fff; line-height:34px; margin-bottom:20px; background:url(../img/theme/border1.gif) no-repeat bottom center; padding-bottom:25px; text-transform:uppercase; font-size:25px;letter-spacing:5px; } .listings .carousel .photo-container .description p{color:#fff; font-size:13px; line-height:19px; } .listings .carousel .photo-container .sociables{display:none; position:absolute; z-index:200; top:20px; right:30px;} .listings .carousel .photo-container .sociables ul {margin:0; padding:0;} .listings .carousel .photo-container .sociables ul li{list-style:none; float:left; margin-right:12px; } .listings .carousel .photo-container:hover .sociables{display:block;} .listings .carousel li.introslide { position: relative; z-index: 5; background-color: #1C1C1C; } .listings .carousel li.introslide div.introtext { text-align:center;padding:50px;margin-top:15%;} .listings .carousel li.introslide div.introtext a { color:white; } .listings .carousel li.introslide div.introtext a:hover { text-decoration:underline; } .listings .carousel li.introslide div.introtext h1 { font-family: 'adobe-caslon-pro';font-size:15px;font-size:25px; margin-bottom:40px; text-align:center; background:url(../img/theme/border1.gif) no-repeat bottom center; padding-bottom:24px; line-height:35px; font-weight:normal; letter-spacing:5px;text-transform:uppercase; color:white; } .listings .carousel li.introslide div.introtext div.description { color:white;padding:0px 13%;line-height:18px;color:#CCCCCC; } .listings .carousel li.introslide div.introtext div.description p {line-height:19px;margin-bottom:14px; } .listings .carousel li.introslide div.introtext span.category {margin-bottom:32px;display:inline-block; border:1px solid #7d7987; padding:0 10px; min-width:90px; height:31px; line-height:31px; color:#fff; font-size:11px; text-align:center; font-weight:400; text-transform:uppercase;letter-spacing:2px;} .listings .carousel li.introslide div.introtext span.metadata {display:block; color:#fff; font-size:11px; letter-spacing:3px;margin-bottom:25px; font-weight:400; text-transform:uppercase;} .listings .carousel li.introslide .sociables{margin: 60px auto 0;padding-left:75px;width:300px;} .listings .carousel li.introslide .sociables ul {margin:0; padding:0;} .listings .carousel li.introslide .sociables ul li{list-style:none; float:left; margin-left:5px; opacity: 0.7;} .listings .carousel li.introslide .sociables ul li:hover{opacity: 1;} /*--------------------------------------------------- // POST TEMPLATE: WIDESCREEN (single-widescreen.php) //--------------------------------------------------*/ body.post-template-single-widescreen-php #main-navigation { } body.post-template-single-widescreen-php .post_slider { overflow:hidden;position:relative; } body.post-template-single-widescreen-php .post_slider .slides { max-height:800px;overflow:hidden; } body.post-template-single-widescreen-php .post_slider .caption { bottom:0; padding:0 0 68px 53px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ position:absolute; z-index:1; bottom:0; width:100%; } body.post-template-single-widescreen-php .post_slider .caption h2 { color:#FFF;font-family:'adobe-caslon-pro',serif;max-width:80%;line-height:59px;background:url("../img/theme/border1.gif") no-repeat scroll left bottom transparent;display:block;text-decoration:none;padding:0 0 27px;margin:0;font-size:48px;text-align:left !important; } body.post-template-single-widescreen-php .post_slider .caption .container .contributor {float:left; clear:both;margin-right:48px;margin-top:15px;color:#FFF; } body.post-template-single-widescreen-php .post_slider .caption .container .contributor strong { font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;font-size:10px; } body.post-template-single-widescreen-php .post_slider .caption .container .contributor span { font-family: 'adobe-caslon-pro'; font-size:14px;} body.post-template-single-widescreen-php .post_slider .caption .container .location {float:left; margin-right:48px;margin-top:15px;color:#FFF; } body.post-template-single-widescreen-php .post_slider .caption .container .location strong { font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;font-size:10px; } body.post-template-single-widescreen-php .post_slider .caption .container .location span { font-family: 'adobe-caslon-pro'; font-size:14px;} body.post-template-single-widescreen-php .post_slider .caption .container .readmore {float:left; margin-right:20px;margin-top:22px;color:#FFF; } body.post-template-single-widescreen-php .post_slider .caption .container .readmore strong { font-weight:bold;display:block;margin-bottom:6px;text-transform:uppercase;font-size:10px; } body.post-template-single-widescreen-php .post_slider .caption .container .readmore span { font-family: 'adobe-caslon-pro'; font-size:14px;} body.post-template-single-widescreen-php .post_slider .caption .container a { color:#FFF;text-decoration:none; } body.post-template-single-widescreen-php .post_slider .caption .container a:hover { text-decoration:underline; } body.post-template-single-widescreen-php .post_slider img { margin-bottom:0 !important; } body.post-template-single-widescreen-php #content .inner-content { max-width:960px;padding:65px 31px 5px; } body.post-template-single-widescreen-php .post p { margin:0 auto 28px;max-width:600px; } body.post-template-single-widescreen-php .post img { margin-bottom:28px; } .post_slider_wrapper { position:relative;background:none repeat scroll 0 0 #F0F0F0; } .post_slider_wrapper .loading { position:absolute;z-index:2000;width:100%;text-align:center;padding-top:150px; } .post_slider_wrapper .loading .pot-loader { background-color: #FFFFFF;border-radius: 3px;-moz-border-radius: 3px;padding: 36px;display:inline-block; } .post_slider_wrapper .post_slider { overflow:hidden; position:relative; } .post_slider_wrapper .post_slider, .post_slider_wrapper .post_slider img { height: 650px; } .post_slider_wrapper .post_slider ul { margin:0; padding:0;list-style:none; } .post_slider_wrapper .post_slider li { float:left; margin:0 5px 0 0; } /* IE6 issues */ .post_slider_wrapper .post_slider ul { width:100%; } .post_slider_wrapper .controls .prev-page, .controls .next-page{display: block;height: 100%;opacity: 0.59;position: absolute;right: 0;text-indent: -9999px;top: 0;width: 44px;z-index: 200;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; } .post_slider_wrapper .controls .prev-page{background:url(../img/theme/previous-btn.png) no-repeat 0 0 #000; left:0px;background-position:0 50%;} .post_slider_wrapper .controls .next-page{background:url(../img/theme/next-btn.png) no-repeat 0 0 #000; right:0px;background-position:0 50%;} .post_slider_wrapper .controls .prev-page:hover, .post_slider_wrapper .controls .next-page:hover { opacity: 0.70; } .vc_figure-caption { font-size:12px !important;color:#616161; } /*------------------------------------------ // SUPPORT AUTHOR (IN POST) //------------------------------------------*/ .supportauthor { margin: 43px auto 0;display:table;text-align:center;} .supportauthor h2 { font-family:'sofia-pro',sans-serif !important;font-size:15px;letter-spacing:1px;margin-bottom:26px;text-transform:uppercase; } .supportauthor ul { list-style:none;overflow:hidden;margin:0;padding:0; } .supportauthor ul li { float:left; } .supportauthor ul li a { margin-right:3px;padding-bottom:12px; } .supportauthor ul li a img { margin-bottom:0 !important; } /*------------------------------------------ // POST DATE INFO (IN POST) //------------------------------------------*/ .postdate { padding-top:30px; } .postdate span { font-family:"adobe-caslon-pro",serif; font-style:italic;font-size:19px; } /*------------------------------------------ // KEEP READING //------------------------------------------*/ .keepreading-nav { border-top:1px solid #CCCCCC;padding:19px 35px 50px;overflow:hidden;max-width:960px;margin:0 auto; } .keepreading-nav .navbit { width:50%;float:left;text-align:left; } .keepreading-nav .navbit span { color:#000;font-size:10px;letter-spacing:2px; text-transform:uppercase;display:block;margin-bottom:5px; } .keepreading-nav .navbit a { font-family: 'adobe-caslon-pro';font-size:16px;font-weight:normal;line-height:23px; } .keepreading-nav .next { text-align:right; } /*------------------------------------------ // JOURNAL //------------------------------------------*/ .journal .inner-content { max-width:800px !important;padding-top:22px !important; } .journal .journal_header { margin: 32px auto !important; } .journal .journal_header a { color:#000; } .journal .journal_header a:hover { color:#666; } .journal .journal_header h1 { font-family: 'adobe-caslon-pro',serif;font-size:53px;font-weight:bold;letter-spacing:-1px; text-align:center;margin-bottom:24px;color:#000; } .journal .journal_header p { text-align:center;font-family: 'adobe-caslon-pro',serif; font-style:italic;font-size:18px;line-height:24px;color:#666; } .journal .journal_entries .postauthor { margin: 0; max-width:inherit; padding-top:0; } .journal .journal_entries .avatar { text-align:center;background:rgba(0, 0, 0, 0) url("../img/theme/border2.gif") repeat-x scroll center center; } .journal .journal_entries .avatar img { border:14px white solid;margin-bottom:0; } .journal .journal_entries .journal_title { background:none;font-size:29px;padding-bottom:0px;margin-bottom:9px; } .journal .journal_entries .journal_title a { color:#000; } .journal .journal_entries .journal_title a:hover { color:#666; } .journal .journal_entries .meta { display:block;text-align:center;font-size:10px;letter-spacing:2px;margin-bottom:42px;line-height:17px; } .journal .journal_entries .meta a { color:#000; } .journal .journal_entries .meta a:hover { color:#666; } .journal .journal_entries .post { margin-bottom:40px; } .journal .journal_entries .post p { font-size:17px;line-height:25px; } .journal .journal_entries .post a { color:#000;font-weight:bold; } .journal .journal_entries .post a:hover { text-decoration:underline; } .journal .journal_entries .journal_post img { margin-bottom:32px; } .journal .journal_footer { text-align:center;background:rgba(0, 0, 0, 0) url("../img/theme/border2.gif") repeat-x scroll center center;text-align:center;margin-bottom:67px; } .journal .journal_footer a.button_black { background-color:#FFF; } /*------------------------------------------ // GOOGLE MAP IN POST //------------------------------------------*/ .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; } /*------------------------------------------ // XMAS THEME //------------------------------------------*/ .listings .carousel li.xmas { background-color: #c42020; } .listings .carousel li.xmas div.introtext div.description { color:#FFF; } .listings .carousel li.xmas div.introtext span.category { border:1px solid #FFF; } .carousel { overflow:hidden; width:100%; position:relative; } #photo-carousel { list-style:none; padding:0; } .video { height:100%; width:100%; } .slideshow{position:relative;} .slideshow a.next-btn, .slideshow a.previous-btn { display: block; height: 0; overflow: hidden; padding-top: 32px; position: absolute; text-decoration: none; top: 49%; width: 17px; z-index:500; } .slideshow a.previous-btn{background: url("../img/theme/next-prev-btn.png") no-repeat left top ; left: 20px;} .slideshow a.next-btn{background: url("../img/theme/next-prev-btn.png") no-repeat left bottom ; right: 20px;} .slideshow .controls{bottom: 10px; position: absolute; right: 30px; text-align: center; z-index:1000; width: 120px;} .slideshow .controls a{background: url("../img/theme/flex-control-nav-bg.png") no-repeat scroll right top transparent; cursor: pointer; display: inline-block; height: 0; overflow: hidden; padding-top: 6px;text-decoration: none; width: 6px; margin:0 5px;} .slideshow .controls a:hover, .slideshow .controls a.activeSlide{background-position:left top;} /*------------------------------------------ // 4.1 INSTAGRAM PHOTO ESSAY //------------------------------------------*/ .listings .carousel .photo-container .instagram-description {position:absolute; background:url(../img/theme/overlay2.png) repeat 0 0; width:350px; right:0; top:3%; padding:16px; } .listings .carousel .photo-container .instagram-description .avatar { float:left; margin-right:11px; } .listings .carousel .photo-container .instagram-description .avatar img { border-radius: 100px 100px 100px 100px; } .listings .carousel .photo-container .instagram-description a { color:#FFF; } .listings .carousel .photo-container .instagram-description a:hover { color:#FF3D35; } .listings .carousel .photo-container .instagram-description .comment { float:left;width:285px; } .listings .carousel .photo-container .instagram-description .comment h2 { font-family: 'adobe-caslon-pro';font-size:15px;margin-bottom:5px;font-weight:normal;text-transform:uppercase;letter-spacing:2px; } .listings .carousel .photo-container .instagram-description .comment p {color:#CCC;font-size:12px;line-height:16px; } /*------------------------------------------ // 4.1 INSTAGRAM FEED v2 //------------------------------------------*/ #absolute_loader { background-color: #FFFFFF;border-radius: 4px;-moz-border-radius: 4px;bottom: 69px;box-shadow: 1px 1px 4px #000000;-moz-box-shadow: 1px 1px 4px #000000; -webkit-box-shadow: 1px 1px 4px #000000;padding: 11px;position: fixed;right: 13px;text-align: center;z-index: 1000; } body.post-template-page-instagram-v2-php div#content { background-color:#333;min-height:1000px; } div#instagram-feed div.instagramUser { position:absolute; width:100%; bottom: 20px; } div#instagram-feed div.instagramUser div.avatar { margin: 0 auto; width:60px; } div#instagram-feed div.instagramUser div.avatar img { border-radius: 100px 100px 100px 100px;box-shadow:0 0 0 2px #eee,0 0 0 2px #999;-moz-box-shadow: 0 0 0 3px white,0 0 0 4px #999; } div#instagram-feed div.instagramMoreinfo { position:absolute; width:100%; bottom: 97px;display:none; } div#instagram-feed div.instagramMoreinfo div { margin:0 auto; width: 50%; background-color:rgba(0,0,0,0.8);padding:25px;text-align:center;border-radius:4px; } div#instagram-feed div.instagramMoreinfo div span.instagramCaption { display:block; font-family: 'adobe-caslon-pro';font-size:14px;line-height:20px;margin-bottom:7px;color:white; } div#instagram-feed div.instagramMoreinfo div span.username { display:block; font-weight:bold;color:white; } div#instagram-feed span.instagramLocation { margin:7px; padding:10px 10px 10px 28px;position:absolute;display:block;z-index:2;color:white;font-size:11px;background:url("../img/theme/icon_mappin_white.png") no-repeat scroll 12px 10px rgba(0, 0, 0, 0.8); } div#instagram-feed span.instagramLocation a { color:white; } div#instagram-feed span.instagramLocation a:hover { text-decoration:underline; color:white; } div#instagram_intro { position: fixed;width:100%;z-index:3; } div#instagram_intro div.instagram_intro_content {background-color:#FFF;box-shadow:2px 2px 11px black;-moz-box-shadow: 2px 2px 11px #000000; width: 47%; padding: 50px 81px; text-align:center;margin:75px auto 0 auto; } div#instagram_intro div.instagram_intro_content p { margin-bottom:45px; } div#instagramShare { position:fixed;width:100%;z-index:1;display:none; } div#instagramShare div { margin: 12px 0 0 auto; width: 96px; background-color:#FFF;box-shadow:2px 2px 11px black;-moz-box-shadow: 2px 2px 11px #000000;padding: 14px 20px;overflow:hidden; } div#instagramShare span.text { display:block;float:left;margin-right:10px;color:#666; } div#instagramShare span.icons { display:block;float:right; } div#instagramShare span.icons a { display:block;float:left;transition:opacity 0.5s;-webkit-transition:opacity 0.5s; } div#instagramShare span.icons a.fb { margin-right:15px; } div#instagramShare span.icons a:hover { opacity:0.5; } /* Custom Styles */ html.html-photoessay, body.post-template-page-photoessay-php { height: 100%} body.post-template-page-photoessay-php { padding-bottom: 0; } #photoEssay_Wide { height: 100%; overflow: hidden; } /*------------------------------------------ // DARK THEME //------------------------------------------*/ .darktheme { background-color: #191919; } .darktheme .post p { color:#FFF; } .darktheme .post .dropcap > p:first-child::first-letter { color:#666; } .darktheme .post strong { color:#FFF; } .darktheme .post a,.darktheme .post .contributors a { color:#666; } .darktheme a.button_black { color:#FFF !important;border:1px solid rgba(255, 255, 255, 0.4); } .darktheme .post .postauthor .author-link { color:#FFF; } /*------------------------------------------ // GRAVITY FORMS CSS //------------------------------------------*/ .gform_wrapper span.gform_description { font-size:15px;line-height:24px; } .gform_wrapper .gform_heading { margin-bottom:3.125em; } .gform_wrapper .top_label .gfield_label { font-size:14px; } .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction { font-size:12px; } .gform_wrapper textarea.medium { font-size:13px; padding:7px; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { font-size:13px; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] { font-size:14px; padding:7px; } /*------------------------------------------ // VISUAL COMPOSER CSS //------------------------------------------*/ .vc_row { margin-left:0 !important;margin-right:0 !important; } /* RESPONSIVE HOMEPAGE FIXES */ @media (max-width: 1315px){ .LgFeatured_1 .banner img { transform:scale(1.4,1.4);-webkit-transform:scale(1.4,1.4); } .LgFeatured_1 .column div.text h1 { font-size:33px;line-height:27px; } } @media (max-width: 1088px){ .LgFeatured_1 .banner img { transform:scale(1.7,1.7);-webkit-transform:scale(1.7,1.7) } } @media (max-width: 1023px){ .LgFeatured_1 .banner img { transform:scale(1);-webkit-transform:scale(1) } .LgFeatured_1 .banner { width:100%;display:block; } .LgFeatured_1 .column { display:block; width:100%; } } @media (min-width: 1280px) { .featured img{ height:100%;width:100%;} .featured .caption {} div.page_featuredimage div.page_quote { margin-top:18%; } } @media (max-width: 1120px){ #content .right-panel .inner-content{width:auto; padding-right:35px; max-width:none;} .featured .featured_image_mobile { display:none; } div.page_featuredimage div.page_quote { margin-top:11%; } } @media (max-width: 1076px){ .secondi .secondi_container ul.features li { width:50%; } .stories .story { min-height:547px; } } @media (max-width: 723px){ .secondi .secondi_container ul.features li { width:100%; } } @media (min-width: 980px) and (max-width: 1120px){ .featured .caption {} .featured .featured_image_mobile { display:none; } } /*------------------------------------------ // IPAD LANDSCAPE //------------------------------------------*/ @media (max-width: 1024px) and (max-height: 768px){ .featured .caption {} .featured .featured_image_mobile { display:none; } .listings .carousel li.introslide div.introtext { margin-top:0; } } @media (min-width: 820px) and (max-width: 979px){ .featured .caption {} .featured .featured_image_mobile { display:none; } .frame .caption h2{font-size:23px; line-height:30px; margin-bottom:8px;} .wrapper{padding:0 35px;} .stories_menu {margin: 0 35px; } .listings .carousel .photo-container .description{width:55%;} div.teamphotos {padding:0 35px;} div.teamphotos ul li {width:33%; } } @media (min-width: 769px) and (max-width: 819px){ .featured .caption {} .featured .featured_image_mobile { display:none; } .frame .caption h2{font-size:23px; line-height:30px; margin-bottom:8px;} .frame .caption p{margin-bottom:10px; width:70%;} .wrapper{padding:0 35px;} .stories_menu {margin: 0 35px; } .listings .carousel .photo-container .description{width:55%;} div.teamphotos {padding:0 35px;} div.teamphotos ul li {width:33%; } } @media (max-width: 768px){ .frame { } .featured .caption { padding-bottom:32px; } .frame .caption .metadata {font-size:10px; } .featured .featured_image_mobile { display:none; } .frame .caption h2{ line-height:28px; margin-bottom:8px;font-size:20px;} .featured .caption .container { } .featured .caption .container h2 { } .one-third{width:50%;} #gridposts .one-third:nth-child(4n+0) { display:block; } .gridposts2 .one-third:nth-child(2n+0) { display:block; } .wrapper{padding:0 20px;} .stories_menu {margin: 0 20px; } #content .right-panel .inner-content{padding-left:35px;} .left-panel, .right-panel{float:none; width:100%; margin-bottom:20px;} .left-panel { overflow:hidden; } .right-panel { margin-top:0; z-index:2;padding-top:25px;background-color:#FFF; } .right-panel .postinfo { max-width:inherit;padding:0 39px; } .listings .carousel .photo-container .description{width:40%;} div.teamphotos {padding:0 35px;} div.teamphotos ul li {width:50%; } .slideshow {margin-top: -10%; } .flex-direction-nav .flex-prev { margin-left:13px !important; } .flex-direction-nav .flex-next { margin-right:13px !important; } div.page_featuredimage div.page_quote { margin-top:5%;width:65%; } div.page_featuredimage div.page_quote h1 { font-size:14px; } div#instagram_intro div.instagram_intro_content h2 { font-size:22px; } .LgFeatured_2 { width:100%; } .stories .story { width:45%;margin-right:10%; } .stories .story:nth-child(3n) { margin-right:10%; } .stories .story:nth-child(2n) { margin-right:0; } body.post-template-single-widescreen-php .homepage_slider .caption { padding: 0 0 16px 53px; } body.post-template-single-widescreen-php .homepage_slider .caption h2 { font-size:40px; } body.post-template-single-widescreen-php .homepage_slider .caption .container .contributor { display:none; } body.post-template-single-widescreen-php .homepage_slider .caption .container .location { display:none; } .post_slider_wrapper .post_slider, .post_slider_wrapper .post_slider img { height:500px; } .mag_wrapper .coverimage img { width:275px; } .mag_wrapper .copy { margin:13px 15px 0; } .mag_wrapper .copy h1 { font-size:24px; } } @media (max-width: 730px){ .mag_wrapper .coverimage { float:none;text-align:center;margin:0 auto;max-width:369px; } .mag_wrapper .coverimage img { width:100%; } .mag_wrapper .copy { padding-top:30px; } .billboard { height: auto; } } @media (max-height:630px) { .billboard { height:auto; } } @media (max-width: 620px){ .featured .caption {} .featured .featured_image_mobile { display:none; } .frame .caption h2{font-size:23px; line-height:31px; margin-bottom:5px; padding-bottom:7px;} .frame.caption p{margin-bottom:5px; width:90%; font-size:11px; line-height:14px;} .one-third{width:50%;} .listings .carousel .photo-container .description{width:75%;} div.teamphotos ul li {width:50%; } div.page_featuredimage div.page_quote { display:none; } } /*@media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { body { padding-bottom:0px; } .featured .featured_image_mobile { display:block; } #footer { position: static; } #footer p{float:none; text-align:center; margin-bottom:7px;} #footer #footer-navigation {float:none; text-align:center;} #footer #footer-navigation ul li{margin:0 6px;} .post h2{font-size:18px;} div.teamphotos ul li {width:50%; } .listings .previous-btn, .listings .next-btn { top:30%; } .listings .carousel .photo-container .description{width:75%;} .carousel li { margin-right:0px !important; } #content .inner-content { padding-top:30px; } .page .right-panel .inner-content { padding-top:25px !important; } .slideshow { width: 100%; } }*/ /*------------------------------------------ // MOBILE - IPHONE LANDSCAPE //------------------------------------------*/ @media (max-width:568px) { #header{position:relative; background:#fff; padding:20px 0px; margin:0; z-index:100;border-bottom:1px solid rgba(0, 0, 0, 0.1);} body.home #header .logo h1 a,body.blog #header .logo h1 a,body.video-page #header .logo h1 a {background:url(../img/theme/logo-v3-black.png) no-repeat 0 0; } body.home #header,body.blog #header,body.video-page #header{position:relative; margin:0; z-index:100;background:#FFF;} #header .logo {width:160px; float:left;} #main-navigation { float:right;padding-top:0;padding-bottom:0;border:none; } #main-navigation li.search { display:none; } #main-navigation li.menuitem { display:none; } #main-navigation li.menu { display:block !important; } #main-navigation li.menu a { background:url(../img/theme/panel-toggle.png) no-repeat 0 0;font-size:0px;width:30px;height:23px;display:block; } #main-navigation li.magazinelink a { display:none; } #footer { padding:28px 28px 20px; } #footer .wrapper { padding:0; } #footer #footer-navigation { display:none; } #footer .newsletter { float:none;width:100%;margin-bottom:28px;} #footer .socialmedia { float:none;width:100%;margin-bottom:20px; } #footer p{float:none; text-align:center; margin-bottom:7px;} #footer #footer-navigation {float:none; text-align:center;} #footer #footer-navigation ul li{margin:0 6px;} .stories_menu ul li { margin-right:0px !important;width:50%;padding-bottom:11px; } .stories_menu { padding:21px 0 2px; } .categoryheader { padding-top:0; } .post_slider_wrapper .post_slider, .post_slider_wrapper .post_slider img { height:350px; } /* for high resolution display */ @media only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { body.home #header .logo h1 a,body.blog #header .logo h1 a { background:url(../img/theme/logo-v3-black-retina.png) no-repeat 0 0;background-size:140px 29px; } } } /*------------------------------------------ // MOBILE - IPHONE PORTRAIT //------------------------------------------*/ @media (max-width: 480px){ body { padding-bottom:0px; } /*#header #main-navigation{display:none;} #main-navigation2 {display:block;}*/ body.home #content,body.blog #content{position:relative; z-index:50;} .featured .caption {} .featured .caption .container h2 {font-size:18px; line-height:28px; margin-bottom:26px; padding-bottom:17px; width:250px;} .featured .caption .container .category{ display:none; } .frame .caption p{margin-bottom:13px; font-size:11px; line-height:20px;width:90%;} .frame .caption h2{font-size:20px; line-height:30px; margin-bottom:8px;} .flex-direction-nav { display:none; } .featured img{ height:400px;} .featured .caption .container a h2 { font-size:26px;line-height:30px;padding: 0 0 15px; } /*.featured .caption .container .location { display:none; } .featured .caption .container .readmore { display:none; }*/ .featured .caption .container { padding: 5px 19px; } .LgFeatured_1 .banner { display:block;width:100%; } .LgFeatured_1 .column { display:block;width:100%; overflow:clear; } .LgFeatured_2 { height:361px;background-color:#191919; } .flex-direction-nav { margin-right: 0 !important;padding-bottom:16px !important;width:89px !important; } .secondi .secondi_container ul.features li p { width:270px; } .one-third{width:100%;} .postinfo { padding-left:15px;padding-right:15px; } div.teamphotos ul li {width:100%; } .listings .previous-btn, .listings .next-btn { top:40%; } .listings .carousel .photo-container .description { position:static;width:93%;background:none;background-color:black; } .listings .carousel .photo-container .instagram-description { position:static;width:auto;overflow:hidden;background:none;background-color:black; } .listings .carousel .photo-container .instagram-description .comment { width:78%; float:left; } .listings .carousel li.introslide div.introtext div.description { padding:0; } .listings .carousel li.introslide .sociables { padding-left:0;width:254px;} .carousel li { margin-right:0px !important; } #content .inner-content { padding-top:30px; } .page .right-panel .inner-content { padding-top:25px !important; } .slideshow { width: 100%; } #content { min-height: 251px } .listings .carousel li.introslide {width: 320px; height:100% !important; } .listings .carousel li.introslide div.introtext h1 { font-size: 12px !important; margin-bottom: 10px !important; padding-bottom: 10px !important; } .listings .carousel li.introslide div.introtext { padding: 10px 40px; } div.page_featuredimage .flexslider img { width: 800px !important; margin-left:-200px; } body.page-template-page-with-top-banner-php #vimeovideo { margin-top: 0 !important;margin-bottom:0 !important; } div#dinner_mailinglist form input[type="text"] { width:200px; } div#dinner_mailinglist form input[type="email"] { width:200px; } div#dinner_mailinglist form select { width:200px; } div#dinner_mailinglist form textarea { width:200px; } div#instagram_intro { position:absolute !important; } div#instagram_intro div.instagram_intro_content { padding:40px;width:66%; } div#instagram_intro div.instagram_intro_content h2 { font-size:15px !important;line-height:26px; } div#instagramShare { bottom:14px; } div#instagramShare div { margin:12px auto; } div#absolute_loader { display:none !important; } section.contribute_forms ul li { width: 50%; } .stories .story { width:100%;margin-right:0; } .stories .story:nth-child(3n) { margin-right:0; } .stories .story:nth-child(2n) { margin-right:0; } .supportauthor ul li { float:none;margin-right:0; } .postinfo h1 { font-size:32px; } body.post-template-single-widescreen-php #content .inner-content { padding:40px 31px 5px; } .post_slider_wrapper .post_slider, .post_slider_wrapper .post_slider img { height:200px; } #footer .siteby { float:left; } #storyheader div.storytitle { display:none; } .issuecontents .screenshots { background-size:1200px;height:181px; } } /* HOMEPAGE FEATURED FIXES */ @media (max-width: 1120px){ .homepage_slider ul li img.featured_image_full { margin-left:-100px; } .at_the_table .intro .text { margin: 15% auto; } } @media (max-width: 1070px){ .stories_menu ul li { margin-right:18px; } .stories_menu ul li a { font-size:10px; } } @media (max-width: 1000px){ .homepage_slider ul li img.featured_image_full { margin-left:-200px; } .at_the_table .intro .text { margin: 13% auto; } } @media (max-width: 900px){ .homepage_slider ul li img.featured_image_full { margin-left:-300px; } .at_the_table .intro .text { margin: 10% auto; } .at_the_table div.page_featuredimage .flexslider img,.at_the_table_event div.page_featuredimage .flexslider img { width: 1000px !important; margin-left:-60px; } .at_the_table .upcomingevents ul li { width:50%; } .stories_menu ul li { margin-right:0px !important;width:50%;padding-bottom:11px; } } @media (max-width: 830px){ .at_the_table div.page_featuredimage .flexslider img,.at_the_table_event div.page_featuredimage .flexslider img { margin-left:-104px; } } @media (max-width: 800px){ .at_the_table_event .eventinfo .description { margin:39px auto 0 auto; max-width:500px;float:none; } .at_the_table_event .eventinfo .details { float:none; max-width:260px;margin:0 auto; } .at_the_table_event .eventinfo .title h1 { font-size:38px;line-height:46px; } } @media (max-width: 768px){ .at_the_table div.page_featuredimage .flexslider img,.at_the_table_event div.page_featuredimage .flexslider img { margin-left:-128px; } .stories_menu { padding-bottom:7px; } } @media (max-width: 700px){ .at_the_table div.page_featuredimage .flexslider img,.at_the_table_event div.page_featuredimage .flexslider img { margin-left:-168px; } .at_the_table .intro .text .presents { font-size:12px; letter-spacing:8px; } #main-navigation ul li a { font-size: 13px !important; } body.video-page .categoryheader .tmk_title { background-size:450px 82px;width:450px;height:82px; } body.video-page .categoryheader { background-position:top center; background-repeat:no-repeat; background-size:auto; } } @media (max-width: 600px){ .at_the_table .upcomingevents ul li { width:100%; } } @media (max-width: 530px) { body.video-page .categoryheader .tmk_title { background-size:322px 59px;width:322px;height:59px; } } @media (max-width: 480px){ .homepage_slider ul li img.featured_image_full { margin-left:-200px;width:auto; } .at_the_table div.page_featuredimage .flexslider img { margin-left:-371px;width: 1200px !important; } .at_the_table_event div.page_featuredimage .flexslider img { margin-left:-371px;width: 1300px !important; } .at_the_table_event .eventinfo .description p { font-size:12px; } .at_the_table .intro .text { margin:30% auto; } .at_the_table .intro .text .presents { letter-spacing:6px; } .at_the_table .intro .text p { font-size:13px; } } @media (max-width: 375px){ body.video-page .categoryheader .tmk_title { background-size:274px 50px;width:274px;height:50px; } } @media (max-width: 360px){ .at_the_table div.page_featuredimage .flexslider img,.at_the_table_event div.page_featuredimage .flexslider img { margin-left:-419px; } .at_the_table .intro .text h1 { font-size:44px; } .at_the_table .intro .text .presents { letter-spacing:2px; } } @media (max-width: 330px) { body.video-page .categoryheader .tmk_title { background-size:200px 37px;width:200px;height:37px; } }