/* Theme Name: Lidstone Author: Joshua Trusz Description: Description Version: 1.0.0 */ /* ========================= reset =========================*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body { line-height:1;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none} ins { background-color:#ff9; color:#000; text-decoration:none;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0;} hr {display:block; height:2px; border:0; border-top:2px solid #e4e0e0; margin:20px auto 20px auto; padding:0; clear:both } hr.contentSeparator {display:block; height:1px; border:0; border-top:1px solid #e4e0e0; margin:40px auto 40px auto; padding:0; clear:both } hr.titleSeparator {width:10%;} input, select { vertical-align:middle;} .clear {clear: both;} /*********************************************************************** Structure ************************************************************************/ html, body {height:100%; width:100%; margin:0; font-family: "Tiempos-Regular", serif; font-style: normal; font-weight: normal; text-align: left; font-size: 125%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility !important;} body {font-size: 50%; color:#404b51; } .mainContent {max-width:1220px; margin: 0 auto; text-align: left; position: relative; overflow: visible; padding:0 0px } /*********************************************************************** Typography ************************************************************************/ p {font-size: 1.8em; font-family: 'Tiempos-Regular'; line-height: 32px; margin-bottom:30px; font-weight: normal;} p.leadingText {font-size: 2.1em; font-family: 'Tiempos-Regular'; line-height: 34px; margin-bottom:20px; font-weight: normal;} h1 {font-size: 6.2em; font-family: "Tiempos-Headline-Semibold", serif; font-weight: normal; line-height: 70px;} h2 {font-size: 3.2em; font-family: "Tiempos-Semibold", serif; font-weight: normal; line-height: 36px;} h3 {font-size: 2.4em; font-family: "Tiempos-Semibold", serif; font-weight: normal; } h3.italic {font-size: 2.4em; font-family: "Tiempos-MediumItalic", serif; font-style: italic; border-top: solid 0px #717378; display: inline-block; margin-top:10px; line-height: 32px; width:80%;} h4 {font-size: 1.6em; font-family: "Tiempos-Semibold", serif; font-weight: normal; } h5 {font-size: 1.4em; font-family: "Tiempos-Semibold", serif; font-weight: normal; } h6 {font-size: 1.4em; font-family: "AvertaStd-Bold", sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: solid 2px #c8ba6f; padding-bottom:8px; display: inline-block; } blockquote {font-size: 1.4em; font-weight: 400; line-height: 40px; margin-bottom:20px; font-family: "AvertaStd-Regular", sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} cite {font-size: 1.6em; font-weight: 400; line-height: 40px; font-family: "AvertaStd-Regular", sans-serif; font-style: normal;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .link {color:#348ac3; text-decoration: none; } .link:hover {color:#eb636a} .cta {font-size: 1.1em; font-family: "AvertaStd-Regular", sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} strong, .strong {font-family: "Tiempos-Semibold", serif; font-weight: normal; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} a.strong:hover {color: #8e433e} strong.sans {font-family: "AvertaStd-Bold", sans-serif; font-weight: normal; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt"; } .sans {font-family: "AvertaStd-Regular", sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .smallText {font-size: 0.6em; line-height: 14px} .ss-icon {padding-left:5px;} a.grey {-webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} a.grey:hover {color: #76232f} @font-face { font-family: 'AvertaStd-Regular'; src: url('fonts/averta-std-regular.eot'); src: url('fonts/averta-std-regular.eot?#iefix') format('embedded-opentype'), url('fonts/averta-std-regular.woff2') format('woff2'), url('fonts/averta-std-regular.woff') format('woff'), url('fonts/averta-std-regular.ttf') format('truetype'), url('fonts/averta-std-regular.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvertaStd-Bold'; src: url('fonts/averta-std-bold.eot'); src: url('fonts/averta-std-bold.eot?#iefix') format('embedded-opentype'), url('fonts/averta-std-bold.woff2') format('woff2'), url('fonts/averta-std-bold.woff') format('woff'), url('fonts/averta-std-bold.ttf') format('truetype'), url('fonts/averta-std-bold.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvertaStd-ExtraBold'; src: url('fonts/averta-std-extrabold.eot'); src: url('fonts/averta-std-extrabold.eot?#iefix') format('embedded-opentype'), url('fonts/averta-std-extrabold.woff2') format('woff2'), url('fonts/averta-std-extrabold.woff') format('woff'), url('fonts/averta-std-extrabold.ttf') format('truetype'), url('fonts/averta-std-extrabold.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Tiempos-Headline-Semibold'; src: url('fonts/TiemposHeadlineWeb-Semibold.eot'); src: url('fonts/TiemposHeadlineWeb-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/TiemposHeadlineWeb-Semibold.woff2') format('woff2'), url('fonts/TiemposHeadlineWeb-Semibold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Tiempos-Semibold'; src: url('fonts/TiemposTextWeb-Semibold.eot'); src: url('fonts/TiemposTextWeb-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/TiemposTextWeb-Semibold.woff2') format('woff2'), url('fonts/TiemposTextWeb-Semibold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Tiempos-MediumItalic'; src: url('fonts/TiemposTextWeb-MediumItalic.eot'); src: url('fonts/TiemposTextWeb-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/TiemposTextWeb-MediumItalic.woff2') format('woff2'), url('fonts/TiemposTextWeb-MediumItalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Tiempos-Regular'; src: url('fonts/TiemposTextWeb-Regular.eot'); src: url('fonts/TiemposTextWeb-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/TiemposTextWeb-Regular.woff2') format('woff2'), url('fonts/TiemposTextWeb-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } .linkBorder a { padding: 0px 0 10px; font-size: 2.2em; text-decoration: none; color:#343b43; font-family: "AvertaStd-ExtraBold", sans-serif; position: relative; top:8px;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .linkBorder a::after {position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #caba68; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .linkBorder a:hover::after, .linkBorder a:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); transform: translateY(-4px);} /*********************************************************************** Colors ************************************************************************/ .white {color: #fff;} .black {color: #000;} .gold {color: #c8ba6f} .red {color: #76232f} .lightgrey {color: #90959f;} .grey {color: #64635d;} .darkgrey {color: #343b43;} .lightbrown {color: #f1edee} .background-white {background: #fff;} .background-black {background: #000;} .background-gold {background: #c8ba6f} .background-red {background: #76232f} .background-lightgrey {background: #f9f9f9;} .background-lightgrey2 {background: #f5f5f5;} .background-grey {background: #5d5d5b;} .background-darkgrey {background: #343b43;} .background-lightbrown {background: #f1edee} ::selection {background: #d5dce7;} ::-moz-selection {background: #d5dce7;} /*********************************************************************** Horizontal Rules ************************************************************************/ hr.dark-grey {border: 0; height: 0; border-top: 2px solid rgba(62, 62, 62, 1.0); width:100%;} hr.light-grey {border: 0; height: 0; border-top: 2px solid rgba(220, 220, 220, 1.0); width:100%;} hr.white {border: 0; height: 0; border-top: 2px solid rgba(255, 255, 255, 1.0); width:100%;} hr.titleSeparator {width:10%; } hr.titleSeparatorGold {width:10%; border-top:2px solid #c8ba6f;} /*********************************************************************** Buttons ************************************************************************/ .button {font-family: "AvertaStd-ExtraBold", sans-serif; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; text-transform: uppercase; display: inline-block; text-align: center; text-decoration: none; border-radius:4px; letter-spacing: 0.1em; font-weight: 600;} .button i {font-size: 1.2em; vertical-align:sub} .button.large {font-size: 1.2em; padding: 15px 80px 13px 80px; letter-spacing: 0.2em} .button.largest {font-size: 1.2em; padding: 15px 20px 13px 20px; letter-spacing: 0.2em} .button.largest2 {font-size: 1.4em; padding: 15px 40px 13px 40px; letter-spacing: 0.2em; margin-top:-1px;} .button.medium {font-size: 1.2em; padding: 17px 20px 14px 20px; letter-spacing: 0.2em} .button.small {font-size: 1.0em; padding: 17px 10px 14px 10px; letter-spacing: 0.2em} .button.white {color: #fff; border:solid 2px rgba(255, 255, 255, .5);} .button.white:hover {background-color: #fff; color:#343b43; border:solid 2px rgba(255, 255, 255, 1);} .button.white:active {-webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s; transition: 0.0s; background-color: #fff;} .button.red {color: #76232f; border:solid 2px #d7c0c0;} .button.red:hover {background-color: #76232f; color:#fff; border:solid 2px #76232f;} .button.red:active {-webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s; transition: 0.0s; background-color: #76232f;} .button.redwhite {color: #76232f; border:solid 2px #76232f; background-color: #fff} .button.redwhite:hover {background-color: #76232f; color:#fff; border:solid 2px #76232f;} .button.redwhite:active {-webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s; transition: 0.0s; background-color: #76232f;} .button.gold {color: #c8ba6f; border:solid 2px #c8ba6f;} .button.gold:hover {background-color: #c8ba6f; color:#fff;} .button.gold:active {-webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s; transition: 0.0s; background-color: #c8ba6f;} .cta_button {margin:0 auto;} /*********************************************************************** Alignments ************************************************************************/ .align-left {display: inline; float: left; margin-right: 1.5em;} .align-right {display: inline; float: right; margin-left: 1.5em;} .align-center {margin:0 auto} .text-align-left {text-align: left} .text-align-center {text-align: center} .text-align-right {text-align: right} /*********************************************************************** Padding Presets ************************************************************************/ .padding-top-none { padding-top: 0px;} .padding-top-tiny { padding-top: 5px;} .padding-top-small { padding-top: 10px;} .padding-top-very-compact { padding-top: 15px;} .padding-top-very-compact2 { padding-top: 20px;} .padding-top-compact { padding-top: 30px;} .padding-top-standard { padding-top: 50px;} .padding-top-generous { padding-top: 60px;} .padding-top-very-generous { padding-top: 70px;} .padding-top-huge { padding-top: 80px;} .padding-bottom-none { padding-bottom: 0px;} .padding-bottom-tiny { padding-bottom: 5px;} .padding-bottom-small { padding-bottom: 10px;} .padding-bottom-very-compact { padding-bottom: 15px;} .padding-bottom-compact { padding-bottom: 30px;} .padding-bottom-standard { padding-bottom: 50px;} .padding-bottom-generous { padding-bottom: 60px;} .padding-bottom-very-generous { padding-bottom: 70px;} .padding-bottom-huge { padding-bottom: 80px;} .border-top-one {border-top:solid 1px #e3dfdf} .border-top-five {border-top:solid 5px #e3dfdf} /*********************************************************************** Single Column Row ************************************************************************/ .one-column-bucket { vertical-align: top; margin-bottom: 0px; margin-left: 2%; margin-right: 2%; width: 96%; } .one-column-bucket-60 { vertical-align: top; margin-bottom: 0px; margin-left: 2%; margin-right: 2%; width: 60%; } .one-column-bucket-50 { vertical-align: top; margin-bottom: 0px; margin-left: 2%; margin-right: 2%; width: 50%; } @media (max-width: 768px) { .one-column-bucket, .one-column-bucket-60, .one-column-bucket-50 { vertical-align: top; margin-left: 5%; margin-right: 5%; width: 90%; } } /*********************************************************************** Two Column Row ************************************************************************/ .two-column-bucket {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 2%; width: 45%; } .two-column-bucket.aboutLinkLeft {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 2%; width: 50%; } .two-column-bucket.aboutLinkRight {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 2%; width: 40%; text-align: right} .two-column-bucket.pub_title {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 2%; width: 70%; } .two-column-bucket.pub_date {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 2%; width: 20%; text-align: right} .two-column-bucket.bioLeft {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 10%; width: 25%; } .two-column-bucket.bioRight {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 2%; margin-right: 5%; width: 55%; } .two-column-bucket.opportunities {display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 30px; margin-left: 0%; margin-right: 5%; width: 42%; border-left:solid 2px #934545; padding-left:20px; } @media (max-width: 830px) { .two-column-bucket.opportunities {width: 90%;} } @media (max-width: 768px) { .two-column-bucket {margin-left: 5%; margin-right: 5%; width: 90%; } .two-column-bucket.bioLeft {display: none;} .two-column-bucket.bioRight {width: 80%; padding:0 20px; } .two-column-bucket.aboutLinkLeft {width: 80% !important; margin-bottom:0px !important; margin-left:5%; } .two-column-bucket.aboutLinkLeft p {margin-bottom: 0} .two-column-bucket.aboutLinkRight {width: 80% !important; margin-left:5%; margin-bottom:50px; text-align: left} .two-column-bucket.pub_title {margin-left: 5%; margin-right: 5%; width: 45%; } .two-column-bucket.pub_date {margin-left: 0%; margin-right: 5%; width: 35%; text-align: right} } @media (max-width: 400px) { .two-column-bucket.pub_title {margin-left: 5%; margin-right: 5%; width: 80%; } .two-column-bucket.pub_date {margin-left: 5%; margin-right: 5%; width: 80%; text-align: left; padding-left:15px; padding-top:5px;} } /*********************************************************************** Three Column Row ************************************************************************/ .three-column-bucket { display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-left: 2%; margin-right: 4%; width: 26%;} .three-column-bucket.equal { display: -moz-inline-stack; display: inline-block; vertical-align: top; margin:0%; width: 33.3%;} .three-column-bucket.left { margin-left: 2%; margin-right: 4%;} .three-column-bucket.center { margin-left: 3%; margin-right: 3%;} .three-column-bucket.right { margin-left: 4%; margin-right: 2%;} @media (max-width: 768px) { .three-column-bucket { margin-top: 0px; margin-left: 7%; margin-right: 7%; width: 90%; } .three-column-bucket.left { margin-bottom:30px; margin-left: 5%; margin-right: 5%; } .three-column-bucket.center { margin-bottom:30px; margin-left: 5%; margin-right: 5%; } .three-column-bucket.right { margin-bottom:0px; margin-left: 5%; margin-right: 5%; } } /*********************************************************************** Logo / Main Nav ************************************************************************/ header#top {width:100%; position: fixed; z-index: 9000; margin:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} header#top.smaller {background: #174162; height:100px;} header#top.subHeader {background: #174162; height:100px;} #logo {float:left; height:58px; margin-top:41px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; display: inline-block; z-index: 901; position: relative; } .topNav {margin:24px 0px 0px 0px; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; float:right;font-family: 'AvertaStd-Bold', sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .topNav ul {float:right; padding:0; z-index: 15; width:100%} .topNav li {list-style: none; display:inline-block; float:left; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .topNav li a {color:#fff; opacity:0.5; text-decoration: none; margin:0 20px; padding:20px 0px 0px 0px; height:20px; font-size: 1.2em; text-transform: uppercase; text-align: center; font-weight: 500; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; display: inline-block; cursor:pointer; letter-spacing: 0.1em; position: relative} .topNav li a:hover {opacity:1} .topNav li.navContact a {border-radius: 2px; border:solid 2px rgba(255,255,255,0.5); padding:12px 20px 4px 20px; margin:4px 0 0 10px; outline: none; opacity:1} .topNav li.navContact a:hover {border-radius: 2px; border:solid 2px #fff; background:#fff; color:#343b43; margin:4px 0 0 10px} .topNav li a::after {position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #caba68; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} .topNav li a:hover::after, .topNav li a:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} .topNav li.active a {border-bottom: solid 2px #c9b96d;} .topNav li.current_page_item a {border-bottom: solid 2px #c9b96d; opacity:1.0} .topNav li.current-menu-parent a {border-bottom: solid 2px #c9b96d; opacity:1.0} .topNav li.navContact a:after {background:none;} .topNav li.current_page_item a:after {background:none;} .topNav li.current-menu-parent a:after {background:none;} /*********************************************************************** Home ************************************************************************/ #home-header {height:440px; background:#861F1F url('https://lidstone.mmtempdomain.com/wp-content/uploads/2025/10/homepage-image.webp') no-repeat; background-position: center bottom; background-size: cover; padding-top:200px;} #about-header {height:440px; background:#174162 url('images/bg_header_about.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #practice-header {height:440px; background:#174162 url('images/bg_header_practice.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #publications-header {height:440px; background:#174162 url('images/bg_header_publications.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #bulletins-header {height:440px; background:#174162 url('images/bg_header_bulletins.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #newsletters-header {height:440px; background:#174162 url('images/bg_header_newsletters.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #education-header {height:440px; background:#174162 url('images/bg_header_education.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #opportunities-header {height:440px; background:#174162 url('images/bg_header_opportunities.jpg') no-repeat; background-position: center top; background-size: cover; padding-top:200px;} #team-header {padding-top:170px;} #headerContent {text-align: left; margin-top:0px;} #home-about {border-top:none !important} #home-projects {border-top:solid 1px #e3dfdf} #home-educational {border-top:solid 1px #e3dfdf} #home-publications {border-top:solid 1px #e3dfdf} #home-signup {border-top:solid 1px #e3dfdf} #about-content {border-top:none !important} .projectSlider {margin:-2px auto 0 auto; list-style: none; width:100%; overflow: hidden} .projectSlider div {text-align: center;} .projectSlider img {border-radius: 400px; width:200px; height:200px; margin:0 auto 30px auto; opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .projectSlider h3 {font-size: 2.4em; line-height: 32px; font-family: "Tiempos-Semibold", serif; display: block; padding-bottom:0px; opacity:1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; max-width:330px; text-align: center; margin:0 auto; } .projectSlider h4 {font-size: 1.2em; text-transform: uppercase; font-family: "AvertaStd-Regular",sans-serif; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .slick-center img, .slick-center h3, .slick-center h4 {opacity: 1.0;} #rightArrow {position:absolute; display:block; top:140px; right:48%; font-size: 2.4em; cursor: pointer; margin-right:-130px; z-index: 1000} #leftArrow {position:absolute; display:block; top:140px; left:48%; margin-left:-130px; font-size: 2.4em; cursor: pointer; z-index: 1000} #rightArrow:hover, #leftArrow:hover {color:#000} .bx-wrapper {text-align: center} .publication_title_area {border-left: solid 2px #b99f67; padding-left:12px;} ul.home_publication {list-style: none; text-align: left; margin-top:68px } .publication_photo {width:200px; height:200px; border-radius:400px; margin:0 auto 35px auto; background-size: 200px 200px} .home_publication li {display: inline-block; width:27%; margin:0 3% 0 3%; text-align: left;vertical-align: top} .home_publication p {color:#90959f; padding-top:30px; font-family: 'AvertaStd-Regular', sans-serif; font-weight: normal; font-size: 1.6em; line-height: 28px; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .readMore {background-color: rgba(147, 69, 69, 0.8); width:200px; height:200px;border-radius:400px; text-align: center; opacity:0;-webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .readMore:hover {opacity: 1.0;} .readMoreCopy {margin:0 auto; display: inline-block } .readMoreCopy p {text-align: center; font-size: 1.2em; line-height: 18px; color:#fff;text-transform: uppercase; border-bottom: solid 2px #b99f67; padding-bottom:4px; padding-top:75px; letter-spacing: 0.1em} .date {font-size: 1.2em; text-transform: uppercase; margin-top:4px; display: block; font-weight: bold; font-family: 'AvertaStd-Bold', sans-serif; letter-spacing: 0.1em; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} ul#educationalList {list-style: none; margin:0 auto; text-align: center;} .grid {display:inline-block; width: 32%; min-width: 300px; max-width: 480px; margin: 2px;} /* Common style */ .grid figure {position: relative; overflow: hidden; background: #843636; max-height: 250px; text-align: center; cursor: pointer; } .grid figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1;} .grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;} .grid figure figcaption, .grid figure figcaption > a {position: absolute;top: 0; left: 0; width: 100%; height: 100%;} .grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .grid figure p {margin: 0 0 20px 0; letter-spacing: 1px; font-size: 1.0em; text-transform: none; font-family: 'AvertaStd-Regular', sans-serif; line-height: 20px; width:70%; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} figure.educational-tiles img {max-width: none; width: -webkit-calc(100% + 50px); opacity: 1.0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0);} figure.educational-tiles figcaption {text-align: left;} figure.educational-tiles figcaption > div {position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%;} figure.educational-tiles h5 {-webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); color:#fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} figure.educational-tiles a.button, figure.educational-tiles p {-webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); color:#fff; opacity:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } figure.educational-tiles h5 {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-family: 'AvertaStd-Bold', sans-serif; border-bottom: solid 2px #b99f67; padding-bottom: 6px; margin-bottom: 20px; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt"; width:77%;} figure.educational-tiles p {color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;} figure.educational-tiles:hover img {opacity:0.5} figure.educational-tiles:hover p {opacity: 1;} figure.educational-tiles:hover img {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} figure.educational-tiles:hover h5, figure.educational-tiles:hover a.button, figure.educational-tiles:hover p {-webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); opacity:1;} figure.educational-tiles:hover p {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;} .grided {text-align: center;} .grided figure {position: relative; overflow: hidden; background: #843636; width:200px; height:200px; border-radius:400px; text-align: center; cursor: pointer; margin-bottom:30px; } .grided figure img {position: relative; display: block; opacity: 0.8; width:200px; height:200px; border-radius:400px} .grided figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .grided figure figcaption::before, .grided figure figcaption::after {pointer-events: none;} .grided figure figcaption, .grided figure figcaption > a {position: absolute;top: 0; left: 0; width: 100%; height: 100%;} .grided figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .grided figure p {margin: 0 0 20px 0; letter-spacing: 1px; font-size: 1.0em; text-transform: none; font-family: 'AvertaStd-Regular', sans-serif; line-height: 20px; width:70%; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} figure.publication-photo img {max-width: none; opacity: 1.0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0px,0, 0); transform: translate3d(0px,0,0); } figure.publication-photo figcaption > div {padding: 2em; width: 50%; height: 50%; text-align: center; } figure.publication-photo h5 {-webkit-transform: translate3d(0,150px,0); transform: translate3d(0,150px,0);-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-family: 'AvertaStd-Bold', sans-serif; border-bottom: solid 2px #b99f67; padding-bottom: 6px; display: inline-block; font-size: 1.0em; text-align: center; line-height: 16px; letter-spacing: 0.1em; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} figure.publication-photo:hover img {opacity:0.1;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} figure.publication-photo:hover h5 {-webkit-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0);} ul.newsletter_list {list-style:none; margin: 20px 0 20px -6px; display: block; overflow: hidden} .newsletter_list li {display: block; padding:15px 0 5px 20px; font-family: "abril-text", serif; font-size: 1.6em; background: url('images/icon_diamond.png') no-repeat; background-size: 9px 9px; line-height: 24px; background-position: 0 24px; float:left; width:100%;} .newsletter_list li:first-child {border-top:none} .newsletter li {font-family: 'AvertaStd-Regular', sans-serif ; line-height: 18px; font-size: 1.6em; background-position: 0 20px; padding:15px 0 0px 16px; color:#90959f; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*********************************************************************** About Page ************************************************************************/ .team_photo {width:200px; height:200px; border-radius:400px; margin:0 auto 30px auto; background-size: 200px 200px} .team_meta {border-left: solid 2px #b99f67; padding-left:12px; padding-top:4px; line-height: 18px} .team_meta .date {padding-top:4px;} .team_meta h3 {line-height:24px;} .aboutLinkRight ul {list-style: none; margin:0; padding:0;} .aboutLinkRight ul li {display: inline-block} .aboutLinkLeft p {font-family: "AvertaStd-Regular", sans-serif; font-size: 2.4em; letter-spacing: 0.02em; margin-top:6px;} .bio_list {list-style:none;} .bio_list li {display: block; padding:6px 0 6px 20px; font-family: "Tiempos-Regular", serif; font-size: 1.8em; background: url('images/icon_diamond_black.png') no-repeat; background-size: 9px 9px; line-height: 28px; background-position: 0 16px} .bioRight h1 {border-bottom: solid 2px #e4e0e0; display: block; padding-bottom:20px; padding-top:20px; margin-bottom:30px;} .bioRight p {padding-top:15px;} .bioMeta {font-family: "AvertaStd-Regular", sans-serif; display:block; border-bottom: solid 2px #e4e0e0; padding-bottom:25px; margin-bottom:25px; font-size: 1.6em; line-height: 28px;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .bioMeta_mobile {font-family: "AvertaStd-Regular", sans-serif; display:block; border-bottom: solid 2px #e4e0e0; padding-bottom:25px; margin-bottom:25px; font-size: 1.6em; line-height: 28px; display: none; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} #about-content p {font-family: "Tiempos-Regular", serif;} .joincta {font-size: 2.2em} /*********************************************************************** Casual Legal Advice ************************************************************************/ #casual-content2 h5 {font-size: 1.8em; padding-bottom:20px;} #casual-links a {margin-top:50px;} #casual-content2 li a {-webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} #casual-content2 li a:hover {color:#76232f} /*********************************************************************** Opportunities ************************************************************************/ #opportunities-content {font-size: 1.0em;} .opportunities h5 {font-size: 2.6em; padding-bottom:20px;} ul.experiences {list-style:none;} .experiences li {display: inline-block; width:31%; margin:20px 0 20px 0; font-family: "AvertaStd-Bold", sans-serif; text-transform: uppercase; font-size: 1.2em; background: url('images/icon_diamond.png') no-repeat; background-size: 9px 9px; background-position: 0 3px; padding:0 0 0 20px; letter-spacing: 0.1em; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt"; line-height: 18px;} #experiences_copy p {margin:0; padding-left:20px; font-size: 1.8em; line-height: 32px; font-weight: normal} .oppmidleft {font-size: 2.2em; width:30%; font-family: "AvertaStd-ExtraBold", sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .oppmidright {font-size: 2.2em; width:50%; float:right; font-family: "AvertaStd-Regular", sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} ul.practice_list {list-style:none;} .practice_list li {display: block; padding:35px 0 35px 20px; border-top:solid 1px #e3dfe0; font-family: "Tiempos-Regular", serif; font-size: 1.8em; background: url('images/icon_diamond.png') no-repeat; background-size: 9px 9px; line-height: 36px; background-position: 0 49px} .practice_list li.noborder {border-top:none} #experiences_list_desktop {display: block} .experiences_list_mobile {display: none} .experiences_list_mobile {background-color:#f9f9f9} .experiences_list_mobile:nth-child(odd) {background-color: #fff;} /*********************************************************************** Publications ************************************************************************/ .publications {list-style:none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .publications .two-column-bucket {margin-bottom:0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .pub_link:nth-child(even) .publications {background: #f9f9f9;} .publications_list {list-style: none} .publications_list li {margin:20px 0 20px 10px; font-family: "Tiempos-Regular", serif; font-size: 1.8em; background: url('images/icon_diamond.png') no-repeat; background-size: 9px 9px; background-position: 0 10px; padding:0 0 0 30px; line-height: 28px;} .publications_ordered_list li {margin:20px 0 20px 30px; font-family: "Tiempos-Regular", serif; font-size: 1.8em; padding:0 0 0 10px; line-height: 28px;} .pub_title {font-family: "Tiempos-Regular", serif; font-size: 1.8em; color:#90959f; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .pub_date {font-family: 'Tiempos-MediumItalic', serif; font-size: 1.8em; color:#90959f;line-height: 24px;} .icon_download {opacity: 0.0; filter: alpha(opacity=0); -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; margin:5px 10px 0 0; float:left; width:0px; height:0;} .the_pub_title { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding:0; display:block; line-height: 24px; overflow: hidden;} .pub_link:hover .icon_download {opacity: 1.0; filter: alpha(opacity=100); width:25px; visibility: visible} .pub_link:hover .the_pub_title {color:#343b43;} #pub_year.hide {display: none;} h2.year {border-bottom:solid 2px #c8ba6f; display: inline-block; padding-bottom:8px; margin-left:15px; margin-top:30px;} /*********************************************************************** Popup ************************************************************************/ .popup_background {background-color: #174162 !important; opacity: 0.98 !important } #map_popup, #map_popup2 {width:100%;} #contact_popup {width:60%} #education_popup {width:60%;} .educationPopup {} .mainPopup {width:90%; background: none; padding:0px; margin:0 auto;} .mainPopup h1 {text-align: center; font-size: 4em; color:#fff;} .mainPopup p {margin:5px 0 0 0; color:#fff; font-size: 1.8em; opacity: 0.5; text-align: center} #closeButton {position: relative; float:right; margin:-50px 0px 0 0; font-size: 1.0em; cursor: pointer;} .popup_back {height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9500;} .popup_cont {position: fixed; z-index: 9500;} .preloader {z-index: 9500;} .popup_close {cursor: pointer; position: absolute; padding: 5px; right: 5px; top: 0; z-index: 9600} .popup_close:hover {color: #111;} .popup_back {cursor: pointer; background-color: #b2cea4;} div.popup {} .preloader {left: 50%; margin: -10px 0 0 -25px; position: fixed; top: 50%;} /*********************************************************************** Footer Three Column Row ************************************************************************/ footer {min-height:300px; background: #174162 url('images/bg_footer.jpg') no-repeat; background-position: center top; background-size: cover; font-family: 'AvertaStd-Regular', sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} footer .left {border-left: solid 2px #b99f67; width:20%;} footer .center {border-left: solid 2px rgba(255, 255, 255, .5); width:22%;} footer .right {border-left: solid 2px rgba(255, 255, 255, .5); width:38%} footer .center p, footer .right p {margin-top:-2px;} footer .right p {margin-top:-30px;} footer h5 {font-family: "AvertaStd-ExtraBold",sans-serif; font-size: 1.4em; text-transform: uppercase; padding-top:15px; padding-left:30px; letter-spacing: 0.125em;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} footer p {font-size: 1.6em; padding-bottom:21px; padding-left:30px; line-height: 26px; font-family: 'AvertaStd-Regular', sans-serif;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} footer p.location {line-height: 29px;} footer ul.menu {list-style: none; padding-left:30px;} footer ul.menu li {display: block;} footer ul.menu li a {color:#fff; text-transform: uppercase; font-family: "AvertaStd-ExtraBold",sans-serif; font-size: 1.4em;text-decoration: none; padding:9px 0 8px 0; position: relative; display: inline-block; letter-spacing: 0.125em; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt"; line-height: 20px} footer ul.menu li:first-child a {padding-top:15px;} footer .button {margin-left:30px;} #legal p {padding:0; font-size: 1.2em;} .social {text-align: right} .social a {color:#fff; opacity:0.5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-size: 1.8em; text-decoration: none; margin:0 6px;} .social a:hover {opacity: 1.0;} footer ul.menu li a::after {position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #caba68; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px);} footer ul.menu li a:hover::after, footer ul.menu li a:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); transform: translateY(-6px);} .footer-signup {text-align: center; margin-right:-30px} .signUpCopy {font-size: 2.0em; margin-top:20px; border-right:solid 2px #d1d3d5; padding-right:30px; margin-right:30px; font-family: 'AvertaStd-Regular', sans-serif; display: inline-block; vertical-align: top; line-height: 28px;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .signUpForm {display: inline-block; vertical-align: top; margin-top:20px; text-align: right;} .signUpForm p {font-size: 1.2em !important;} .signUpForm input[type=submit] {font-family: "AvertaStd-ExtraBold", sans-serif; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; background: none; text-transform: uppercase; display: inline-block; text-align: center; text-decoration: none; border-radius:4px; letter-spacing: 0.1em; font-weight: 600; font-size: 1.0em; padding: 13px 15px 12px 15px; color: #76232f; margin: -9px 0 0 5px; display: inline-block; outline: none; border:none; border:solid 2px #d7c0c0;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .signUpForm input[type=submit]:hover {background-color: #76232f; color:#fff; border:solid 2px #76232f;} .signUpForm .wpcf7-not-valid-tip {display:none !important;} #addressLeft {float:left;} #addressRight {float:right;} #map_info p {font-family: "AvertaStd-Regular", sans-serif; color:#000; font-size: 1.2em; text-align: left; line-height: 20px;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .map_info_title {font-family: "AvertaStd-Bold", sans-serif; font-size: 1.2em; text-transform: uppercase; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .footer_reach {margin-top:-2px;} /*********************************************************************** Forms ************************************************************************/ input.newsLetterSignUp {background: url('images/icon_newsletter.png') no-repeat; background-position: left 50px center; background-size: 16px 12px; width: 200px; height: 40px; font-size: 1.2em; display: inline-block; border:solid 2px #d7c0c0; color:#924646; border-radius: 4px; font-family: "AvertaStd-Bold", sans-serif; padding:0 40px 0 75px; margin:-10px 0 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; letter-spacing: 0.1em; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} input.newsLetterSignUp:focus {background: #fff url('images/icon_newsletter.png') no-repeat; background-size: 16px 12px; background-position: left 15px center; outline: none; padding:0 75px 0 40px; border:solid 2px #76232f;} input.newsLetterSignUp::-webkit-input-placeholder {color: #924646;} input.newsLetterSignUp:-moz-placeholder { /* Firefox 18- */ color: #924646; } input.newsLetterSignUp::-moz-placeholder { /* Firefox 19+ */ color: #924646; } input.newsLetterSignUp:-ms-input-placeholder {color: #924646;} input.newsLetterSignUp:focus::-webkit-input-placeholder {color: #d7c0c0;} input.newsLetterSignUp:focus:-moz-placeholder { /* Firefox 18- */ color: #d7c0c0; } input.newsLetterSignUp:focus::-moz-placeholder { /* Firefox 19+ */ color: #d7c0c0; } input.newsLetterSignUp:focus:-ms-input-placeholder {color: #d7c0c0;} .formHalfLeft {width:47%; float:left;} .formHalfRight {width:47%; float:right;} .formFull {width:100%; float:left;} input.inputField {width: 100%; float:left; height: 40px; padding: 5px 10px 0px 0px; margin: 15px 0 5px 0; background: none; color: #7e838a; font-size: 1.6em; font-family: "AvertaStd-Regular", sans-serif; font-style: normal; font-weight: 300; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.1s ease-in; border:none; border-bottom:solid 1px #7e838a; outline: none;} input.inputField::-webkit-input-placeholder {color: #7e838a; } input.inputField:-moz-placeholder { /* Firefox 18- */ color: #7e838a; } input.inputField::-moz-placeholder { /* Firefox 19+ */ color:#7e838a; } input.inputField:-ms-input-placeholder {color: #7e838a;} input.inputField:focus {color:#fff; background: none; border-bottom: solid 1px #fff;} textarea.inputField::-webkit-input-placeholder {color: #7e838a; } textarea.inputField:-moz-placeholder { /* Firefox 18- */ color: #7e838a; } textarea.inputField::-moz-placeholder { /* Firefox 19+ */ color:#7e838a; } textarea.inputField:-ms-input-placeholder {color: #7e838a;} textarea.inputField {width: 100%; height: 140px; padding: 5px 10px 0px 0px; margin: 15px 0 0 0; background: none; border:none; border-bottom:solid 1px #7e838a; font-size: 1.6em; font-family: "AvertaStd-Regular", sans-serif; font-style: normal; font-weight: 300; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.1s ease-in; outline: none;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} textarea.inputField:focus {color:#fff; background: none; border-bottom: solid 1px #fff;} input[type=submit] {font-family: "AvertaStd-Regular", sans-serif; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; cursor: pointer; background: none; text-transform: uppercase; display: inline-block; text-align: center; text-decoration: none; border-radius:4px; letter-spacing: 0.1em; font-weight: 600; font-size: 1.2em; padding: 12px 40px 10px 40px; color: #fff; border:solid 2px rgba(255, 255, 255, .5); margin: 60px auto 0 auto; display: block; margin-bottom:20px; outline: none; height:44px;font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} input[type=submit]:hover {background-color: #fff; color:#343b43; border:solid 2px rgba(255, 255, 255, 1);} .wpcf7-validation-errors {border:none; background: #f7e700; color:#000; text-align: center; font-size: 1.6em; padding:10px 0 !important} .wpcf7-list-item-label {font-size: 0.7em; padding:0; margin:0;} select {width:100%; height:49px; color: #5a5a5a; font-size: 1.0em; font-family: "AvertaStd-Regular", sans-serif; font-style: normal; font-weight: 300; border:none; border-radius:none; padding: 5px 10px 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; margin-top:5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #dce2e0 url('images/bg_select_arrow.png') no-repeat; background-position: right 20px center; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} ::-webkit-input-placeholder {color: #5a5a5a;} :-moz-placeholder {color: #5a5a5a; opacity: 1;} ::-moz-placeholder {color: #5a5a5a; opacity: 1;} :-ms-input-placeholder {color: #5a5a5a;} .wpcf7-mail-sent-ok {font-family: "AvertaStd-Regular", sans-serif; border: none !important; font-size: 1.8em; color: #398f14; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} .wpcf7-validation-errors {font-family: "AvertaStd-Regular", sans-serif; border: none !important; background: none; color: #000; text-align: center; font-size: 1.8em; padding: 0px 0 !important; alpha: 0; line-height: 24px; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt"; } .wpcf7-response-output {font-family: "AvertaStd-Regular", sans-serif; padding: 0px 0px !important; text-align: center; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} footer .wpcf7-mail-sent-ok {font-family: "AvertaStd-Regular", sans-serif; border: none !important; font-size: 1.8em; color: #398f14; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} footer .wpcf7-validation-errors {font-family: "AvertaStd-Regular", sans-serif; border: none !important; background: none; color: #fff; text-align: center; font-size: 1.3em; padding: 0px 0 !important; alpha: 0; line-height: 24px; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} footer .wpcf7-response-output {font-family: "AvertaStd-Regular", sans-serif; padding: 0px !important; height: 0; margin: 0; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} div.wpcf7 img.ajax-loader {display: none;} /*********************************************************************** Responsive ************************************************************************/ #mobile-menu {float:right; margin:0; display:none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.1s ease-in; position: relative; z-index: 901} .nav-icon {margin: 0px 0 0 8px; width: 24px; position: absolute; top:38px; right:0px;} .nav-icon:after, .nav-icon:before, .nav-icon div {background-color: #fff; -o-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; content: ''; display: block; height: 2px; margin: 4px 0; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .nav-icon.activated:before { transform: translateY(6px) rotate(135deg); -moz-transform: translateY(6px) rotate(135deg); -webkit-transform: translateY(6px) rotate(135deg);} .nav-icon.activated:after { transform: translateY(-6px) rotate(-135deg); -moz-transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg);} .nav-icon.activated div { -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);} #mobile {background: #174162; border-bottom: solid 6px #caba68; z-index: 900; width:100%; position: fixed; top:0px; padding:0px; margin:0; display:none; } #mobile ul {width:100%; margin:70px 0px 0px 0; padding:20px 0; overflow: hidden; position: relative; text-align:center;} #mobile ul li {display:block; vertical-align:top; text-align: left; width:100%; padding:15px 0; border-top:solid 1px #434e5f} #mobile ul li.nav_about {display:block; vertical-align:top; text-align: left; width:100%; padding:15px 0; border-top:solid 1px #6f8099} #mobile ul li a {text-decoration: none; color:#fff; line-height: 30px; font-size: 1.6em; text-transform: uppercase; width: 100%; font-family: "AvertaStd-Bold", sans-serif; letter-spacing: 0.1em; opacity: 0.5; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: block; font-feature-settings: "salt"; -webkit-font-feature-settings: "salt"; -o-font-feature-settings: "salt"; -moz-font-feature-settings: "salt"; -ms-font-feature-settings: "salt";} #mobile ul li a:hover {opacity:1} @media (max-width: 1075px) { .topNav li a {margin:0 10px;} #addressRight {float:left; margin-top:50px} } @media (max-width: 1024px) { #addressLeft a, #addressRight a {margin-top:-40px; margin-bottom:20px;} } @media (max-width: 1000px) { #contact_popup {width:80%} .signUpCopy {margin:0 0 25px 0; padding:0; display: block; border-right:none; margin-right:0;} } @media (max-width: 980px) { .experiences li {display: inline-block; width:27%; margin:20px 0 20px 0; padding:0 10px 0 20px;} #mobile-menu {display: block; } .topNav {display:none;} } @media (max-width: 935px) { #educationalList li {width:47%; height:250px;} .topNav li a {margin:0 5px;} .projectSlider h3 {font-size: 2.0em; line-height: 30px;} } @media (max-width: 870px) { .home_publication li {width:38%; margin:0 5% 40px 5%;} .home_publication li li {width:100%; margin:0 0% 10px 0%;} #contact_popup {width:90%} .experiences li {width:27%;} #education_popup {width:80%;} footer .left {display: none;} footer .center {width:35%; margin-left:0 !important; margin-right: 0 !important; border:none;} footer .right {width:55%; margin-left:0 !important; margin-right: 0 !important; } #addressRight {float:right; margin-top:0px} #home-header {padding-top:140px;} h1 {font-size: 5.0em; line-height: 60px} } @media (max-width: 768px) { h1 {font-size: 4.0em; line-height: 44px} h3.italic {font-size: 2.0em; width:100%; line-height: 28px;} .button.largest2 {margin-top:5px;} #team-header {padding-top:130px;} header#top {height:80px} .three-column-bucket.left {display:none;} #home-header {height:300px;} #about-header {height:300px;} #practice-header {height:300px;} #publications-header {height:300px;} #bulletins-header {height:300px;} #newsletters-header {height:300px;} #education-header {height:300px;} #opportunities-header {height:300px;} footer .left {display: none;} footer .center {width:80%; margin-left:0 !important; margin-right: 0 !important; border:none;} footer .right {width:80%; margin-left:0 !important; margin-right: 0 !important; } .bioMeta_mobile {display: block} .button.naturalstep {margin-top:15px;} } @media (max-width: 680px) { #home-header {height:320px; padding-top:100px;} #about-header {height:320px; padding-top:140px;} #practice-header {height:320px; padding-top:140px;} #publications-header {height:320px; padding-top:140px;} #education-header {height:320px; padding-top:140px;} #opportunities-header {height:320px; padding-top:140px;} #headerContent .padding-bottom-standard {padding-bottom: 30px;} .experiences li {width:90%;} #experiences_list_desktop {display: none} .experiences_list_mobile {display: block} #education_popup {width:100%;} } @media (max-width: 570px) { h1 {font-size: 2.7em; line-height: 34px} #addressRight {float:left; margin-top:50px} } @media (max-width: 520px) { .home_publication li {width:90%; margin:0 3% 40px 3%;} #educationalList li {width:90%; height:250px;} } @media (max-width: 480px) { footer .center {width:80%; margin-left:0 !important; margin-right: 0 !important} footer .right {width:80%; margin-left:0 !important; margin-right: 0 !important} } @media (max-width: 480px) { input.newsLetterSignUp {width: 180px; height: 40px; padding:0 20px 0 55px; background-position: left 30px center;letter-spacing: 0.0em;} input.newsLetterSignUp:focus {background-position: left 15px center; padding:0 35px 0 40px;} }