/* Alternative styles for mobile devices */ /*********************************** Global Elements ***************************************/ html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%} body {background:#fff;padding:0;margin:0;margin-left:auto;margin-right:auto;height:auto} .ColA {display:none} .ColBC, .ColBC.ColBCWide {width:92%;max-width:92%;margin:80px 4% 0 4%} .ColBProfiles, .ColBProfiles.Wide, .ColBProfiles.ColBProfilesWide, .ColCProfile.SubmitForm {border:none;float:none;padding: 0 0 40px 0;width:100%;max-width:100%;background:none;left:0} body > .Header {max-width:100%;overflow:hidden;padding:0;margin:0 0 30px 0;display:none} .mobile-only {display:block !important} .mobile-hide {display:none !important} .ThumbA {width:100%;height:auto} /*********************************** Mobile Nav Header ***************************************/ .mobile-nav {position:fixed;z-index:10;top:0;right:0;left:0;width:100%;height:auto;padding:0;display:block;background:none} .mobile-nav.mobile-nav-open {background:#222;width:100%;height:auto;max-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch} .mobile-nav-header {display:block;background:#222222;position:fixed;top:0;left:0;right:0;height:48px;width:100%;z-index:11} .mobile-nav-logo {width:auto;height:23px;padding:15px 15px 8px 15px;z-index:9;position:relative} .mobile-nav-logo a {display:inline;float:left} .mobile-nav-logo-home {width:90px;height:23px;padding:0;background:transparent url("../images/nav/mobile-nav-logo-home.png") 0 0 no-repeat;background-size:90px 23px} .mobile-nav-logo-section {width:110px;height:23px;padding:0;background:transparent url("../images/nav/mobile-nav-logo-blank.png") 0 0 no-repeat;background-size:110px 23px} .mobile-nav-logo-news .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-news.png")} .mobile-nav-logo-features .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-features.png")} .mobile-nav-logo-jobs .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-jobs.png")} .mobile-nav-logo-talentfinder .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-talentfinder.png");width:127px;background-size:127px 23px} .mobile-nav-logo-activitystream .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-activitystream.png");width:147px;background-size:147px 23px} .mobile-nav-logo-people .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-people.png")} .mobile-nav-logo-firms .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-firms.png")} .mobile-nav-logo-schools .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-schools.png")} .mobile-nav-logo-blogs .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-blogs.png")} .mobile-nav-logo-forum .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-forum.png")} .mobile-nav-logo-about .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-about.png")} .mobile-nav-logo-advertising .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-advertising.png")} .mobile-nav-logo-contact .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-contact.png")} .mobile-nav-logo-newsletters .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-newsletters.png");width:117px;background-size:117px 23px} .mobile-nav-logo-privacy .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-privacy.png")} .mobile-nav-logo-submit .mobile-nav-logo-section {background-image:url("../images/nav/mobile-nav-logo-submit.png")} .hamburger-button {width:25px;height: 45px;position: relative;margin:16px 15px 12px 10px;padding:0;float: right;z-index:10;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0)} .hamburger-button:focus {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0)} .hamburger-button .icon-bar {display: block;position: absolute;height:1px;width: 100%;background: #fff;border-radius:2px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;transition: .15s ease-in-out} .hamburger-button .icon-bar:nth-child(1) {top: 0px} .hamburger-button .icon-bar:nth-child(2), .hamburger-button .icon-bar:nth-child(3) {top:8px} .hamburger-button .icon-bar:nth-child(4) {top:16px} .mobile-nav-header-open .hamburger-button .icon-bar:nth-child(1) {top: 8px;width: 0%;left: 50%} .mobile-nav-header-open .hamburger-button .icon-bar:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)} .mobile-nav-header-open .hamburger-button .icon-bar:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)} .mobile-nav-header-open .hamburger-button .icon-bar:nth-child(4) {top: 8px;width: 0%;left: 50%} .mobile-nav-background {position:fixed;top:-50%;left:0;right:0;bottom:0;height:200%;width:100%;background:rgba(0,0,0,.5);z-index:8;display:none} .mobile-nav-fade {display:none} .mobile-nav.mobile-nav-open .mobile-nav-fade {display:none;background:linear-gradient(to bottom, rgba(34,34,34,0), rgba(34,34,34,1));position:fixed;bottom:8%;left:0;right:0;width:100%;height:5%;z-index:10} /*********************************** Menu ***************************************/ .MainMenu {margin:50px 0 0;padding:0 15px 10px 15px;display:none} .mobile-nav-open .MainMenu {display:block} .MainMenu .menu {clear:both;padding:0;display:table;width:100%;pointer-events:none;cursor:default} .MainMenu .submenu {clear:both;padding:0 0 5px 0;display:inline-block !important;text-align:center} .MenuLogo {display:none} .MenuButton em, .MenuButton.Main em, .mobile-SessionArea .session-link a, .mobile-searchfield .Textfield, .edition-switch {text-transform:uppercase;font-size:12px;color:#eee;font-weight:400;letter-spacing: 0.5px} a.MenuButton {padding:0 6px 0 0;background:none;margin:5px 6px 5px 0;display:inline;float:left;border-right:1px solid #4f4f4f;border-bottom:2px solid rgba(255,255,255,0);color:#eee} .MainMenu .submenu a.MenuButton:last-child {border-right:none;margin-right:0;padding-right:0} a.MenuButton.Main {padding:0;margin:3px 0 0;display:block;float:none;clear:both;width:100%;background:none;font-weight:400;border:none;pointer-events:none;cursor:default} a.MenuButton.Active em {color:#fff;border-bottom:2px solid #fff} .MainMenu .menu.openlanguage .MenuButton.Main em {} .MenuButton em {padding:0;background:none !important;border-radius:0} .MenuButton.Main em {padding:0;background:none !important;font-size:16px;text-transform:none;color:#888;font-weight:400} .MainMenu div:nth-child(3) a:nth-child(3), .MainMenu div:nth-child(3) a:nth-child(4), .MainMenu div:nth-child(5) a:nth-child(3), .MainMenu div:nth-child(7) a:nth-child(5), .MainMenu div:nth-child(9) a:nth-child(3) {display:none !important} .MainMenu div:nth-child(3) a:nth-child(2), .MainMenu div:nth-child(5) a:nth-child(2), .MainMenu div:nth-child(7) a:nth-child(4), .MainMenu div:nth-child(9) a:nth-child(2) {border-right:none;margin-right:0;padding-right:0} .SessionArea {display:none} .mobile-searchfield {display:block;width:100%;margin:10px 0 17px } .mobile-searchfield label {margin-bottom:0;max-width: 100%;color: #999;display: block;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;} .mobile-searchfield .Textfield {display:block;width:93.5%;height:auto;border:1px solid #555;padding:12px 3%;background:none;font-size:16px;line-height:1em;color:#fff;margin:0;text-transform:none} .mobile-searchfield .Textfield:focus {#border-color:#66afe9} .mobile-SessionArea {display:block} .mobile-SessionArea .session-link {display:block;padding-bottom:5px;clear:both} .mobile-SessionArea .session-link a, .mobile-SessionArea .session-link.account-name {font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;padding: 7px 0} .mobile-SessionArea .session-link.account-name {display:block;color:#999;font-weight:500;margin-bottom:8px} .mobile-SessionArea .session-link.account-name a {color:#fff;font-weight:500} .mobile-SessionArea .session-link .session-link-btn {display: inline;float:left;background-color:#444;border-radius:2px;color:#ddd;font-weight: 500;margin: 0 8px 10px 0;padding: 8px 8px;white-space:nowrap;line-height:1em} .mobile-SessionArea .session-link .session-link-btn:focus {background-color:#777} .mobile-SessionArea .session-link.wide-btn a {display:block;width:100%;text-align:center;padding:10px 0;margin-top:10px} .mobile-SessionArea .session-link .session-link-btn:last-child {margin-right:0} .mobile-SessionArea .session-link .fa {margin-right: 3px} .mobile-SessionArea .session-link .activity-stream {margin-left:20px;opacity:.5;font-weight:normal;white-space:nowrap} .mobile-SessionArea .session-link .activity-stream .fa {margin-right:0} .edition-switch {margin:11px 0 10px} .edition-switch-toggle p, .edition-switch-toggle a {font-size: 12px;text-transform: uppercase;letter-spacing:0.5px;padding:0 0 0 16px} .edition-switch-toggle p {font-weight:500;line-height:1em;background-position:-2px -183px} .edition-switch-toggle:hover p, .edition-switch-toggle:focus p {font-weight:500;line-height:1em;background-position:-2px -183px} .edition-switch-toggle a {font-weight:400} .edition-switch-toggle .Slickbox {margin-top:0} .edition-switch-toggle li {padding:5px 0 9px} .GlobalSocialIcons {display:none !important} /*********************************** Form Elements ***************************************/ form {width:100%;display:block} input[type="text"], input[type="password"], input[type="email"], input[type="search"], .Textfield, .Textarea, textarea, .Button {width:93.5%;padding:4% 3%;font-size:16px;font-family:Helvetica,Arial,sans-serif;height:auto} .Button {width:100%;padding:4% 0;border:none;text-transform:uppercase;font-weight:500;text-decoration:none !important} select, select:focus, .Pulldown, textarea, .Textfield, .Textarea, input[type="text"], input[type="password"], input[type="email"], input[type="search"] {font-size:16px;font-size:1rem} .Button, button[type="submit"], input[type="submit"] {-webkit-appearance:none;-moz-appearance:none} .SearchForm {width:100%;margin-bottom:25px} .ColBSearch .SearchForm .Textfield {width:93.5%;padding:4% 3%} .ColBProfiles .SearchForm #RadiusSearch {width:93.5%;padding:11px 3%;margin-top:35px} .SearchForm #RadiusSearch {width:100%} .ColBSearch .SearchForm a.ShowHideAdvanced {font-size:15px} .ColBForum .SearchForm .Pulldown {width:100%;padding:10px 2%} .SearchForm #SectionSelect {width:100%;margin-top:40px} .SearchForm #SectionSelect li label {font-size:15px;line-height:1em} .SearchForm #SectionSelect li .Checkbox {margin-right:10px} .ColBForum .SearchForm {width:100%;max-width:100%;padding-bottom:0} .ColBSearch .SearchForm .Col1, .ColBSearch .SearchForm .Col1.Post, .ColBSearch .SearchForm .Col1.Field, .ColBSearch .SearchForm .Col1.Select {width:100%;max-width:100%;float:none;display:block;padding:0;min-height:50px;clear:both;margin-bottom:15px} .ColBSearch .SearchForm .Col1.Field {margin-bottom:28px} .ColBSearch .SearchForm .Col1.last {margin:0 0 0} .ColBSearch .SearchForm .Col1.Post label {display:none} .ColBForum .SearchForm .Col1 a {text-decoration:none !important} .ColBSearch .SearchForm .Button {margin:0;float:none;width:100%;padding:4% 0;font-size:16px;font-weight:500;text-decoration:none !important} .ColBSearch .SearchForm .Col2, .SearchFormAdvanced .Col2 {width:100%;padding-right:0;float:none} .ColBSearch .SearchFormAdvanced .Pulldown {width:100%;padding:10px 2%} .SearchForm .SearchfieldWrapper, .ColBForum .SearchForm .SearchfieldWrapper {width:99.5%;position:relative;min-height:36px;margin-top:0;padding:2px 0;position:absolute;z-index:1000} .SearchForm .SearchfieldWrapper:focus {border-color:#777;background:#fff} .SearchResultForm .SearchForm .SearchfieldWrapper {width:100%} .SearchForm .SearchfieldWrapper .Textfield {width:90%;height:18px;line-height:1em;padding:12px 0 12px 3% !important} .SearchForm .SearchfieldWrapper .Button {width:38px !important;height:38px !important;padding:15px 0 15px 0 !important;background-position:0 6px !important} .SearchForm .SearchfieldWrapper .Button:hover, .SearchForm .SearchfieldWrapper .Button:focus {background-position:0 -24px !important} .ColBProfiles.Wide.JobSeekers .ColBSearch {padding:20px 4%;margin-left:-4%;margin-right:-4%;margin-top:25px} .ColBProfiles.Wide.JobSeekers .SearchForm {width:100%;margin:0} .ColBProfiles.Wide.JobSeekers .SearchForm .Col1.Right {float:none;text-align:center;min-height:auto;margin-bottom:5px} .ColBProfiles.Wide.JobSeekers .SearchForm .Col1.Right label {display:none} .ColBProfiles.Wide.JobSeekers .SearchForm .Col1.Right p {padding:10px 0 0} .ColBProfiles.Wide.JobSeekers .SearchForm .Textfield {width:93.5%;padding:4% 3%;font-size:16px;height:auto} .ColBProfiles.Wide.JobSeekers .SearchForm #RadiusSearch {width:93.5%;padding:11px 3%;margin-top:35px} .SearchForm #RadiusSearch .Pulldown {width:75%} .ColBSearch .SearchForm .Col7 {width:100%;padding-bottom:8px} .ColBSearch .SearchForm .Col7 label {width:89%;font-size:15px;margin:4px 0 0 0} .ColBSearch .SearchFormAdvanced, .ColBProfiles.Wide.JobSeekers .SearchFormAdvanced {width:100%} .ColBProfiles.Wide.JobSeekers .SearchForm .Col1 {min-height:auto} .ColBSearch .SearchForm .SearchFormAdvanced .Col1 {min-height:auto} .ColBProfiles.Wide.JobSeekers .SearchForm .Col2 {width:100%;float:none;padding:0 0 10px 0} .ColBSearch .SearchForm .Col3, .ColBProfiles.Wide.JobSeekers .SearchForm .Col3, .ColBProfiles.Wide.JobSeekers .SearchForm .Col3.short, .ColBSearch .SearchForm .Col6 {width:50%;padding:0 0 10px 0} .ColBProfiles.Wide.JobSeekers .SearchForm .Col3.short label {font-size:15px} .ColBSearch .SearchForm .Col6 label {width:auto;float:none;display:inline} .ColBSearch .SearchFormAdvanced .Pulldown.Size1, .ColBProfiles.Wide.JobSeekers .SearchForm .Pulldown.Size1 {width:100%} .ColBSearch .SearchFormAdvanced .Col3 .Pulldown.Size1, .ColBProfiles.Wide.JobSeekers .SearchForm .Col3 .Pulldown.Size1 {width:90%} .ColBProfiles.Wide.JobSeekers .SearchForm .Button {width:100%;padding:4% 0;border:none;text-transform:uppercase;font-weight:500;font-size:16px;text-decoration:none !important;height:auto} .Pulldown:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, .Textfield:focus, .Textarea:focus, textarea:focus {border-color:#000} .mobile-searchfield .Textfield:focus {border-color:#888} /*********************************** Pagination ***************************************/ #Pagination, .ColBNewsWide #Pagination, .ColBFeaturesWide #Pagination, .ColBForum #Pagination {width:100%;padding-bottom:30px;font-size:15px;line-height:1em} #Pagination .pages, #Pagination .next, #Pagination .previous, #Pagination .active {margin:0 3px} #Pagination a, #Pagination .active, #Pagination .next a, #Pagination .previous a {padding:5px 9px} #Pagination .active, #Pagination span a span {font-size:15px;line-height:1em} /*********************************** Banners & Ads ***************************************/ .Banner {clear:both;text-align:center;background:#f8f8f8;border:#efefef 1px solid;border-left:none;border-right:none;padding-top:9px;padding-bottom:20px;margin-bottom:45px} .Banner > img, .Banner > div, .Banner > iframe {border:5px solid rgba(255,255,255,0);max-width:300px !important;margin-left:auto;margin-right:auto} .Banner img {width:100%;height:auto;margin:0 auto;display:block} .Banner::before {content:"Sponsored";color:#ccc;font-size:11px} .Banner {display:none} .Banner.Active {display:block} #StickyBanner.fixed {display:none} .ColBC .Banner {margin-left:-4%;margin-right:-4%} #MasonryBlogs .Banner {margin-left:-4%;margin-right:-4%} .ColMobile .Banner {margin-left:0;margin-right:0;} .ForumList .Banner {margin-left:-4%;margin-right:-4%;margin-top:-1px;margin-bottom:0;border:1px solid #e7e7e7;border-left:none;border-right:none} #comments_section .Banner {margin-left:-4%;margin-right:-4%;margin-top:-1px;margin-bottom:0;border:1px solid #888;border-left:none;border-right:none} .NewsList.NewsIndex .Banner {margin-left:-4%;margin-right:-4%;margin-top:-42px;margin-bottom:40px} .ColBFeatures .NewsList.NewsIndex .Banner {margin-top:-5px;margin-bottom:60px} /*********************************** Homepage ***************************************/ .ColMobile {display:block;margin-top:48px;margin-left:0;margin-right:0} .ColMobile > a:first-child {margin-left: 0; margin-right: 0;} .ColMobile > a:first-child .Entry-Title, .ColMobile > a:first-child .Entry-Info {margin-left:15px;margin-right:15px} .Entry {margin:0 15px 45px 15px;display:block} .Entry.Entry-Featured {margin-left:0;margin-right:0} .Entry.Entry-News {margin-bottom:10px} .Entry.Entry-Related {margin-bottom:8px} .Entry.Entry-Related:last-child {margin-bottom:0} .Entry table, .Entry table tr, .Entry table td {padding:0;margin:0;border:0;vertical-align:top;border-spacing:0} .Entry table {border-collapse:collapse} .Related-Features .col-1, .Related-Features .col-2 {width:50%;vertical-align:top} .Related-Features .col-1 a.Entry, .Related-Features .col-2 a.Entry {margin:0} .Entry .Entry-Image {width:100%;max-width:100%;height:auto;margin-bottom:7px} .Entry.Entry-Job .Entry-Image {width:80px;min-width:80px;max-width:80px;margin:0 15px 0 0} .Entry.Entry-Related .Entry-Image {width:48px;min-width:48px;max-width:48px;margin:0} .Related-Features a.Entry .Entry-Image {width:100%;min-width:100%;max-width:100%;margin-bottom:7px;height:auto} .Entry .Entry-Deck {position:relative;margin-bottom:20px} .Entry .Entry-Deck-Page {position:absolute;width:98%;height:auto;border:1px solid #bbb;background:#fff;padding:0;margin:0} .Entry .Entry-Deck-Page .Entry-Image {width:100%;height:auto;margin:0;position:relative;border:0;visibility:hidden;display:block} .Entry .Entry-Deck-Page.Page-1 {z-index:4;top:0px;left:0px;position:relative;border:none} .Entry .Entry-Deck-Page.Page-1 .Entry-Image {visibility:visible} .Entry .Entry-Deck-Page.Page-2 {z-index:3;top:2px;left:2px} .Entry .Entry-Deck-Page.Page-3 {z-index:2;top:5px;left:5px} .Entry .Entry-Deck-Page.Page-4 {z-index:1;top:8px;left:8px} .Entry .Entry-Title {color:#000;font-size:16px;line-height:1.2em;font-weight:500;margin:0;display:block} .Entry.Entry-Featured .Entry-Title {margin-left:15px;margin-right:15px} .Entry.Entry-Related .Entry-Title {font-size:12px;font-weight:400;padding-left:8px;vertical-align:top} .Related-Features .Entry-Title {font-size:12px;font-weight:400;padding-top:2px} .Related-Features a.Entry .Entry-Title {padding-left:0;margin-left:15px;margin-right:15px;font-weight:500} .Entry .Entry-Info {color:#999;font-size:9px;line-height:1.6em;font-weight:400;margin:0 0 4px;display:block;text-transform:uppercase;letter-spacing:.5px} .Entry.Entry-Featured .Entry-Info {margin-left:15px;margin-right:15px} .Related-Features a.Entry .Entry-Info {margin-left:15px;margin-right:15px} .Entry .Entry-Info span {margin:0 3px;color:#ccc} .Entry .Entry-Info span.Entry-Comments {margin:0;color:#999} .Entry .Entry-Info .Entry-Comments {background:none;padding:0;margin-right:15px;white-space:nowrap} .Entry .Entry-Info .fa {margin-right:3px} .Entry.Entry-Forum .col-1 .fa {font-size:20px;color:#c1c1c1;margin:-1px 10px 0 0} .Related-Entries {margin:17px 0 45px 0;display:block} .Related-Features {margin:-25px 0 35px 0;display:block} .ColB {display:none;border:none;margin-top:-32px;margin-left:-15px;margin-right:-15px;padding:0} .ColC.Home {display:none} /*********************************** News Section ***************************************/ .ColBNews, .ColBNews.ColBNewsWide {float:none;display:block;width:100%;max-width:100%;padding:0 0 20px;border:none} .NewsList {padding-bottom:0} .NewsList .Entry, .ColBNewsWide .NewsList .Entry {width:100%;margin-bottom:10px} .NewsList.NewsIndex .Entry {margin-bottom:40px} .NewsList .Entry .Header.NewStyle, .Thread .Line.First .Header.NewStyle, .ColCProfile .NewsArticle .Header.NewStyle {display:block;width:100%;max-width:100%} .NewsList .Entry .HeaderTop, .Thread .Line.First .HeaderTop, .ColCProfile .NewsArticle .HeaderTop {padding-bottom:9px} .NewsList .Entry .HeaderAddThis, .Thread .Line.First .HeaderAddThis, .ColCProfile .NewsArticle .HeaderAddThis {display:none} .NewsList .Entry .HeaderComments, .Thread .Line.First .HeaderComments, .ColCProfile .NewsArticle .HeaderComments {border-left:none;padding-left:0;margin-left:0} .Thread .Line.First .HeaderComments.LastComment {border-left:1px solid #eee;padding-left:15px;margin-left:15px} .NewsList .Entry .HeaderFollowHelp, .Thread .Line.First .HeaderFollowHelp, .ColCProfile .NewsArticle .HeaderFollowHelp {display:none} .ColBNews .Intro img, .ColBNews .Feature img, .ColCForumThread img, .Comments .Bottom img, .ColBJobs .JobDescription img {max-width:100%;height:auto} .NewsList .Entry .ImageHorizontal img, .NewsList .Entry .ImageVertical img {width:100%;max-width:100%} .NewsList .Entry .ImageVertical {float:none; margin:5px 0px 20px 0; width: auto;} .NewsList .Entry .Quote {padding-right:15px} .NewsList .Entry .Quote.VectorIcon {padding-left:36px} .NewsList .Entry .Thumbs, .ColBNewsWide .NewsList .Entry .Thumbs {width:100%} .NewsList .Entry .Thumb, .ColBNewsWide .NewsList .Entry .Thumb {width:22%;margin:0 3% 3% 0;height:auto;background:none;border-color:#fff} .NewsList .Entry .Thumb:nth-child(6n) {margin-right:3%} .NewsList .Entry .Thumb:nth-child(4n), .ColBNewsWide .NewsList .Entry .Thumb:nth-child(8n) {margin-right:0} .NewsList .Entry .Thumb img {width:100%;height:auto} .NewsList .Entry .Thumb:link, .NewsList .Entry .Thumb:visited, .NewsList .Entry .Thumb:hover {border-color:#fff} .NewsList .Entry .Thumb:active {border-color:#fff} .NewsList .Entry .Thumb:hover, .NewsList .Entry .Thumb:focus {opacity:0.85} .ColBNews .RelatedArticles, .ColBNews .RelatedArticles ul, .ColBNews.ColBNewsWide .RelatedArticles, .ColBNews.ColBNewsWide .RelatedArticles h2, .ColBNews.ColBNewsWide .RelatedArticles ul {width:100%;max-width:100%} .ColBNews .RelatedArticles li, .ColBNews.ColBNewsWide .RelatedArticles li {width:48%;max-width:48%;height:auto;max-height:170px;min-height:170px;margin:0 !important;margin-bottom:20px;float:left;display:inline-block;padding:0 0 30px 0} .ColBNews .RelatedArticles li:nth-of-type(2n+1) {margin:0 4% 0 0 !important} .ColBNews .RelatedArticles li img, .ColBNews.ColBNewsWide .RelatedArticles li img {width:100%;max-width:100%;height:auto;max-height:500px} .ColBNews .RelatedArticles li .RelatedArticleTitle {font-weight:500} .ColBNews .RelatedJobs {margin:2em 0} .ColBNews .RelatedJobTitle {font-size:16px;width:70%;padding-bottom:4px} .ColBNews .RelatedJobCount {font-size:12px;width:28%;line-height:1.8em} .ColBNews .BustlerCompetitions, .ColBNews .BustlerCompetitions h2 {width:100%;max-width:100%} .ColBNews .BustlerCompetitions .competition-listing {width:48%;max-width:48%;height:auto;margin:0 !important;margin-bottom:20px;float:left;display:inline-block;padding:0 0 30px 0;vertical-align:top} .ColBNews .BustlerCompetitions .competition-listing:nth-child(2n+2) {margin:0 4% 0 0 !important} .ColBNews .BustlerCompetitions .competition-banner {width:100%;max-width:100%;height:auto} .ColBNews .BustlerCompetitions .competition-title {font-weight:500} .NewsList .Entry.Article .Tag, .NewsList.NewsIndex .Entry .Tag {overflow-y:hidden} .ColBNews .RelatedProfiles, .ColBNews.ColBNewsWide .RelatedProfiles {width:100%} .ColBNews .RelatedProfiles .Profile, .ColBProfiles .StatusEntry .Profile, .ColBNews.ColBNewsWide .RelatedProfiles .Profile {width:100%;margin-right:0 !important;padding:4px 0} .ColBNews .RelatedProfiles .Profile img, .ColBProfiles .StatusEntry .Profile img {margin-left:4px} .ColBNews .RelatedProfiles .Profile .TextInner, .ColBNews.ColBNewsWide .RelatedProfiles .Profile .TextInner {width:100%} .NewsList .TagHeader .FollowArea, .ColBFeaturesWide .NewsList .TagHeader .FollowArea {width:100%} .NewsList .TagHeader .FollowArea .FollowInfo p, .ColBFeaturesWide .NewsList .TagHeader .FollowArea .FollowInfo p {margin-top:4px} .NewsList .TagHeader .FollowArea .FollowInfo p span {display:inline} .NewsList .TagHeader .FollowArea .FollowButton {margin-right:15px} .ColCNews {display:none;float:none;width:100%;max-width:100%;padding:0 0 40px;border:none;left:0;top:0;margin:0} .TopheaderWrapper {display:none} .ColCNews .List h2, .ColCNews .List li a, .ColCNews .List p.last {font-size:15px;line-height:1.3em;padding:12px 0} .SubmitNewsIntro, .SubmitNewsIntro h1 {width:100%} .SubmitNewsTable, .SubmitNewsTable.Admin, .ColCNews .SubmitNewsTable.Admin, .SubmitNewsTable .Line, .SubmitNewsTable .Line .Right, .SubmitNewsTable .Line iframe {width:100%} .SubmitNewsTable .Line.AddImageVideo {padding:10px 0} .SubmitNewsTable .Line.AddImageVideo .Right {width:auto} .SubmitNewsTable p {font-size:15px} .SubmitNewsTable .Textfield, .SubmitNewsTable.NewStyle .Textfield, .SubmitNewsTable .Textarea, .SubmitNewsTable.NewStyle .Textarea, .SubmitNewsTable.ImageReorder .ReorderRow .Textfield, .SubmitNewsTable.Admin .Textfield, .ColCNews .SubmitNewsTable.Admin .Textfield, .SubmitNewsTable.Admin .Pulldown {width:93.5%;padding:4% 3%;font-size:16px;font-family:Helvetica,Arial,sans-serif} .SubmitNewsTable.Admin .Pulldown, .ColCNews .SubmitNewsTable.Admin .Pulldown {width:100%} .SubmitNewsTable .Textarea {margin-bottom:8px} .DraggableImages {display:none} .SubmitNewsTable .Col50, .SubmitNewsTable.NewStyle .Col50 {width:100%;padding-top:15px} .SubmitNewsTable .Col50 label {font-size:15px} .SubmitNewsTable.ImageReorder .Line {width:100%} .SubmitNewsTable.ImageReorder .Line.ReorderDrag {display:none} .SubmitNewsTable.ImageReorder .ReorderRow .Line {padding-left:0} .SubmitNewsTable.ImageReorder .ReorderRow .Left.Remove {float:right;padding:0} .SubmitNewsTable.ImageReorder .Left.Remove .TagIcon {border:5px solid #0087ff} .SubmitNewsTable .Filename {width:100%;max-width:100%} .ColBNews .SubmitNewsTable .redactor-box {max-width:100% !important} .qq-upload-button, .SubmitNewsTable .Right .Button, .SubmitNewsTable .AddRelatedProfile .Button, .SubmitNewsTable .AddImageVideo .Button, .EditTable .AddImageVideo .Button {width:100%;padding:4% 0;font-size:15px;text-transform:uppercase;font-weight:500;margin:0 0 4% 0} /*********************************** Features Section ***************************************/ .ColBFeatures, .ColBFeatures.ColBFeaturesWide {float:none;display:block;width:100%;max-width:100%;padding:0 0 40px;border:none} .ColBFeaturesWide .NewsList, .ColBFeaturesWide .NewsList .Entry, .ColBFeaturesWide .NewsList .Entry .Header.NewStyle {width:100%;max-width:100%} .ColBFeaturesWide .NewsList.NewsIndex .Entry {margin-bottom:60px} .ColBFeaturesWide .NewsList.NewsIndex .Entry:last-child {margin-bottom:40px} .ColBFeaturesWide .NewsList.NewsIndex .CoverPic {width:100%;max-width:100%} .ColBFeaturesWide .Entry.ColumnStyle .Col1, .ColBFeaturesWide .Entry.ColumnStyle .Col1.Inverted, .ColBFeaturesWide .Entry.ColumnStyle .Col2, .ColBFeaturesWide .Entry.ColumnStyle .Col2.Inverted {width:100%;float:none;display:block;padding:0} .ColBFeaturesWide .NewsList .Entry .Header.NewStyle {margin-bottom:5px} .ColBFeaturesWide .Entry.FeaturedArticle .HeaderAuthor {display:block;margin-bottom:6px} .ColBFeaturesWide .Entry.FeaturedArticle .HeaderTop .AuthorName {border:none;line-height: 1.3em;padding: 7px 10px 7px 0} .ColBFeaturesWide .Entry.FeaturedArticle .Footer {padding-top:5px} .ColBNewsWide .NewsList .Entry .Feature .Intro {padding-left:15px;padding-right:15px} .ColBNews.ColBNewsWide .Intro img, .ColBNews.ColBNewsWide .Feature img, .ColBNewsWide .Comments .Bottom img {width:100%;max-width:100%} .ColBNewsWide .NewsList .Entry .Pullquote.Left, .ColBNewsWide .NewsList .Entry .Pullquote.Right {width:85%;float:none;display:block} .ColBNewsWide .NewsList .Entry .Pullquote.Left {margin-right:0} .ColBNewsWide .NewsList .Entry .Pullquote.Right {margin-left:0} .ColBNewsWide .NewsList .Entry .Pullquote.Center {width:85%;border:none;padding:2px 0 0 38px;margin:20px 0 25px;background-position:0 2px} .ColBNews .NewsList .Entry .pullquote-left, .ColBNews .NewsList .Entry .pullquote-right, .ColBNews .NewsList .Entry .pullquote-center {width:85%;float:none;display:block;font-size:24px !important;background-position:0 2px} .ColBNews .NewsList .Entry .pullquote-left {margin-right:0} .ColBNews .NewsList .Entry .pullquote-right {margin-left:0} .ColBNews .NewsList .Entry .pullquote-center {width:85%;border:none;padding:2px 0 0 38px;margin:20px 0 25px} .ArticleAuthor .Avatar {width:20%} .ArticleAuthor .Avatar img {height:auto;width:100%} .ColBNewsWide .ArticleAuthor .Text {width:73%} .ColBNews .FollowArea, .ColBFeatures .FollowArea {} .ColBNews .FollowButton, .ColBFeatures .FollowButton {width:100px;padding:9px 7px 8px 27px;font-size:15px;display:block;background-color:#fff;line-height:1em;border:1px solid #ddd} .ColBNews .FollowButton, .ColBNews .FollowButton:hover, .ColBNews .FollowButton:focus, .ColBNews .FollowButton.Follow, .ColBNews .FollowButton.Follow:hover, .ColBNews .FollowButton.Follow:focus, .ColBFeatures .FollowButton, .ColBFeatures .FollowButton:hover, .ColBFeatures .FollowButton:focus, .ColBFeatures .FollowButton.Follow, .ColBFeatures .FollowButton.Follow:hover, .ColBFeatures .FollowButton.Follow:focus {background-color:#fff;border-color:#ddd;background-position:8px 5px !important;color:#0078ff !important} .ColBNews .FollowButton.Follow span, .ColBNews .FollowButton.Follow:hover span, .ColBNews .FollowButton.Follow:focus span, .ColBFeatures .FollowButton.Follow span, .ColBFeatures .FollowButton.Follow:hover span, .ColBFeatures .FollowButton.Follow:focus span {color:#0078ff !important} .ColBNews .FollowButton.Following, .ColBNews .FollowButton.Following:hover, .ColBNews .FollowButton.Following:focus, .ColBFeatures .FollowButton.Following, .ColBFeatures .FollowButton.Following:hover, .ColBFeatures .FollowButton.Following:focus {background-color:#fff;border-color:#ddd;background-position:8px -79px !important;color:#333 !important} .ColBNews .FollowButton.Following span, .ColBNews .FollowButton.Following:hover span, .ColBNews .FollowButton.Following:focus span, .ColBFeatures .FollowButton.Following span, .ColBFeatures .FollowButton.Following:hover span, .ColBFeatures .FollowButton.Following:focus span {color:#333 !important} .ColBNews .FollowArea .Followers, .ColBFeatures .FollowArea .Followers {margin-top:1px} /*********************************** Forum Section ***************************************/ .ColBWide, .ColBForum {display:block;width:92%;max-width:92%;margin:80px 4% 0 4%;padding:0} .ColBForum {margin-bottom:50px} .Banner.BannerForumLeaderboard, .Banner.BannerForumLeaderboard.Active {display:none} .ForumList {padding:0 0 40px} .ForumList .Entry {display:none} .ForumList .Entry.mobile-only {width:100%;max-width:100%;padding:17px 0 17px;margin:0} .ForumList .Entry:nth-child(3) {padding-top:2px} .ForumList .Entry:hover {background:none} .ForumList .Entry.Head {display:none} .ForumList .Entry a {display:block;padding:0;min-height:15px} .ForumList .Entry .Col1, .ForumList .Entry .Col3 {width:100%;max-width:100%;display:block;margin:0;padding:0;overflow:visible;height:auto;float:none;visibility:visible} .ForumList .Entry .Col3 {margin-top:7px} .ForumList .Entry .Col3 span::before {} .ForumList .Entry .Col3 span br {display:none} .ForumList .Entry .Col3 span b {margin-right:5px} .ForumList .Entry a .TagIcon.LastPost .fa {position:relative;display:block;top:0;left:0px;float:left;margin-right:5px;color:#999} .ForumList .Entry a, .ForumList .Entry a .TagIcon, .ForumList .Entry a .TagIcon b {color:#999;font-size:12px;line-height:1.2em} .ForumList .Entry a:hover .TagIcon, .ForumList .Entry a:focus .TagIcon, .ForumList .Entry a:hover .TagIcon b, .ForumList .Entry a:focus .TagIcon b, .ForumList .Entry a:hover .TagIcon.LastPost .fa, .ForumList .Entry a:focus .TagIcon.LastPost .fa {color:#0078ff} .ForumList .Entry .divider {margin:0 5px 0 0;color:#ddd} .ForumList .Entry h1 {display:block;margin-bottom:0;font-size:16px;line-height:1.2em;font-weight:500} .ForumList .Entry h2 {display:none} .ForumList .Entry .TagIcon.StartPost, .ForumList .Entry .TagIcon.LastPost {float:none;display:block} .EntrySlider {display:none} .ColBForumThread {float:none;display:block;width:100%;max-width:100%;padding:0;border:none} .ColCForumThread {display:none} .Thread {width:100%;max-width:100%} .Thread .Comments .Line .Thumbs {width:100%} .Thread .Comments .Line .Thumb {width:22%;margin:0 3% 3% 0;height:auto;background:none;border-color:#fff} .Thread .Comments .Line .Thumb:nth-child(6n) {margin-right:3%} .Thread .Comments .Line .Thumb:nth-child(4n) {margin-right:0} .Thread .Comments .Line .Thumb img {width:100%;height:auto} .Thread .Comments .Line .Thumb:link, .Thread .Comments .Line .Thumb:visited, .Thread .Comments .Line .Thumb:hover {border-color:#fff} .Thread .Comments .Line .Thumb:active {border-color:#fff} .Thread .Comments .Line .Thumb:hover, .Thread .Comments .Line .Thumb:focus {opacity:0.85} .ColCForumThread {display:none;float:none;width:100%;max-width:100%;padding:0 0 40px;border:none;left:0;top:0;margin:0} .ColCForumThread .List h2, .ColCForumThread .List li a, .ColCForumThread .List p.last {font-size:15px;line-height:1.3em;padding:12px 0} /*********************************** Account Settings ***************************************/ .ColBSettings, .ColBSettings.ColBSettingsWide {float:none;padding:0;border:none;width:100%} .ColBSettings h2, .ColBSettings.ColBSettingsWide h2 {width:100%;line-height:1.1em} .ColBSettings .EditSettingsMessage, .ColBSettings.ColBSettingsWide .EditSettingsMessage {width:90%;padding:15px 5%;background-position:4% 12px;border:none} .EditSettingsMessage h4 {width:85%;padding-left:15%;font-size:15px;line-height:1.3em;font-weight:500} .ColBSettings .SettingsList, .ColBSettings.ColBSettingsWide .SettingsList {width:100%} .ColBSettings .SettingsList li {font-size:15px;line-height:1.3em;padding:15px 0 5px} .ColBSettings .SettingsList.Blogs li {min-height:auto;padding:23px 0 10px} .ColBSettings .SettingsList .Col1 {width:100%;float:none;padding:0 0 15px} .ColBSettings .SettingsList .Col2, .ColBSettings.ColBSettingsWide .SettingsList .Col2.Size1, .ColBSettings.ColBSettingsWide .SettingsList .Col2.Size2, .ColBSettings.ColBSettingsWide .SettingsList #Setting12 .Col2.Size2, .ColBSettings .SettingsList .Col2.Size5, .ColBSettings.ColBSettingsWide .SettingsList .Col2.Size5, .ColBSettings .SettingsList .IgnoredUser {width:100%;float:none;padding:0 0 5px} .ColBSettings .SettingsList .EditButton.Primary {width:auto} .ColBSettings .SettingsList .EditButton.Primary em {font-size:12px !important;padding:5px !important} .ColBSettings .SettingsList .EditButton .fa {font-size:11px} .ColBSettings .SettingsList .Col1 {font-size:18px;font-weight:500} .ColBSettings .SettingsList form, .ColBSettings .SettingsList .Col2 p, .ColBSettings .SettingsList .Col2 ul, .ColBSettings .TagIcon {font-size:15px} .ColBSettings .SettingsList .IgnoredUser a {margin-bottom:5px} .ColBSettings.ColBSettingsWide .SettingsList .Col2.Size2 > p > span {display:block;margin-top:5px} .ColBSettings label.RadiobuttonLabel {font-size:15px;line-height:1em} .ColBSettings .SettingsList .EditButton {display:block} .ColBSettings .Textfield {width:93.5%;padding:9px 3%} .ColBSettings .Button {padding:11px 0;font-size:16px;line-height:1em;margin:10px 0;width:100%;float:none} .ColBSettings .JobSettings li a.EditButton.Primary {margin:10px 0;width:100%;display:block} .ColBSettings .JobSettings li a.EditButton.Primary em {font-size:15px !important;padding:11px 4% !important;width:100% !important} .ColBSettings .JobSettings li a.EditButton.Primary .fa {font-size:15px} .ColBSettings .JobSettings li.SettingForm .Left {float:none;margin:0 0 15px 0;width:100%;display:block;vertical-align:top} .ColBSettings .JobSettings li.SettingForm#Setting5Form form fieldset > br, .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > br {display:none} .ColBSettings .JobSettings li.SettingForm#Setting5Form p, .ColBSettings .JobSettings li.SettingForm#Setting6Form p {margin-bottom:30px !important} .ColBSettings .JobSettings li.SettingForm#Setting5Form .Left > .Left {float:left;width:48%} .ColBSettings .JobSettings li.SettingForm#Setting5Form .Left > .Left:first-of-type {margin-right:4%} .ColBSettings .JobSettings li.SettingForm#Setting5Form .Textfield.Size1 {width:41.5%} .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(5), .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(6) {float:left;width:48%} .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(5) {margin-right:4%} .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(5) label {margin-bottom:0} .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(6)::after {clear:both} .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(7)::before, .ColBSettings .JobSettings li.SettingForm#Setting6Form form fieldset > div:nth-of-type(7)::after {content:" ";display:table} .ColBSettings .JobSettings li.SettingForm#Setting6Form .Textfield.Size1 {width:93.5%;margin-bottom:0;padding-top:9px;padding-bottom:9px} .ColBSettings .JobSettings .Pulldown, .ColBSettings .JobSettings .Pulldown.Size1, .ColBSettings .JobSettings .Pulldown.Size2, .ColBSettings .JobSettings .Pulldown.Size3 {width:100%;padding-top:9px;padding-bottom:9px} .ColBSettings .SettingsList li#Setting5, .ColBSettings .SettingsList li#Setting6, .ColBSettings .SettingsList li#Setting7 {padding-bottom:15px} .ColBSettings .SettingsList.JobSettings li .PostJobButton {width:100%;float:none;margin:0} .ColBSettings .JobSettings li a.EditButton.Primary.Red {margin:15px 0 30px} .ColBSettings .SettingsList.Profiles .Col1, .ColBSettings .SettingsList.Blogs .Col1, .ColBSettings .SettingsList.Blogs .Col1.Size4 {width:17%;float:left} .ColBSettings .SettingsList.Profiles .Col1, .ColBSettings .SettingsList.Blogs .Col1 {padding-bottom:0} .ColBSettings .SettingsList .Col1.Size4 {padding:0} .ColBSettings .SettingsList.Profiles .Col1 img, .ColBSettings .SettingsList.Blogs .Col1 img {width:73%;border-radius:1px} .ColBSettings.ColBSettingsWide .SettingsList.Profiles .Col2.Size1, .ColBSettings.ColBSettingsWide .SettingsList.Blogs .Col2.Size1, .ColBSettings.ColBSettingsWide .SettingsList.Blogs .Col2.Size4 {width:83%;float:right} /*********************************** Article Image Page ***************************************/ .ImageViewer .ColA {display:none !important} .ImageViewer .TopBar {display:none} .ImageViewer .Container {width:92%;max-width:92%;margin:80px 4% 0 4%} .ImageViewer .Header {width:100%;min-height:70px;display:none} .ImageViewer .Logo {display:none} .ImageViewer .Banner.BannerLeaderboard {display:none} .ImageViewer #Pagination {width:100%;display:block;float:none;text-align:center;margin-bottom:25px;display:none} .ImageViewer .Thumbs {width:auto} .ImageViewer .Thumbs {width:100%} .ImageViewer .Thumb {width:15%;margin:0 1% 1% 0;height:auto;background:none;border-color:#fff} .ImageViewer .Thumb:nth-child(6n) {margin-right:0} .ImageViewer .Thumb img {width:100%;height:auto} .ImageViewer .Thumb:link, .ImageViewer .Thumb:visited, .ImageViewer .Thumb:hover {border-color:#fff} .ImageViewer .Thumb:active {border-color:#fff} .ImageViewer .Thumb:hover, .ImageViewer .Thumb:focus {opacity:0.85} .ImageViewer .ImageBox, .ImageViewer .ImageBox .MainImage, .ImageViewer .ImageBox > img, .ImageViewer .ImageBox > a > img, .ImageViewer .ImageBox .Text, .ImageViewer .ImageBox .Header {width:100%;max-width:100%;height:auto;float:none} .ImageViewer .ImageBox {padding-bottom:10px} .ImageViewer .ImageBox .MainImage, .ImageViewer .ImageBox > img, .ImageViewer .ImageBox > a > img {margin-bottom:25px} .ImageViewer a span {font-size:13px;display:block;margin-bottom:10px} .ImageViewer h1 {font-size:24px;padding-bottom:30px;line-height:1.2em} .ImageViewer p {font-size:15px;line-height:1.3em;padding:0;margin:0 0 1.3em} /*********************************** Blog Section ***************************************/ #BlogSection {width:auto;height:auto;background-image:none;padding:65px 7px 0} #BlogSection .ColB {display:inline;min-width:100px;padding-top:10px} .BlogNavigation {display:none} #MasonryBlogs {width:100%;max-width:100%;min-width:100%;overflow:hidden;height:auto} #MasonryBlogs .Entry, #MasonryBlogs .col1, #MasonryBlogs .col2 {margin:0 2% 15px 2%;width:96% !important;float:none;display:block;position:relative !important;left:0 !important;top:0 !important} #MasonryBlogs .Entry .Bubble {width:auto} #MasonryBlogs .Entry.col1 a img, #MasonryBlogs .Entry.col2 a img, #MasonryBlogs .Entry .Bubble img {width:100% !important} #MasonryBlogs .Entry .Bubble .BubbleTail {width:100%} #MasonryBlogs .Entry h3 {width:100%;font-size:16px} #MasonryBlogs .Entry .BlogCredits {width:90%;margin-bottom:35px} #MasonryBlogs .Entry .BlogAuthor, #MasonryBlogs .Entry .BlogTitle, #MasonryBlogs .Entry .BlogAffiliation {font-size:12px;line-height:1.3em;margin-bottom:.5em;font-weight:500} #MasonryBlogs .AdSlot300x250 {width:100%;text-align:center;margin-bottom:45px} #MasonryBlogs .AdSlot300x250 .BannerPanel {display:none !important} #page-nav {display:block;position: relative; left: 0;padding:0;margin:30px 4% 50px;background: none;} #page-nav::before, #page-nav::after {clear:both;} #page-nav a, #page-nav span {display:inline-block;width:100%;padding:15px 0;background-color:#333;border-radius:2px;color:#fff;font-size:16px;font-weight:500;line-height: 1em;margin:0;white-space:nowrap;text-transform:uppercase} #page-nav span {background:none;color:#333} body#BlogSection > .Header.Blog {display:block;width:90%;margin:0;padding:5%;background: rgba(255, 255, 255, 0.7)} .Header.Blog h1, .Header.Blog h2 {margin:0;line-height:1.2em;font-weight:500;opacity:.8} .Header.Blog .Archived h1, .Header.Blog .Archived h2 {width:100%} .Header.Blog .Archived h1 {margin-top:55px} .Header.Blog h1 {font-size:24px} .Header.Blog h2 {font-size:15px} .ArchivedBlog {left:0;right:0px;top:0px;z-index:3} #BlogSection .ColBC {margin:0;width:100%;max-width:100%} #BlogSection #ColBContainer {float:none;right:0} #BlogSection #ColCContainer {width:100%;float:none;clear:both;overflow:auto} #BlogSection #ColB, #BlogSection #ColC {width:90%;padding-left:5%;padding-right:5%;left:0;float:none;overflow:hidden} .ColCProfiles.Blog h2 {font-size:15px;padding-bottom:12px;line-height:1em;margin-top:1em} #BlogSection .Comments .CommentModerate {right:0} .ColBBlogs {font-size:15px;line-height:1.5em} .ColBBlogs .BlogNavigation {width:100%;margin:-15px 0 10px 0;height:auto} .ColBBlogs .BlogNavigation ul.topnav {display:none} .ColBBlogs .BlogNavigation .SearchForm {position:relative !important;margin:0} .ColBBlogs .TextList {width:100%;margin:0 0 15px} .ColBBlogs .TextList li {width:100%;padding:19px 0 13px} .ColBBlogs .BlogDirectory .Entry .BlogText, .ColBBlogs .TextList li .BlogText {width:81%} .ColBBlogs .TextList li.Featured .BlogText {width:100%} .ColBBlogs .TextList li .Left {width:15%;height:auto;padding:0} .ColBBlogs .TextList li.Featured a img {width:100%;height:auto;margin:8px 0} .ColBBlogs .BlogDirectory .Entry .BlogTitle, .ColBBlogs .TextList li .BlogTitle, .ColBBlogs .BlogDirectory .Entry .BlogDescription, .ColBBlogs .TextList li .BlogDescription, .ColBBlogs .BlogDirectory .Entry .BlogAffiliation, .ColBBlogs .TextList li .BlogAffiliation, .ColBBlogs .TextList li.Featured .BlogAffiliation {font-size:15px;line-height:1.4em} .ColBBlogs .BlogDirectory .Entry .BlogTitle, .ColBBlogs .TextList li.Featured a.BlogTitle, .ColBBlogs .TextList li .BlogTitle {padding-bottom:12px;line-height:1.2em} .ColBBlogs .BlogDirectory .Entry .BlogAffiliation, .ColBBlogs .TextList li .BlogAffiliation, .ColBBlogs .TextList li.Featured .BlogAffiliation {margin:15px 0 10px;padding-left:0;background:0} .ColBBlogs .BlogAffiliation .fa {font-size:14px;margin-right:10px} .ColCProfiles.Blog {display:none} /*********************************** Comment Section ***************************************/ .Comments .ReplyComments {background-position:10px 0} .Comments .ReplyComments .Line, .ColBNewsWide .Comments .ReplyComments .Line {width:90%;margin-left:28px} .Comments .ReplyComments .Line .Bottom img {max-width:100%} .Comments .CommentBanner {width:100%;padding:0;border:none} .ColBNewsWide .Comments .CommentBanner {display:none} .FeaturedCommentsSection h2 {line-height:1.2em} .FeaturedCommentsSection .BubbleTop, .FeaturedCommentsSection .BubbleMiddle, .FeaturedCommentsSection .BubbleBottom {width:100%;max-width:100%;background-size:100% auto} .FeaturedCommentsSection .BubbleTop {height:23px;max-height:23px} .FeaturedCommentsSection .BubbleMiddle {padding-left:0;padding-right:0} .FeaturedCommentsSection.CommentBubbles .Bottom p, .FeaturedCommentsSection.CommentBubbles .Bottom ul, .FeaturedCommentsSection.CommentBubbles .Bottom ol, .FeaturedCommentsSection.CommentBubbles .Bottom figure {margin-left:20px !important;margin-right:20px !important} .FeaturedCommentsSection.CommentBubbles .Bottom figure p {margin-left:0 !important;margin-right:0 !important} .FeaturedCommentsSection.CommentBubbles .Bottom li {margin-left:25px} .FeaturedCommentsSection .Bottom img, .FeaturedCommentsSection .Bottom p img {width:100%;max-width:100%} .CommentBox .CommentForm .Textarea, .ColBNewsWide .CommentBox .CommentForm .Textarea {width:90%} #reply_body_html {width:88% !important} .CommentForm .CommentAreaSignedOut, .ColBNewsWide .CommentForm .CommentAreaSignedOut, .CommentForm .CommentSignedOut, .ColBNewsWide .CommentForm .CommentSignedOut {width:100%} .Comments .Top, .ColBNewsWide .Comments .Top, .Comments .ReplyComments .Top, .ColBNewsWide .Comments .ReplyComments .Top, .Comments .Line.last .Top, .ColBNewsWide .Comments .Line.last .Top, .ColCProfile .Comments .Top {width:100%} .Comments .CommentIdentity p {padding-left:0 !important} .Comments .CommentIdentity .Col1, .Comments .CommentIdentity .Col2, .ColBNewsWide .Comments .CommentIdentity .Col1, .ColBNewsWide .Comments .CommentIdentity .Col2 {width:100%;padding-left:0;border-right:none} .CommentForm .Notification, .BustlerCommentBox .Notification {float:none;padding:5px 0 20px} .CommentForm .Notification .TagIcon.Help {display:none} .CommentForm .Button, .CommentForm .CommentSignedOut a.Button, .BustlerCommentBox .Button {float:none;padding:17px 0 15px;margin:0;width:100%;font-size:15px;text-transform:uppercase;display:block;text-align:center} .Comments .CommentModerate {right:-10px} .ColCProfile .Comments .CommentModerate {right:5px} .ColCProfile .Comments .CommentBanner {width:100%} .ColCProfile .Comments .Line {width:100%} .ColCProfile .Comments .ReplyComments .Line {margin-left:28px;width:90%} .ColCProfile .Comments .Line.last .Top {width:100%} .ColCProfile .Comments .CommentIdentity .Col1, .ColCProfile .Comments .CommentIdentity .Col2 {width:100%;padding-left:0} .ColCProfile .CommentForm .CommentAreaSignedOut {width:98%} .ColCProfile .CommentForm .CommentSignedOut {width:100%} /*********************************** Job Section ***************************************/ .ColBProfiles.Wide p {font-size:15px;line-height:1.5em} .ColBProfiles.Wide.JobSeekers h1 {font-size:24px;line-height:1.05em;} .ColBProfiles.Wide.JobSeekers .CoverPic {width:105%;height:auto;margin:20px -10px 20px -10px} .ColBProfiles.Wide.JobSeekers .Col50, .ColBProfiles.Wide.JobSeekers .Col50.Left, .ColBProfiles.Wide.JobSeekers .Col50.Right {float:none;width:100%;margin-bottom:15px} .ColBProfiles.Wide.JobSeekers .JobSeekerFeature {width:70%;padding-left:22%;padding-right:5%;margin-right:0;margin-bottom:.5em} .ColBProfiles .Intro {width:100%} .ColBProfiles .AvatarList {padding-bottom:0} .ColBProfiles .AvatarList li {width:46%;max-width:46%;height:auto;max-height:170px;min-height:170px;margin:0 !important;margin-bottom:20px;float:left;display:inline-block;padding:0 0 25px 0} .ColBProfiles .AvatarList li:nth-of-type(2n+1) {margin:0 8% 0 0 !important} .ColBProfiles .AvatarList li {height:auto !important;max-height:500px} .ColBProfiles .AvatarList.HoverList li {padding:0 0 50px 0} .ColBProfiles .AvatarList li .GetListedHere {background-size:contain;width:98%;height:auto;padding-top:80%;padding-bottom:10%} .ColBProfiles .AvatarList .ThumbA {width:100% !important;height:auto !important;position:relative !important} .ColBProfiles .AvatarList.HoverList .ThumbA img, .ColBProfiles .AvatarList .ThumbA img {width:100%;max-width:100%;height:auto} .ColBProfiles .AvatarList li p, .ThumbA p.Name {width:100%;font-size:15px;line-height:1.2em} .ColBProfiles .AvatarList li p.ProfileUpdateStatus.StatusRecent {width:auto} .ColBProfiles .AvatarList li p.Name {color:#000 !important} .ColBProfiles .AvatarList li p.Location {color:#888 !important} .ColBProfiles .AvatarList li p.Jobtype, .ColBProfiles .AvatarList li p.Experience, .ColBProfiles .AvatarList li p.Skills, .ColBProfiles .AvatarList li p.ActiveJobs, .ColBProfiles .AvatarList li p.ActiveJob, .ColBProfiles .AvatarList li p.ProfileUpdateStatus {color:#333 !important} .ColBProfiles .AvatarList.HoverList .HoverBox {display:none !important} .ColCProfiles > .Sidebar, .ColCProfiles > .List, .ColCProfiles > .Banner {display:none} .ColCProfiles .Banner.BannerColC.Active {margin-bottom:30px} .ColCProfiles .ExpandableList {width:100%;overflow-y:visible;margin-bottom:10px} .FollowExplanation {text-align:center;margin-bottom:15px} .FollowExplanation img {margin:15px 0 15px} .FollowExplanation p {text-align:left} .ColCProfiles .ExpandableList #MoreContentWrapper {width:100%;overflow-y:visible;height:auto !important} .ColCProfiles .ExpandableList #scrollbar {width:100%;height:auto} .ColCProfiles .ExpandableList #scrollbar .scrollbar {display:none !important} .ColCProfiles .ExpandableList #scrollbar .viewport {width:100%;overflow-y:visible;height:auto} .ColCProfiles .ExpandableList #scrollbar .overview {position:relative} .ColCProfiles .ExpandableList #MoreContent {width:100%} .FollowList {border-top: 1px solid #e7e7e7;padding:0} .FollowList .ProfilePic, .FollowList .ProfilePic img {width:15%;height:auto} .FollowList .ProfileInfo {width:85%} .FollowList .ProfileName, .FollowList .Location {max-width:100%;width:100%;margin-left:10px} .ColCProfiles .ExpandableList .MoreContentToggle {display:none} .ColBJobs {width:100%;padding:0 0 50px 0} .ColBJobs.ThankyouPage .PostJobIntro.Short {margin-bottom:20px} .ColBJobs .PostJobIntro h1 {line-height:1.1em;color:#333;padding-bottom:20px} .ColBJobs.ThankyouPage .JobDescription .Col1, .ColBJobs.ThankyouPage .JobDescription .Col2 {float:none;width:100%} .ColBJobs .JobReceipt {width:94%;padding-left:3%;padding-right:3%} .ColBJobs .JobReceipt .Col1 {width:70%} .ColBJobs .JobReceipt .Col2 {width:30%} .ColBJobs.ThankyouPage .JobList .Entry {margin:0;padding:15px 0} .ColBJobs.ThankyouPage .JobList .Entry .Col1 {width:100%;padding:0;margin:0} .ColBJobs.ThankyouPage .JobList .Col2 {display:none} .ColBJobs.ThankyouPage .JobDescription .Head {display:none} /*********************************** Single Profile Page ***************************************/ .ColBProfile {margin:62px 0 20px;padding:0;width:100%;position:relative} .ColBProfile .Avatar {width:12%;height:auto;margin:0 0 9px 4%;float:left} .ColBProfile .Avatar img, .ColBProfile .Avatar a img{width:100%;height:auto} .ColBProfile h1 {font-size:18px;line-height:1.2em;padding:0 4% 4px 0;width:77%;float:right;font-weight:500} .ColBProfile p {padding:0 4% 10px 0;width:77%;float:right} .ColBProfile .ProfileUpdateStatus {margin:20px 0 0;width:92%;padding:0 4%} .ColBProfile .ProfileUpdateStatus p {margin-bottom:5px;float:none;width:90%;font-size:12px} .ColBProfile .SubNav {position:relative;margin:12px 0 0;padding:0;width:100%;height:auto;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;background:#fff;border-top:1px solid #f3f3f3;background:url('../images/nav/1px-eeeeee.png') repeat-x;background-position:left bottom;font-size:0px;-ms-overflow-style:none} .ColBProfile .SubNav::-webkit-scrollbar {display:none} .ColBProfile .SubNav li {display:inline-block;vertical-align:middle;height:auto;margin:0 2% 0 1%;padding:0;text-align:center;border:none;border-bottom:1px solid #eee;font-size:14px} .ColBProfile .SubNav > li:first-child {margin-left:4%} .ColBProfile .SubNav span:last-of-type li {margin-right:4%} .ColBProfile .SubNav li:hover, .ColBProfile .SubNav li.active:hover {background:none} .ColBProfile .SubNav li.active {border-color:#000 !important} .ColBProfile .SubNav a, .ColBProfile .SubNav a:hover, .ColBProfile .SubNav a:focus {padding:12px 0 12px 0;margin:0;color:#555;background:none;font-weight:400} .ColBProfile .SubNav a:focus {color:#000} .ColBProfile .SubNav li.active a, .ColBProfile .SubNav li.active a:hover, .ColBProfile .SubNav li.active a:focus {background:none;color:#000;font-weight:500} .ColBProfile .SubNav li.FirmAdmin {display:none} .ColBProfilesWide .ActivityStream {width:100%;padding-bottom:0} .ColBProfilesWide .ActivityStream p {line-height:1.5em} .ColBProfilesWide .ActivityStream .Col80 {margin:55px 0 45px} .ColBProfilesWide .ActivityStream .Activity {width:100%;min-height:auto;margin-bottom:45px} .ColBProfilesWide .ActivityStream .Activity.Primary {margin-bottom:45px} .ColBProfilesWide .ActivityStream .Activity .Entry {margin:0} .ColBProfilesWide .ActivityStream .Activity .Entry .Image img {margin-bottom:13px} .ColBProfilesWide .ActivityStream .Activity .User {width:29%;margin:0} .ColBProfilesWide .ActivityStream .Activity .User img, .ColBProfilesWide .ActivityStream .Activity .User.Multiple a, .ColBProfilesWide .ActivityStream .Activity .User.Multiple img {width:100% !important;height:auto !important} .ColBProfilesWide .ActivityStream .Activity .Entry .Title {font-size:16px} .ColBProfilesWide .ActivityStream .Activity .Entry .Title, .ColBProfilesWide .ActivityStream .Activity.Primary .Entry .Text {width:100%;margin-top:0} .ColBProfilesWide .ActivityStream .Activity .Entry .Text {width:66%;padding-left:34%;margin-top:0} .ColBProfilesWide .ActivityStream .Activity .Entry .Text.Secondary {padding-left:0} .ColBProfilesWide .ActivityStream .Activity .Entry .Text.Secondary, .ColBProfilesWide .ActivityStream .Activity .Entry .Text .Section {font-size:11px} .ColBProfilesWide .ActivityStream .Activity .Entry .Text .Section .Divider {margin:0 5px} .ColBProfilesWide .ActivityStream #page-nav {margin:20px 0} .ColBProfilesWide .ActivityStream .ActivityIntro {margin-bottom:0} .ActivityStream .ActivityIntro h3 {font-size:24px} .ActivityStream .ActivityIntro h4 {font-size:18px;padding:0} .ActivityStream .ActivityIntro h4:last-child {margin-bottom:0} .ActivityStream .ActivityIntro h4 .fa {display:none} .ColCNews .RankingList {width:100%} .ColCNews .RankingList .Entry {min-height:auto;margin:0} .ActivityStream.blank .RankingList .ProfilePic, .ActivityStream.blank .RankingList .ProfilePic img, .ColCNews .RankingList .ProfilePic, .ColCNews .RankingList .ProfilePic img {width:25%;height:auto} .ColCNews .RankingList .ProfileInfo {width:70%} .RankingList .FollowButton {border:1px solid #e3e3e3;padding:10px 10px 9px 27px;font-size:15px;line-height:1em;width:auto} .RankingList .FollowButton, .RankingList .FollowButton:hover, .RankingList .FollowButton:focus, .RankingList .FollowButton.Follow, .RankingList .FollowButton.Follow:hover, .RankingList .FollowButton.Follow:focus {background-color:#fff;border-color:#e3e3e3;background-position:8px 7px !important;color:#0078ff !important} .RankingList .FollowButton.Follow span, .RankingList .FollowButton.Follow:hover span, .RankingList .FollowButton.Follow:focus span {color:#0078ff !important} .RankingList .FollowButton.Following, .RankingList .FollowButton.Following:hover, .RankingList .FollowButton.Following:focus {background-color:#fff;border-color:#e3e3e3;background-position:8px -79px !important;color:#333 !important} .RankingList .FollowButton.Following span, .RankingList .FollowButton.Following:hover span, .RankingList .FollowButton.Following:focus span {color:#333 !important} .AlertTooltip {top:-98px;left:10%;right:10%;width:auto} .AlertTooltip .arrow-right {border-left:10px solid transparent;border-right:10px solid transparent;border-top: 10px solid #333;left:45%;top:100%} .ColCNews.BlankActivityStream {display:block;width:100%} .ColCNews.BlankActivityStream .Banner {display:none} .ColCNews.BlankActivityStream .Banner.BannerColC.Active.Banner300x250 {display:block;width:108.5%;margin-bottom:35px} .ColBProfilesWide #Pagination {width:100%} .ColBProfilesWide #Pagination:empty {display:none !important} .ColCProfile, .ColCProfile.ColCProfileWide {left:0;top:0;padding:0 0 40px 0;position:relative;width:100%;font-size:15px;z-index:1} .ColCProfile.ColCProfileWide {margin:80px 4% 0;max-width:92%;width:92%} .ColCProfile > br {display:none} .ColCProfile h2 {line-height:1.2em;font-size:15px} .ColCProfile h3 {margin-left:4%;margin-right:4%;line-height:1.2em;font-size:15px} .ColCProfile.ColCProfileWide h3 {margin-left:0;margin-right:0;line-height:1.1em;font-size:24px;color:#333} .ColCProfile.ColCProfileWide h3 small {line-height:1.3em} .ColCProfile .ApplicantsList {border-top:none} .ColCProfile.MyApplications .ApplicantsList, .ColCProfile.Applicants .ApplicantsList {border-top:1px solid #bbb} .ColCProfile .ApplicantsList.Openings .JobBasics {width:90%;margin-left:10%} .ColCProfile .ApplicantsList.Openings .mobile-buttons {margin:15px 0 0} .ColCProfile .ApplicantsList.Openings .mobile-buttons .EditButton {display:inline-block;float:none;margin:0 0 9px 0} .ColCProfile .ApplicantsList span.Number {display:none} .ColCProfile .ApplicantsList.Openings span.Number {display:block} .ColCProfile.MyApplications .ApplicantsList .ApplicantAvatar {left:0;width:53px;height:auto} .ColCProfile.MyApplications .ApplicantsList .ApplicantName {width:auto;max-width:100%;margin-left:68px;margin-bottom:10px;min-height:65px;line-height:1.3em} .ColCProfile.MyApplications .ApplicantsList .ApplicantInfo {width:100%;margin:0 0 5px} .ColCProfile.Applicants .ApplicantsControls {display:none} .ColCProfile.Applicants form .Pulldown {width:100%;font-size:24px;margin:20px 0;background-position:right 20px center, right 15px center} .ColCProfile.Applicants .ListingMenu {padding-left:5px} .ColCProfile.Applicants .JobDescription.EditView .Head .Right {float:none;padding:0;margin:-5px 0 20px} .ColCProfile.Applicants .JobDescription.EditView .Head .EditButton {display:block;margin:0} .ColCProfile.Applicants h2 {line-height:1.3em} .ColCProfile.Applicants h2.first {padding-top:40px} .ColCProfile.Applicants h2 span, .ColCProfile.MyApplications h2 span {display:block} .ColCProfile.Applicants h2 span.Divider, .ColCProfile.MyApplications h2 span.Divider {display:none} .ColCProfile.Applicants .ApplicantsList span.Number {display:block} .ColCProfile.Applicants .ApplicantsList .ApplicantAvatar {left:33px} .ColCProfile.Applicants .ApplicantsList .ApplicantName {width:auto;max-width:100%;margin-left:90px;line-height:1.3em} .ColCProfile.Applicants .ApplicantsList .ApplicantInfo {width:auto;max-width:100%;margin-left:90px;line-height:1.3em} .ColCProfile.Applicants .ApplicantsList .ApplicantInfo .modal_preview_trigger.mobile-only {display:inline !important} .ColCProfile .ApplicantsList .Rating {position:relative;display:inline-block;top:0;left:90px;right:0;margin:14px 20px 12px 0} .ColCProfile .ApplicantsList .Note, .ColCProfile .ApplicantsList .Divider {display:none} .ColCProfile .JobReceipt {padding:15px 3%;display:table;width:94% !important;line-height:1.2em} .ColCProfile .JobReceipt .Col1 {width:54%;padding-right:2%} .ColCProfile .JobReceipt .Col2 {width:20%;padding-left:2%} .ColCProfile .JobList.Invoices {width:100%;padding:0} .ColCProfile .JobList.Invoices li.Entry {width:100%;margin:0;padding:0;display:table} .ColCProfile .JobList.Invoices li.Entry .Col1 {width:54%;padding-right:2%;margin:0;float:left} .ColCProfile .JobList.Invoices li.Entry .Col2 {width:20%;padding-left:2%;line-height:1.2em} .ColCProfile .JobList.Invoices li.Entry .Col1 a b {line-height:1.2em} .ColCProfile .JobList.Invoices li.Entry .Col1 .Sub.Couponcode {width:100%;text-align:left;padding-left:0;background:none} .ColCProfile .TagLinks a.TagLink {font-size:15px} .ColCProfile .CoverList {width:92%;padding:0 4%} .ColCProfile .CoverList li {float:none} .ColCProfile .CoverList p {font-size:15px;line-height:1.5em} .ColCProfile .CoverList .Col1 {width:100%;margin:0 0 30px 0;padding:0 0 5px 0} .ColCProfile .CoverList .Col2 {width:100%;margin:0 0 30px 0;padding:0 0 5px 0} .ColCProfile .CoverList .Col3 {width:100%} .ColCProfile .CoverList .Col1.SystemMessage {width:92%;padding:4%} .ColCProfile .CoverList .Col2 p {width:100%} .ColCProfile .CoverList .Col2 ul {margin:0;padding:1.5em 0 1em 1.8em} .ColCProfile .CoverList .Col2 li {font-size:15px;line-height:1.5em} .ColCProfile .CoverList .Col2 .ThumbsC {width:100%} .ColCProfile .CoverList .Col2 .ThumbC {width:18%;margin:0 2% 2% 0} .ColCProfile .CoverList .Col2 .ThumbC > a > img {width:100%;height:auto;display:block} .ColCProfile .CoverList .Col2 p.last {float:none;display:block;clear:both} .ColCProfile .LookingForWork p {font-size:15px;font-weight:600} .ColCProfile .IssuPortfolio > div.ProfileAlert {width:88% !important;padding:25px 6%;margin-bottom:30px} .ColCProfile .ProfileAlert h3 {padding-left:40px;line-height:1.5em} .ColCProfile .ProfileAlert p {padding-left:0;font-size:15px;line-height:1.5em} .ColCProfile .ProfileAlert .fa {font-size:1.5em;top:23px;left:6%} .ColCProfile a.ProfileAlert p {padding-left:15%} .ColCProfile a.ProfileAlert .fa {font-size:1.3em;top:26px;left:6%} .ColCProfile .ProjectList {width:100%} .ColCProfile .CoverList h3 {margin-left:0;margin-right:0} .ColCProfile .CoverList .Col3 li {margin:0;clear:both;padding-bottom:25px;height:auto} .ColCProfile .ProjectList li {width:48%;height:auto !important;padding-right:4%;margin:0;float:left;clear:none !important} .ColCProfile .ProjectList li:nth-of-type(2n+1) {padding-right:0} .ColCProfile .CoverList .Col3 .ThumbD {width:100%;height:auto} .ColCProfile .CoverList .Col3 .ThumbD img, .ColCProfile .ProjectList .ThumbD img {width:100%;height:auto} .ColCProfile .ProjectList .ThumbD .Spacer {display:none} .ColCProfile .CoverList .Col3 .ThumbD h1, .ColCProfile .CoverList .Col3 a .ThumbD p, .ColCProfile .ProjectList a .ThumbD h1, .ColCProfile .ProjectList a .ThumbD p {width:100%;font-size:15px;line-height:1.2em} .ColCProfile .ProjectList li:first-child {width:100%;padding:0 0 25px 0} .ColCProfile .AdditionalProjects .Col3 {background:none} .ColCProfile .AdditionalProjects .ProjectList li, .ColCProfile .ProjectList.AdditionalProjects li {width:48%;padding:0 4% 25px 0;clear:none} .ColCProfile .AdditionalProjects .ProjectList li:nth-of-type(2n+2), .ColCProfile .ProjectList.AdditionalProjects li:nth-of-type(2n+2) {padding-right:0} .ColCProfile .Resume {width:92%;padding:0 4%} .ColCProfile .Resume h3 {margin-left:0;margin-right:0} .ColCProfile .Resume li {font-size:15px;margin: 0 0 0.8em;line-height:1.3em;padding:0} .ColCProfile .IssuPortfolio {width:100%;max-width:100%} .ColCProfile .IssuPortfolio > div, .ColCProfile .IssuPortfolio object, .ColCProfile .IssuPortfolio embed {width:100% !important;max-width:100% !important;height:auto !important} .ColCProfile .DflipPortfolio {min-height:150px} .ColCProfile .Resume .ResumeGroup .Contact {text-align:center} .ColCProfile .Contact .Button {width:100%;padding:10px 0;text-align:center;float:none;display:block;margin:5px 0 20px;font-size:15px} .ColCProfile .Contact .Gray {width:100%;margin:0 0 15px !important;float:none !important;text-align:center;display:block} .ColCProfile .CoverList .Col1 li {width:100%} .ColCProfile .CoverList .Col1 .TagIcon {width:10%} .ColCProfile .CoverList .Col1 .Right .TagIcon.Edit {display:none} .ColCProfile .CoverList .Col1 .FixedWidth {width:90%} .ColCProfile .Resume .Col90 {width:72%} .ColCProfile .Resume .ResumeEntry p, .ColCProfile .Resume .ResumeEntry li {font-size:15px;line-height:1.5em} .ColCProfile .Resume .ResumeEntry span.Gray {width:20%;display:block} .ColCProfile .Resume .ResumeEntry .Col90 span.Gray {width:auto;display:inline} .ColCProfile .Resume .Articles .ResumeEntry img {width:25%;height:auto} .ColCProfile .Resume .ResumeEntry.Blog .Col90 {width:85%} .ColCProfile .Resume .ResumeEntry.Blog img {width:12%;height:auto} .ColCProfile .RelatedContent {display:none} .ColCProfile .RelatedContent.mobile-only {display:block;width:100%} .ColCProfile .RelatedContent h2 {font-size:15px;line-height:1.2em;margin:0 0 17px 0;padding:0 0 12px;border-bottom:2px solid #121212;color:#000;display:block;text-transform:uppercase;font-weight:normal} .ColCProfile .RelatedContent .MoreContent {width:100%;background:rgba(0,0,0,.05)} .ColCProfile .RelatedContent a.Post {width:50%;height:auto;padding:0;overflow:hidden} .ColCProfile .RelatedContent .Post img {width:100%;height:100%;position:relative;display:block} .ColCProfile .RelatedContent .Post .Ribbon {margin:10px 0 0 4%;left:0;top:0;display:none} .ColCProfile .RelatedContent .Post .Title {width:90%;padding:10px 5% 0 5%;left:0;top:0;font-size:14px;line-height:1.2em} .ColCProfile .RelatedContent p.last {margin-top:5px;display:block} .ModalContent .RelatedContent.mobile-only {position:relative} .ModalContent .RelatedContent .Post {position:relative;display:block} .ModalContent .RelatedContent .Post img {width:100%;height:auto;display:block} .ModalContent .RelatedContent .Post .Ribbon {margin:0;position:absolute;z-index:3001} .ModalContent .RelatedContent .Post .RedText, .ModalContent .RelatedContent .Post .OrangeText {padding:3px 4px 2px} .ModalContent .RelatedContent .Post .Title {font-size:15px;font-weight:500;margin:8px 0 23px} .ColCProfile .ProjectImage, .ColCProfile .ProjectImage img {width:100%;max-width:100%;height:auto} .ColCProfile .ProjectImage {border:none;padding:0;margin:0 0 15px} .ColCProfile .ProjectImage .Caption, .ColCProfile .ProjectVideos .Caption {margin-left:4%;margin-right:4%;} .ColCProfile .ProjectImage .TagIcon.MoreImages {display:none} .ColCProfile .ProjectVideos iframe {min-width: 100%} .ColCProfile .ExtraImages {border:none;padding:0} .ColCProfile .ProjectDescription {margin-bottom:50px} .ColCProfile .ProjectDescription ul, .ColCProfile .ProjectDescription ol {padding:0 4% 0 6%} .ColCProfile .ProjectDescription h1 {margin:0 4% 0.1em 4%} .ColCProfile .ProjectDescription p {margin:0 4% 1em 4%} .ColCProfile .ProjectDescription li {margin:0 4% .5em 4%} .ColCProfile .ProjectDescription p.last, .ColBProfiles .ProjectsTag div.last {font-size:12px;margin-left:0;margin-right:0;padding-left:4%;padding-right:4%} .ColCProfile .ProfileDescriptionToggle {text-align:center} .ColCProfile .ProfileDescriptionToggle .TagIcon.More {font-size:15px} .ColCProfile .ProfileDescriptionToggle .TagIcon.More .fa {margin-right:7px;font-size:16px} .ColCProfile .ProjectDescription #ProfileDescription {margin:0 4%} .ColCProfile .ProjectDescription #ProfileDescription ul, .ColCProfile .ProjectDescription #ProfileDescription ol {padding-left:0;padding-right:0} .ColCProfile .ProjectDescription #ProfileDescription p {margin-left:0;margin-right:0} .ColCProfile .ProjectDescription #ProfileDescription li {margin-left:0;margin-right:0} .ColCProfile .RelatedJobs {margin:1.8em 4% .8em;width:92%} .ColCProfile .CoverList .Col2 .mobile-only ul {list-style: outside none none;margin:0;padding:0} .ColCProfile .CoverList .Col1 li, .ColCProfile .CoverList .Col2 .mobile-only li {border-bottom:1px solid #e7e7e7;float:none;font-size:15px;font-weight: 500;padding:0;line-height:1.2em} .ColCProfile .CoverList .Col2 .mobile-only a {color:#121212;display:block;padding:9px 0} .ColCProfile .CoverList .Col2 .mobile-only a:focus {color:#0078ff} .ColCProfile .CoverList .Col2 .mobile-only p.last {padding:7px 0 10px} .ColCProfile .CoverList .Col2 .mobile-only p.last a {color:#0078ff;padding:5px 0;margin:0;display:inline} .ColCProfile .CoverList .Col1 .ContactParagraph {padding:0.5em 0 1.7em} .ColCProfile .CoverList .Col1 .ContactParagraph .fa {font-size:1.3em} .ColCProfile .CoverList .Col1 .SocialParagraph a {font-size:1.7em} .ColCProfile .NewsList {width:92%;padding:0 4% 30px} .ColCProfile .NewsList h1 {font-size:15px;line-height:1.3em;font-weight:500} .ColCProfile .NewsList p, .ColCProfile .NewsList span {font-size:15px;line-height:1.3em} .ColCProfile .NewsList a .Weblink {font-size:15px} .ColCProfile .NewsList .ImageVertical {margin:0 0 10px 30px} .ColCProfile #Pagination.NewsListPagination {width:100%} .ColCProfile .NewsArticle {width:92%;padding:0 4%} .ColCProfile .NewsArticle h1 {margin-top:10px} .ColCProfile .NewsArticle .TagIcon.Follow {padding-right:0} .ColCProfile .NewsArticle .TagIcon.Help {display:none} .ColCProfile .NewsArticle .ImageHorizontal, .ColCProfile .EventDescription .ImageHorizontal {width:100%} .ColCProfile .NewsArticle .ImageHorizontal img, .ColCProfile .EventDescription .ImageHorizontal img, .ColCProfile .NewsArticle .ImageVertical img, .ColCProfile .EventDescription .ImageVertical img {width:100%;height:auto} .ColCProfile .NewsArticle .Text img, .ColCProfile .EventDescription img, .ColCProfile .Resume .ResumeEntry img, .ColCProfile .ProjectDescription img, .ColCProfile .Comments .Bottom img {max-width:100%;height:auto} .ColCProfile .NewsArticle .Text ul, .ColCProfile .NewsArticle .Text ol, .ColCProfile .EventDescription ul, .ColCProfile .EventDescription ol, .ColCProfile .Resume .ResumeEntry ul, .ColCProfile .Resume .ResumeEntry ol, .ColCProfile .ProjectDescription ul, .ColCProfile .ProjectDescription ol, .ColCProfile .Comments .Bottom ul, .ColCProfile .Comments .Bottom ol {margin-left:1.2em} .ColCProfile .NewsArticle .Thumbs, .ColCProfile .EventDescription .Thumbs {width:100%} .ColCProfile .NewsArticle .Thumb, .ColCProfile .EventDescription .Thumb {width:22%;margin:0 3% 3% 0;height:auto;background:none;border-color:#fff} .ColCProfile .NewsArticle .Thumb:nth-child(7n), .ColCProfile .EventDescription .Thumb:nth-child(7n) {margin-right:3%} .ColCProfile .NewsArticle .Thumb:nth-child(4n), .ColCProfile .EventDescription .Thumb:nth-child(4n) {margin-right:0} .ColCProfile .NewsArticle .Thumb img, .ColCProfile .EventDescription .Thumb img {width:100%;height:auto} .ColCProfile .NewsArticle .Thumb:link, .ColCProfile .EventDescription .Thumb:link, .ColCProfile .NewsArticle .Thumb:visited, .ColCProfile .EventDescription .Thumb:visited, .ColCProfile .NewsArticle .Thumb:hover, .ColCProfile .EventDescription .Thumb:hover {border-color:#fff} .ColCProfile .NewsArticle .Thumb:active, .ColCProfile .EventDescription .Thumb:active {border-color:#fff} .ColCProfile .NewsArticle .Thumb:hover, .ColCProfile .EventDescription .Thumb:hover, .ColCProfile .NewsArticle .Thumb:focus, .ColCProfile .EventDescription .Thumb:focus {opacity:0.85} .ColCProfile .NewsArticle .Thumbs iframe {height:auto !important;width:100% !important} .ColCProfile .JobList {width:92%;padding:0 4%;border:none} .ColCProfile .JobList li::before, .ColCProfile .JobList li::after {content:"";display:table} .ColCProfile .JobList li::after {clear:both} .ColCProfile .JobList a {padding-bottom:0} .ColCProfile .JobList a h1, .ColCProfile .JobList a span {font-size:15px;line-height:1.3em;padding-bottom:15px} .ColCProfile .JobList a h1 {width:55%;font-weight:500} .ColCProfile .JobList a span {width:40%;text-align:right;margin:0} .ColCProfile .EventList {width:92%;padding:0 4%;border:none} .ColCProfile .EventList li::before, .ColCProfile .EventList li::after {content:"";display:table} .ColCProfile .EventList li::after {clear:both} .ColCProfile .EventList li .Wrapper {display:none} .ColCProfile .EventList a {padding-bottom:0} .ColCProfile .EventList a h1, .ColCProfile .EventList a span {font-size:15px;line-height:1.3em;padding-bottom:15px} .ColCProfile .EventList a h1 {width:63%;font-weight:500} .ColCProfile .EventList a span {width:35%;text-align:right;margin:0} .ColCProfile .EventDescription {width:92%;padding:0 4% 40px} .ColCProfile .EventDescription .Head {padding:0 0 7px;border:none;line-height:1.5em} .ColCProfile .EventDescription .Head h1 {padding:0;margin-top:10px} .ColCProfile .Bloggers {width:92%;padding:0 4% 40px} .ColCProfile .Bloggers h1 {font-size:15px;line-height:1.3em;font-weight:500} .ColCProfile .Bloggers p {font-size:15px;line-height:1.3em} .ColCProfile .Bloggers a .Weblink, .ColCProfile .Articles a .Weblink {font-size:15px} .ColCProfile .Bloggers .ColLeft {width:13%} .ColCProfile .Bloggers .ColLeft img {width:100%;height:auto} .ColCProfile .Bloggers .ColRight {width:83%} .ColCProfile .PeopleList {width:92%;padding:0 4% 10px;font-size:0px} .ColCProfile .PeopleList:last-child {padding-bottom:40px} .ColCProfile .PeopleList li {width:31%;margin:0 3.5% 3em 0;padding:0;float:none;display: inline-block; vertical-align: top} .ColCProfile .PeopleList.School li .ThumbE {height:auto} .ColCProfile .PeopleList li:nth-child(3n) {margin-right:0} .ColCProfile .PeopleList .ThumbE {width:100%;height:auto} .ColCProfile .PeopleList .ThumbE img {width:100%;height:auto} .ColCProfile .PeopleList a .ThumbE h1, .ColCProfile .PeopleList a .ThumbE p {width:100%;font-size:15px;line-height:1.2em} .ColCProfile .Status {width:92%;padding:0 4%} .ColCProfile .StatusPostForm {display:none} .ColCProfile .Status .StatusEntry:last-child {margin-bottom:50px;border:none} .ColCProfile .Status .StatusEntry p {font-weight:500} .ColCProfile .Status span {display:block;color:#888;margin-top:15px} .ColCProfile .Status .Col90 {width:100%;float:none} .ColCProfile .Status p img {width:100%;height:auto} .ColCProfile .Contact {width:92%;padding:0 4%} .ColCProfile .Resume .ResumeGroup .Contact {width:100%} .ColCProfile .Contact .Head {border:none;padding-bottom:5px} .ColCProfile .Contact .Head .Left {width:25%} .ColCProfile .Contact .Head:nth-child(2n) .Left span {padding-bottom:20px} .ColCProfile .Contact .Head .Left .Gray {text-align:left;margin:0 !important} .ColCProfile .Contact .Office {border:none} .ColCProfile .Contact .Office h1 {padding:0;margin-bottom:10px;font-size:15px} .ColCProfile .Contact .Col30, .ColCProfile .Contact .Col50, .ColCProfile .Contact .Col20 {width:100%;float:none;padding:0;margin-bottom:20px;line-height:1.5em} .ColCProfile .Contact .Col20 {margin:15px 0 0} .ColCProfile .Contact .Col50 .TagIcon .fa {font-size:1.2em} .ColCProfile .Contact .Map {width:100%;max-width:100%;padding-top:0} .ColCProfile .Contact .Map img {width:100% !important;height:auto !important} .ColCProfile .Contact .Map iframe {width:100% !important;max-width:100% !important;height:auto !important} .ColCProfile .CoverList .Mask {max-width:100%} .ColCProfile #MasonryProjects {width:92%;padding:0 4%} .ColCProfile #MasonryProjects .Entry {position:relative !important;left:0 !important;top:0 !important;margin:0;padding:0 0 30px 0;float:none} .ColCProfile #MasonryProjects .Entry img {width:100%;height:auto} .ColCProfile #MasonryProjects .Entry p {width:100%;line-height:1.2em} .ColCProfile #MasonryProjects .Entry p.Title {font-weight:500} .ColCProfile .ShareBar, .ColCProfile .EventDescription .ShareBar, .ColCProfile .ProjectDescription .ShareBar {display:none} .ColCProfile .PostButtonSmall {display:none} .ColCProfile .TagIcon.Edit, .ColBProfile .TagIcon.Edit, .ColCProfile .TagIcon.Delete, .ColCProfile .TagIcon.Remove, .ColCProfile .TagIcon.Drag, .ColCProfile .TagIcon.Settings {display:none} .MobileEditToggle {position:fixed;bottom:7px;right:5px;z-index:100;background:#0087ff;color:#fff !important;padding:9px 7px 9px 7px;font-size:12px;line-height:1em;font-weight:bold;text-transform:uppercase;box-shadow:1px 1px 5px rgba(0,0,0,.4);border:2px solid #0087ff;width:auto;display:block;border-radius:3px} .MobileEditToggle .fa {margin-right:7px} .MobileEditWrapper {float:none;display:block} .ColCProfile .TagIcon.MobileEditButton {font-size:15px !important;padding:.6em .8em !important;line-height:1em !important} .ColCProfile .TagIcon.MobileEditButton .fa {font-size:15px !important;margin-right:10px !important} /*********************************** Profile Follow Button ***************************************/ .ColBProfile .FollowArea {padding:0;margin:0;position:fixed;z-index:100;bottom:7px;left:5px;width:auto} .ColBProfile .FollowButton {width:100px;padding:9px 7px 8px 27px;font-size:15px;display:block;background-color:#fff;line-height:1em;box-shadow:1px 1px 5px rgba(0,0,0,.15);border:1px solid #e3e3e3} .ColBProfile .FollowButton, .ColBProfile .FollowButton:hover, .ColBProfile .FollowButton:focus, .ColBProfile .FollowButton.Follow, .ColBProfile .FollowButton.Follow:hover, .ColBProfile .FollowButton.Follow:focus {background-color:#fff;border-color:#e3e3e3;background-position:8px 7px !important;color:#0078ff !important} .ColBProfile .FollowButton.Follow span, .ColBProfile .FollowButton.Follow:hover span, .ColBProfile .FollowButton.Follow:focus span {color:#0078ff !important} .ColBProfile .FollowButton.Following, .ColBProfile .FollowButton.Following:hover, .ColBProfile .FollowButton.Following:focus {background-color:#fff;border-color:#e3e3e3;background-position:8px -79px !important;color:#333 !important} .ColBProfile .FollowButton.Following span, .ColBProfile .FollowButton.Following:hover span, .ColBProfile .FollowButton.Following:focus span {color:#333 !important} .ColBProfile .FollowArea .Followers {margin-top:1px} /*********************************** About Section ***************************************/ .ColBProfiles .About {width:100%;max-width:100%;padding:0} .ColBProfiles .About .AboutEntry {padding:15px 0 10px;display:table;width:100%} .ColBProfiles .About .Right {width:75%} .ColBProfiles .About h2 {font-size:24px;font-weight:bold;padding-top:40px} .ColBProfiles .About p, .ColCProfiles.About p {font-size:15px;line-height:1.3em} .ColBProfiles .About .Right p {padding-left:15px} .ColBProfiles .About .Right p.Name {margin-bottom:5px} .ColBProfiles .About .Right p.Name span {font-weight:bold} .ColBProfiles .About img {max-width:100%;height:auto} .ColBProfiles .About .AboutEntry > a > img {width:25%;border-radius:2px} .ColCProfiles {display:block;float:none;width:100%;max-width:100%;padding:0 0 40px;border:none;margin:0} .ColCProfiles h2 {font-size:18px;font-weight:bold;padding-bottom:.85em} .ColCProfiles .SearchForm {display:none} .ColBProfiles .SignupFormContainer h2 {line-height:1.1em;margin-bottom:1.5em} .ColBProfiles .SignupFormContainer .mc-field-group, .ColBProfiles .SignupFormContainer .mc-field-group.FirstName, .ColBProfiles .SignupFormContainer .mc-field-group.Email, .ColBProfiles .SignupFormContainer .mc-field-group.ButtonGroup, .ColBProfiles .SignupFormContainer .mc-field-group.checkbox-column {width:100%;padding-left:0} .ColBProfiles .SignupFormContainer .checkbox-line {margin-bottom:1em} .ColBProfiles .SignupFormContainer .mc-field-group.ButtonGroup {padding-top:0} .ColBProfiles .SignupFormContainer .mc-field-group .Textfield, .ColBProfiles .SignupFormContainer .mc-field-group .Textfield.Email {width:93.5%;padding:3% 3%;font-size:16px;font-family:Helvetica,Arial,sans-serif;height:auto} .ColBProfiles .SignupFormContainer .checkbox-column .FieldTitle {width:92%;margin-top:-2px} .ColBProfiles .SignupFormContainer .mc-field-group.ButtonGroup .FieldTitle {height:1px} .ColBProfiles .SignupFormContainer .Button {width:100%;height:3.5em;padding:4% 0;border:none;text-transform:uppercase;font-weight:500;text-decoration:none !important} /*********************************** Global Search Results ***************************************/ .ColBSearch .SearchForm {width:100%} .ColBSearch .SearchResultForm .SearchForm {margin-bottom:15px} .ColBSearch .SearchResultForm .SearchForm .SearchfieldWrapper {margin-top:10px;width:99.5%} .ColBSearch .SearchResultForm .SearchForm .Textfield {width:95%} .SearchResultForm .SearchForm #SectionSelect {width:100%} .ColBSearchresults {border:none;float:none;padding:0 0 50px 0;margin:0;width:100%} .ColBSearchresults .Intro {width:100%;padding-bottom:18px;display:flex;flex-wrap:wrap} .ColBSearchresults .Intro p {order:1;display:block;width:100%} .ColBSearchresults .Intro form {margin:16px 0 0 0;width:100%;float:none;display:block;order:2} .ColBSearchresults .Intro .Pulldown {width:100%;padding:6px 0;height:34px;line-height:1em} .ColBSearchresults .SectionHeader {width:100%} .ColBSearchresults .SectionHeader h2 {font-weight:bold} .ColBSearchresults .TagMatches {width:100%} .ColBSearchresults .TextList {width:100%} .ColBSearchresults .TextList li {width:100%} .ColBSearchresults .JobList {width:100%} .ColBSearchresults .JobList .Entry {width:100%;margin:0} .ColBSearchresults .JobList .Entry a {padding:10px 0 3px} .ColBSearchresults .JobList .Entry a img {width:14%;height:auto} .ColBSearchresults .JobList .Entry .Col1 {width:43%;margin-right:5%;padding-bottom:4px} .ColBSearchresults .JobList .Entry .Col2 {width:34%;padding-bottom:4px} .ColBSearchresults .JobList .Entry h1, .ColBSearchresults .JobList .Entry h2, .ColBSearchresults .JobList .Entry p, .ColBSearchresults .JobList .Entry span {word-wrap:break-word} .ColBSearchresults .AvatarList {width:100%} .ColBSearchresults .AvatarList li {width:47%;margin-right:0;height:auto;min-height:150px;padding-bottom:30px} .ColBSearchresults .AvatarList li:nth-of-type(2n+1) {margin:0 6% 0 0 !important} .ColBSearchresults .AvatarList li .ThumbA {width:100%;height:auto;min-height:150px} .ColBSearchresults .AvatarList li a img {width:100%;height:auto} .ColBSearchresults .AvatarList li .ThumbA p.Name {width:100%} .ColBSearchresults .SectionFooter {width:100%} /*********************************** App Pop-Up ***************************************/ .GetAppPopup {display:none} /*********************************** Live Search ***************************************/ .LiveSearch li form {width:auto} .LiveSearch li a {font-size:15px;vertical-align:middle} .LiveSearch li img {width:38px;height:38px} /*********************************** Edit Button & other Edit Elements ***************************************/ .EditButton {display:none} form .Tabs {display:none} .ColCProfile.SubmitForm {margin-top:62px;width:100%;max-width:100%;padding:0 0 30px} .SubmitForm .EditTable {width:100%;max-width:100%} .SubmitForm table:last-of-type {margin-top:20px} .EditTable .Message {width:90%;max-width:90%;padding:20px 0;margin-right:15px;margin-left:15px} .EditTable .Message h4 {padding:0 10% 0 20%;width:70%} .EditTable {width:100%;max-width:100%;border-radius:0;margin-top:-20px;margin-bottom:-40px;padding:10px 0 40px} .SubmitForm .EditTable {margin-top:0;margin-bottom:0} .EditTable .Line {width:96%;padding-left:2%;padding-right:2%} .EditTable.NewStyle .Line, .SubmitForm .EditTable.NewStyle .Line {width:96%;padding-left:2%;padding-right:2%} .SubmitForm .EditTable.NewStyle .Line.Message {margin:0 0 25px 2%;padding-right:3%} .EditTable .Left, .EditTable .Right {float:none;padding-right:0;display:block} .EditTable .Left {margin-bottom:20px;margin-left:0 !important} .EditTable .Left:nth-child(2) {margin-bottom:0} .EditTable .Left::after {content:"";clear:both;display:table} .EditTable .Textfield {width:93.5%;padding:4% 3%;font-size:16px;height:auto;line-height:1em} .EditTable .Textfield.Street, .EditTable .Textfield.ZIP, .EditTable .Textfield.City, .EditTable .Textfield.Phone, .EditTable .Textfield.URL, .EditTable .AddImageVideo .Textfield.URL {width:93.5%} .EditTable .Textfield.URL {margin-bottom:20px} .EditTable .Textfield.CustomSlug {width:93.5%;padding:4% 3%;margin:-100px 0 50px;float:none} .EditTable .Textarea, .EditTable.NewStyle .Textarea {width:93.5%;padding:4% 3%;font-size:16px;height:300px;line-height:1.5em} .EditTable .Pulldown, .EditTable .Pulldown.Degree, .EditTable .Pulldown.Size1, .EditTable .Pulldown.Size3, .EditTable .Pulldown.Size5 {width:99.5%;padding:4% 3%;font-size:16px;height:auto;line-height:1em;display:block} .EditTable .SlugMessage {float:none;width:100%;margin-top:0} .EditTable .SlugMessage span {margin-top:0;display:block;line-height:60px} .EditTable label {padding-bottom:0;margin-bottom:.3em} .EditTable .IndentLabel label {float:right;width:95%} .EditTable .IndentLabel input {margin-left:-10px} .EditTable .AddBottomSpaceMobile {padding-bottom:30px} .EditTable .Col33 label {font-size:15px} .EditTable label .Right a, .EditTable #RemovalLink a, .EditTable .AddRelatedProfile .Right a, .EditTable .arc_matrix_row .Right .arc_remove_this {margin-top:1.3em;margin-bottom:1em;display:block;text-decoration:none} .EditTable label .Right a:before, .EditTable #RemovalLink a:before, .EditTable .AddRelatedProfile .Right a:before, .EditTable .arc_matrix_row .Right .arc_remove_this:before {content: "\2193";margin-right:20px} .EditTable .Col25, .EditTable .Col33 {float:none;width:100%} .EditTable .Checkbox, .EditTable .Radio {margin:10px 7px 10px 10px;margin-left:0 !important} .EditTable #contact_email_show_members, .EditTable #contact_email_show_no {margin:3px 0 0 -10px} .SkillTags .textboxlist, .SkillTags .archinect_error {width:90%;max-width:90%} .EditTable .textboxlist-bits {width:93.5%;max-width:width:93.5%;padding:4% 3%} .EditTable .Button {font-size:16px;margin-left:0;width:100%;padding:4% 0 !important} .EditTable .Button.Secondary {margin-bottom:15px} .EditTable .SubNav {overflow-x:scroll;overflow-y:hidden;width:100%;height:auto;white-space:nowrap;margin:0 0 10px;max-width:100%} .EditTable .SubNav li {font-size:14px;margin-left:2%;font-weight:normal} /*********************************** Matrix Elements ***************************************/ .EditTable.ImageReorder thead .Line {} .EditTable.ImageReorder .Line {width:96%;padding-left:2%;padding-right:2%} .EditTable.NewStyle.ImageReorder .Line {width:96%;padding-left:2%;padding-right:2%} .SubmitForm .EditTable.NewStyle.ImageReorder .Line {padding-left:2% !important;padding-right:2% !important} /*********************************** Upload Grid ***************************************/ .UploadGrid {width:96%;padding-left:2%;padding-right:2%;margin-bottom:10px} .UploadGrid .uploaded_items {display:block} .UploadItem {width:100%;min-width:100%;max-width:100%;height:auto;display:block;margin:0 0 9px 0} .UploadItemAdd, .UploadGrid #main_image_upload {width:100%;min-width:100%;max-width:100%;height:100px;min-height:100px;max-height:100px;display:block} .UploadImage {width:100%;height:auto} .UploadImage img {width:100%;max-width:100%;height:auto} .UploadCaptionInput, .UploadCaptionTextarea {width:96%;padding-left:2%;padding-right:2%} .UploadItemAdd {margin:0 0 7px 0;display:block} .UploadItemAdd span {line-height:100px} .UploadItemAdd.Empty {width:100% !important;height:100px} .UploadItemAdd.Empty span {line-height:100px} .UploadItemAdd input, .UploadItemAdd.Empty input {height:100px} .UploadGrid .qq-upload-button {text-transform:none} /*********************************** Modals ***************************************/ .jqmWindow, .jqmWindow.Engage {width:96% !important;left:2% !important;top:2%;margin-left:0 !important;padding:0;min-height:50%;height:auto;max-height:96%;position:fixed;overflow-x:hidden;overflow-y:auto;border-radius:2px} .jqmWindow:before {content: "";display:inline-block;height:auto;margin-right: -4px;vertical-align: middle} .blocker {padding:3% 1%} .modal {min-width:96%;width:96%;padding:2%;margin-bottom:3%} .modal.CommentModeration {padding:0} .modal .SessionModalWrapper {width:100%;padding:0} .modal .Engage {width:100%;min-height:480px;padding:0} .modal .ContactFormWrapper {width:100%;padding:0} .modal .ApplicationsTour {width:100%} .modal > .ProfilePreview {width:100%;height:auto} .ModalClose {margin:13px 4% 0 0} .ModalTitle, .ModalTitle.UserStats {width:80%;margin:18px 0 0 4%} .ModalTitle h1 {font-size:18px;line-height:1.2em} .ModalTitle p {font-size:12px;color:#aaa;margin-top:18px} .ModalTitle p .ModalTitleIcon {float:left;margin:3px 13px 15px 0;font-size:16px} .ModalContent {padding:15px 4% 20px 4%} .ModalContent .Left {width:100%;float:none;border-right:none;border-bottom:2px solid #666;margin-right:0;margin-bottom:25px;padding-right:0;padding-bottom:15px} #member_login .ModalContent .Left, #register_member_form .ModalContent .Left, #forgot_password_form .ModalContent .Left {width:100%} .ModalContent .Right {float:none;width:100%} #member_login .ModalContent .Right, #register_member_form .ModalContent .Right, #forgot_password_form .ModalContent .Right {width:100%} #member_login .ModalContent .Textfield, #register_member_form .ModalContent .Textfield, #forgot_password_form .ModalContent .Textfield {width:95%} .social-auth-container {margin-top:0} .social-login-btn.Button {width:100% !important;margin:0 0 10px 0;padding:15px 0;display:block;position:relative !important;left:0 !important} .ModalContent.ContactForm .Secondary, .ModalContent.ContactForm .Secondary.Col1, .ModalContent.ContactForm .Secondary.Col2 {float:none;display:block;width:100%} .ModalContent .Textfield.ContactFromName, .ModalContent .Textarea.Contact {width:95%} .ModalContent .Button {float:none !important;width:100%;display:block;text-transform:uppercase} .ModalContent.ContactForm .Button {margin:-15px 0 15px 0 !important} .ModalContent .ModalTabs {min-height:50px} .ModalContent .ModalTabs li {padding:3px 0 4px 0;float:none;border:0;margin:0} .EngageStyle.UserStats .panel {width:100%;min-height:200px;height:auto;max-height:300px} .EngageStyle.UserStats .panel .scrollFrame {width:100%;min-height:200px;height:auto;max-height:300px} .EngageStyle.UserStats .panel ul {width:100%} .EngageStyle.UserStats .panel li .Comment p img {width:100%;max-width:100%;height:auto} .EngageStyle.UserStats .panel li .Comment ul {padding-left:0} .CommentModeration .ModalContent {padding:20px 4% 10px 4%} .CommentModeration .ModalContent p {padding-bottom:10px !important} .modal > .ProfilePreview {height:auto;width:104%;margin:-2% 0 0 -2%} .ModalContent.ProfilePreview {height:auto;padding:0} .ModalContent.ProfilePreview .Col1, .ModalContent.ProfilePreview .Col2 {width:90%;height:auto;position:relative;display:block;top:0;left:0;padding:20px 5%;border-radius:0} .ModalContent.ProfilePreview .Col1 {border:none;border-bottom:1px solid #ddd;padding-bottom:95px;border-top-left-radius:3px;border-top-right-radius:3px} .ModalContent.ProfilePreview .Col2 {padding:30px 5% 0} .ModalContent.ProfilePreview h3, .ModalContent.ProfilePreview .ApplicantInfo p, .ModalContent.ProfilePreview .Col1 p {width:100%;font-size:15px;line-height:1.3em} .ModalContent.ProfilePreview .ApplicantHead {min-height:auto;margin-bottom:15px} .ModalContent.ProfilePreview .ApplicantHead img {height:auto;width:20%;text-align:middle} .ModalContent.ProfilePreview .ApplicantHead h1 {width:75%;font-size:18px;line-height:1.2em;margin:0;padding:0} .ModalContent.ProfilePreview .ApplicantHead p {width:75%;font-size:15px;line-height:1.3em} .ModalContent.ProfilePreview .FullProfileLink {position:relative;left:0;top:0} .ModalContent.ProfilePreview .ApplicantRating {left:6%;width:50%} .ModalContent.ProfilePreview .Rating.Highlight {left:0} .ModalContent.ProfilePreview .Rating.Star {left:30%} .ModalContent.ProfilePreview .Rating.ThumbDown {left:60%} .ModalContent.ProfilePreview .Col1 .Arrow.Next {right:6%} .ModalContent.ProfilePreview .Col1 .Arrow.Previous {right:20%} .ModalContent.ProfilePreview .Col2 h3 {margin-bottom:1.5em} .ModalContent .ProfileMobileEdit {border-top:3px solid #000;margin-top:5px} .ModalContent .ProfileMobileEdit a {display:block;border-bottom:1px solid #ddd;padding:.8em 0;font-size:16px;font-weight:bold} .ModalContent .ProfileMobileEdit a:hover, .ModalContent .ProfileMobileEdit a:focus {color:#0078ff} .ModalContent .ProfileMobileEdit a:first-child {padding-top:1em} .ModalContent .ProfileMobileEdit a:last-child {border-bottom:none} /*********************************** Additional Styles ***************************************/ .ac_results ul {width:106%} .ac_results li {font-size:15px;width:93.5%;padding:6px 3%;line-height:1em} .debugger, .playground-marker, .ExternalVisitor {display: none;} .tipsy {display:none !important} .fast_confirm {font-size: 12px;} .fast_confirm button {margin: 10px; padding: 5px 17px; font-size:12px; font-weight: bold;} .MobileHidden {display:none !important}