/* FONTS ---------------------------------------------------------------------------*/ @font-face { font-family: 'handelgothic_btregular'; src: url('fonts/handel-gothic-bt-1361505873-webfont.eot'); src: url('fonts/handel-gothic-bt-1361505873-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/handel-gothic-bt-1361505873-webfont.woff2') format('woff2'), url('fonts/handel-gothic-bt-1361505873-webfont.woff') format('woff'), url('fonts/handel-gothic-bt-1361505873-webfont.ttf') format('truetype'), url('fonts/handel-gothic-bt-1361505873-webfont.svg#handelgothic_btregular') format('svg'); font-weight: normal; font-style: normal; } /* TAG STYLES ---------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } body { font-family: 'Marcellus', serif; font-size: 16px; color: #5d5d35; } table { border-collapse: collapse; width: 100%; margin-bottom: 30px; } table tr {} table th { color: #566141; background-color: #dedfde; text-align: left; padding: 4px 10px; font-weight: bold; } table td { text-align: left; padding: 4px 10px; color: #044c37; } table tr:nth-child(even) td { background-color: #eaebea; } table tr.highlighted td { background-color: #838881; color: #ffffff; } table tr.highlighted td a { color: #EADCA4; } h1 { padding-bottom: 30px; color: #044c37; font-size: 2.4em; text-align: right; font-family: 'handelgothic_btregular'; } h2 { padding-bottom: 20px; color: #044c37; font-size: 1.8em; font-family: 'handelgothic_btregular'; } h3 { padding-bottom: 20px; color: #044c37; font-family: 'handelgothic_btregular'; } h4 { padding-bottom: 20px; color: #044c37; font-family: 'handelgothic_btregular'; } h5 { padding-bottom: 20px; color: #044c37; font-family: 'handelgothic_btregular'; } p { padding-bottom: 20px; line-height: 130%; } ul, ol { margin: 0 0 20px 20px; } ul ul { margin-bottom: 0; } ul { list-style-type: square; } li { line-height: 130%; padding-bottom: 3px; } img { border: none; } a { color: #044c37; text-decoration: none; border: none; } a:hover { text-decoration: underline; } strong { font-weight: bold; } blockquote { font-size: 1.2em; font-weight: bold; padding-bottom: 50px; font-family: 'Marcellus', sans-serif; } iframe { max-width: 100%; } /* COMMON STYLES ---------------------------------------------------------------------------*/ .clear { clear: both; } .right { float: right; } .left { float: left; } .clear { clear: both; } .clearRight { clear: right; } .clearLeft { clear: left; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 20px; display: inline; } img.alignleft { padding: 4px; margin: 0 20px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .readMore { word-wrap: nowrap; white-space: nowrap; } .numberFont { font-family: 'Ubuntu', sans-serif; } .textRight { text-align: right; } .textLeft { text-align: left; } .textCenter { text-align: center; } /* HEADER STYLES ---------------------------------------------------------------------------*/ #headerWrapper { position: relative; width: 100%; } #headerContentWrapper { position: relative; width: 885px; max-width: 100%; margin: 0 auto; z-index: 5; padding: 7px 0 0; } #logo { float: left; } #headerRightContent { float: right; display: none; } #headerRightContent ul { list-style: none; margin: 0; padding: 0; font-size: 30px; } #headerRightContent li { display: inline; margin-left: 10px; } #navigationBar { width: 100%; height: 50px; position: relative; background-color: #838881; margin-top: 43px; } #mainNavigationWrapper { float: right; clear: right; } #mainNavigation { list-style: none; margin: 43px 0 0 0; padding: 0; } #mainNavigation li { display: inline; padding: 0 15px; border-right: 1px solid #b0a77b; line-height: 50px; } #mainNavigation li:first-child { padding-left: 0; } #mainNavigation li:last-child { border-right: none; padding-right: 0; } #mainNavigation a { color: #ffffff; text-decoration: none; } #mainNavigation a:hover { text-decoration: underline; } #mainNavigation ul { display: none; } #mainNavigation li.homelink { display: none; } /* CONTENT STYLES ---------------------------------------------------------------------------*/ #wrapper { width: 885px; max-width: 100%; position: relative; margin: 0 auto; padding: 42px 0 0; } #backgroundImageWrapper { position: absolute; top: 0; right: -37px; z-index: 1; max-width: 75%; } .single-staff #backgroundImageWrapper { /*max-width: 100%;*/ max-width: 95%; } #backgroundImage { max-width: 100%; position: relative; } #backgroundImage img { max-width: 100%; position: relative; } #backgroundImageVerticalFade { position: absolute; left: 0; top: 0; height: 100%; width: 140px; background: transparent url('images/vert_fade.png') 0 0 repeat-y; z-index: 2; } #backgroundImageHorizontalFade { position: absolute; bottom: 0; left: 0; width: 100%; height: 140px; background: transparent url('images/horizontal_fade.png') 0 0 repeat-x; z-index: 2; } .home #backgroundImageVerticalFade { width: 200px; background-image: url('images/vert_fade_large.png'); } .home #backgroundImageHorizontalFade { height: 200px; background-image: url('images/horizontal_fade_large.png'); } .single-staff #backgroundImageVerticalFade { width: 289px; background-image: url('images/vert_fade_profile.png'); } .single-staff #backgroundImageHorizontalFade { height: 200px; background-image: url('images/horizontal_fade_profile.png'); } #backgroundImageCompleteFade { height: 100%; width: 100%; background: rgba(255,255,255, 0.9); position: absolute; top: 0; left: 0;} #contentWrapper { position: relative; z-index: 5; } #expertiseList { clear: both; padding-top: 15px; margin: 0; list-style: none; width: 100%; } #expertiseList li { display: inline-block; width: 31%; min-width: 159px; vertical-align: top; padding: 80px 1% 0px; } #expertiseList p { padding-bottom: 10px; line-height: 140%; } #expertiseList .itemTitle { vertical-align: bottom; height: 15px; position: relative; } #expertiseList .itemTitle p { position: absolute; bottom: 0; font-size: 1.1em; text-align: left; } #expertiseList .itemImage { width: 100%; height: auto; margin-bottom: 10px; overflow: hidden; } #expertiseList .itemImage a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; } #expertiseList a.narrowImage { display: none; height: 100%; } #expertiseList a.wideImage { /*display: none;*/ height: 100%; } #expertiseList img { max-width: 100%; } #expertiseList .itemOverview { width: 100%; text-align: left; /*font-size: 0.8em;*/ } #expertiseList p.readMore { text-align: right; } #teamList { clear: both; padding: 15px 0 25px; margin: 0; list-style: none; text-align: justify; width: 100%; } #teamList li { display: inline-block; text-align: center; width: 14%; padding: 0 1%; vertical-align: top; } .single-expertise #teamList li { width: 23%; } #teamList p { padding-bottom: 10px; line-height: 140%; } #teamList .itemTitle {} #teamList .itemImage { width: 100%; height: auto; margin: 0 auto; } #teamList img { width: 100%; } #memberInformation { clear: left; margin: 70px 0 200px; /*float: left;*/ width: 280px; font-weight: bold; color: #406618; text-align: left; background: rgba(255,255,255, 0.6); padding: 10px 10px 10px 0; } #memberInformation h1 { text-align: left; padding-bottom: 0;} #memberInformation .info { font-family: 'Ubuntu', sans-serif; font-weight: bold; padding-bottom: 0; } #memberOverview { /*float: left; clear: left; min-height: 310px;*/ /*margin-top: 60px;*/ clear: both; padding-bottom: 30px; background: rgba(255,255,255, 0.6); padding: 10px 10px 10px 0; /*width: 270px;*/ color: #406618; text-align: left; font-family: 'Marcellus', serif; } #memberProfile { clear: both; background: rgba(0,0,0,0.1); border: 2px solid rgba(255,255,255,0.25); padding: 20px; color: #406618; font-family: 'Marcellus', sans-serif; } #memberProfile h3 { padding-bottom: 5px; font-family: 'Ubuntu', serif; } #memberInformation a, #memberInformation a:hover { text-decoration: none; } .profileBlock {} .teamLink { text-decoration: none; } .teamLink:hover { text-decoration: none; } #memberProfileImage { display: none; width: 100%; margin: 0 0 20px;} #memberProfileImage img { width: 100%; } #leftColumn { float: left; width: 580px; padding-top: 30px; } #rightColumn { float: right; width: 287px; } #leftColumn h1 { text-align: left; } #leftColumn .listItem { width: 24%; } #subNavigationWrapper { background-color: rgba(100,104,99,0.75); border: 1px solid #ffffff; padding-top: 20px; } #subNavigationWrapper ul { list-style: none; margin: 0; padding: 0; text-align: right; } #subNavigationWrapper li { padding: 0 15px 20px; } #subNavigationWrapper a { color: #ffffff; text-decoration: none; font-size: 0.9em; } #subNavigationWrapper a:hover { text-decoration: underline; } #subNavigationWrapper li.current_page_item a { font-weight: bold; } #subNavigationWrapper li.current_page_item a:hover { text-decoration: none; } #homeContent { clear: both; float: left; padding-top: 75px; /*padding-top: 75px; width: 400px;*/ max-width: 100%; } #homeContent h1 { text-align: left; width: 350px; max-width: 100%; } #homeBlockWrapper { clear: both; padding: 0; margin: 0; list-style: none; width: 100%; } #homeBlockWrapper li { display: inline-block; color: #044c37; /*width: 270px; font-size: 0.9em; line-height: 140%;*/ text-align: left; margin-right: 22px; vertical-align: top; } #homeBlockWrapper li:last-child { margin-right: 0; } .one_half { width: 47% !important; margin-right: 2% !important; } .one_half.last_column { width: 47% !important; margin-right: 0px !important; float: right; } #teamBlockWrapper { margin-left: 0;} #loop { clear: both; padding-top: 20px;} #loop .post { border-bottom: 1px solid #044c37; padding-bottom: 20px; margin-bottom: 40px; } #loop .post:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } #loop h2 { font-size: 2em; } #loop h2 a { text-decoration: none; color: #044c37; } #loop h2 a:hover { text-decoration: underline; } #recentPosts { } #recentPosts .post { background-color: #efefef; padding: 20px; margin-bottom: 5px;} #recentPosts h2 { font-size: 1.2em; } .post .featuredImage { padding: 5px; border: 1px solid #044c37; } .post p.textRight { padding-bottom: 0; margin-bottom: 0; } .post .fullFeaturedImage { max-width: 100%; margin: 0 0 20px; } .descr { font-style: italic; font-size: 0.9em; } .info { font-size: 0.9em; } .navigation { padding-top: 20px; margin-bottom: 30px; } .wp-pagenavi span, .wp-pagenavi span.current { background-color: #044c37; border-color: #044c37; color: #ffffff; } .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { background-color: #dddddd; border-color: #dddddd; color: #000000; } /* FOOTER STYLES ---------------------------------------------------------------------------*/ #footerWrapper { clear: both; width: 885px; max-width: 100%; margin: 0 auto; color: #044c37; font-size: 0.8em; padding-top: 35px; position: relative; z-index: 5; font-family: 'Ubuntu', sans-serif; } #footerWrapper .widget { /*width: 48%; float: left;*/ } #footerWrapper .widget.last { /*float: right; text-align: right;*/ font-size: 1.2em; } #footerWrapper .left { width: 150px; float: left; } #footerWrapper .right { width: 150px; float: right; } #footerWrapper .center { width: 585px; max-width: 98%; float: left; } #footerWrapper ul { list-style: none; margin: 0 0 10px; padding: 0; } #footerWrapper li { display: inline; padding: 0 15px; border-right: 1px solid #bbae79; } #footerWrapper li:first-child { padding-left: 0; } #footerWrapper li:last-child { border-right: none; padding-right: 0; } #footerWrapper a { color: #044c37; text-decoration: none; } #footerWrapper a:hover { text-decoration: underline; } .largetext { font-size: 1.2em; } #footerWrapper .left li { display: inline-block; padding: 0 15px 5px 0; border-right: none; } #sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family: 'Ubuntu', serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)} .mobilenav_menu { font-family: Arial, Helvetica, sans-serif; float: right; display: none; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #044c37; color: #ffffff; margin-right: 2.5%; font-weight: bold; margin: 10px 0 0 0; border: 2px solid #BBAE79; } .mobilenav_menutxt { display: block; height: 20px; width: 20px; } .mobilenav_menu a { text-decoration:none; color: #ffffff; display: block; text-align: center; padding: 7px 10px; } .mobilenav_menu a:hover { text-decoration:none; } /* CLEAR STYLES ---------------------------------------------------------------------------*/ .clearfix:after, #recentPosts .post:after { content: ""; display: table; clear: both; } /* RESPONSIVE STYLES ---------------------------------------------------------------------------*/ @media screen and (max-width: 975px) { #backgroundImageWrapper { right: 0; } #wrapper { width: 98%; padding: 42px 1% 0; } } @media screen and (max-width: 925px) { #logo { padding-left: 5px; } #contentWrapper { /*padding-right: 5px; padding-left: 5px;*/ } #expertiseList li { /*width: 23%;*/ } #mainNavigationWrapper { padding-right: 10px; } #footerWrapper .widget { padding-left: 10px; padding-right: 10px; } #headerRightContent { padding-right: 10px; display: block;} #mainNavigation { display: none; } .mobilenav_menu { display: inline; } #mainNavigation li.homelink { display: inline; } } @media screen and (max-width: 915px) { #leftColumn { float: none; width: 100%; padding-top: 50px; } #rightColumn { display: none; } } @media screen and (max-width: 900px) { #memberInformation { clear: both; float: none; padding-top: 20px; width: 90%; background: none; } #memberOverview { clear: both; float: none; margin-top: 0; height: auto; min-height: 100px; } .single-staff #backgroundImageWrapper { width: 100%; overflow: hidden; } .single-staff #backgroundImage { width: 100%; } .single-staff #backgroundImage img { left: 27%; } .single-staff #backgroundImageVerticalFade { left: 19%; } } @media screen and (max-width: 885px) { #homeContent blockquote { padding-bottom: 10px; } #footerWrapper .widget { float: none; width: 90%; padding: 0 5px 10px; } #footerWrapper .widget.last { float: none; text-align: left; } } @media screen and (max-width: 860px) { } @media screen and (max-width: 850px) { #teamList li { width: 18%; } } @media screen and (max-width: 750px) { /*#mainNavigation { display: none; } .mobilenav_menu { display: inline; } #mainNavigation li.homelink { display: inline; }*/ .one_half, .one_half.last_column { float: none; clear: both; width: 100% !important; } } @media screen and (max-width: 730px) { #memberInformation { margin-bottom: 100px; } } @media screen and (max-width: 720px) { #expertiseList li { width: 31%; } #memberOverview { min-height: 0px; } #memberInformation { width: 350px; } } @media screen and (max-width: 660px) { #homeContent { padding-top: 20px; } #leftColumn h1, h1 { text-align: left; clear: both; padding: 20px 0;} #wrapper { /*clear: both; padding-top: 20px;*/ } #teamList li { width: 23%; } #leftColumn { padding-top: 30px; } #memberInformation { padding-top: 0; } } @media screen and (max-width: 620px) { #staffTable table, #staffTable thead, #staffTable tbody, #staffTable th, #staffTable td, #staffTable tr { display: block; } #staffTable thead { display: none; } #staffTable tr { border: 1px solid #ccc; } #staffTable td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 125px; } #staffTable td:before { position: absolute; top: 6px; left: 6px; width: 125px; padding-right: 6px; white-space: nowrap; content: attr(data-label); } } @media screen and (max-width: 600px) { #memberOverview { width: 100%; } } @media screen and (max-width: 575px) { .single-staff #backgroundImageWrapper { display: none; } .single-staff #memberProfileImage { display: block; } #memberInformation { margin-bottom: 20px; } } @media screen and (max-width: 535px) { #expertiseList li { width: 48%; } .single-expertise #teamList li { width: 31%; } } @media screen and (max-width: 500px) { #teamList li { width: 31%; } } @media screen and (max-width: 375px) { .single-expertise #teamList li { width: 48%; } } @media screen and (max-width: 360px) { #expertiseList li { width: 98%; padding-top: 45px; } #teamList li { width: 48%; } #expertiseList a.narrowImage { display: none; } #expertiseList a.wideImage { display: block; } }