/* Theme Name: Realscreen 2023 BUILD Description: Brunico Event Framework v.3.0 build Version: v.3.0 Author: Bonnie Wang */ /* --------------------------------------- */ /* THEME RESET / CHILD THEME BASE /* --------------------------------------- */ *, *:before, *:after { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; } body { background:#121212; margin:0; padding:0; color:#232323; font:1.15em "Josefin Sans", sans-serif !important; line-height:1.5; letter-spacing:0.3pt; position:relative; z-index:1; } h1, h2, h3, h4, h5, h6, h7 { color:#232323; margin:40px 0 10px; font-weight:600; font-family:'Source Serif Pro', serif !important; } h1 { font-size:1.8em; line-height:1.1em; font-family: 'Josefin Sans', sans-serif; font-weight:700; font-size: 26pt; letter-spacing: 1px; } h2 { font-size:1.7em; color:#353546; } h3 { font-size:1.4em; color:#13121a; line-height:1.6em; margin:40px auto 0; } h4 { font-size:1.2em; color:#353546; font-family: 'Source Serif Pro', serif; font-weight:500;} h5 { font-size:0.8em; color:#787878; margin-top: 10px; font-weight:300; } h6 { font-size:1.0em; margin:0 20px 40px 0; } h7 { font-size:0.7em; color:#ffffff; width:100%; margin:20px 0; padding:5px 20px; text-align:center; float:none; background:#232323; display:block; } p { margin:0 0 20px; } a:link, a:visited { padding:0; margin:0; text-decoration:none; color:#232323; font-weight:bold; } a:hover, a:active { color:#0895bb; } .entry a:link, .entry a:visited { color:#10759b; } .entry a:hover, .entry a:active { color:#0895bb; } /*blockquote { font-family:"Candal", sans-serif; float:left; width:50%; padding:0; margin:40px 0; border:none; font-size:1.4em; line-height:1.3em; font-weight:bold; font-style:normal; color:#4d4d4d; position:relative; left:-40px; } blockquote.quote { text-indent:-7px; } blockquote .credit { font-size:0.7em; font-style:italic; width:100%; text-align:right; color:#121212; } blockquote p { margin:0 auto 10px; color:#4d4d4d; }*/ /* Blockquote */ blockquote { font-family:"Candal", sans-serif; float:left; width:100%; padding:40px; margin:40px auto; border:none; border-top:1px solid #121212; border-bottom:1px solid #121212; font-size:1.4em; line-height:1.3em; font-weight:bold; font-style:normal; color:#4d4d4d; position:relative; border-top:2px solid #4d4d4d; border-bottom:2px solid #4d4d4d; } blockquote.quote { text-indent:-7px; } blockquote .credit { font-size:0.7em; font-style:italic; width:100%; text-align:right; color:#4d4d4d; float:right; } blockquote p { margin:0 auto 10px; color:#4d4d4d; quotes:"\201C""\201D""\2018""\2019"; } blockquote p:before { content:open-quote; margin:0 auto; clear:both; display:block; font-size:3em; position:absolute; top:-30px; left:-100%; right:-100%; padding:20px 10px 0; background:#ffffff; width:65px; font-family:'Candal',sans-serif; font-weight:normal; font-style:normal; } blockquote p:after { content:close-quote; margin:0 auto; clear:both; display:block; font-size:3em; position:absolute; bottom:-20px; left:-100%; right:-100%; padding:20px 10px 0; background:#ffffff; width:65px; font-family:'Candal',sans-serif; font-weight:normal; font-style:normal; } /* Drop-Cap */ .featureContainer .entry > p:first-of-type:first-letter { float:left; color:#0895bb; font-size:78px; line-height:0.7; padding:5px 0 0 0; font-family:helvetica; } #siteContainer { width:100%; display:block; position:relative; z-index:1; } .overlay { display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; Z-index:20; position:absolute; background-color:rgba(0,0,0,0.8)} .container { max-width:1200px; width:100%; margin:0 auto; position:relative; z-index:1; padding:0 50px; } .containerMenu { max-width:1150px; width:100%; margin:0 auto; position:relative; z-index:1; padding:0 30px; } .containerWide { max-width:1200px; width:100%; margin:0 auto; position:relative; z-index:1; padding:0 50px; } .shadow { box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -webkit-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); } .shadowBox { box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -webkit-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); transition:all 0.15s cubic-bezier(0.33, 0.66, 0.66, 1) 0s; transform:translateZ(0px); top:0; position:relative; } .shadowBox:hover { box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.16), 2px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 2px 0px rgba(0, 0, 0, 0.23); -moz-box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.16), 2px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 2px 0px rgba(0, 0, 0, 0.23); -webkit-box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.16), 2px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 2px 0px rgba(0, 0, 0, 0.23); transform:translate3d(0px, -3px, 0px); } .featuredSidebar .shadowBox:hover, #sidebar .shadowBox:hover { transform:translate3d(-3px, 0px, 0px) !important; } .hotLink { position:relative; top:-50px; } .throwLink { text-transform:uppercase; text-align:right; width:100%; font-size:0.7em; display:block; } .hidden { display:none !important; visibility:hidden !important; } .btnMain { border:none; } .btn:hover, .btnMain:hover { background:#0895bb; border:none !important; } .post-edit-link:hover, .issues-link:hover { background:#0895bb; } /* --------------------------------------- */ /* SPECIAL CHARACTER FONT(S) /* --------------------------------------- */ /* --------------------------------------- */ /* FORMS /* --------------------------------------- */ /* --------------------------------------- */ /* AGENDA / TABLES /* --------------------------------------- */ /*Delegates Table*/ .countryCell { min-width:180px; } .xchangeIMG { border:0 !important; margin:0 !important; width:auto !important; position:relative !important; top:4.3px !important; } /*.days .session { background:#afafaf !important; color:#fff !important; box-shadow:0 0 2px #cfcfcf; -moz-box-shadow:0 0 2px #cfcfcf; -webkit-box-shadow:0 0 2px #cfcfcf; }*/ .days .session:hover { background:#0895bb !important; color:#232323 !important; } #agendaMenu { max-width:1260px; } #table_simple p>a { padding: 5px 0 !important; } /* --------------------------------------- */ /* ADS /* --------------------------------------- */ #siteWrap { background:#ffffff; /*height:auto;*/ z-index:1; border:none; } #siteWrap > img { margin:0 auto; position:absolute; left:-100%; right:-100%; } .billboardContainer { background:none; max-width: 1200px; } #featureBillboard { width:100%; background:#fff; padding:0; } #featureBillboard > div > div > div { padding:20px; } #billboardTop { background:#fff; height:auto; margin:0; text-align:center; } #billboardTop > div { padding:0; } #billboardTopMobile { background:none; height:auto; margin:0; text-align:center; display:none; } #billboardBottom { background:none; height:auto; display:none; margin:20px auto 0; text-align:center; } .feedStrip { background:none; height:auto; margin:0; padding:0; text-align:center; border-top:none; } .feedStrip > div > div { padding: 0; border-top:1px solid #efefef; } .feedStripLead { border-top:none; } .feedStrip > div { background:none; height:auto; width:100%; } .sidebarBox { background:none; height:auto; margin:0 auto; } .sidebarBox > div, .sidebarBox > img { background:none; height:auto; margin:0 auto 20px; } .feedLead { margin:0; padding:0; border:0; } .wall_bg { width:100%; background-color:#fff !important; min-height:1200px; display:block; background-position:center top; } .sidebarBox > div, .sidebarBox > img { margin:0 auto 0; display:block; text-align:center; float:left; box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -webkit-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); } .sidebarBox > div > div { margin-bottom: 20px; } .feedStrip > div, .feedStrip > img { margin:0 auto; display:block; text-align:center; } .feedStripMobile { display:none; } .mobileHalf { display:none; } #billboardTop img, #billboardBottom img, .feedStrip img, #billboardTop div, #billboardBottom div, .feedStrip div, #billboardTop ins, #billboardBottom ins, .feedStrip ins, #billboardTop iframe, #billboardBottom iframe, .feedStrip iframe { max-width:100% !important; display:block; margin: 0 auto; } .sidebarBox img, .sidebarBox div, .sidebarBox ins, .sidebarBox iframe { max-width:100% !important; display:block; box-shadow: none;-webkit-box-shadow: none; } img.img_ad { max-width:100% !important; } #google_ads_div_Interstitial_700x500_ad_wrapper { position:absolute; } #wpstats { display:none; visibility:hidden; height:0; width:0; } .vidInterstitialVideo { display:block; } .vidInterstitialImage { display:none; } /* --------------------------------------- */ /* MENU CORE /* --------------------------------------- */ .menu a { color:#ffffff; } .sub-menu { background:#121212; color:#787878; z-index:8; } li .sub-menu li a { background:#232323; text-align:left !important; border-top:1px solid #555555; } .socialBox .btn-social:hover { background: #0895bb; } .socialtitle { background: #0895bb; line-height: 15pt; padding: 5px 20px; font-weight: bold; color: #ffffff; margin: 0 !important; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; } /* --------------------------------------- */ /* BRUNICO/BRAND MENU /* --------------------------------------- */ #masterMenu { display:none; height:0; top:0; border-bottom:1px solid #232323; transition:background 0.6s; background-position: center -200%; font-family:soleil,"Lucida Grande","Lucida Sans Unicode","Nimbus Sans L",Arial,sans-serif; } #masterMenu a { font-weight:normal !important; } #masterMenu .menu li > a:hover, #masterMenu .menu .topMenu a:hover, #masterMenu .menu li:hover > span, #masterMenu .menu li:hover > a, #masterMenu .menu .sub-menu li:hover > span, #masterMenu .menu .sub-menu li:hover > a, #masterMenu .menu .dropdown-menu li:hover > span, #masterMenu .menu .dropdown-menu li:hover > a { color:#FFF; background:#0895bb !important; } #masterMenu li .sub-menu li a, #masterMenu li .dropdown-menu li a { background:#232323 !important; text-align:left !important; border-top:1px solid #555555; } #masterMenu-content .xchange img { max-width:85px; } .searchBar { border:none !important; color:#232323 !important; } /* --------------------------------------- */ /* MAIN/EVENT MENU /* --------------------------------------- */ #btn-mobileMenuMain { display:none; border:none; float:left; height:60px; padding:20px 0; } #btn-mobileMenuMain .btn-box { border-top:4px solid #121212; } #btn-mobileMenuMain .btn-line { border-top:4px solid #121212; } #btn-mobileMenuMain:hover { background:none; } #btn-mobileMenuMain:hover .btn-box { border-top:4px solid #0895bb; } #btn-mobileMenuMain:hover .btn-line { border-top:4px solid #0895bb; } #mainMenu .menuLogo { width:120px; max-height:30px; display:none; float:left; margin:15px 20px 15px 0; } #mainMenu .menuLogo a { transition:200ms ease-in-out all; } #mainMenu .menuLogo img { width:100%; height:auto; } #mainMenu.menuStick .menuLogo img { display:block; } #mainMenu { background-color:#ffffff; border:none; height:62px; border-bottom: 2px solid #cfcfcf;} #mainMenu .mainMenu-content { width:auto; margin:auto; float:none; } #mainMenu .mainMenu-content > li { } #mainMenu .menu li { height:auto; } #mainMenu .menu li a { color:#121212; background:none; padding:10.5px 12px; text-align:center; text-transform:uppercase; font-size:0.8em; border-right:0; height:60px; line-height:40px; } #mainMenu .menu li:first-child a { } #mainMenu li .sub-menu { left:calc(50% - 150px); left:-moz-calc(50% - 150px); left:-webkit-calc(50% - 150px); top:60px; } #mainMenu li .sub-menu li a { background:#cfcfcf !important; color:#121212; text-align:center !important; font-weight:normal; border-top:1px solid #ffffff; display:block; height:40px; } #mainMenu .menu-main-menu-container { width:auto; display:block; float:left; } #mainMenu .menu .current-menu-item > a, #mainMenu .menu .current-menu-parent > a, #mainMenu .menu .current-menu-ancestor > a, #mainMenu .menu .current_page_item > a, #mainMenu .menu .current_page_parent > a, #mainMenu .menu .current_page_ancestor > a { color:#121212; background:#ffffff !important; } #mainMenu .menu li a:hover, #mainMenu .menu li > a:hover, #mainMenu .menu .topMenu a:hover, #mainMenu .menu li:hover > span, #mainMenu .menu li:hover > a, #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a, #mainMenu li a:hover, #mainMenu .topMenu a:hover, #mainMenu .sub-menu li a:hover { color:#0895bb; background:#efefef !important; } #mainMenu li a.active { color:#0895bb; } #mainMenu li .sub-menu { background:#FFFFFF; opacity:1; box-shadow:none; border-top:none; } #mainMenu li .sub-menu li:first-child a { border:none; } #mainMenu li .sub-menu, #mainMenu li .sub-menu li:last-child, #mainMenu li .sub-menu li:last-child a { border-radius: 0 0 5px 5px } #mainMenu .btn-search { padding:20px 0; height:60px; width:40px; float:left; text-align:left; } #mainMenu .btn-search .glyphicon { color:#121212 !important; } #mainMenu .btn-search:hover .glyphicon { color:#0895bb !important; } #mainMenu .menuMarkerHousing { height:10px; width:30px; position:absolute; bottom:0; left:calc(50% - 12px); overflow:hidden; display:none; } #mainMenu .menuMarkerHousing .menuMarker { height:15px; width:15px; background:#cfcfcf; transform:rotate(45deg); position:relative; left:4px; top:4px; opacity:0.9; } #mainMenu li:hover > .menuMarkerHousing { display:block; } .menuSpacer { width:28%; width:calc(300px) !important; width:-moz-calc(300px) !important; width:-webkit-calc(300px) !important; display:block; float:left; text-align:center; } .menuSpacer img { height:34px; width:auto; margin:3px auto 0; } #mainMenuInner {} .hashtag { font-size:12px; color:#fff; margin:0; padding:1px 15px; line-height:41px; } .btnReg { background:#0895bb !important; color:#FFF !important; border-radius:5px 5px 0 0; height:50px !important; overflow:visible; line-height:2.3em !important; position:relative; top:-10px; } .btnReg:hover { background:#ff2323 !important; } .btnReg.active { color:#fff !important; } .btnFixed { line-height:2.7em !important; } /* --------------------------------------- */ /* MICRO MENU /* --------------------------------------- */ #microMenu { height:60px; margin:0; font-weight:bold; } #microMenu .menu { height:60px; display:inline; } #microMenu .menu li { height:60px; line-height:60px; text-transform:uppercase; } #microMenu .menu li a { height:60px; line-height:40px; padding:16px 13px; } #microMenu .menu li a img { position:relative; top:2px; } #microMenu .menu li a:hover { background:#0895bb; } #microMenu li .sub-menu { top:60px; border-radius:0 0 5px 5px; overflow:hidden; background:#ffffff; opacity:0.9; border-top:5px solid #000000; box-shadow:0 0 3px rgba(0,0,0,0.8); -moz-box-shadow:0 0 3px rgba(0,0,0,0.8); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.8); } #microMenu li .sub-menu li { height:40px; line-height:40px; text-transform:none; background:none; color:#000; } #microMenu li .sub-menu li a { background:none; color:#000000; } #microMenu .menu .current-menu-item > a, #microMenu .menu .current-menu-parent > a, #microMenu .menu .current-menu-ancestor > a, #microMenu .menu .current_page_item > a, #microMenu .menu .current_page_parent > a, #microMenu .menu .current_page_ancestor > a, #microMenu .menu li > a:hover, #microMenu .menu li:hover > a, #microMenu .menu .topMenu > a:hover, #microMenu .menu .sub-menu li:hover > span, #microMenu .menu .sub-menu li:hover > a { background:#0895bb; color:#ffffff; } #microMenu .socialBox { float:right; } #microMenu .socialBox .btn-social { background:#232323; border-radius:5px; overflow:hidden; border:none; margin:19px 0 15px 5px; height:30px; width:30px; } #microMenu .socialBox .btn-social:hover { background:#0895bb; } #microMenu .menuMarkerHousing { height:10px; width:30px; position:absolute; bottom:0; left:20px; overflow:hidden; display:none; } #microMenu .menuMarkerHousing .menuMarker { height:15px; width:15px; background:#000; transform:rotate(45deg); position:relative; left:4px; top:4px; opacity:0.9; } #microMenu li:hover > .menuMarkerHousing { display:block; } #microMenu .menuNewsletter { background:url(images/icon-newsletter.png)no-repeat; height:20px; width:20px; top:10px; position:relative; float:left; } #microMenu li:hover .menuNewsletter { background:url(images/icon-newsletter-white.png)no-repeat; } .menu-item img { width: 100px; margin-left: 30px; } /* --------------------------------------- */ /* MOBILE MENU /* --------------------------------------- */ #mobileMenu li a:hover { background:#0895bb; color:#FFF; } #mobileMenu .btn-social { border-radius:5px; } #mobileMenu .btn-social:hover { background:#0895bb; } #mobileMenu .menu li > a:hover, #mobileMenu .menu .topMenu a:hover { color:#FFF; background:#0895bb; } #mobileMenu #brandMenu-content .xchange img { max-height:17px; } #mobileMenu .menu .current-menu-item > a, #mobileMenu .menu .current-menu-parent > a, #mobileMenu .menu .current-menu-ancestor > a, #mobileMenu .menu .current_page_item > a, #mobileMenu .menu .current_page_parent > a, #mobileMenu .menu .current-post-ancestor > a, mobileMenu .menu .current_page_ancestor > a { border-left:5px solid #0895bb; } #mobileMenu .menu li .up:hover { background: url("images/arrow-right.png") no-repeat scroll 55% 12px #0895bb !important; } #mobileMenu .menu li .down:hover { background: url("images/arrow-down.png") no-repeat scroll 55% 12px #0895bb !important; } #mobileMenu li .sub-menu li a { background:#343434; } #mobileMenu .menu .menu-item img { max-height:14px; position:relative; top:1px; margin:0 5px 0 0; } /* --------------------------------------- */ /* FULLSCREEN SEARCH /* --------------------------------------- */ #fullscreenSearch { background:rgba(255,255,255,0.99); } #fullscreenSearch .btnClose { color:#afafaf; border-color:#afafaf; } #fullscreenSearch .btnClose:hover { color:#fff; border-color:#0895bb; background:#0895bb; } #fullscreenSearch h1 { color:#232323; } #fullscreenSearch .searchBox { background:#ffffff; color:#232323; border:1px solid #efefef; } #fullscreenSearch .searchBox .btn .glyphicon { color:#232323 !important; } #fullscreenSearch .searchBox .btn:hover .glyphicon { color:#0895bb !important; } /* --------------------------------------- */ /* HEADER /* --------------------------------------- */ #headerMicro { background:#ffffff; } #headerMicro #headerLogo { margin:12px 40px 0px 0px; width:150px; } #headerMicro #headerInner { max-width:1100px; } #header { background:#ffffff; min-height:0; margin:0; z-index:0; border-bottom:none; position:relative; } #headerCover { background:rgba(0,0,0,0.8) url("images/square.png"); position:absolute; z-index:0; } #headerSmall { background:#010101; min-height:190px; margin:40px auto 0; z-index:0; border-bottom:none; position:relative; } .headerSocial { float:left; width:calc(100% / 3); display:block; text-align:center; padding:0; margin:33px 0; height:40px; } .headerSocial .btn-social { width:40px; height:40px; background:#221f1f; border-radius:5px; } .headerSocial .btn-social:hover { background:#0895bb; } .headerLogo { width: calc(100% / 3); height:auto; overflow:visible; float: left; margin:auto; z-index:2; position:relative; } .headerLogo img { width:100%; max-width:500px; height:auto; display:block; vertical-align: middle; margin:0 auto; padding:30px 0; } .headerSubscribe { float:right; width:calc(100% / 3); display:block; text-align:center; position:relative; padding:40px 0 0; font-size:0.9em; } .headerSubscribe .issueIMG { position:absolute; bottom:-200px; left:-100%; right:-100%; margin:0 auto; max-width:150px; overflow:hidden; } .headerSubscribe .issueIMG img { max-width:100%; } .headerSubscribe .icons img { margin:50px auto 0; transition:all ease-in-out 100ms; } .headerSubscribe .icons h5 { margin:0 auto; color:#221f1f; text-transform:uppercase; font-size:0.6em; } .headerSubscribe a { text-transform:uppercase; color:#9f9f9f; display:inline-block; } .headerSubscribe a > .checkbox { height:20px; width:20px; background:url(images/icon-checkbox-empty.png) no-repeat left center; display:inline-block; margin:0 5px 0 0; top:2px; position:relative; } .headerSubscribe a:hover { color:#0895bb; } .headerSubscribe a:hover > .checkbox { height:20px; width:20px; background:url(images/icon-checkbox.png) no-repeat left center; } .tagline { position:absolute; left:80px; bottom:70px; width:310px; z-index:3; float:left; } .tagline img { width:100%; } #headerStrip { width:100%; height:120px; background:rgba(150,150,150,0.7); position:absolute; bottom:0; } .iconTitle { color:#fff !important; text-transform:uppercase; font-size:0.75em; margin:30px auto 5px; } .dateLocation { width:auto; color:#ffffff; text-align:center; padding:0; margin:0 auto 40px; } .sponsorStrip { max-width:400px; width:100%; color:#ffffff; text-align:center; float:right; } #headerSmall #headerLogo { margin:40px auto 0; } #headerSmall .tagline { float:left; top:110px; left:30px; width:200px; } #headerSmall .dateLocation { } #headerSmall .dateLocation .place {float: left; } #headerSmall .dateLocation p { float: left; margin: 0;} #headerSmall .dateLocation span { margin: 0 10px; } #headerLogoTop, #headerLogoBottom { width:780px; display:block; overflow:hidden; } #headerLogoTop { margin:40px auto 0px; } #headerLogoBottom { margin:0 auto; position:relative; z-index:10; top:-47px; width:300px; } #headerLogoBottom img { display:block; margin:0 auto; position:relative; left:-240px; } #indexInfo { padding:40px; position:relative; } #headerSmall #indexInfo { padding:40px; position:relative; width: auto; max-width:1260px; } /* --------------------------------------- */ /* INFOPANES /* --------------------------------------- */ .infoPaneInner h3 { color:#fff; } #infoPane1 { background:#fff; } #infoPane3 { background:#343434; } #statsPane { background:#301616; padding:0; z-index:0; } #logoPane { background:#dadada; padding:0; z-index:0; height:45px; } #stat1 { background:none; } #stat2 { background:none; } #stat3 { background:none; } #stat4 { background:none; } #stat5 { background:none; } #stat6 { background:none; } #infoPaneSchedule { background:#afafaf; } #eventSchedule { margin:40px auto 60px; } #infoPaneSpeakers .infoPaneInner h3 { margin:0; } /* --------------------------------------- */ /* CAROUSELS /* --------------------------------------- */ #carouselSidebar-wrapper { position:relative; } #carouselSidebar { width:100%; margin:0 auto; } #carouselSidebar li { padding: 10px 20px 0 20px; } #carouselSidebar .carouselPic { padding: 20px 20px 0 20px; } #carouselSidebar li img { border:none; border-radius:250px; } .carousel-caption { margin: 10px 0 10px 0; color:#13121a; } .carousel-caption p { margin:0 0 5px; text-align:center; font-weight:700; font-size:13px; letter-spacing:0.4px; line-height:15px; color:#ffffff; } .carousel-caption p:first-child { font-size: 15px; margin: 20px 0 9px 0; } .carousel-caption p:nth-child(2) { font-weight:400; } #carouselTestimonial li img { border:5px solid #afafaf; } #carouselTestimonial li p { font-size:1em; line-height:1.3em; } #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:110px 0 0 !important; } .jcarousel-pagination a { border:none; background:#343434; width:13px; height:13px; border-radius:50%; } .jcarousel-pagination a:hover, .jcarousel-pagination a.active { background:#0895bb; border:none; } .jcarousel-control-prev, .jcarousel-control-next { color:#ffffff !important; border:none; position:absolute; z-index:3; margin:90px 0px 0px !important; font-size:3em; } .jcarousel-control-prev { left:0; } .jcarousel-control-next { right:0; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { color:#0895bb !important; border:none; } /* --------------------------------------- */ /* SUPER CAROUSEL /* --------------------------------------- */ /* .superPosts { background:none; height:488px; margin:0; } .superPost { position:relative; height:450px; overflow:hidden; } .superPost .superLink { height:450px; position:relative; float:left; } .superPost .superLug { float:left; height:100%; width:100%; background:#010101; overflow:hidden; transform:none; margin:0; border:0; z-index:3; position:relative; } .superPost .superLugPad { height:100%; width:100%; position:relative; transform:none; } .superPost .superCatStrip { background:#000; color:#0895bb; padding:7px 20px; text-transform:uppercase; width:100%; max-width:104px; height:auto; margin:0; position:static; font-size:0.7em; z-index:4; } .superPost .bumper { height:1px; width:100%; max-width:500px; display:none; } .superPost .superText { position:absolute; height:auto; width:100%; padding:0; top:inherit; bottom:0; left:0; right:0; z-index:3; float:left; } .superPost .superText h2 { background:#fff; margin:0; padding:10px 20px 0; color:#121212; width:100%; max-width:500px; font-size:1.8em; line-height:1.1em; } .superPost .excerptBlurb { background:#fff; margin:0; padding:10px 20px 40px; font-size:0.7em; font-weight:normal !important; } .superPost .excerptBlurb p { color:#454545; margin:0; } */ /*.superPost .superCatStrip ul, .listpost .catStrip li { margin:0 !important; text-indent:0; list-style:none; } .superPost .superCatStrip li { width:auto !important; float:none; margin:10px 0 0; } .superPost .superCatStrip li a { margin:0 10px 0 0; padding:45px 20px 5px; display:inline; border:1px solid #CFCFCF; border-top:0; background:#FFF; } .superPost .superCatStrip li a:hover { background:#0895bb; color:#fff; }*/ .superPosts { background:none; height:490px; margin:0; } .superPost { position:relative; height:450px; overflow:hidden; background:#fff; } .superPost .superLink { height:450px; position:relative; float:left; } .superPost .superLug { float:left; height:100%; width:calc(100% - 360px); width:-moz-calc(100% - 360px); width:-webkit-calc(100% - 360px); background:#010101; overflow:hidden; transform:none; margin:0; border:0; z-index:3; position:relative; } .superPost .superLugPad { height:100%; width:100%; position:relative; transform:none; } .superPost .superCatStrip { background:#000; color:#0895bb; padding:7px 20px; text-transform:uppercase; width:100%; max-width:104px; height:auto; margin:0; position:static; font-size:0.7em; z-index:4; display:none; } .superPost .bumper { height:1px; width:100%; max-width:500px; display:none; } .superPost .superText { position:relative; height:100%; width:360px; padding:0; top:inherit; bottom:inherit; left:inherit; right:inherit; z-index:3; float:left; } .superPost .superText h2 { background:#fff; margin:0; padding:40px 40px 0; color:#121212; width:100%; max-width:500px; font-size:1.8em; line-height:1.1em; } .superPost .excerptBlurb { background:#fff; margin:0; padding:10px 40px 40px; font-size:0.8em; font-weight:normal !important; } .superPost .excerptBlurb p { color:#454545; margin:0; line-height:1.4em; } .superPost .entryInfoStrip { float:right; width:360px; text-align:inherit; padding:10px 40px 40px; position:absolute; border:none; height:auto; font-size:0.6em; z-index:3; height:40px; left:inherit; right:0; bottom:0; } .superPost .authorBio { padding:0; float:left; } .superPost .dateStrip { padding:0 0 0 20px; float:left; color:#454545; } .superPost a:hover h2 { color:#0895bb; } .superPost a:hover .superLug img { opacity:0.7; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { padding:225px 10px !important; margin:0 !important; width:40px; height:40px; opacity:0.5; font-size:3em; line-height:0.2em; right:360px; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover { color:#ffffff !important; border:0; background:rgba(0,0,0,0.5); opacity:1; } .superPosts .jcarousel-pagination { padding:10px 5px 10px; width:100%; background:none; height:40px; } /* --------------------------------------- */ /* TABBOX /* --------------------------------------- */ #tabbox { background:#ffffff; } .tabbox-wrapper .navigation li { background:#0895bb; color:#FFFFFF; } .tabbox-wrapper .navigation li.active { background:#232323; color:#FFFFFF; } .tabbox-wrapper .navigation li:hover { background:#232323; color:#FFFFFF; } .tabbox-wrapper .stage p { padding:20px; color:#232323; } /* --------------------------------------- */ /* MAIN CONTENT /* --------------------------------------- */ #featuredContainer { padding:20px 50px 0; position:relative !important; z-index:3; margin:0 auto; max-width:1300px; verflow:visible !important; } #featuredContainer .content { min-height:0; overflow:visible !important; position:static !important; } .jcarousel-control-next, .jcarousel-control-prev { } #main { position:relative; background:#ffffff; } #mainBacking { background:none; position:absolute; height:100%; width:100%; } #mainContainer { width:100%; background:#ffffff; z-index:2; padding:20px 21px 50px; } #mainSingleContainer { width:100%; background:#ffffff; z-index:2; padding:20px 0px 50px; } .mainFeature { background:#ffffff !important; } .content, #contentFull { /* min-height:2150px; */ } .content { width:calc(100% - 320px); width:-moz-calc(100% - 320px); width:-webkit-calc(100% - 320px); z-index:1; } .content.archiveNewsFeed { width:calc(100% - 340px); width:-moz-calc(100% - 340px); width:-webkit-calc(100% - 340px); border-right: 1px solid #898989; } .contentNarrow { width:50%; width:calc(100% - 560px); float:left; position:relative; z-index:1; } .breadcrumbs { display:none; } .dek { font-weight:normal; line-height:1.4em; } .highlight { font-weight:bold; color:#afafaf !important; } .dataStrip { border:1px solid #efefef; border-radius:10px; } .dataStrip, .photoStrip { float:right; margin:0 0 40px 40px; width:270px; font-size:10pt; } .dataStrip img, .photoStrip img { width:100% !important; margin:0 0 5px !important; height:auto; } .dataStripTop { padding:40px; } .dataStripBottom { padding:20px 20px 10px; border-top:1px solid #efefef; } .photoStrip { float:right; margin:0 0 20px 20px; width:40%; } .photoStrip img { width:100% !important; margin:0 0 5px !important; height:auto; } #leadbar { width:25%; width:calc(280px); float:left; padding:0; height:100%; position:relative; background:none; color:#13121a; } #leadbar ol { margin: 0 0 0 30px; } #leadbar ol li { margin-bottom: 10px; } #contentPanel { background:none; min-height:810px; } #contentHeader { padding:40px 0; background:#ffffff; border:0;678 border-bottom:none; } #contentHeaderrealscreened { background:none; padding:40px 0; border:none; } #content .eventsaasadminHeader { padding:60px 0 40px 0; margin-bottom:20px; } .articleMain #contentHeader.outerHeader { } .articleMain #contentHeader.outerHeader .catStrip { padding:10px 0 10px; } .articleMain #contentHeader.outerHeader h1 { padding:20px 0 0; max-width:inherit; } .articleMain .infoStrip.outerHeader { padding:20px 0 20px; } .catStrip img { width: 80px; height: auto; } /* #headerFeature #contentHeader { position:absolute; bottom:inherit; top:0; background:rgba(0,0,0,0.8); width:100%; border:0; z-index:2; } #headerFeature #contentHeader .catStrip { text-align:center; color:#fff; margin:0 auto 10px; text-transform:uppercase; } #headerFeature #contentHeader h1 { text-align:center; color:#fff; } */ #main > #headerFeature { background:#ffffff; border:none; } #main > #headerFeature #shareButtons { margin-left: 20px; } #headerFeature { height:auto; box-shadow:none; border-top:1px solid #cfcfcf; } #headerFeature #contentHeader { position:static; bottom:inherit; top:inherit; background:#ffffff; width:100%; border:0; z-index:2; } #headerFeature #contentHeader .catStrip { text-align:center; text-transform:uppercase; color:#0895bb !important; font-size:0.8em; font-weight:bold; } #headerFeature #contentHeader .catStrip img { width: auto; } #headerFeature #contentHeader h1 { text-align:center; } #headerFeature .shareStrip { border:none !important; padding:10px 0 0; text-align:center; } #headerFeature #contentHeader .infoStrip { text-align:center; background:none; border:0 !important; } #headerFeature #contentHeader .infoStrip .authorLug { float:none; display:inline-block; } #headerFeature #contentHeader .infoStrip .authorLug a {} #headerFeature #contentHeader .infoStrip .authorLug a:hover {} #headerFeature #contentHeader .infoStrip .dateLug { float:none; display:inline-block; } #featIMG #contentHeader { position:absolute; bottom:0; } #featIMG #contentHeader .catStrip { background:#000; padding:7px 40px; text-transform:uppercase; width:100%; max-width:250px; height:auto; margin:0; font-size:0.8em; font-weight:bold; z-index:4; color:#0895bb; } #featIMG #contentHeader .bumper { height:1px; width:100%; max-width:500px; background:#0895bb linear-gradient(to right, #0895bb, #FFF); display:none; } #noFeat #contentHeader { position:relative; background:#fff;} #noFeat #contentHeader .catStrip { background:#000; padding:7px 40px; text-transform:uppercase; width:100%; max-width:250px; height:auto; margin:0; font-size:0.8em; font-weight:bold; z-index:4; color:#0895bb; } #noFeat #contentHeader .bumper { height:1px; width:100%; max-width:500px; background:#0895bb linear-gradient(to right, #0895bb, #FFF); display:none; } #contentBody { min-height:0; padding:0; background:none; border:none; } .contentWrapper { padding:40px; margin:0 auto; } #contentBody .entry table { width:100% !important; border-collapse:collapse; border-spacing:0; } #contentBody .entry table tr { width:100% !important; } #contentBody .entry table th { text-align:left; border-bottom:3px solid #ccc; padding:5px 20px; } #contentBody .entry table td { border-bottom:1px solid #ccc; padding:5px 20px; font-size:0.8em; } #contentBody .entry td:nth-of-type(1), #contentBody .entry td:nth-of-type(2) { font-weight:bold; } #contentBody .entry tbody tr:nth-child(2n+1) td, #contentBody .entry tbody tr:nth-child(2n+1) th { background-color:#f9f9f9; } .sponsorPage br { display:none; } .sponsorPage h3 { font-size:1.5em; font-weight:400; letter-spacing:0.6px; } #contentBody .sponsorPage table td { border-bottom: none; padding:30px 0 40px 20px; } #contentBody .sponsorPage td img { margin:0; } .entry { background:#fff; min-height:1300px; padding:20px 0; } .entry img { max-width:100%; height:auto; width:inherit !important; margin:0 auto 40px; } .entry h6 { margin:0 20px 20px 0; } #contentFooter { border:none; padding:40px 0px; } .infoHeader { display: inline-flex; width: 100%; } .infoStrip { border:none; padding:7px 40px; border-bottom:none; } .infoStrip .authorLug { float:left; padding:0; font-weight:bold; width:100%; } .infoStrip .dateLug { float:left; padding-top:10px; border:none; } .infoHeader #shareButtons { width: 25%; } .shareStrip { padding:10px 40px; margin:0; width:100%; border-bottom:1px solid #cfcfcf !important; border-top:1px solid #cfcfcf; } .shareStrip a { line-height:16px; } .archiveFeed .listpost { width: 256px; margin: 20px 10px 0; min-height: 345px; } .archiveFeed .listpost:first-child, .archiveFeed .listpost:nth-child(4) { margin-left: 0; } .archiveFeed .listpost:nth-child(3), .archiveFeed .listpost:nth-child(6) { margin-right: 0; } .archiveFeed .listpost .catStrip { height: 0; margin: 0; } .archiveFeed .listpost .entryInfoStrip { /*display:none;*/ width: 100%; height: 0; } .archiveFeed .listpost .listpostText .catStrip { /*display:none;*/ } .archiveFeed .listpost .listpostText .catStrip img { position: absolute; margin-top: -30px; } .archiveFeed .listpost .authorBio { width: 100%; font-size: 10px; font-weight: 350; } .magazineFeature { width: 858px; height: 480px; background: #f1f1f1; margin-top: 20px; margin-bottom: 20px; display: inline-block; position: relative; margin-left: -21px;} .loadMore, #pbd-alp-load-posts { clear:both; } .archive { min-height:1570px; } .archive .listpost .listpostLug { width: 256px; height: 220px; } .archive .listpost .listpostText { padding:10px 0 0 0; width:100%; width:-moz-calc(100%); width:-webkit-calc(100%); height:auto; min-height: 60px; } .listpost { background:#fff; } .listpost .listpostLug { height:226px; width:230px; max-width:inherit !important; max-height:105% !important; } .listpost .listpostText { padding:40px 20px 0; width:100%; width:-moz-calc(100%); width:-webkit-calc(100%); height:auto; } .listpost .listpostText h4 { font-size:16.5px; font-weight: 700; margin:0 auto 20px; } .listpost .listpostText .catStrip { position:static; } .listpost .authorBio { padding:0; font-size:10px; text-transform:uppercase; } .listpost .catStrip { text-transform:uppercase; } .listpost .catStrip li a { background:#000; color:#121212; text-transform:uppercase; } .listpost .catStrip li a::after { background:#EF4123 linear-gradient(to right, #EF4123, #FFF); height:1px; max-width:75%; padding:2px 0 0 20px; } .listpost .entryInfoStrip { background:none; border:none; } .listpost .listpostLink h4:hover { color:#0895bb; } .listpost .metaBlock { text-transform:uppercase; width:125px; } .listpost .metaBlock .catStrip { color:#0895bb; } .listpostLarge .listpostLug { width:calc(100% - 125px); width:-moz-calc(100% - 125px); width:-webkit-calc(100% - 125px); height:300px; } .listpostLarge .listpostText { width:calc(100% - 125px); width:-moz-calc(100% - 125px); width:-webkit-calc(100% - 125px); height:auto; padding:20px 20px 0; } .listpostLarge .authorBio { width:calc(100% - 125px); width:-moz-calc(100% - 125px); width:-webkit-calc(100% - 125px); height:auto; float:right; margin:0 auto 20px; } .listpostMega .listpostLug { display:none; } .listpostMega .listpostText h4 { font-size:2em; } .listpostStaticAlt .metaBlock { display:none; visibility:hidden; } .listpostStaticAlt .listpostText { display:block; width:-moz-calc(100% - 250px); width:-webkit-calc(100% - 250px); width:calc(100% - 250px); } .listpostStaticAlt .entryInfoStrip { display:block !important; width:calc(100% - 250px); width:-moz-calc(100% - 250px); width:-webkit-calc(100% - 250px); float:left; font-size:1em; } .listpostStaticAlt .authorBio { width:100%; } .listpostStaticAlt .dateStrip { width:100%; float:left; text-align:left; font-size:0.8em; } .archiveNewsFeed .listpost { padding:26px 0; width: 100%; border-bottom: 1px solid #9a9a9a; } .archiveNewsFeed .listpost:last-child { border-bottom: none; } .archiveNewsFeed .listpost .listpostLug { width: 232px; height: 190px; } .archiveNewsFeed .listpost .listpostText { padding:50px 20px 0 0; width:calc(100% - 252px); width:-moz-calc(100% - 252px); width:-webkit-calc(100% - 252px); height:auto;} .archiveNewsFeed .listpost .catStrip { height: 0; margin: 0; } .archiveNewsFeed .listpost .entryInfoStrip { /*display:none;*/ padding: 0 20px 0 20px; width: 100%; height: 30px; width:calc(100% - 252px); width:-moz-calc(100% - 252px); width:-webkit-calc(100% - 252px); font-size: 18px; } .archiveNewsFeed .listpost .listpostText .catStrip { /*display:none;*/ } .archiveNewsFeed .listpost .listpostText .catStrip img { position: absolute; margin-top: -50px; } .archiveNewsFeed .listpost .authorBio { width: 100%; font-size: 18px; font-weight: 350; line-height: 1.2em; } .archiveNewsFeed .listpost .dateStrip { font-size: 18px; } .archiveNewsFeed .listpost h4 { font-size: 26px; } .archiveFeed .listRecentpost { width: 398px; min-height: unset; margin: 10px 0; border-bottom: 3px solid #898989; padding-right: 0; height: 150px; } .archiveFeed .listRecentpost:nth-of-type(2n) { } .archiveFeed .listRecentpost:nth-of-type(2n+1) { } .archiveFeed .listRecentpost .listRecentpostLug { width: 156px; height: 130px; margin-right: 20px;} .archiveFeed .listRecentpost:nth-of-type(2n+1) .listRecentpostLug { /*border-left: 1px solid #ffffff; */ } .archiveFeed .listRecentpost:nth-of-type(2n+1) .divider, #subbar .vert .listpost:nth-of-type(2) .divider, #subbar .vert .listpost:nth-of-type(3) .divider { display: inline-block; width: 10px; border-right: 1px solid #898989; float: left; height: 130px; margin-right: 20px; } .archiveFeed .listRecentpost .listRecentpostLug .listpostLugPad{ width: 156px; height: 130px; } .archiveFeed .listRecentpost:nth-of-type(2n+1) .listRecentpostLug .listpostLugPad { margin-left: 0; } .archiveFeed .listRecentpost .listRecentpostLug img { width: auto; min-height: 130px; } .archiveFeed .listRecentpost .catStrip { height: 0; margin: 0; } .archiveFeed .listRecentpost .entryInfoStrip { /*display:none;*/ width: 100%; height: 30px; } .archiveFeed .listRecentpost .listRecentpostText { height:auto; margin-left: 177px; } .archiveFeed .listRecentpost .listRecentpostText .catStrip { /*display:none;*/ position: inherit; margin-bottom: 30px; } .archiveFeed .listRecentpost .listRecentpostText .catStrip img { position: absolute; margin-top: 0; } .archiveFeed .listRecentpost .authorBio { width: inherit; font-size: 10px; margin-top: 10px; font-weight: 350; line-height: 1.2em; } .archiveFeed .listRecentpost h4 { font-size: 15px; font-weight: 700; min-height: 60px; } .archiveFeed .listRecentpost .listpostLug img { /*top: -50%;*/ } .archiveFeed .listRecentpost .dateStrip { margin-top: 30px; float: none; } .articleMain { max-width: 797px; padding: 0 20px 20px 0; } .articleMain #contentHeader { background:none; padding:0; border:none; } .articleMain #contentHeader .catStrip { padding:20px 40px 0; height:auto; margin:0; } .articleMain #contentHeader h1 { padding:20px 40px 0; font-size: 42px; background:#ffffff; width:100%; max-width:500px; margin:0; position:relative; z-index:1; } .articleMain #contentHeader .dek{ padding:10px 40px; background:#ffffff; width:100%; } .articleMain #contentHeader .catStrip img { width: auto; height: auto; } /* post item management for custom masonry archive component */ .vert .listpost { background:#ffffff; border:none; margin:0px 20px 20px 0; width:calc(( 100% / 3 ) - 20.01px); width:-moz-calc(( 100% / 3 ) - 20px); width:-webkit-calc(( 100% / 3 ) - 20px); height:auto; min-height:0; overflow:hidden; } .vert .listpost .catStrip { position:relative; left:0; } .vert .listpost .bumper { height:1px; width:100%; float:left; margin:0 0 10px !important; position:absolute; top:0; max-width:100%; display:none; } .vert .listpostText { height:auto; min-height:inherit; position:relative; overflow:visible; padding:0 20px; } .vert .listpostText h4 { margin:0; font-weight:600; padding:0 0 0px; float:left; font-size:16pt; width:100%; } .vert .listpost .entryInfoStrip { width:auto; font-size:10pt; height:auto; position:absolute; float:left; margin:30px 20px 30px 0; text-transform:uppercase; color:#454545; } .vert .listpost .entryInfoStrip .relatedTitle { min-height: 60px; } .vert .listpost .authorBio { padding:10px 0 0 0; float:left; } .vert .listpost .dateStrip { padding-top:5px; float:left; } .vert .listpost .listpostLug img { width: auto; height:125px; top: -100%; max-width:165%; max-height:180%; overflow: hidden; min-width: 150px; left: -100%;} .vert .listpost .catStrip img { height: auto; min-height: unset; left: 0; top: 0; bottom: 0; right: 0; min-width: unset; margin: unset; } .vert .listpost .listRelativepostText { height:auto; margin-left: 170px;} .vert .listpost .listRelativepostText .catStrip { position:absolute; left:unset; } .vert .listRelativepostText h4 { font-size: 16px; } #featuredContainer h3 { margin:-5px auto 0; font-size: 19px; font-weight: 600; } #featuredContainer h4 { margin:0 auto 0; font-family: 'Josefin Sans', sans-serif !important; line-height: 1.2em; } #featuredContainer .archive { min-height:0; margin: 0 21px !important; max-width: 1300px; } #featuredContainer .vert .listpostStatic { width:23.5% !important; background:none; padding-right: 10px; } #featuredContainer .vert li.listpostStatic:nth-child(3n+0) { margin:0 20px 20px 0; } #featuredContainer .vert li.listpostStatic:nth-child(4n+0) { margin:0 0 20px 0; } #featuredContainer .vert .listpostStatic .listpostText { padding: 8px 0; background:none; width:calc(100% - 20px); } #featuredContainer .vert li.listpostStatic:nth-child(4n+0) .listpostText { padding: 0; } #featuredContainer .vert .listpostStatic .catStrip { position:static; left:initial; top:initial; background:none; padding:0; height:auto; margin:0; text-transform:uppercase; } #featuredContainer .vert .listpostStatic h4 { font-size:14px; font-family: 'Source Serif Pro', serif !important; font-weight: 700; color: #232323; } #featuredContainer .vert .listpostStatic .excerptBlurb { display:none; margin:0 auto 10px; } #featuredContainer .vert .listpostStatic .entryInfoStrip { padding:0; margin:0; } #bigFeature1 { width: 620px; height: 570px; } #bigFeature2 { width: 560px; max-height: 280px; float: left; margin-left: 640px; margin-top: -570px;} #bigFeature3, #bigFeature4 { width: 270px; height: 240px; float: left; } #bigFeature3 { margin-left: 640px; margin-top: -180px; height: 180px;} #bigFeature4 { margin-left: 930px; margin-top: -180px; height: 180px;} #bigFeature1 .featuredLugPad { overflow: hidden; max-height: 570px; } #bigFeature1 .featuredLug img { width: auto; height: 570px; max-height: 640px; filter: brightness(0.75); margin-left: -25%; overflow: hidden; } #bigFeature2 .featuredLug img { width: 560px; height: auto; max-height: 280px; filter: brightness(0.75); overflow: hidden; min-width: 560px; max-height: 370px; min-height: 280px; } #bigFeature3 .featuredLug img, #bigFeature4 .featuredLug img { width: 270px; height: auto; max-height: 270px; filter: brightness(0.75); overflow: hidden; max-width: 270px; min-height: 170px; min-width: 260px; } .bigFeature .titleAndBioWrapper, .magazineFeature .titleAndBioWrapper { position: relative; padding-bottom: 40px; background: #5a5a5a; opacity: 0.7; } #bigFeature1 .titleAndBioWrapper { margin-top: -158px; padding-top: 10px; padding-bottom: 40px; max-height: 165px; } #bigFeature2 .titleAndBioWrapper { margin-top: -130px; padding-top: 10px; height: 125px; } #bigFeature3 .titleAndBioWrapper { margin-top: -110px; padding-top: 10px; height: 105px; } #bigFeature4 .titleAndBioWrapper { margin-top: -110px; padding-top: 10px; height: 105px; } #bigFeature1 .featuredText { font-family: 'Source Serif Pro', serif; color: #fff; font-size: 24px; font-weight: 600; padding: 10px 20px; margin-top: -30; line-height: 23pt; } #bigFeature2 .featuredText, #bigFeature3 .featuredText, #bigFeature4 .featuredText, .magazineFeature .featuredText { font-size: 17px; font-family: 'Source Serif Pro', serif; font-weight: bold; color: #fff; line-height: 15pt; padding: 0 20px 0; } #bigFeature3 .featuredText, #bigFeature4 .featuredText { font-size: 17px; font-weight: 600;} #bigFeature1 .featuredText:hover, #bigFeature2 .featuredText:hover, #bigFeature3 .featuredText:hover, .postTitle:hover, #bigFeature4 .featuredText:hover, .postTitle:hover { text-decoration: underline; } #bigFeature1 .authorBio a, #bigFeature2 .authorBio a, #bigFeature3 .authorBio a, #bigFeature4 .authorBio a { color: #fff; font-size: 9px; font-weight: 350; padding: 0 7px; text-transform: uppercase; } #bigFeature1 .featured_date, #bigFeature2 .featured_date, #bigFeature3 .featured_date, #bigFeature4 .featured_date { color: #fff; font-size: 9px; padding: 0 20px; } .bigFeature .catStrip { position: absolute; margin-top: -19.5px; } #bigFeature3 .catStrip, #bigFeature4 .catStrip { position: absolute; margin-top: -19.5px; } #magazineFeature1 { width: 300px; height: auto; } #magazineFeature2 { width: 558px; max-height: 280px; float: left; margin-left: 300px; margin-top: -490px; } #magazineFeature3, #magazineFeature4 { width: 270px; height: auto; float: left; } #magazineFeature3 { margin-left: 300px; margin-top: -190px; } #magazineFeature4 { margin-left: 590px; margin-top: -190px; } #magazineFeature1 .featuredLugPad { overflow: hidden; max-height: 590px; margin-bottom: 20px; } #magazineFeature1 .featuredLug .featuredLugPad img { width: 150px; height: auto; max-height: 260px; margin-left: calc(50% - 70px); } #magazineFeature1 h1 { font-size: 20px; margin-bottom: 0; margin-top: 20px; text-align: center; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif !important; } #magazineFeature1 .archiveMonth { font-size: 14px; color: #ff0000; text-align: center; text-transform: uppercase; margin: 0 0 20px; } #magazineFeature1 .archiveFeatures { text-align: center; font-size: 13px; width: 92%; font-weight: 700; margin: 32px auto 0; letter-spacing: 0px; } #magazineFeature1 .featuresTitle { font-weight: 400; color: #ff0000; } #magazineFeature1 .archiveFeatures p, #magazineFeature1 .featuresTitle p { margin-bottom: 10px; line-height: 12px; font-size: 0.9em; font-family: 'Josefin Sans', sans-serif !important; } #magazineFeature1 .archiveFeatures p { text-transform: uppercase; } #magazineFeature2 .featuredLug img { width: 418px; height: auto; max-height: 280px; } #magazineFeature3 .featuredLug img, #magazineFeature4 .featuredLug img { width: 270px; height: auto; max-height: 230px; } #magazineFeature1 .titleAndBioWrapper { margin-top: -142px; position: relative; padding-bottom: 10px; } #magazineFeature2 .titleAndBioWrapper { margin-top: -105px; padding-bottom: 10px; padding-top: 10px; } #magazineFeature3 .titleAndBioWrapper,#magazineFeature4 .titleAndBioWrapper { margin-top: -128px; padding-bottom: 10px; padding-top: 10px; } #magazineFeature4 .titleAndBioWrapper { margin-top: -128px; } #magazineFeature2 .featuredText { font-size: 20pt; line-height: 1.1em; } #magazineFeature3 .featuredText, #magazineFeature4 .featuredText { font-size: 14pt; height: 80px; } #magazineFeature1 .featuredText:hover, #magazineFeature2 .featuredText:hover, #magazineFeature3 .featuredText:hover, .postTitle:hover, #magazineFeature4 .featuredText:hover, .postTitle:hover { font-weight: 900; text-decoration: underline; } .magLead { /*margin-bottom:20px; margin-top: 10px;*/ } .magazineFeature .authorBio a { color: #fff; font-size: 10pt; padding: 0 7px; } #mobileButton { display: none; } #deskButton { display: block; margin: 15px auto 10px; } #deskButton img { width: 120px; margin-left: calc(50% - 60px);} .archiveFeed .listpostStatic.postitem-9, .archiveFeed .listpostStatic.postitem-12 { margin-right: 0; margin-left: 0; } .vert .listpostStatic { width:calc((100% / 3) - 15px) !important; background:none; } .vert .listpostStatic.postitem-3, .vert .listpostStatic.postitem-6, .vert .listpostStatic.postitem-9, .vert .listpostStatic.postitem-12 { margin:0 0 20px 0; } .vert .listpostStatic .listpostLug { width:13px; height: 60px; background: #ff4d4d;} .vert .listpostStatic .listpostText { padding:20px 0; background:none; } .vert .listpostStatic .catStrip { position:static; left:initial; top:initial; background:none; padding:0; height:auto; margin:0; text-transform:uppercase; } .vert .listpostStatic h4 { font-size:1em; height:40px; } .vert .listpostStatic .excerptBlurb { display:none; margin:0 auto 10px; } .vert .listpostStatic .entryInfoStrip { padding:0; margin:0; } .vert .listpostStaticRecent { width:calc((100% / 2) - 15px) !important; background:none; } .listpostStatic .listpostLink:hover, .listpostStatic .listpostLink:hover .listpostText, .listpostStatic .listpostLink:hover .entryInfoStrip { background:none; } .listpost.listpostStatic .listpostLug img { /*top: -50%;*/ max-width: 155%; } .contentContainer {} .contentArticle { float:left; width:100%; padding:0; margin:0; } .contentArticle p b { font-size: 20px; } .topPosts { width:320px; padding:10px; margin:0; } .topPosts h3 { color:#121212; text-align:center; margin:0 auto 10px; text-transform: uppercase; } .topPosts .listpost { width:100%; background:none; border:0; margin-bottom: 30px; } .topPosts .listpost .listpostLug { width:100%; /*height:100px;*/ } .topPosts .listpost .listpostText { width:100%; padding:0; } .topPosts .listpost .listpostText .catStrip { height:auto; margin:10px 0 5px; color:#0895bb !important; } .topPosts .listpost .listpostText .catStrip img { margin-top: -30px; z-index: 5; position: absolute; } .topPosts .listpost .listpostText h4 { font-size:18pt; } .topPosts .listpost .entryInfoStrip { display:block !important; width: 100%; } .topPosts .listpostPopular { margin-bottom: 10px; } .topPosts .listpostPopular .listpostLug { width: 138px; height: 82px; } .topPosts .listpostPopular .listpostLug img { width: auto; left: -100%; top: -50%; } .topPosts .listpostPopular .listpostText { margin-top: -82px; margin-left: 158px; width: auto; } .topPosts .listpostPopular .listpostText h4 { font-size:14px; font-weight: 700; } .topPosts .listpostPopular .entryInfoStrip { margin-left: 156px; margin-top: -15px; } .topPosts .listpostPopular.popularpostitem-1 .listpostLug { border-left: #ff4d4d 15px solid; } .topPosts .listpostPopular.popularpostitem-2 .listpostLug { border-left: #ff6766 15px solid; } .topPosts .listpostPopular.popularpostitem-3 .listpostLug { border-left: #fd8b8b 15px solid; } .topPosts .listpostPopular.popularpostitem-4 .listpostLug { border-left: #ffafae 15px solid; } .tagsMain { display:block; } .tagsMobile { display:none; visibility:hidden; } .tags h6 { margin:0 20px 5px 0; width:100%; } /* Related Posts */ #subbar h7 { background:#ffffff; color:#000 !important; border:none; text-transform:uppercase; font-size:20pt; text-align: left; padding: 0;} #subbar .listpost { margin:0; min-height:255px; height: auto; } #subbar .listpost:first-child { padding-right: 20px; width: 393px; } #subbar .listpost:nth-child(2) { width: 393px; } #subbar .listpost:nth-child(3) { width: 370px; } #subbar .listpost .listpostLug { height:125px; width:145px; display: inline-flex; } #subbar .listpost .listborderLug { /*border-left: 1px solid #898989;*/ } #subbar .listpost .listborderLug .listpostLugPad { margin-left: 20px; } #subbar .listpost .listborderText { margin-left: 190px; } #subbar a .listpostText { background:#fafafa; min-height:150px; width:calc(100% - 150px); } #subbar a .listpostText h4 { color:#232323 !important; font-size:0.85em; line-height:1.3em; font-weight: bold; } #subbar a:hover .listpostText { background:#0895bb; } #pageLine { width: 57%; transform: translateY(700%);} #pageLineN { width: 45%; transform: translateY(700%);} .pagination .inactive, .pagination a, .post-edit-link { background:#232323; } .pagination .current, .pagination .inactive:hover, .pagination a:hover { background:#787878; } /* .postitem-featured { width:100%; } .postitem-1 { max-height:inherit !important; height:auto !important; min-height:380px !important; } .postitem-1 h4 { font-size:1.2em !important; } .postitem-2 {} .postitem-2 h4 { font-size:0.9em !important; } .postitem-3 { margin:0 0 20px !important; width:calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:-webkit-calc(100% / 3) !important; height:343px; } .postitem-3 h4 { font-size:1.6em !important; } .postitem-3 .listpostLug { display:none; } .postitem-3 .catStrip { position:static !important; float:left; width:100%; } .postitem-3 .bumper { position:static !important; max-width:100%; } .postitem-4 { width:calc((100% / 3 * 2)) !important; width:-moz-calc((100% / 3 * 2)) !important; width:-webkit-calc((100% / 3 * 2)) !important; margin:0 0 20px !important; float:right; } .postitem-4 h4 { font-size:1.6em !important; } .postitem-5 { margin:0 20px 20px 0 !important; width:calc(100% / 3 - 20px) !important; min-height:0 !important; height:306px !important; } .postitem-5 h4 { font-size:1.2em !important; } .postitem-5 .listpostLug { height:140px; } .postitem-6 { margin:0 20px 20px 0 !important; width:calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:-webkit-calc(100% / 3) !important; height:343px; } .postitem-6 h4 { font-size:1.6em !important; } .postitem-6 .listpostLug { display:none; } .postitem-6 .catStrip { position:static !important; float:left; width:100%; } .postitem-6 .bumper { position:static !important; max-width:100%; } .postitem-7 {} .postitem-7 h4 { font-size:0.9em !important; } .postitem-8 { margin:0 0 20px !important; float:right; max-height:inherit !important; height:auto !important; min-height:380px !important; } .postitem-8 h4 { font-size:1.2em !important; } .postitem-9 { width:calc((100% / 3 * 2)) !important; width:-moz-calc((100% / 3 * 2)) !important; width:-webkit-calc((100% / 3 * 2)) !important; margin:0 20px 20px 0 !important; float:left; } .postitem-9 h4 { font-size:1.6em !important; } .postitem-10 { margin:0 0 20px !important; width:calc(100% / 3 - 20px) !important; float:right; min-height:0 !important; height:306px !important; } .postitem-10 h4 { font-size:1.2em !important; } .postitem-10 .listpostLug { height:140px; } .postitem-11 {} .postitem-11 .listpostLug { height:140px; } .postitem-11 h4 { font-size:1.2em !important; } .postitem-12 {} .postitem-12 h4 { font-size:0.9em !important; } .postitem-13 { margin:0 0 20px !important; width:calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:-webkit-calc(100% / 3) !important; height:343px; } .postitem-13 h4 { font-size:1.6em !important; } .postitem-13 .listpostLug { display:none; } .postitem-13 .catStrip { position:static !important; float:left; width:100%; } .postitem-13 .bumper { position:static !important; max-width:100%; } Magazine Issues Expanded .postitem-14 { max-height:inherit !important; height:auto !important; min-height:380px !important; } .postitem-14 h4 { font-size:1.2em !important; } .postitem-15 {} .postitem-15 h4 { font-size:0.9em !important; } .postitem-16 { margin:0 0 20px !important; width:calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:-webkit-calc(100% / 3) !important; height:343px; } .postitem-16 h4 { font-size:1.6em !important; } .postitem-16 .listpostLug { display:none; } .postitem-16 .catStrip { position:static !important; float:left; width:100%; } .postitem-16 .bumper { position:static !important; max-width:100%; } .postitem-17 { width:calc((100% / 3 * 2)) !important; width:-moz-calc((100% / 3 * 2)) !important; width:-webkit-calc((100% / 3 * 2)) !important; margin:0 0 20px !important; float:right; } .postitem-17 h4 { font-size:1.6em !important; } .postitem-18 { margin:0 20px 20px 0 !important; width:calc(100% / 3 - 20px) !important; min-height:0 !important; height:306px !important; } .postitem-18 h4 { font-size:1.2em !important; } .postitem-18 .listpostLug { height:140px; } .postitem-19 { margin:0 20px 20px 0 !important; width:calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:-webkit-calc(100% / 3) !important; height:343px; } .postitem-19 h4 { font-size:1.6em !important; } .postitem-19 .listpostLug { display:none; } .postitem-19 .catStrip { position:static !important; float:left; width:100%; } .postitem-19 .bumper { position:static !important; max-width:100%; } .postitem-20 {} .postitem-20 h4 { font-size:0.9em !important; } .postitem-21 { margin:0 0 20px !important; float:right; max-height:inherit !important; height:auto !important; min-height:380px !important; } .postitem-21 h4 { font-size:1.2em !important; } .postitem-22 { width:calc((100% / 3 * 2)) !important; width:-moz-calc((100% / 3 * 2)) !important; width:-webkit-calc((100% / 3 * 2)) !important; margin:0 20px 20px 0 !important; float:left; } .postitem-22 h4 { font-size:1.6em !important; } .postitem-23 { margin:0 0 20px !important; width:calc(100% / 3 - 20px) !important; float:right; min-height:0 !important; height:306px !important; } .postitem-23 h4 { font-size:1.2em !important; } .postitem-23 .listpostLug { height:140px; } .postitem-24 {} .postitem-24 .listpostLug { height:140px; } .postitem-24 h4 { font-size:1.2em !important; } .postitem-25 {} .postitem-25 h4 { font-size:0.9em !important; } .postitem-26 { margin:0 0 20px !important; width:calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:-webkit-calc(100% / 3) !important; height:343px; } .postitem-26 h4 { font-size:1.6em !important; } .postitem-26 .listpostLug { display:none; } .postitem-26 .catStrip { position:static !important; float:left; width:100%; } .postitem-26 .bumper { position:static !important; max-width:100%; } */ /* realscreened Archive Styling */ .realscreened { background:none !important; width:100% !important; height:auto !important; min-height:0 !important; overflow:visible !important; padding:0; } .realscreened .listpostText { width:100%; padding:0 !important; height:auto; } .realscreened .listpostText img { float:left; max-width:250px; } .realscreened .listpostText .excerptBlurb { float:left; width:100%; } .realscreened .listpostText ul { margin:0 !important; font-size:1.1em; } .realscreened .listpostText ul li a::before { color:#0895bb; content:"\003e\00a0"; font-size:1.5em; } .realscreened .listpostText ul li { margin:0; padding:10px; list-style:none; list-style-position:inside; } .realscreened .listpostText ul li a { text-indent:-1.2em; padding-left:1.5em; display:block; } .realscreened .listpostText ul li:nth-child(2n) { background:#F1F1F1; } .realscreened .listpostText ul li:nth-child(2n+1) { background:#FFFFFF; } .realscreened .realscreenedDate { padding:5px 0; font-size:1.5em; color:#000; text-transform:uppercase; font-weight:bold; } .realscreened a:hover, .realscreened .listpost a:hover, .realscreened .listpost .listpostLink:hover { background:none !important; } .realscreened.mobile { display:none; } /* category colour overrides */ .vert .bumper { background:#0895bb linear-gradient(to right, #0895bb, #FFF); } .vert .catStrip { color:#000 !important; } .news .bumper { background:#0895bb linear-gradient(to right, #0895bb, #FFF); } .news .catStrip { color:#0895bb !important; } .news .superCatStrip { color:#0895bb !important; } /*.news blockquote p { color:#0895bb; }*/ /* .from-the-mag .bumper { background:#000 linear-gradient(to right, #000, #FFF); } .from-the-mag .catStrip { color:#000 !important; } .from-the-mag .superCatStrip { color:#000 !important; } .from-the-mag blockquote p { color:#000; } .photos .bumper { background:#0895bb linear-gradient(to right, #0895bb, #FFF); } .photos .catStrip { color:#0895bb !important; } .photos .superCatStrip { color:#0895bb !important; } .photos blockquote p { color:#0895bb; } .screen .bumper { background:#0895bb linear-gradient(to right, #0895bb, #FFF); } .screen .catStrip { color:#0895bb !important; } .screen .superCatStrip { color:#0895bb !important; } .screen blockquote p { color:#0895bb; } .consumer-products .bumper { background:#962f34 linear-gradient(to right, #962f34, #FFF); } .consumer-products .catStrip { color:#962f34 !important; } .consumer-products .superCatStrip { color:#962f34 !important; } .consumer-products blockquote p { color:#962f34; } .tech .bumper { background:#ef4123 linear-gradient(to right, #ef4123, #FFF); } .tech .catStrip { color:#ef4123 !important; } .tech .superCatStrip { color:#ef4123 !important; } .tech blockquote p { color:#ef4123; } .insight .bumper { background:#5c2d91 linear-gradient(to right, #5c2d91, #FFF); } .insight .catStrip { color:#5c2d91 !important; } .insight .superCatStrip { color:#5c2d91 !important; } .insight blockquote p { color:#5c2d91; } .people-moves .bumper { background:#0074a2 linear-gradient(to right, #0074a2, #FFF); } .people-moves .catStrip { color:#0074a2 !important; } .people-moves .superCatStrip { color:#0074a2 !important; } .people-moves blockquote p { color:#0074a2; } .marketing .bumper { background:#ed037c linear-gradient(to right, #ed037c, #FFF); } .marketing .catStrip { color:#ed037c !important; } .marketing .superCatStrip { color:#ed037c !important; } .marketing blockquote p { color:#ed037c; } */ /* Contributors */ .contributors .entry { padding:40px !important; } .contributors .colInner { padding:0 20px; } .contributors h6 { color:#232323; margin:0 0 20px !important; } /* Old Magazine System Fixes */ .magIssues .entry img, .magIssues #contentHeader img { max-width:200px; height:auto; width:100%; } .magIssues h7 { clear:both; } /* Magazine Issues System */ .billboardMagazine { padding:20px; height:auto !important; } .issueContainer { width:100%; height:600px; margin:auto; position:relative; overflow:hidden; max-width:1200px; padding:40px 50px !important; background:#fbf9f9; } .issueContainer .backingIMG { position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; min-height:100%; min-width:100%; height:auto; width:auto; max-width:inherit; max-height:165%; } .issueContainer .mobileIMG { display:none; } .issueContainer .issueIMG { display:none; } .issueIMG { clear:both; float:left; width:300px; text-align:center; position:relative; margin:0 auto 40px; } .issueHeader { clear:both; width:300px; position:relative; float:left; z-index:5; text-align:center; border-top:2px solid #909090; border-bottom:2px solid #909090; padding:10px 20px; } .issueHeader h1 { font-weight:bold; margin:0 auto; font-size:1.4em; color:#909090; text-transform:uppercase; } .issueHeader h5 { text-transform:uppercase; } .issueDesc { clear:both; float:left; width:300px; padding:120px 20px 20px; position:relative; z-index:1; } .issueDesc img { max-width:100%; float:left; } .issueDesc .btnMain { clear:both; position:static !important; float:left; margin:40px auto !important; } .issueFader { display:none; height:150px; width:100%; position:absolute; bottom:0; left:0; right:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf9f9+0,f7f5f5+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(247,245,245,0) 0%, rgba(247,245,245,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(247,245,245,0) 0%,rgba(247,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(247,245,245,0) 0%,rgba(247,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f5f5', endColorstr='#fbf9f9',GradientType=0 ); /* IE6-9 */ } /* Issue Sidebar */ .issueBlock { width:100%; margin:20px auto; } .issueBlock .issueBox h5 { margin:0 auto 20px; float:none; color:#afafaf; font-size:0.7em; width:100%; text-align:center; text-transform:uppercase; font-weight:bold; min-height:30px; float:left; } .issueBlock .issueBox { width:50% !important; float:left; padding:0 5px; } .issueBlock .issueBox .issueIMG { background:#000; margin:0 0 10px; width:100%; } .issueBlock .issueBox .issueIMG img { width:100%; height:auto; display:block; } .issueBlock .issueBox:hover .issueIMG img { opacity:0.5; } .issueBlock .issueBox:hover h5 { color:#0895bb; } /* Issue Master Archive */ .archiveIssues { padding:40px 0; } .archiveIssues .issueBox { padding:20px; text-align:center; } .archiveIssues .issueBox h5 { width:100%; text-align:center; margin:0; font-size:0.7em; font-weight:normal; min-height:35px; } .archiveIssues .issueBox .issueIMG { width:100%; max-width:200px; background:#000; margin:0 auto 10px; float:none; } .archiveIssues .issueBox .issueIMG img { max-width:100%; height:auto; display:block; } .archiveIssues .issueBox:hover .issueIMG img { opacity:0.5; } .archiveIssues .issueBox:hover h5 { color:#0895bb; } /* Contributors */ .authorPost { width:20%; margin:0 auto 20px; } .authorIMG { width:100%; height:150px; position:relative; margin:0 auto 10px; overflow:hidden; background:#000; } .authorIMG img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-height:100%; min-width:100%; max-height:125%; max-width:125%; height:auto; width:auto !important; } .authorText { width:100%; margin:0; text-align:center; min-height:45px; line-height:1.2em; } .authorText h5 { margin:0; font-size:0.9em; } .authorPost:hover .authorIMG img { opacity:0.5; } .authorPost:hover .authorText h5 { color:#0895bb; } .authorPage .authorStrip { border:none; } .authorPage .authorStrip .authorBio { position:relative; padding:0 20px 20px; } .authorPage .authorStrip .authorBio p { font-size:0.8em; line-height:1.3em; margin:0; } #comments { display:none; } /*#tableDelegates th:first-child, #tableDelegates th:nth-child(2), #tableDelegates th:nth-child(5), #tableDelegates td:first-child, #tableDelegates td:nth-child(2), #tableDelegates td:nth-child(5) { display: none; } #tableDelegates th:nth-child(3) { width: 35%; }*/ .checkList { list-style-image: url(images/checkbox.png); } .venuePage h2, .venuePage h3, .venuePage h4 { margin: 0 0 10px 0; } .venuePage iframe { margin: 0 0 20px 0; height: 350px; } /* Last year's styles for advisory board and speakers pages: */ #speaker_page>h1, #speaker_page>.advisor>h1 { font-size: 1.55em; line-height: 2.5; font-weight: normal; color: #333; margin: 0; } #speaker_page .advisor { border-bottom: 1px solid #CCCCCC; margin-bottom: 0.5em; overflow: hidden; padding: 20px 0; width: 100%; } #speaker_page .advisor:last-child { border-bottom: none; } #speaker_page .advisor p { margin:0 0 10px; } #speaker_page .advisor.nobottomborder { border-bottom: none; } #speaker_page .advisortext { float:left; width:calc(100% - 150px); margin:0 0 0 20px; } #speaker_page .advisortext, #speaker_page .advisortext p, #speaker_page .advisortext span {} .advisortext p:nth-child(2) { line-height: 1.2; letter-spacing: 0.4px; } #speaker_page .advisorimg { float:left; } #speaker_page .advisorimg img { border-radius:50%; border: 1px solid #CDCDCD; width:100px; float:left; margin-top:0; } #speaker_page .CompanyBadge, #speaker_page .AttendeeTitle { font-weight: bold; } .advisortext h1 { font-size: 26px; letter-spacing: 0.4px; margin: 0 0 10px 0; line-height: 1; border: none; } .advisortext h1:first-child+p, .advisortexth1:first-child+p+p { margin: 0; } /* Custom Bulletin/Profile styles */ .person .caption p:first-child { color:#afafaf; } .person:hover .caption p:first-child { color:#0895bb; } /* Fix for in-page links to account for floating nav: */ h3, h4, h5 { position:relative; } .pageAnchor { position:absolute; top:-120px; } #promocodevalidatebutton { display:block; } /* --------------------------------------- */ /* SIDEBAR /* --------------------------------------- */ #singleSidebar { float: left; border-left: 1px solid #898989; } #sidebar { background:#ffffff; border:none; width:25%; width:calc(320px); padding:0; z-index:0; top:0;} #sidebarTop, #sidebarBottom { padding:0 0 0 20px; } #sidebarSingleTop { padding-left: 20px; } #sidebarTop { background:none; } #sidebarCarousel { padding:20px; margin:20px 0 0; position:relative; } #carouselSidebar-wrapper > .backing { position:absolute; top:0; left:0; right:0; bottom:0; background:url(images/grungeGraphic.gif) top center no-repeat; opacity:0.5; } .sponsorLogo { margin:20px auto; display:block; opacity:0.6; } .sponsorLogo:hover { opacity:1.0; } .headerIMG { display:block; margin:0 auto 10px; max-width:100%; } .sidebarAuthorBox .sidepost:hover .authorBoxName { color:#0895bb; } #sidebarTabbox, #socialTabbox { max-height:600px; margin:0 auto; } .sidebarFeatured, #sidebarTabbox { /*display:none;*/ } .featuredSidebar { float:left; width:300px; margin:0 0 0 20px; } /* Latest Posts Module */ .latestPosts { height:auto; margin:0; } .latestPosts ul { margin:0 auto 0; } .latestPost { width:100%; display:block; border:none; font-size:0.9em; margin:0; } .latestPost .latestPostLink { background:none; float:left; width:100%; height:100%; display:block; position:relative; } .latestPost .latestPostLug { float:left; position:relative; width:40%; height:100px; margin:0; overflow:hidden; background:#121212; } .latestPost .latestPostLug img { width:auto; height:auto; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-height:100%; min-width:100%; max-height:125%; } .latestPost .latestPostText { float:right; width:60%; padding:10px; height:100px; overflow:visible; color:#232323; background:none; position:absolute; right:0; top:0; font-size:0.75em; line-height:1.1em; font-weight:bold; } .latestPost .latestPostText .catStrip { display:none; background:#000000; padding:3px 10px 2px; text-transform:uppercase; width:100%; max-width:150px; height:auto; margin:0; position:absolute; top:-20px; right:0; font-size:0.8em; z-index:4; font-weight:bold; color:#0895bb; } .latestPost .latestPostText .bumper { height:1px; width:100%; right:0; position:absolute; bottom:0; background:#0895bb linear-gradient(to right, #0895bb, #FFF); display:none; } .latestPost .excerptBlurb { font-weight:normal; } .latestPost .excerptBlurb p { margin:0; line-height:1.3em; color:#232323; } .latestPost .dataStrip { font-size:0.7em; line-height:1.4em; width:100%; margin:0; padding:0; border:0; position:absolute; bottom:0; left:0; right:0; padding:0 10px 10px; } .latestPost .dataStrip .authorBio { font-weight:bold; color:#000; float:none; } .latestPost .dataStrip .dateStrip { float:left; font-weight:normal; } .latestPost a img { transition:all 200ms ease-in-out; } .latestPost a:hover img { opacity: 0.7; } .latestPosts .postitem-1 { background:#0094bb; } .latestPosts .postitem-1 .latestPostText { color:#fff; } .latestPosts .postitem-2 { background:#5db3d0; } .latestPosts .postitem-3 { background:#a7d1e4; } .latestPosts .postitem-4 { background:#e2eff7; } #sidebar .throwLink { color:#000; clear:both; display:block; } #sidebar .throwLink:hover { color:#0895bb; } #sidebar .gradient { background:#000 linear-gradient(to right, #fbf9f9, #000) repeat scroll 0% 0%; height:1px; max-width:97%; } #sidebar .moreArrow { height:28px; width:28px; background:url(images/icon-arrowRight.png) no-repeat; float:right; margin:0 0 0 10px; position:relative; top:-5px; } /* Recent Issues */ .recentIssues .recentArrow { height:28px; width:28px; background:url(images/icon-arrowRight.png) no-repeat; transform:rotate(90deg); float:left; margin:0 10px 0 0; position:relative; top:-5px; } .recentIssues .throwLink { color:#000; text-align:left; font-weight:bold; } .recentIssues .gradient { background:#000 linear-gradient(to right, #000, #fbf9f9) repeat scroll 0% 0%; height:1px; max-width:100%; position:relative; left:6px; } /* Popular Posts */ .latestPosts .recentArrow, .popularPosts .recentArrow { height:28px; width:28px; background:url(images/icon-arrowRight.png) no-repeat; transform:rotate(90deg); float:right; margin:0 0 0 10px; position:relative; top:-5px; } #contentPanel .latestTitle, .latestPosts .latestTitle, .popularPosts .throwLink { clear:both; color:#121212; font-family: "Josefin Sans", sans-serif !important; margin: 10px 0; font-size:26pt; text-transform:uppercase; } .latestPosts .gradient, .popularPosts .gradient { background:#000 linear-gradient(to right, #fbf9f9, #000) repeat scroll 0% 0%; height:1px; max-width:95%; } .popularPosts .popularPostsList { clear:both; } .popularPosts .popularPostsList li:last-child { margin:0; } .topTitle { padding-top:20px; margin-bottom: 0 !important; } #recent-story-border { border-bottom: 3px solid #898989; width: 63%; float: right; margin-top: -25px; } /* --------------------------------------- */ /* FOOTER /* --------------------------------------- */ #footer { border-top:none; border-bottom:2px solid #787878; position:relative; z-index:3; box-shadow:0 5px 5px #121212; -moz-box-shadow:0 5px 5px #121212; -webkit-box-shadow:0 5px 5px #121212; padding:0 !important; } #footerInner { padding:40px 50px !important; } #footerBacking { background:none; position:absolute; height:100%; width:100%; z-index:1; } #footerLinks { margin:40px 0 0; } #footerLinks .header { color:#0895bb; } #footerLinks .column, #footerLinks .group { width:100%; } #footerLinks ul { text-align:right; } #footerLinks li { float:none; margin:0 auto; display:inline-block; } #footerLinks li::after { content:"\007C"; color:#fff; padding:0 10px; } #footerLinks li:last-child::after { content:""; padding:0; } #footerLinks #footerInfo { margin:40px auto 0; } #footer .menu li a:hover { color:#0895bb; } #footerInfo a { color:#ffffff; } #footerInfo a:hover { color:#0895bb; } #footerSimple { border:none; position:relative; z-index:1; } #footer .socialBox .btn-social { border:1px solid #454545; border-radius:5px; } #footer .socialBox .btn-social:hover { background:#0895bb; } #cancellationpolicy { clear:both; } /* --------------------------------------- */ /* DOT NET PAGES /* --------------------------------------- */ #pageDotnet { background:#ffffff; min-height:810px; } #pageDotnet #footer { background:none; border:none; box-shadow:none; position:static; padding:0; margin:20px 0; } #pageDotnet .entry { padding:40px; min-height:0; } #pageDotnet .pagetitle { font-size:2em; line-height:1.1em; font-weight:normal; color:#232323; margin:0 auto 20px; } #pageDotnet h3, #pageDotnet h4 { color:#0895bb; float:none; margin:0 auto 10px; } #pageDotnet #default a, #subscribed a, #startoverlink { background:#232323; padding:10px 20px; color:#ffffff; border-radius:5px; text-transform:uppercase; font-size:10pt; display:inline-block; line-height:1.3em; text-align:center; } #pageDotnet #default a:hover, #subscribed a:hover, #startoverlink:hover { background:#0895bb; } #pageDotnet legend, #pageDotnet .display-none { display:none; } #pageDotnet .entry form td, #pageDotnet .entry .formtable td, #pageDotnet .entry form tr, #pageDotnet .entry .formtable tr { background:none !important; border:none !important; } #pageDotnet .entry > div { background:none !important; } #pageDotnet .entry table td { font-size:1em; } #pageDotnet fieldset { border-top:1px solid #efefef; } #pageDotnet .block { padding:20px 0; border-top:1px solid #efefef; } #pageDotnet .block fieldset { border:none; } #pageDotnet tr, #pageDotnet td { /*background:none !important; border:none !important; */} #contentBody table th { border-bottom:1px solid #ccc; } #pageDotnet label > span { display:inline-block; } span#reset, #unsubscribeemaillink a { background:#232323; padding:10px 20px; color:#ffffff; border-radius:5px; text-transform:uppercase; font-size:10pt; display:table; float:none; margin:20px auto; text-align:center; } span#reset:hover, #unsubscribeemaillink a:hover { background:#0895bb; } .printformContent:before, .printformContent:after { content:""; display:table; } .printformContent:after { clear:both; } .inlined { width:50%; padding:5px 20px; float:left; display:block; min-height:34px; } .inlined_lbl { text-align:right; width:40%; } #NewsletterSubscriptions .inlined span { float:right; } #form_for_event fieldset, #loginpage fieldset { border:none; } /* FIX THE STYLES ON THE GRANDFATHERED ELEMENTS SO THEY'RE NOT STUPID */ #pageDotnet #websub, #pageDotnet #newslettersub, #pageDotnet #myaccount { background:none; margin:40px 0 !important; } #pageDotnet #websub fieldset, #pageDotnet #newslettersub fieldset, #pageDotnet #myaccount fieldset { padding:40px 0; margin:0; } #pageDotnet #websub fieldset p:first-of-type, #pageDotnet #newslettersub fieldset p:first-of-type, #pageDotnet #myaccount fieldset p:first-of-type { font-weight:bold; margin:0 auto 20px !important; font-size:1.2em; } #pageDotnet #newslettersub fieldset #createaccount p { color:#232323; margin:0 auto 40px !important; } /* Fixes on regular elements because of the STUPID .NET page overrides */ .glyphicon { margin:0 !important; color:#fff !important; font-size:inherit !important; font-weight:normal !important; } #mobileMenu .glyphicon { margin:0 10px 0 0 !important; color:#fff !important; } /* Events */ .eventsPage { font-size:0.8em; line-height:1.4em; min-height:1200px; display:block; } .eventsPage h2, .eventsPage h3 { color:#232323 !important; } .eventsPage h2 { width:100%; margin:40px auto; padding:10px 20px; text-align:center; text-transform:uppercase; font-weight:bold; border-top:2px solid #909090; border-bottom:2px solid #909090; line-height:1.1em; } .eventsPage .btnLink:hover { background:#0895bb; } .eventsPage #recaptcha_area { background:#cfcfcf !important; border-radius:5px !important; overflow:hidden; } .eventsPage .cell input { padding:2px 10px; } .eventsPage .eventsLead { height:auto; width:100%; border-radius:5px; margin:0 auto 40px; background:#232323; overflow:hidden; } .eventsPage .eventsLead .eventIMG { position:relative; width:100%; height:300px; overflow:hidden; } .eventsPage .eventsLead .eventIMG img { position:absolute; height:100%; min-width:100%; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; } .eventsPage .eventsLead .eventText { background:#ffffff; height:auto; padding:40px; width:100%; } .eventsPage .eventsLead .eventText .eventBio { max-width:600px; margin:0 auto 20px; text-align:center; } .eventsPage .eventsLead .eventText .eventBtn { display:block; text-align:center; max-width:600px; margin:0 auto; } .eventsPage .eventsLead .eventText .eventBtn .btn { display:inline; background:#fbf9f9; color:#232323; } .eventsPage .eventsLead .eventText .eventBtn .btn:hover { background:#0895bb; color:#232323; } /* Profile */ #emailaddresses { margin:0 auto 40px; } #addnewemailaddressbuttondiv { padding:20px; } /*.questionRadioPosition { width:38%; padding:0 0 20px; } .questionRadioPosition label { width:49%; display:inline-block;}*/ /* MyAccount */ div#myaccount div { display: inline; } #myaccount .quesHeader { display: block; margin-bottom: 20px; } div#myaccount .questionRadioPosition { margin-top: 0; } .inlined.companyinput.displayview { width: auto; } #newslettersubscriptions select { margin-right: 10px; } #NewsletterSubscriptions .inlined span { padding-top: 5px; } /* Insight TV Home Page Style */ .InsightTvHomeStyle{ background-color: #e2eff7; width: 740px; margin-left: -50px; padding-left: 50px !important; } /* Career */ #PanelIntroduction, #PanelIntroduction table td, #Labelfeature, #careers_heading { padding: 5px !important; font-family: Arial, tahoma, sans-serif !important; font-size: 13px !important; line-height: 1em; } #careertitle { clear: left; background-position: top left; background-repeat: no-repeat; margin-top: -40px !important; } #careerdiv h1{ font-size: 25px !important; } #careerdiv h2 { font-weight: bold; font-size: 18px; color: #272727; padding-left: 1px; margin-top: 5px !important; } #datebar { width: 100%; height: 40px; background-image: url(/wp/wp-content/themes/pb/images/bg.jpg); background-repeat: repeat-x; padding: 4px 0px 0px 10px; font-family: helvetica; font-size: 15px; font-weight: bold; color: #939393; } #career_description { font-size: 13px !important; } #gbox_buyersTable { width: 634px !important; } #gview_buyersTable .ui-jqgrid-hbox { padding-right: 0px !important; } #buyersTable tbody tr td:first-child, #buyersTable tbody tr th:first-child { width: 97px !important; } #buyersTable tbody tr td:last-child { width: 85px !important; } #gview_buyersTable thead tr th:first-child { width: 97px !important; } #gview_buyersTable thead tr th:last-child { width: 85px !important; } #PanelBegin, #PanelBegin table td, #PanelBegin input, #PanelContactDetails, #PanelContactDetails table td, #PanelAds, #PanelAds table td, #PanelUpload, #PanelUpload table td, #PanelAdsInfo, #PanelAdsInfo table td, #PanelAdsInfo input[type="text"], #PanelAdsPreview, #PanelAdsPreview table td, #buyersTable table td, #PanelCard, #PanelCard table td, #PanelAdsInfo input[type="text"] { padding: 5px !important; font-family: Arial, tahoma, sans-serif !important; font-size: 13px !important; line-height: 1em; } #PanelBegin, #PanelContactDetails, #PanelContactDetails, #PanelAds, #PanelUpload, #PanelAdsInfo, #PanelAdsPreview, #PanelCard { margin-top: -60px; } #PanelIntroduction img, #PanelBegin img { margin: 0 auto 5px !important; } #pageDotnet .entry { padding:5px !important;} #careerlink img { margin-top: 0px; } #Labelfeature, #pricecontent2, #pricecontent2 table td { font-weight: normal !important; padding-bottom: 5px; } #PanelContactDetails, #PanelContactDetails table td, #PanelAdsInfo table td, #PanelBegin table td, #PanelAds table td, #PanelAdsPreview table td, #PanelCard table td { font-weight: normal !important; } #PanelBegin table tr:nth-child(3) td { padding-right: 100px; } #PanelBegin input[type="submit"] { font-size: 13px !important; } .datepick { font-size: 12px !important; } .datepick-popup .datepick-month-header select, datepick-popup .datepick-month-header input { font-size: 12px !important; width: 80px !important; height: 1.5em !important; padding: 1px !important; } #PanelContactDetails legend, #PanelAds legend, #PanelUpload legend, #PanelAdsInfo legend, #PanelAdsPreview legend { display:inline !important; } #careerfilters { width: 100%; padding: 20px; margin: 0; border: 0; font-family: Arial, tahoma, sans-serif !important; font-size: 13px !important; } .careeritems { margin: 10px 0 10px 20px; font-family: Arial, tahoma, sans-serif !important; font-size: 13px !important; } .careeritems ul { list-style-type: none; } .careeritems ul li { padding-bottom: 6px; } /* --------------------------------------- */ /* Paywall /* --------------------------------------- */ #subscriptionWrap { font: 18px arial, helvetica, sans-serif; background: #fff; border: 1px solid #000; padding: 20px 10px 10px 10px; width: auto; border-radius: 0px; text-align: center; } #continue-login { font-weight: 500; line-height: 1.5; margin: 10px 0 0 10px; } #not-a-sub-container { width: 100%; } #not-a-sub-container h2 { font-family: Arial, Helvetica, sans-serif !important; font-size: 18pt; font-weight: 700; color: #404040; margin:10px 0 10px 0; } #subInnerWht { margin: 15px 10px 0 0; padding: 10px 20px 15px 0px; width: 100%; font-size: 16px; text-align: left; } #subInnerWht ul li { font-size: 16px; font-weight: 300; line-height: 1.5; color: #1d1e1f; } #login_div { text-align: center; margin: 0 15px 0px 15px; } #sub_button { display: block; cursor: pointer; border: 1px solid #0895bb; border-radius: 0px !important; font-size: 18px; background: #0895bb; color: #efefef; font-weight: bold; text-transform: uppercase; text-align: center; margin: 30px auto; padding: 10px 30px 10px; } #sub_signin:link, #sub_signin:visited { font-weight: 700; color: #0895bb; text-decoration: underline; } #alreadysub { font-weight: 600 !important; width: 100%; } /* --------------------------------------- */ /* MEDIA QUERIES /* --------------------------------------- */ @media print { #mobileMenu, #masterMenu, #headerMicro, #headerMicroBlock, #siteBacking, #siteWrap, .billboardContainer, #sidebar, .tags, #subbar, #footer, #footerSimple, .topLink { display:none !important; } #at4m-mobile-container, #_atssh, #om-lgij9rhwxzbwppbe-holder { display:none !important; } .content { width:100% !important; box-shadow:none !important; } #featIMG, #featIMG img, #contentHeader, #contentBody, #headerFeature #megaIMG, #headerFeature #megaIMG img { position:static !important; float:left !important; } .infoStrip { border-bottom:1px solid #cfcfcf !important; margin:0 auto 40px !important; } #siteContainer, #main, #mainContainer, .entry, .mainFeature .featureContainer .entry { padding:0 !important; background:#ffffff !important; box-shadow:none !important; } #headerFeature { box-shadow:none !important; } #headerFeature, #headerFeature #megaIMG { height:auto !important; } #headerFeature .titlesOuter { height:auto !important; position:static !important; display:none !important; } #headerFeature .titlesInner { padding:0 !important; } #headerFeature .titlesUpper { display:none !important; } #headerFeature .mobileFeatureHeader { display:block !important; padding:0 !important; position:static !important; float:left !important; padding:0 0 20px !important; } #headerFeature .gallery, #headerFeature .titlesFeature { width:100% !important; float:left !important; position:static !important; background-color:#afafaf !important; } #headerFeature .galIMG { display:none !important; } #featIMG #contentHeader .catStrip { background:#ffffff !important; } #featIMG #contentHeader .catStrip, .articleMain #contentHeader h1, .articleMain #contentHeader .dek, .infoStrip { position:static !important; float:left !important; max-width:100% !important; width:100% !important; padding:10px 0 !important; } blockquote { float:right !important; left:initial !important; width:50% !important; margin:40px 0 40px 40px !important; } } @media screen and (max-width:1240px) { /*#headerLogo { margin:30px auto 0 40px; left:0; } */ } @media screen and (max-width:1024px) {} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #logoPane { background:#FAFAFA; height:1px; } #contentHeader { padding:100px 20px 40px; } #content { width:100%; left:initial; } } @media screen and (max-width: 1100px) { #masterMenu { display:block; height:60px; background-color:#ffffff; background-position:center !important; background-size:130px; transition:none; border:none; } #btn-mobileMenu:hover, #btn-mobileMenuMain:hover, #masterMenu .btn-search:hover { background:#0895bb; } #btn-mobileMenu, #btn-mobileMenuMain { height:60px; width:65px; padding:20px; border-right:1px solid #efefef; } #masterMenu .btn-search { height:60px; width:65px; padding:15px; border-left:1px solid #efefef; font-size:1.5em; } #masterMenu .btn-box, #masterMenu .btn-line { border-color:#121212; } #masterMenu #btn-mobileMenu:hover .btn-box, #masterMenu #btn-mobileMenu:hover .btn-line { border-color:#ffffff; } #masterMenu .btn-search .glyphicon { color:#121212 !important; } #masterMenu .btn-search:hover .glyphicon { color:#ffffff !important; } #header, #headerSmall { min-height:0; display:block !important; margin:60px 0 0; } #headerCover, #headerSmall #headerCover { background-size:cover; } #mainMenu { display:block !important; } #mainMenu #btn-mobileMenuMain, #mainMenu .btn-search, #mainMenu .menuLogo { display:none !important; } #mainMenu .menu-main-menu-container { width:85%; } .billboardContainer { width:100%; } #billboardTop img, #billboardBottom img, .feedStrip img, #billboardTop div, #billboardBottom div, .feedStrip div, #billboardTop ins, #billboardBottom ins, .feedStrip ins, #billboardTop iframe, #billboardBottom iframe, .feedStrip iframe { max-width:100% !important; display:block !important; margin:0 auto !important; } #billboardTop { } #billboardTopMobile { display:block; } .sidebarBox img, .sidebarBox div, .sidebarBox ins, .sidebarBox iframe { max-width:100% !important; display:block; margin:0 auto !important; margin-bottom: 10px; } img.img_ad { max-width:100% !important; height:auto !important; } .feedStrip { padding:0; } .vidInterstitialVideo { display:none; } .vidInterstitialImage { display:block; } .vidInterstitialImage img { max-width:100%; height:auto; } #indexInfo { padding:0 40px; height:auto; overflow:hidden; } #videoContainer { display:none; } #indexInfo .btnMain { margin:20px auto 40px; } #headerLogo, #headerSmall #headerLogo { position:relative; left:initial; float:none; margin:20px auto 0; display:block; width:500px; max-width:100%; } #headerLogo img, #headerSmall #headerLogo img { width:100%; } .tagline, #headerSmall .tagline { display:block; width:70%; bottom:23%; left:17%; top:inherit; } #headerStrip { position:relative; height:auto; border-bottom:5px solid #0895bb; } .dateLocation, .sponsorStrip { position:relative; width:100%; } .dateLocation, #headerSmall .dateLocation { display:block; margin:0; } .dateLocation h4, #headerSmall .dateLocation h4 { font-size:0.9em; } #leadbar { display:none; } #main, #mainMicro { padding:0; } #contentPanel { min-height:0; } #contentNarrow { width:75%; width:calc(100% - 280px); width:-moz-calc(100% - 280px); width:-webkit-calc(100% - 280px); position:static; } #logoPane { background:#FAFAFA; height:1px; } #contentHeader, .articleMain #contentHeader { padding:40px 40px 0; } .archiveFeed #contentHeader { padding:40px; } #headerFeature #contentHeader { padding:40px; } .articleMain .infoStrip.outerHeader { padding:10px 40px 40px; border:none !important; } #tableDelegates td, #tableDelegates th { padding:5px !important; } .contentWrapper { padding:0 !important; } #pageDotnet .entry { padding:40px !important; min-height:0 !important; } #contentHeaderrealscreened { padding:0; } /* Table reset for mobile */ .countryCell { min-width:0; } #featuredContainer { } #featuredContainer .content { width:calc(65% - 10px) !important; } #featuredContainer .featuredSidebar { width:calc(35% - 10px) !important; } #featuredContainer .superPost .superLink .superText .excerptBlurb { display:block; } .jcarousel-control-prev, .jcarousel-control-next { margin:44% 0px 0px !important; } .superPosts { background:#121212; } .superPost .superText { height:auto !important; } .archiveFeed .listpost { padding:0 20px; height: 230px; } .archiveFeed .listRecentpost .listRecentpostText { margin-left: 207px; } #pbd-alp-load-posts { margin:40px auto; max-width:90%; } #mainContainer { padding:0 !important; } #contentBody .entry { min-height:0 !important; } #billboardTop > img, #billboardTop > div, #billboardBottom > img, #billboardBottom > div { padding:20px 10px; } .feedStrip > img, .feedStrip > div > div { margin:0; padding:20px; box-shadow:none; text-align:center; height:auto; } .sidebarBox > img, .sidebarBox > div { margin:0 auto 20px !important; } /* Contributors */ .authorPost { width:25%; } .authorIMG img { margin:auto !important; min-height:100%; min-width:100%; max-height:165%; max-width:125% !important; height:auto; width:auto !important; } /* Sidebar */ .latestPost .latestPostLug { width:130px; } .latestPost .latestPostText { width:calc(100% - 130px); } /* Subbar */ #subbar .listpost .listpostLug { height:200px; } /*Hot 50 */ .hot50IndexStrip { margin:180px 0px 40px; } .mainIndex .hot50 { padding:320px 40px 40px; } .hot50Index .catLink { margin:0 auto 40px; width:100%; height:300px; } .hot50Index .catLug img { height:auto; width:auto; } #footerInner { padding:40px 20px !important; } #footerLogo { width:100% !important; } #footerLinks li { float:none !important; display:block !important; text-align:center !important; } #footerLinks li a { background:#10759b !important; border-radius:3px; } #footerLinks li a:hover { background:#0895bb !important; color:#ffffff !important; } #footerLinks li::after { display:none !important; } /* Insight TV Home Page Style */ .InsightTvHomeStyle{ width: 100%; margin-left: 0px; padding-left: 40px !important; } /* Career */ #careerlink img { margin-top: -10px !important; } } @media screen and (max-width:1000px) { #header, #headerSmall { min-height:0; display:none !important; } #mainMenu { display:none !important; } #main, #mainMicro { padding:40px 0 0; } #featureBillboard { margin:40px auto 0; } #featuredContainer .vert .listpostStatic { width:calc(50% - 10px) !important; } #featuredContainer .vert .listpost:nth-child(2n) { margin:0 auto 20px; } } @media screen and (max-width:920px) { .popularPosts .latestPost .dataStrip { display:none; } } @media screen and (max-width: 768px){ #headerSmall #headerLogo .tagline { display: none; } .dateLocation, .sponsorStrip { max-width:inherit; } .dateLocation h4, #headerSmall .dateLocation h4 { font-size:0.85em; } .dateLocation h4:last-child, #headerSmall .dateLocation h4:last-child { margin-top: 3px; } /* Featured / Homepage Carousel */ #featuredContainer { background:#fbf9f9; padding:0; } #featuredContainer .content { width:100% !important; margin:0 auto 20px; } #featuredContainer .featuredSidebar { width:100% !important; padding:20px; margin:0; } #featuredContainer .superPost .superLink .superText .excerptBlurb { display:block; } #featuredContainer ul li:last-child { margin:0; } #featuredContainer .archive { display: none; } #bigFeature1, #bigFeature2, #bigFeature3, #bigFeature4 { width: 100%; height: auto; display: block; margin-bottom: 20px; } #bigFeature2, #bigFeature3, #bigFeature4 { margin: initial; max-height: unset; margin-bottom: 20px; } #bigFeature1 .featuredLug img , #bigFeature2 .featuredLug img, #bigFeature3 .featuredLug img, #bigFeature4 .featuredLug img{ width: 100%; height: auto; max-height: unset; margin-left: 0; max-width: 100%; } .bigFeature .titleAndBioWrapper { margin-top: -10px !important; } #bigFeature1 .titleAndBioWrapper { margin-top: -175px !important; } #magazineFeature3 .titleAndBioWrapper, #magazineFeature4 .titleAndBioWrapper { margin-top: -68px; } #magazineFeature1 .featuredLugPad { margin-bottom: 40px; } .superPosts { height:646px; background:#ffffff; } .superPost { height:606px; } .superPost .superLug { width:100%; float:left; } .superPost .superText { width:100%; float:left; background:#fff; } .superPost .superText h2 { padding:20px 20px 0; max-width:inherit; font-size:1.3em; } .superPost .superText .excerptBlurb { position:static; width:100%; float:left; } .superPost .entryInfoStrip { width:100%; } .superPost .dateStrip { float:right; } .superPosts #carouselSuper-wrapper > .jcarousel-control-next { right:0; } .superPosts .jcarousel-pagination { background:#121212; } #featIMG #contentHeader { background:#ffffff; float:left; position:relative; } .popularPosts .latestPost .dataStrip { display:block; } /* Content */ #content, #contentNarrow { width:100%; } #sidebar { padding:0; width:100%; border:0; background:#fbf9f9; } #sidebarTop { border-right:1px dotted #cfcfcf; width: 100%; } #sidebarBottom { background:none; width: 100%; } #sidebarCarousel { margin:0; padding:0px 20px 40px; } #singleSidebar { float: none; } #sidebarCarousel h4 { margin:20px auto; } .topPosts { width: 100%; } .mobileHalf > div { display: inline-flex; } .advisorA .backing, .advisorB .backing, .advisorC .backing, .advisorD .backing { background:none; } #carouselSidebar .carouselPic { padding:30px 20px 0; } h7 { margin:0; } .issueFader { display:none; } .tagsMain { display:none; visibility:hidden; } .tagsMobile { display:block; visibility:visible; } .contentContainer { padding: 0 20px;} .contentContainer .contentArticle { width:100%; float:left; } .contentContainer .topPosts { width:100%; float:left; padding:0; background:#ffffff; } .contentContainer .topPosts h3 { background:#0895bb; color:#ffffff; margin:0; border-bottom:1px solid #efefef; } .contentContainer .topPosts .listpost { width:50%; height:auto; border-right:1px solid #efefef; } .contentContainer .topPosts .listpost .listpostText { padding:20px 40px 0; min-height:0; height:auto; } .contentContainer .topPosts .listpost .listpostText h4 { font-size:1.4em; } #headerFeature .titlesFeature { display:none; } /* Archive */ .feedStrip { background:#cfcfcf; } .feedLead, .halfPage { display:none; } .feedStripMobile, .mobileHalf { display:block; text-align:center; background:#fff; } .feedStripMobile > div > div, .mobileHalf > div > div { padding:20px 0; } .archiveFeed .listpost { padding:0; } .listpost { width:50%; border-right:1px solid #efefef; min-height:340px !important; } .archiveFeed .listRecentpost .listRecentpostLug { height: auto !important} .listpost .metaBlock { display:none; } .archiveFeed .listpost .listpostText .catStrip { display:block; color:#0895bb; height:auto !important; margin:0 auto 5px; } .listpost .listpostLug, .listpost .listpostText, .listpost .entryInfoStrip { width:100%; } .listpost .listpostLug { height:250px !important; } .listpost .listpostText { min-height:0; padding:20px 40px 0; margin-top: -85px !important; } .listpost .listpostText h4 { font-size:1.1em; margin:0 auto 10px; } .listpost .authorBio { /*display:none;*/ } .listpost .entryInfoStrip { height:auto; display:block !important; background:none; border:none; position:static; bottom:inherit; margin-top: 0 !important; } .topPosts .listpostPopular { min-height: auto !important; } .topPosts .listpost .listpostLug { height: 88px !important; } .topPosts .listpostPopular .entryInfoStrip { margin-top: -40px !important; } .topPosts .listpostPopular .listpostText { width: 78%; } .listpost .entryInfoStrip .authorBio { display:block !important; padding:10px 0 5px; float:left; margin:0; } .listpostLarge .authorBio { width:auto; float:left; } .listpost .entryInfoStrip .dateStrip { padding:0; float:left; width:100%; text-align:left; } .listpostStaticAlt > .dateStrip { display:none; visibility:hidden; } .listpost.listpostStatic .listpostText { margin-top: 0 !important; text-align: left; } .listpostMega .listpostLug { display:block !important; } .listpostMega .listpostText h4 { font-size:1.1em; } .realscreened .listpostText img { padding:20px 30px 0; } /* Homepage Featured Posts Override */ #featuredContainer h3 { width:100%; margin:0; padding:20px; background:#0895bb; color:#ffffff; } #featuredContainer .vert .listpostStatic { width:50% !important; height:auto !important; } #featuredContainer .vert .listpostStatic h4 { height:auto !important; font-weight:bold; } #featuredContainer .vert .listpostStatic .catStrip { position:static !important; padding:0 !important; background:none !important; height:auto !important; margin:0 auto 5px; } #featuredContainer .vert .listpostStatic .listpostText { min-height:0; padding:20px 40px 0 !important; } #featuredContainer .vert .listpostStatic .entryInfoStrip { padding:0 !important; position:static; bottom:inherit; } #featuredContainer .vert .listpostStatic .entryInfoStrip .authorBio { padding:5px 40px !important; } #featuredContainer .vert .listpostStatic .entryInfoStrip .dateStrip { padding:5px 40px 40px !important; } .magazineFeature { width: 100%; height: auto; margin: 10px auto; } #magazineFeature1 { width: 100%; display: block; } #magazineFeature2, #magazineFeature3, #magazineFeature4 { width: 100%; margin: 20px auto; display: block; float: none; height: auto; max-height: 100%; } #magazineFeature1 .featuredLug img, #magazineFeature2 .featuredLug img, #magazineFeature3 .featuredLug img, #magazineFeature4 .featuredLug img { width: 100%; height: auto; max-height: unset; margin: 0 auto;} #recent-story-border { display: none; } #mobileButton { display: block; } #mobileButton img { width: 50%; margin-left: 25%; margin-top: 40px; margin-bottom: 50px; } #deskButton { display: none; } /* Fix Archive Masonry Layout for mobile */ .archiveFeed #contentHeader { padding:40px; } #contentHeaderrealscreened { padding:0 0 0 15px; } .realscreened .realscreenedDate { padding:5px 15px; } .vert .listpost { width:50% !important; margin: 0 !important; height:auto !important; min-height:540px !important; border:1px solid #efefef; box-shadow:none !important; } .vert .listpostText { padding:20px 20px 0 !important; } .vert .listpostLug { display: block !important; height:250px !important; } .vert .listpostText h4 { float:left !important; font-size:1.1em !important; line-height:1.3em !important; padding:0; } .vert .listpost .entryInfoStrip { padding:35px 0 20px !important; } .vert .listpost .authorBio, .vert .listpost .dateStrip { padding:0 !important; } .vert .listpost .catStrip { position:absolute !important; left:0; height:30px !important; margin:0 !important; float:none; width:auto !important; } .vert .listpost .bumper { position:absolute !important; left:0; } .vert .realscreened { width:100% !important; margin:20px auto 0 !important; height:auto !important; min-height:initial !important; border:none !important; } .vert .realscreenedIndex .realscreened { display:none; } .vert .realscreened.mobile { display:block; } .vert .realscreened .listpostText { padding:0 !important; } .vert .realscreened .listpostText img { margin:0 0 0 15px; } .vert .postitem-1, .vert .postitem-6, .vert .postitem-11 { width:100% !important; } .vert .postitem-1 .listpostLug img, .vert .postitem-6 .listpostLug img, .vert .postitem-11 .listpostLug img { max-height:350%; } .issueContainer { background:#121212; padding:0 !important; height:auto; } .issueContainer .backingIMG { display:none; } .issueContainer .mobileIMG { display:block; opacity:1; width:100%; height:450px; float:left; position:relative; overflow:hidden; } .issueContainer .mobileIMG img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-width:100%; min-height:100%; } .issueContainer .issueHeader { width:100%; padding:20px; border:none; position:absolute; } .issueContainer .issueHeader h1 { padding:10px 20px; border-top:2px solid #909090; border-bottom:2px solid #909090; } .issueContainer .issueDesc { width:100%; text-align:left; padding:40px; } .issueContainer .issueDesc h5 { color:#232323; } .issueContainer .issueIMG { float:none; width:100%; } .issueContainer .issueFader { display:none; } .archive .listpost { width: 100% !important; height: auto; margin: 0 0 30px 0; } .archive .listpost .listpostLug { width: 100% !important; } .archive .listpost .listpostText { padding: 0 0 0 20px; margin-top: 0 !important; } .archive .listpost .entryInfoStrip { margin-left: 0 !important; height: 30px; } .archive .listpost .authorBio, .archive .listpost .dateStrip { padding-left: 20px; } .archive .listpost .listpostText .catStrip { margin-top: 10px; margin-left: -20px; } .archiveFeed .listRecentpost, .archiveFeed .listRecentpost:nth-of-type(2n+1) .listRecentpostLug { border: none; } .archiveFeed .listRecentpost { min-height: auto !important; } .archiveFeed .listRecentpost:nth-of-type(2n+1) .listRecentpostLug .listpostLugPad { margin-left: 0; } .archiveFeed .listRecentpost:nth-of-type(2n+1) .divider, #subbar .vert .listpost:nth-of-type(2) .divider, #subbar .vert .listpost:nth-of-type(3) .divider { display: none; } .archiveFeed .listRecentpost .listRecentpostText { position: absolute; margin-left: 247px; } .archiveFeed .listRecentpost .authorBio, .archiveFeed .listRecentpost .dateStrip { padding-left: 0; } .archiveNewsFeed .listpost .listpostText { width: 100%; } .archiveNewsFeed .listpost .listpostText .catStrip { margin-top: 25px; } .archiveNewsFeed .listpost .entryInfoStrip { width: 100%; } .archiveNewsFeed .listpost .authorBio { padding-left: 0; font-size: 14px; } .archiveNewsFeed .listpost .dateStrip { padding-left: 0; font-size: 14px; } /* Subbar */ #subbar .listpost { width:100% !important; height:auto !important; min-height:135px !important; border-left:0; } #subbar .listpost .listpostLug { height:160px !important; } #subbar .listpost .listpostLug img { max-height:220%; } #subbar a .listpostText { min-height:200px; padding:20px !important; } #subbar .listpostText h4 { font-size:0.9em !important; } #subbar .listpost .listborderLug { border-left: none; } #subbar .listpost .listborderLug .listpostLugPad { margin-left: 0; } #subbar .listpost .listborderText { margin-left: 170px; } /* Contributors */ .contributors .entry { padding:20px !important; } .authorPost { width:33%; } .authorIMG img { margin:auto !important; min-height:100%; min-width:100%; max-height:165%; max-width:105% !important; height:auto; width:auto !important; } /* .NET Events */ .eventsPage { padding:20px; } .eventsPage .cell { width:100%; max-width:100%; } .eventsPage .tableHeader { display:none; } /* Fix .NET Page forms */ #pageDotnet .entry table td { padding:5px 0; width:initial !important; } /* Insight TV Home Page Style */ .InsightTvHomeStyle{ width: 50%; margin-left: 0px; padding-left: 0px !important; } .archiveFeed .listpost .listpostText .catStrip img { position: absolute; margin-top: -30px; } .archive .listpost .listpostText, .archiveFeed .listRecentpost h4 { min-height: auto !important; } .vert .listpost .entryInfoStrip .relatedTitle { min-height: 50px; } } @media screen and (max-width:690px) { #headerSmall .dateLocation .place { float: none; padding-left: 50px; width: 400px; margin: 0 auto; } #headerSmall .dateLocation span:last-child { display: none; } #headerSmall .dateLocation>p:last-child { float: none; width: 162px; margin: 0 auto; } .latestPost .dataStrip { display:none; } } @media screen and (max-width:600px) { #headerLogo img, #headerSmall #headerLogo img { width:100%; } .entry { padding:40px !important; min-height:0 !important; } .infoStrip { padding:7px 40px 40px !important; border:none !important; } #sidebarTop, #sidebarBottom { border:none; } .latestPost .dataStrip { display:block; } .issueBox { width:50%; } /* Contributors */ .entry .authorPost { width:50%; } .entry .authorIMG img { margin:auto !important; min-height:100%; min-width:100%; max-height:165%; max-width:105% !important; height:auto; width:auto !important; } /* Archive Re-structure */ .superPosts, .superPost, .superLink { height:auto !important; } .superPost .superText { position:static !important; background:#fff; } .superPost .superLugPad { height:300px; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { padding:150px 10px !important; } /*.vert .listpost { width:100% !important; min-height:0 !important; height:auto !important; margin:0 !important; border:none; } .vert .postitem-1 .listpostLug img, .vert .postitem-6 .listpostLug img, .vert .postitem-11 .listpostLug img { max-height:180%; } .vert .listpostText { padding:20px 20px 0 !important; } .vert .listpostLug { display: block !important; height:300px !important; } .vert .listpostText h4 { float:left !important; font-size:initial; } .vert .listpost .authorBio, .vert .listpost .dateStrip { padding:0 !important; } .vert .listpost .entryInfoStrip { padding:5px 20px 60px !important; } .vert .realscreened { margin:20px auto 0 !important; }*/ /* Subbar */ #subbar .listpost { width:100% !important; } #subbar .listpost .listpostLug { height:auto !important; min-height: 100px; margin-top: 10px; } #subbar .listpost .listpostLug img { max-height:220%; } #subbar a .listpostText { min-height:150px; padding:20px !important; } #subbar .listpostText h4 { font-size:0.9em !important; } #subbar { border-top: none; } #subbar .listpost .listborderLug { border: none; } /* Force table to not be like tables anymore */ .entry table, .entry thead, .entry tbody, .entry th, .entry td, .entry tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .entry thead tr { position:absolute; top:-9999px; left: -9999px; } .entry tr { border-bottom: 3px solid #ccc; } .entry td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee !important; position: relative; padding:5px; } .entry td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Fix .NET Page forms */ #pageDotnet .entry table td { padding:5px 0; } .inlined, .inlined_lbl { width:100%; text-align:left; } .inlined { padding:0 0 5px; } .inlined_lbl { font-weight:bold; padding:5px 0 0; } #tableDelegates td:nth-of-type(1), #tableDelegates td:nth-of-type(2) { display:inline-block; width:50%; } #eventregisterform td, #eventregisterform th, #Pitchit td, #Pitchit th, #inviteForm td, #inviteForm th { width:100%; display:block; } input[type="text"], textarea, select { width:100% !important; } .control-label, .controls { width:100%; display:block; float:none; } .control-label .control-label, .controls .control-label { width:50%; float:left; } input.searchBar { width:80% !important; width:calc(100% - 25px) !important; width:-moz-calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important; } #speaker_page .advisortext, #speaker_page .advisortext p, #speaker_page .advisortext span { font-size: 16px; } .advisortext p:nth-child(2) { line-height: 1.2; letter-spacing: 0.4px; } .advisortext h1 { font-size: 22px; letter-spacing: 0.4px; margin: 0 0 10px 0; line-height: 1; border: none; } .infoHeader { display: block; } .articleMain .infoStrip.outerHeader { display: block; padding-bottom: 20px !important; } .infoHeader #shareButtons { display: block; padding: 0 40px; } .articleMain { border: none; padding-right: 0;} #singleSidebar { float: none; text-align:center; } #sidebarSingleTop { padding: 0 10px; } .topPosts { width: 100%; } .topPosts .listpostPopular .listpostText { margin-left: 158px; width: auto !important; } .topPosts .listpost .listpostLug { height: auto !important; } .topPosts .listpostPopular .entryInfoStrip { margin-left: 160px !important; margin-top: 0 !important; } .vert .listpost .listRelativepostText .catStrip { margin-top: 10px !important; } } @media screen and (max-width:480px) { body { font-size:1em; } #header, #headerSmall { } #indexInfo { padding:0px 20px; } #headerSmall #headerLogo .tagline { display:block; } #headerLogo img, #headerSmall #headerLogo img { width:100%; } .feedStrip > img, .feedStrip > div { display:none !important; } .photoStrip { float:none; margin:0 0 20px; width:100%; } .photoStrip img { width:100%; margin:0 0 20px; height:auto; } .col2 { width:100%; } .articleMain #contentHeader { padding:0 20px 0; } .articleMain #contentHeader .catStrip { padding:20px 20px 0; } .articleMain #contentHeader h1 { padding:10px 0 0 !important; } .articleMain #contentHeader .dek { padding:10px 20px !important; } .articleMain .infoStrip { padding:7px 20px 40px !important; } .articleMain .shareStrip { padding:10px 20px !important; } .articleMain #contentBody .entry { padding:40px 20px !important; } #contentBody .entry .authorIMG img { min-height:100%; min-width:100%; max-height:165%; max-width:125% !important; height:auto; width:auto !important; } #featuredContainer .vert .listpostStatic { width:100% !important; height:auto !important; min-height:0 !important; } #featuredContainer .vert .listpostStatic .listpostText { } #featuredContainer .vert .listpostStatic .entryInfoStrip { position:static; } #featuredContainer .vert .listpostStatic .entryInfoStrip .authorBio { padding:5px 40px !important; } #featuredContainer .vert .listpostStatic .entryInfoStrip .dateStrip { padding:5px 40px 100px !important; } .listpost { width:100%; border:none; min-height:0 !important; } .listpost .listpostText { min-height:0; } .listpost .listpostLug, .vert .listpost .listpostLug { height:auto !important; display:block !important; } .listpost .listpostLug img, .vert .listpost .listpostLug img { max-height:inherit; position:static; min-height:0; min-width:100%; max-width:100%; max-height:260px; height:auto !important; display:block; } .listpost .entryInfoStrip { position:static; } .listpost .entryInfoStrip .authorBio, .listpost .entryInfoStrip .dateStrip {} .archiveFeed .listRecentpost .listRecentpostLug img { min-height: auto; } .archiveFeed .listRecentpost .listRecentpostText { margin-left: 177px; } .contentContainer .topPosts .listpost { width:100%; border:none; } .contentContainer .topPosts .listpost .listpostText { height:auto !important; min-height:0 !important; } .vert .listpostText h4, .listpost .listpostText h4 { float:left !important; font-size:1.3em !important; line-height:1.1em !important; padding:0; margin:0; font-weight:bold; } /* Hot50 */ .hot50 #contentBody { top:-50px; width:100%; } .issueContainer .mobileIMG { height:300px; } .issueContainer .mobileIMG img { max-height:125%; } /* Paywall */ #subscriptionWrap { padding: 10px 10px 0px 10px; } #subInnerWht { padding: 10px 5px 10px 0px; text-align: left; } #logonbutton { font-size: 15px; } #bigFeature1 .titleAndBioWrapper { margin-top: -195px !important; } #bigFeature2 .titleAndBioWrapper { margin-top: -130px !important; } #bigFeature3 .titleAndBioWrapper, #bigFeature4 .titleAndBioWrapper { margin-top: -110px !important; } } @media screen and (max-width:425px) { #headerSmall .dateLocation .place { padding-left: 0; width: 100%; margin: 0 auto; } #headerSmall .dateLocation .place p { width: 100%; } #headerSmall .dateLocation span { display: none; } #speaker_page .advisor { padding: 20px; } #speaker_page .advisor>.advisor { padding: 20px 0; } #speaker_page .advisorimg { float: none; width:112px; margin:0 auto; } #speaker_page .advisorimg img { float:none; } #speaker_page .advisortext { float: none; margin:0; width: 100%; } } @media screen and (max-width:400px) { .topPosts .listpost .catStrip { margin:0; padding:0; } .listpost .catStrip { margin:0; padding:0; } /* Contributors */ .contributors .colInner { padding:0 10px; } .entry .authorPost { width:50%; } .entry .authorIMG { height:120px; } .entry .authorIMG img { margin:auto !important; min-height:100%; min-width:100%; max-height:165%; max-width:105% !important; height:auto; width:auto !important; } } @media screen and (max-width:360px) { /* Mobilize the stupid archaic captcha block */ #recaptcha_area, #recaptcha_table, #recaptcha_div #recaptcha_area, #recaptcha_div #recaptcha_table { width:100% !important; max-width:318px !important; height:auto !important; } #recaptcha_table { background:#cfcfcf; border:none; border-radius:5px; padding:5px; } .recaptchatable #recaptcha_image { width:100% !important; max-width:100% !important; height:auto !important; padding:0 10px !important; } .recaptchatable #recaptcha_image #recaptcha_challenge_image { width:100% !important; height:auto !important; border:1px solid #fff !important; } .popularPosts .latestPost .dataStrip { display:none; } /* Subbar */ #subbar .listpost { width:100% !important; } #subbar .listpost .listpostLug { } #subbar a .listpostText { min-height:0; padding:20px !important; } .topPosts .listpost .listpostLug { width: 100% !important; } .topPosts .listpostPopular .listpostText { width: 100% !important; margin-top: 20px !important; } .topPosts .listpostPopular .entryInfoStrip { margin-left: 0 !important; margin-top: 0 !important; } #bigFeature1 .titleAndBioWrapper { margin-top: -195px !important; } }