/* TYPOGRAPHY */ /* ----------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */ .alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */ a, a:link, a:visited { color: #021c41; text-decoration: underline; } a:hover { text-decoration: none; } a.footer, a.footer:link, a.footer:visited { color:#433d2f; text-decoration: none; } a.footer:hover { text-decoration: underline; } a.more_link, a.more_link:link, a.more_link:visited { color: #433D2F; font-size:12px; text-decoration: none; font-family: "Helvetica", sans-serif; line-height: 19px; } a.more_link:hover { text-decoration: underline; } .gold { color: #cccccc; } .negative-indent { text-indent: -9999px; } #header_contact { color: #FFF; font-weight: 300; font-size: 13px; } .breadcrumbs { font-size:11px; font-family: 'Helvetica'; font-weight: bold; color: #433d2f; margin-bottom:15px; } .breadcrumbs a {color: #433d2f; } li.menu-item a, li.menu-item a:active, li.menu-item a:visited, li.menu-item a:link { color: #4c4d4f; text-decoration: none; font-size: 14px; } li.menu-item a:hover { text-decoration: underline; } h1.entry-title { color: #433d2f; font-weight: 300; font-size: 23px; padding-bottom:15px; } .content h2 { color:#011e46; font-size: 23px; font-weight: 600; margin-bottom:7px; padding-bottom: 10px; padding-top:2px; } .content h3 { color:#011e46; font-size: 19px; font-weight: 600; margin-bottom:2px; padding-bottom: 2px; padding-top:10px; } .single-people-content blockquote, .single-post-style blockquote { font-style:italic; color:#011e46; font-size: 21px; padding:10px 0; border-top: 1px solid #b99a68; margin:10px 0; border-bottom: 1px solid #b99a68; line-height: 25px;} .single-people-content h2, .practice-areas h2, .single-post-style h2, .careers_hiring h2 { color:#4c4d4f; font-size: 17px; font-weight: 600; margin-bottom:7px; padding-top:10px; text-transform: uppercase; } .content p { margin-bottom:15px; font-size:1.125em; line-height:1.50em;} .single-people-content p, .practice-areas p, .single-post-style p, .careers_hiring p, .sp_events p { margin-bottom:20px; line-height: 25px; font-size:16px; } .single-people-content ul, .practice-areas ul, .single-post-style ul, .careers_hiring ul, .content ul { margin-bottom:7px; padding-bottom:7px; list-style-type:disc; } .single-people-content ul li, .practice-areas ul li, .single-post-style ul li, .careers_hiring ul li, .content ul li { list-style-type: disc; margin-left:30px; margin-bottom:7px; font-size:15px; } .aacompliance ul li, .erisa ul li { font-size: 1.125em; } .single-people-content ol li, .practice-areas ol li, .single-post-style ol li, .careers_hiring ol li { list-style-type: decimal; margin-left:30px; margin-bottom:7px; color: #433d2f; font-size:15px;} .terms-conditions p, .privacy-policy p { font-size:13px; line-height:16px;} .terms-conditions h3, .privacy-policy h3 { font-size: 15px; } .terms-conditions ul {list-style: square; margin-bottom: 11px;} .terms-conditions li {list-style: square; font-size:13px; margin-left:15px; padding-bottom:3px;} .location_box h3 {font-size:14px; padding-top:0px; padding-bottom: 0px;} .location_box p {font-size:13px; line-height: 16px;} #cformsform, #cforms2form {font-size: 15px; background: #fff; border:1px solid #ccc; width:100%; } #sendbutton { margin-bottom: 15px; } ol.cf-ol {margin:20px; padding-top:20px; margin-bottom:0px; } ol.cf-ol li {padding-bottom:10px;} ol.cf-ol li>div { width: 100% !important; } ol.cf-ol label {display:inline; float:left; padding-top:10px; font-weight: bold; width:150px; text-align: right; margin-right:10px; color: #021c41;} .reqtxt, .emailreqtxt {font-size:11px; display: block; padding-top:0px; margin-left:170px; color: #021c41;} ol.cf-ol input {width: 92% !important; height: 25px; font-size: 13px;} .failure { color: #ff0000; font-weight: bold; padding-top:5px;} .success { font-weight: bold; padding-top:5px;} .wpcf7-form input[type=text], .wpcf7-form input[type=email] { margin-top:5px;width:220px; height:23px; border:1px solid #ccc; background:#fff;} .wpcf7-form textarea {margin-top:5px; width:220px; height:130px; border:1px solid #ccc; background:#fff;} .wpcf7-form p {margin-bottom:0px; padding-top:15px; font-size:13px;} .home h2 { color:#011e46; font-size: 23px; font-weight: normal; margin-bottom:7px; padding-bottom: 10px; padding-top:2px; font-family: "superclarendon-1", "superclarendon-2"; } #slider h2 a { text-decoration: none; font-size: 24px; font-weight: 300; color: #fff; text-transform: uppercase; line-height: 22px; } #slider .content_left p { font-weight: 300; font-size: 14px; } #tec-events-loop h2 a { text-decoration: none; font-family: "superclarendon-1", "superclarendon-2"; font-size: 23px; font-weight: 400; } .sp_events h3 { margin-bottom:12px; font-weight:600; } .sp_events header h1 { font-size: 18px; font-weight:600; margin-bottom:10px; } #tec-events-loop h2 a:hover { text-decoration: underline; } li.practice-li { list-style-type: none; margin-left:0px; padding:0; margin-bottom:15px; border:1px solid #b4b6b5; height:55px; width:263px; display:table; text-align:left; background-color: #fff; color: #5e5e5e; } li.practice-li:hover { background-color: #61aad3; } li.practice-li:hover a { } li.practice-li:hover div { background-position-y: 45px !important; } a.practice-area-link { font-size:17px; display: table-cell; vertical-align: middle; width:100%; font-weight: 300; text-decoration:none; background-repeat: no-repeat; background-position: left 0; } a.practice-area-link:hover { text-decoration: none; background-color: #61aad3; color: #fff; } a.firm_video, a.firm_video:visited { display:block; padding:12px; color:#fff; text-decoration: none; border-top:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; font-size: .9em; font-weight:200; } a.firm_video:hover { text-decoration: underline; } /* Font stack options The following represents a list of font stacks, as recommended by Nathan Ford in http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ I've added inverted commas around the relevant family names to ensure compatibility. p = balanced for paragraphs or body copy t = balanced for headlines or titles - - - - Arial, "Helvetica Neue", Helvetica, sans-serif - p, t Baskerville, "Times New Roman", Times, serif - p Baskerville, "Times, Times New Roman", serif - t Cambria, Georgia, Times, "Times New Roman", serif - p, t "Century Gothic", "Apple Gothic", sans-serif - p, t Consolas, "Lucida Console", Monaco, monospace - p, t "Copperplate Light", "Copperplate Gothic Light", serif - p, t "Courier New", Courier, monospace - p, t "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t Garamond, "Hoefler Text", "Times New Roman", Times, serif - p Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p Georgia, Times, "Times New Roman", serif - t GillSans, Calibri, Trebuchet, sans-serif - p GillSans, Trebuchet, Calibri, sans-serif - t "Helvetica Neue", Arial, Helvetica, sans-serif - p Helvetica, "Helvetica Neue", Arial, sans-serif - t Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t Tahoma, Geneva, Verdana - p Tahoma, Verdana, Geneva - t Times, "Times New Roman", Georgia, serif - p, t Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p Trebuchet, Tahoma, Arial, sans-serif - t Verdana, Geneva, Tahoma, sans-serif - p Verdana, Tahoma, Geneva, sans-serif - t */