/*
Theme Name: Zachary
Description: Custom theme for Zachary D. Kaufman (boilerplate child-theme)
Author: Randall Huamani Bendezu
Template: boilerplate
*/

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proxima_nova_reg-webfont.eot');
    src: url('fonts/proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_reg-webfont.woff') format('woff'),
         url('fonts/proxima_nova_reg-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proxima_nova_light-webfont.eot');
    src: url('fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_light-webfont.woff') format('woff'),
         url('fonts/proxima_nova_light-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('fonts/proxima_nova_reg_it-webfont.eot');
    src: url('fonts/proxima_nova_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_reg_it-webfont.woff') format('woff'),
         url('fonts/proxima_nova_reg_it-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_reg_it-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proxima_nova_bold-webfont.eot');
    src: url('fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_bold-webfont.woff') format('woff'),
         url('fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'casperregular';
    src: url('fonts/casper-webfont.eot');
    src: url('fonts/casper-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/casper-webfont.woff') format('woff'),
         url('fonts/casper-webfont.ttf') format('truetype'),
         url('fonts/casper-webfont.svg#casperregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, strong, b, i, em, span, img, figure, figcaption{
padding: 0;
margin: 0;
line-height: 1.25;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,th,var {
font-weight: normal;
font-style: normal;
}
caption,th {
text-align: left;
}
q:before,q:after {
content:' " ';
}
b, strong {
font-weight: bold;
}
em, i {
font-style: italic;
}
img{
border:0;
}


/* basic styles */
h1,h2,h3{
font-weight:normal;
font-family:'proxima_nova_rgbold';
}
ul, ol{
margin:1em 0 1em 0;
padding:0 0 0 30px;
}
ul{
list-style-type: disc;
}
ol{
list-style-type: decimal;
}
li{
margin:0 0 0.5em 0;
}
img{
max-width:100%;
}
p{
margin:1em 0;
}
a{
color:#6e924b;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}


/* wordpress classic */
img.alignleft{
float:left;
margin:0 1em 1em 0;
}


/* styles */
body{
position:relative;
font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;
font-size:100%;
color:#424141;
background-color: #fff;
}

em, i{
font-style:normal;
font-family: 'proxima_novaregular_italic';
}

strong, b{
    font-weight: normal;
    font-family: 'proxima_nova_rgbold';
}
body > header, #content, body > footer {
    width: 960px;
    margin: 0 auto;
}
#access ul {
    width: 900px;
    margin: 0 auto;    
}
#bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 450px;
    min-width: 960px;
    overflow: hidden;
    background-color: #000;
    text-align: center;
}
#bg img {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 1050px;
}
body > header {
    padding: 190px 0 0;
    height: 259px;
    overflow: hidden;
    position: relative;
    z-index: 100;
}
body > header hgroup{
text-align:center;
color:#FFF;
}
body > header hgroup h1{
font-size:45px;
line-height:52px;
text-transform:uppercase;
font-weight:normal;
font-family:'casperregular';
letter-spacing:1px;
}
body > header hgroup h1 a{
text-decoration:none;
color:#FFF;
}
body > header hgroup h1 a:hover{
text-decoration:none;
}
body > header hgroup h2{
font-size:22px;
line-height:26px;
margin:-8px 0 0;
font-weight:normal;
font-family: 'proxima_novalight';
}
body > header .social{
position:absolute;
top:15px;
right:40px;
}
body > header .social a{
display:inline-block;
margin:0 11px;
width:23px;
height:22px;
text-indent:-9999px;
overflow:hidden;
background:url(images/ui/icons-social-header.png) 0 0 no-repeat;
}
body > header .social a.facebook{
background-position: 5px 0;
}
body > header .social a.twitter{
background-position: -46px 0;
}
body > header .social a.linkedin{
background-position: -93px 0;
}
body > header .social a.googleplus{
background-position: -138px 0;
}
body > header .social a.email{
background-position: -186px 0;
width:23px;
}
body > header .social a.facebook:hover{
background-position: 5px -22px;
}
body > header .social a.twitter:hover{
background-position: -46px -22px;
}
body > header .social a.linkedin:hover{
background-position: -93px -22px;
}
body > header .social a.googleplus:hover{
background-position: -138px -22px;
}
body > header .social a.email:hover{
background-position: -186px -22px;
}

#access{
position:relative;
z-index:500;
height:55px;
min-width:960px;
background:#282828 url(images/ui/nav-bg.png) 0 0 repeat-x;
}
#access ul{
list-style:none;
height:55px;
padding:0;
font-size:12px;
}
#access ul li{
margin:0;
padding:0;
position:relative;
}
#access ul li a{
text-transform:uppercase;
text-decoration:none;
color:#FFF;
}
#access ul li a{
text-transform:uppercase;
text-decoration:none;
color:#FFF;
}

/* first level menu */
#access .menu > ul > li,
#access ul#menu-main > li {
    float: left;
    padding: 0;
}
#access .menu > ul > li > a,
#access ul#menu-main > li > a{
    display: block;
    line-height: 55px;
    height: 55px;
    padding: 0 15px;
}
#access .menu > ul > li.current_page_item,
#access ul#menu-main > li.current_page_item,
#access ul#menu-main > li.current-menu-parent,
#access ul#menu-main > li:hover {

}
#access .menu > ul > li.current_page_item > a,
#access ul#menu-main > li.current_page_item > a,
#access ul#menu-main > li.current-menu-parent > a,
#access ul#menu-main > li:hover > a {
    color: #6e924b;
    height: 54px;
    background: #171717 url(images/ui/nav-item-active-bg.png) 0 0 repeat-x;
    -moz-box-shadow: inset 0 -8px 30px 7px #000;
    -webkit-box-shadow: inset 0 -8px 30px 7px #000;
    box-shadow: inset 0 -8px 30px 7px #000;
}

ul#menu-main ul {
    display:none;
    width:200px;
    height:auto;
    background:#282828;
}


/* 2nd level menu */
ul#menu-main > li > ul{
position:absolute;
top:55px;
left:50%;
width:180px;
margin-left:-90px;
padding:8px 0;
}
ul#menu-main > li > ul:after{
content: " ";
display:block;
text-indent:-9999px;
overflow:hidden;
height: 0;
width: 0;
border: 6px solid transparent;
border-bottom-color: #282828;
position:absolute;
left:50%;
top:-12px;
margin-left:-6px;
}
ul#menu-main > li:hover > ul{
display:block;
}
ul#menu-main > li > ul > li{
float:none;
text-align:center;
line-height:1.1em;
padding:8px 0;
}

ul#menu-main > li > ul > li > a:hover{
color:#6e924b;
}




a#skip{
display:none;
}
#content{
overflow:hidden;
}


#content > article, .page.blog {
    width: 610px;
    padding: 0 0 0 70px;
    float: left;
}
#content > aside{
    float: left;
    width: 155px;
    padding: 0 10px 0 45px;
}
.page #content, .projects-template #content{
    padding-top:49px;
}


.page .entry-title,
.projects-template-laws .entry-title, .projects-template .entry-title, .projects-template-laws .entry-title{
background: url(images/ui/section-heading-bg.png) center 36px no-repeat;
height:74px;
margin: 0 auto;
color: #4b4b4b;
font-size: 25px;
line-height: 54px;
text-align:center;
text-transform: uppercase;
font-family: 'casperregular';
font-weight: normal;
}

.teaching.page h2,
.page .entry-content h2,
.projects-template .entry-content h2 {
    height: 12px;
    margin: 72px 0 36px 0;
    color: #4b4b4b;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'casperregular';
    font-weight: normal;
    border-bottom:solid 1px #A4A4A4;
}
.teaching.page h2 {
    width: 660px;
    margin: 72px auto 36px;
}
.teaching.page h2 span {
    background: #fff;
    padding-right: 20px
}

.tpl-teaching #content > article,
.tpl-opportunities #content > article
{
float: none;
padding: 0;
width: 680px;
margin: 1em auto 3em;
}
.tpl-teaching #content > article:after,
.tpl-opportunities #content > article:after
{
content: "";
display: table;
clear: both;
}

.page .entry-content h2:first-line{
background:#FFF;
}
.page .entry-content h2:after{
content:" ";
display:inline-block;
width:30px;
background:#FFF;
}
.page .entry-content h2 > *{
display:inline;
background:#FFF;
text-decoration:none;
}
.page .entry-content h2 a{
color:inherit;
}
.page .entry-content h2 a:hover{
color:#6e924b;
}

.page .entry-content h3,
.projects-template .entry-content h3{
font-size: 16px;
line-height: 1.2em;
text-transform: uppercase;
font-family: 'casperregular';
font-weight: normal;
padding:0 0 3px;
margin:1.2em 0 0.5em;
border-bottom:dashed 1px #000;
}



.entry-content ul{
padding-left:0;
list-style:none;
}
.entry-content ul li{
padding-left:40px;
background:url(images/ui/list-bullet.png) 7px 2px no-repeat;
}

.entry-content ol{
padding-left:0;
list-style:none;
}
.entry-content ol li{
padding-left:40px;
position:relative;
}
.entry-content ol li:after{
font-weight:bold;
position:absolute;
left:0;
top:0;
display:block;
}


/* first level */
.entry-content > ol{
counter-reset: item;
}
.entry-content > ol > li:after{
counter-increment: item;
content: counter(item, decimal)".";
}

/* second level */
.entry-content > ol > li > ol{
counter-reset: item2;
}
.entry-content > ol > li > ol > li:after{
counter-increment: item2;
content: counter(item2, lower-latin)".";
}

/* third level */
.entry-content > ol > li > ol > li > ol{
counter-reset: item3;
}
.entry-content > ol > li > ol > li > ol > li:after{
counter-increment: item3;
content: counter(item3, lower-roman)".";
}

/* the rest of the levels */
.entry-content > ol > li > ol > li > ol ol{
padding-left:20px;
list-style:decimal;
}
.entry-content > ol > li > ol > li > ol ol li{
padding-left:20px;
}




/* home */
.home #content > article{
width:709px;
padding:10px 112px 30px 139px;
overflow:hidden;
float:none;
}
.home #content > article img.alignleft{
margin:0 41px 20px 0;
}

.home #content > section.events p {
    max-height: 60px;
    overflow: hidden;
}
.home #content > section{
    background: url(images/ui/section-heading-bg.png) center 36px no-repeat;
    position: relative; /* this is important, do not remove */
}
.home #content > section > h2 {
    width: 193px;
    height: 74px;
    margin: 0 auto;
    font-size: 28px;
    line-height: 37px;
    color: #4b4b4b;
    text-transform: uppercase;
    text-align: center;
    display: table;
    font-family: 'casperregular';
    font-weight: normal;
}
.home #content > section > h2 a {
width:193px;
height:74px;
color:#4b4b4b;
display:table-cell;
vertical-align:middle;
text-align:center;
text-decoration:none;
}
.home #content > section > h2 a:hover{
color:#6e924b;
}

.home #content section.writing > div.cycle{
width:786px;
height:880px;
margin:0 auto;
overflow:hidden;
}
.home #content section.writing .item {
position:relative;
float:left;
width:262px;
height:880px;
padding: 15px 20px 0 15px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
/*.home #content section.writing .item.notable {display: block !important}*/
.home #content section.writing .item .figure {
    text-align: center;
}
.home #content section.writing .item h3{
height:40px;
}

.home #content section.writing #writing-prev,
.home #content section.writing #writing-next{
display:block;
width:30px;
height:30px;
text-align:center;
position:absolute;
top:45%;
}
.home #content section.writing #writing-prev{
left:5%;
}
.home #content section.writing #writing-next{
right:5%;
}


.home #content section.updates #updates-prev{
top:34%;
left:4%;
}
.home #content section.updates #updates-next{
top:34%;
right:4%;
}

.cycle-prev,
.cycle-next{
position:absolute;
top:45%;
display:block;
width:30px;
height:30px;
text-indent:-9999px;
overflow:hidden;
background:url(images/ui/slider-arrows.png) 0 0 no-repeat;
}
.cycle-next{
background-position:right top;
}
.cycle-prev:hover{
background-position:left bottom;
}
.cycle-next:hover{
background-position:right bottom;
}

.cycle-slide{
display:block !important;
white-space:normal;
overflow:hidden;
}

.home #content section.events > div,
.home #content section.updates > div{
    width: 825px;
    margin: 43px auto 43px;
    padding: 0 0 0;
    overflow: hidden;
}
.home #content section.updates > .cycle{
height:500px;
overflow:hidden;
}
.home #content section.events article,
.home #content section.updates .item {
    width: 233px;
    height: 480px;
    padding: 0 21px;
    float: left;
    text-align: center;
    color: #4b4b4b;
}
.home #content section.events article figure,
.home #content section.updates .item .figure {
    height: 233px;
    margin: 0 0 20px;
    border: solid 1px #949494;
    overflow: hidden;
    text-align: center;
}
.home #content section.events article figure:before,
.home #content section.updates .item .figure:before
{
content: "";
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.home #content section.events article img,
.home #content section.updates .item img{
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}
.home #content section.events article .more a,
.home #content section.updates .item .more a{
font-family:'proxima_nova_rgbold';
font-size:13px;
color:#383838;
text-decoration:none;
display:inline-block;
height:16px;
line-height:16px;
padding:0 0 0 20px;
background:url(images/ui/icon-more.png) 0 center no-repeat;
}

.home #content section.updates .item{
height:500px;
}
.home #content section.updates .item h2 {
font-size:18px;
line-height:56px;
text-transform:uppercase;
}

.home #content section.gallery div {
    overflow: hidden;
    width: 834px;
    height: 200px;
    padding: 21px 0 0;
    margin: 0 auto;
}
.home #content section.gallery div figure {
    width: 204px;
    float: left
}
.home #content section.gallery div figure figcaption {
    display: block;
    text-align: center
}
.home #content section.gallery div figure .thumb {
    display: block;
    width: 184px;
    height: 114px;
    float: left;
    margin: 0 4px 7px;
    position: relative;
    padding: 7px;
    border: solid 1px #949494;
    overflow: hidden;
}
.home #content section.gallery div figure .thumb:first-child {margin-left: 0}
.home #content section.gallery div figure .thumb:last-child {margin-right: 0}
.home #content section.gallery div figure a {
    display: block;
    height: 100%;
}
.home #content section.gallery div figure a:hover:after {
    display: block;
}
.home #content section.gallery div a:after {
    content: url(images/ui/icon-home-gallery-hover.png);
    display: none;
    width: 48px;
    height: 48px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    z-index: 21;
}
.home #content section.gallery div a img {
    display: block;
    z-index: 20;
    width: 100%;
}
.home #content section.gallery div a:hover img {/* the only way to make it work in IE */
    /*position: static;*/
}


.home #content section.tweets > ul,
.home #content section.tweets .aktt_tweets ul{
margin:0 auto;
width:660px;
padding:20px 0 60px;
list-style:none;
overflow:visible;
}
.home #content section.tweets > ul li,
.home #content section.tweets .aktt_tweets ul li{
margin: 0;
margin: 0 160px;
border-top:solid 1px #a4a4a4;
text-align:center;
overflow:visible;
}
.home #content section.tweets .aktt_tweets ul li{
padding:2em 0 1em;
}
.home #content section.tweets > ul li:first-child,
.home #content section.tweets .aktt_tweets ul li:first-child{
border-top:0;
}
.home #content section.tweets > ul li p,
.home #content section.tweets .aktt_tweets ul li p{
margin:1em -160px;
}
.home #content section.tweets .aktt_tweets ul li a{
text-decoration:none;
}
.home #content section.tweets .aktt_tweets ul li a:hover{
text-decoration:underline;
}
.home #content section.tweets .aktt_tweets ul li a.author{
font-family:'proxima_nova_rgbold';
color:#424141;
}.home #content section.tweets .aktt_tweets ul li a.author:hover{
color:#6e924b;
text-decoration:underline;
}
.home #content section.tweets .aktt_tweets ul li a.aktt_tweet_time{
color:#424141;
font-size:13px;
line-height:13px;
display:inline-block;
padding-left:25px;
background:url(images/ui/icons-tweet.png) 0 1px no-repeat;
}
.home #content section.tweets .aktt_tweets ul li .retweeted{
font-size:13px;
line-height:13px;
}
.home #content section.tweets .aktt_tweets ul li .retweeted .ico{
display:inline-block;
vertical-align:bottom;
width:15px;
height:15px;
margin:0 3px 0 0;
background:url(images/ui/icons-tweet.png) 0 bottom no-repeat;
}
.home #content section.tweets .aktt_more_updates{
display:none;
}

.home #content section.tweets #ctf .ctf-item{
    padding: 40px 5px 20px 5px;
    max-width: 700px;
    margin: auto;
}
.home #content section.tweets #ctf .ctf-tweet-actions a{
    float: none;
    display: inline-block;
    margin-top: 10px;
}
.home #content section.tweets #ctf .ctf-header,
.home #content section.tweets #ctf .ctf-author-avatar,
.home #content section.tweets #ctf.ctf-styles .ctf-twitterlink,
.home #content section.tweets #ctf #ctf-more{ 
    display: none !important; 
}
.home #content section.tweets #ctf .ctf-context,
.home #content section.tweets #ctf .ctf-author-box,
.home #content section.tweets #ctf .ctf-tweet-content,
.home #content section.tweets #ctf .ctf-tweet-actions{
    margin-left: 0 !important;
}



.home #content section.social > h2{
display: block;
line-height: 22px;
padding: 24px 0 0;
height: 50px;
}
.home #content section.social > h2 a{
display:inline-block;
margin:0 7px;
width:22px;
height:22px;
overflow:hidden;
text-indent:-9999px;
background:url(images/ui/icons-social.png) 0 0 no-repeat;
}
.home #content section.social > h2 a.facebook{
background-position:3px 0;
}
.home #content section.social > h2 a.twitter{
background-position:-40px 0;
}
.home #content section.social > h2 a.linkedin{
background-position:-90px 0;
}
.home #content section.social > h2 a.email{
background-position:-139px 0;
}


body > footer{
padding:30px 0 10px;
color:#3d3d3d;
}
body > footer a{
color:#3d3d3d;
text-decoration:none;
}
body > footer ul.nav{
margin:0;
padding:0;
list-style:none;
text-align:center;
}
body > footer ul.nav li{
display:inline;
margin:0 17px;
}
body > footer ul.nav li a{
color:#4b4b4b;
text-decoration:none;
text-transform:uppercase;
}
body > footer > div{
text-align:center;
padding:20px 0 10px;
margin:0 50px;
font-size:12px;
line-height:1.4em;
}
body > footer > div p{
margin:0;
}

body > footer > div.title{
font-size:22px;
line-height:24px;
font-family: 'casperregular';
padding:0;
margin:5px 0 35px;
}



body > footer section.social{
background: url(images/ui/section-heading-bg.png) center 36px no-repeat;
position: relative;
}
body > footer section.social > h2{
display: block;
text-align:center;
line-height: 22px;
margin:0 auto;
padding: 24px 0 0;
height: 50px;
width:258px;
background:#FFF;
}
body > footer section.social > h2 a{
display:inline-block;
margin:0 10px;
width:22px;
height:22px;
overflow:hidden;
text-indent:-9999px;
background:url(images/ui/icons-social.png) 0 0 no-repeat;
}
body > footer section.social > h2 a.facebook{
background-position:5px 0;
}
body > footer section.social > h2 a.twitter{
background-position:-40px 0;
}
body > footer section.social > h2 a.linkedin{
background-position:-90px 0;
}
body > footer section.social > h2 a.googleplus{
background-position:-138px 0;
}
body > footer section.social > h2 a.email{
background-position:-188px 0;
width:23px;
}







.fancybox-skin{
background:#FFF;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#gallery-popup{
width:785px;
height:774px;
padding:41px 0 0;
position:relative;

margin:0;
}

#gallery-popup .slides{
width:512px;
height:600px;
margin:0 auto;
overflow:hidden;
}
#gallery-popup .slides > div{
width:512px;
height:600px;
background:#FFF;
}
#gallery-popup .slides > div img{
width:472px;
height:472px;
padding:19px;
margin:0 0 10px;
border:solid 1px #949494;
}
#gallery-popup .slides > div p,
#gallery-popup .slides > div h2{
margin:0 43px;
font-size:14px;
line-height:18px;
}
#gallery-popup .thumbs{
padding:8px 0 0;
margin:0 0 0 17px;
}
#gallery-popup .thumbs .nav{
overflow:hidden;
}
#gallery-popup .thumbs .nav img {
    display: block;
    float: left;
    padding: 7px;
    margin: 0 5px 0 0;
    border: solid 1px #949494;
    max-width: 113px;
}
#gallery-popup #gallery-prev,
#gallery-popup #gallery-next{
top: 282px;
}
#gallery-popup #gallery-prev{
left:48px;
}
#gallery-popup #gallery-next{
right:48px;
}




aside .navigation{
margin:0 0 25px;
}
aside .navigation ul{
list-style:none;
padding:0;
margin:0;
text-align:center;
}
aside .navigation ul li{
font-family: 'casperregular';
font-size:14px;
line-height:14px;
padding:20px 0 18px;
margin:0;
background:url(images/ui/navigation-item-bg.png) center top no-repeat;
}
aside .navigation ul li a{
color:inherit;
}
aside .navigation ul li a.active{
color:#6e924b;
}
aside .navigation ul li:first-child{
background:none;
}

aside .cv p{
margin:0;
}
aside a.download-cv{
display:block;
width:155px;
height:184px;
text-indent:-9999px;
overflow:hidden;

background:url(images/bio/download-cv.png) 0 0 no-repeat}


/* Layout Elements */
.wrap {overflow: hidden}
.wrap aside {
    float: left;
    width: 190px
}
.wrap .main-contents {
    float: left;
    width: 610px;
}
.entry-content p.center {
    text-align: center;
    max-width: 680px;
    margin: 1em auto;
}
.entry-content p.left {
    max-width: 680px;
    margin: 1em auto;
}

/* Contact Page */
.page-id-182 .wpcf7 {
    float: left;
    width: 460px;
    margin: 0 35px 0 75px;
}
.page-id-182 .wpcf7 input,
.page-id-182 .wpcf7 select,
.page-id-182 .wpcf7 textarea {
    width: 360px;
    line-height: 26px;
    border: 1px solid #949494;
    padding: 0 5px;
    background-color: #fff;
}
.page-id-182 .wpcf7 input,
.page-id-182 .wpcf7 select {height: 26px}
.page-id-182 .wpcf7 select {
    padding-right: 0;
    width: 372px;
}
.page-id-182 .wpcf7 textarea {height: 190px}
.page-id-182 .wpcf7 label {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    width: 80px;
    font-weight: bold
}
.page-id-182 .wpcf7 .send input {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border: 1px solid #7d9d5e;
    outline: 1px solid #70954d;
    background-color: #7fa15d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fa15d), to(#618242));
    background-image: -webkit-linear-gradient(top, #7fa15d, #618242);
    background-image:    -moz-linear-gradient(top, #7fa15d, #618242);
    background-image:      -o-linear-gradient(top, #7fa15d, #618242);
    background-image:         linear-gradient(to bottom, #7fa15d, #618242);
    text-shadow: 0 -1px 1px rgba(0,0,0,.4);
    margin-left: 355px;
}
.page-id-182 .links {
    float: left;
    list-style: none;
    margin: 0;
    padding: 20px;
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
    background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
    background-image:    -moz-linear-gradient(top, #ffffff, #f6f6f6);
    background-image:      -o-linear-gradient(top, #ffffff, #f6f6f6);
    background-image:         linear-gradient(to bottom, #ffffff, #f6f6f6);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.33);
          box-shadow: 0px 1px 2px 0px rgba(0,0,0,.33);
}
.page-id-182 .links li:last-child {margin-bottom: 0}
.page-id-182 .links li {
    padding: 0;
    background: none
}
.page-id-182 .links li a {
    font-size: 14px;
    color: #4b4b4b;
    padding-left: 40px;
    background: url('images/ui/social-circle.png') no-repeat 0 0;
    display: inline-block;
    height: 32px;
    line-height: 32px;
}
.page-id-182 .links li.twitter a {background-position: 0 -32px}
.page-id-182 .links li.linkedin a {background-position: 0 -64px}
.page-id-182 .links li.plus a {background-position: 0 -96px}

/* Writing page */
aside.writing {
    margin-right: 18px;
    background-color: #e1e1e1
}
aside.writing h3 {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 10px;
    padding: 8px 0 6px;
    border-top: 4px solid #5d5c5c;
    border-bottom: 2px solid #2f2d2d;
    background-color: #4b4848;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4848), to(#363333));
    background-image: -webkit-linear-gradient(top, #4b4848, #363333);
    background-image:    -moz-linear-gradient(top, #4b4848, #363333);
    background-image:      -o-linear-gradient(top, #4b4848, #363333);
    background-image:         linear-gradient(to bottom, #4b4848, #363333);
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px 0px #000;
    box-shadow: 0 1px 2px 0px #000;
}
aside.writing ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}
aside.writing ul.sub.sort,
aside.writing ul.sub.sort a {background-color: #e1e1e1}

aside.writing li {
    margin: 0;
    border-top: 1px solid #f6f6f6;
    display: table;
    position: relative;
    width: 190px;
}
aside.writing li a {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #373434;
    width: 180px;
    padding: 10px 5px 8px;
    border-top: 1px solid #9b9a9a;
    background-color: #e3e3e3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#cacaca));
    background-image: -webkit-linear-gradient(top, #e3e3e3, #cacaca);
    background-image:    -moz-linear-gradient(top, #e3e3e3, #cacaca);
    background-image:      -o-linear-gradient(top, #e3e3e3, #cacaca);
    background-image:         linear-gradient(to bottom, #e3e3e3, #cacaca);
    display: table-cell;
    vertical-align: middle;
}
aside.writing li a:hover, aside.writing li a.active {
    text-decoration: none;
    border-top: 1px solid #b7cba0;
    background-color: #77995a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#98b678), to(#77995a));
    background-image: -webkit-linear-gradient(top, #98b678, #77995a);
    background-image:    -moz-linear-gradient(top, #98b678, #77995a);
    background-image:      -o-linear-gradient(top, #98b678, #77995a);
    background-image:         linear-gradient(to bottom, #98b678, #77995a);
    color: #fff;
}
aside.writing ul.sub {background-color: #e9e9e9}
aside.writing ul.sub li {border: none}
aside.writing ul.sub a {
    color: #3f3c3c;
    font-size: 13px;
    font-weight: normal;
    background: #e9e9e9 url('images/ui/line-sub.png') no-repeat center bottom;
    border: none;
}
aside.writing ul.sub a:hover {color: black;}
aside.writing ul.sub li:last-child a {background-image: none}
aside.writing li ul.sub {display: none}
aside.writing ul.sub li:last-child {padding-bottom: 5px}

.page-id-141 .wrap,
.page-id-144 .wrap,
.page-id-194 .wrap {
    margin: 20px auto 0;
    width: 820px;
}
.page-id-141 section.category,
.page-id-194 section.category,
.page-id-144 section.category {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
  background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
  background-image:    -moz-linear-gradient(top, #ffffff, #f6f6f6);
  background-image:      -o-linear-gradient(top, #ffffff, #f6f6f6);
  background-image:         linear-gradient(to bottom, #ffffff, #f6f6f6);
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin: 20px 0 45px;
  padding: 25px;
}
.page-id-141 section.category h2,
.page-id-144 section.category h2,
.page-id-194 section.category h2 {
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #4b4b4b;
    background: url('images/ui/line.png') repeat-x left center;
    margin: -38px -25px 0;
}
.page-id-141 section.category h2 span,
.page-id-144 section.category h2 span,
.page-id-194 section.category h2 span {
    background: #fff;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
}
section.category .entry-content {overflow: hidden}
section.category .entry-content .figure {
    float: left;
    width: 108px;
    /*height: 143px;*/
    border: 1px solid #9f9f9f;
    padding: 5px 0;
    margin: 0 25px 0 20px;
    text-align: center;
}
.page-template-speaking-past-php section.category .entry-content .figure,
.page-template-speaking-future-php section.category .entry-content .figure
{
border:0;
}
section.category article {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #a4a4a4
}
section.category article:last-child {
    border: none;
    padding: 0;
}
section.category .entry-content .excerpt {
    float: left;
    width: 400px;
}
section.category .entry-content .excerpt p {
    font-size: 14px;
    color: #232323
}
section.category .entry-content .excerpt h3 {
    border: none;
    margin: 0;
}
section.category .entry-content .excerpt h3 a {
    text-transform: uppercase;
    color: #6e924b;
    font-size: 16px;
}

.page-future-events .event,
.page-past-events .event
{
padding: 15px 0;
}
.page-future-events .event + .event,
.page-past-events .event + .event
{
border-top: solid 1px #a4a4a4;
}



/* Basic Page Template */
.basic-page .entry-content {
    width: 657px;
    overflow: hidden;
    margin: 50px auto 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #a4a4a4;
}
.page.blog article:first-child .entry-content {margin-top: 22px} /* matching the right sidebar */
.basic-page article:last-child .entry-content {border: none}

.basic-page .entry-content .figure {
    float: left;
    width: 180px;
    padding: 10px;
    margin-right: 25px;
    border: 1px solid #a4a4a4;
    text-align: center;
}
.basic-page .entry-content .figure:before{
content: "";
display: inline-block;
height: 180px;
width: 0;
vertical-align: middle;
}
.basic-page .entry-content .figure img{
display: inline-block;
vertical-align: middle;
height: auto;
}
.basic-page .entry-content .excerpt {
    float: left;
    width: 400px;
}
.basic-page .entry-content .excerpt h3 {
    margin: 0;
    border: none;
    font-size: 18px
}
.basic-page a.read-more {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #383838;
    padding-left: 20px;
    background: url('images/ui/icon-more.png') no-repeat left center;
}
.basic-page article.teaching .figure{
text-align: center;
height: 180px;
width: 200px;
padding-left: 0;
padding-right: 0;
}
.basic-page article.teaching .figure:before{
content: "";
display: inline-block;
width: 0;
height: 180px;
vertical-align: middle;
}
.basic-page article.teaching .figure img{
display: inline-block;
vertical-align: middle;
}



/* Blog Post Template */
.blogpost .entry-title {margin-top: 49px}
.blogpost h1 {
    font-size: 24px;
    margin-top: 2em;
}
.blogpost h2 {
    font: normal 22px 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 1em;
}
.blogpost p.wp-caption-text {
    margin: 0;
    text-align: right;
}
.blogpost #social {
    border-top: 1px solid #999;
    padding-top: 20px;
}
#content.innerpost article {
    width: 810px;
}
.centered {
    margin: 0 auto;
    display: block;
}
img.centered {max-height: 400px}

/* Blog Post Sidebar */
.widget_recent_entries h3.module-title {
    font: normal 18px 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-top: 22px;
}
.widget_recent_entries ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.widget_recent_entries li {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    background: url('images/ui/navigation-item-bg.png') no-repeat center top
}
.widget_recent_entries a {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}
/* Gallery page & Headshots page */
.page-id-75 .main-contents,
.page-id-169 .main-contents {
    overflow: hidden;
    width: 840px;
    padding: 21px 0 0;
    margin: 0 auto;
}
.main-contents .gallery a.album {
    position: relative;
}
.main-contents .gallery a.album:after,
.gallery .gallery-icon a:after {
    content: url(images/ui/icon-home-gallery-hover.png);
    display: none;
    width: 48px;
    height: 48px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin: 25px 0 0 60px;
    z-index: 10;
    cursor: pointer;
}
.main-contents .gallery a.album:hover:after,
.gallery .gallery-icon a:hover:after {
    display: block;
}
.page-id-169 .main-contents .gallery a.album:hover:after,
.page-id-169 .gallery .gallery-icon a:hover:after {
    display: none;
}

#lightbox-nav-btnNext {
    background: url('/wp-content/plugins/lightbox-gallery/images/lightbox-btn-next.gif') 100% 45% no-repeat !important;
    display: none !important;
}
#lightbox-nav-btnPrev {
    background: url('/wp-content/plugins/lightbox-gallery/images/lightbox-btn-prev.gif') 0 45% no-repeat !important;
    display: none !important;
}
#lightbox-nav:hover #lightbox-nav-btnNext,
#lightbox-nav:hover #lightbox-nav-btnPrev {
    display: block !important;
}}

/* Gallery Post page */
.gallery {overflow: hidden}
.gallery .gallery-item,
.gallery .gallery-icon {
    width: 168px;
    height: 168px;
    overflow: hidden
}

.gallery .gallery-icon a{
display: block;
width: 168px;
height: 168px;
position: relative;
text-align: center;
}
.gallery .gallery-icon a:before{
content: "";
display: inline-block;
width: 0;
height: 168px;
vertical-align: middle;
}
.gallery .gallery-icon a img{
display: inline-block;
vertical-align: middle;
}
.gallery .gallery-icon a:hover:after{
left: 50%;
top: 50%;
margin: -24px auto auto -24px;
}



.index-gallery .gallery-icon {
    width: 336px;
    height: 192px;
    overflow: hidden
}

.tpl-gallery .index-gallery .gallery-item{
width: 356px;
height: 336px;
overflow: hidden;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.tpl-gallery .index-gallery .gallery-item:before{
content: "";
display: inline-block;
width: 0;
height: 336px;
vertical-align: middle;
}
.tpl-gallery .index-gallery .gallery-item a{
display: inline-block;
vertical-align: middle;
}
.tpl-gallery .index-gallery .gallery-item a img{
display: inline-block;
vertical-align: middle;
}


.galleries{
width: 840px;
padding: 21px 0 0;
margin: 0 auto;
}
.galleries > article + article{
margin-top:20px;
}
.galleries > article:after{
content: "";
display: table;
clear: both;
}
.galleries > article.illustrated{
padding-left: 378px;
}
.galleries > article.illustrated figure{
float: left;
margin-left: -378px;
}
.galleries > article.illustrated figure a{
display: block;
width: 336px;
height: 336px;
padding: 10px;
border: solid 1px #949494;
text-align: center;
}
.galleries > article.illustrated figure a:before{
content: "";
display: inline-block;
width: "";
height: 336px;
vertical-align: middle;
}
.galleries > article.illustrated figure a img{
display: inline-block;
vertical-align: middle;
}


/* Headshots Gallery */

article .gallery{
text-align: center;
}
.gallery .gallery-item {
padding: 10px;
border: solid 1px #949494;
margin: 0 8px 13px;
display: inline-block;
float: none;
}
article.gallery .gallery{
text-align: center;
}
article.gallery .gallery .gallery-item{
display: inline-block;
float: none;
margin: 0 10px 17px;
}

article.gallery .gallery .gallery-item,
article.gallery .gallery .gallery-icon,
article.gallery .gallery .gallery-icon a
{
width: 168px;
height: 168px;
}
article.gallery .gallery .gallery-icon a{
display: block;
text-align: center;
position: relative;
}
article.gallery .gallery .gallery-icon a:before{
content: "";
display: inline-block;
width: 0;
height: 168px;
vertical-align: middle;
}
article.gallery .gallery .gallery-icon a:hover:after{
left: 50%;
top: 50%;
margin: -24px auto auto -24px;
}
article.gallery .gallery .gallery-icon a img{
display: inline-block;
vertical-align: middle;
width: auto;
height: auto;
}


.gallery .gallery-icon a {
    display: block;
    position: relative;
}
.gallery .gallery-icon a img {
    max-width: 100%;
}
.gallery.page .entry-title {
    margin-top: 1em;
}
.gallery.page .entry-title span {
    background-color: #fff;
    padding: 0 10px;
}
.gallery.page .entry-content {
    width: 850px;
    margin: 0 auto;
}

.gallery .item {
    overflow: hidden;
    margin-bottom: 20px;
}
.gallery .item h3 {
    text-transform: uppercase;
}
#lightbox-image-details .imagecaption {text-transform: uppercase}

.entry-meta .meta-sep, .entry-meta .author.vcard, p.aktt_credit {display: none}

p.attachment span {display: block}
p.attachment a {
    display: inline-block;
    padding-left: 45px;
    line-height: 45px;
    background: url('images/ui/attachment.png') no-repeat;
    color: #000;
    margin-top: 2px;
}

.philItem .article {
    padding: 40px;
}

.philItem .article h3 a {
    font-size: 18px;
    font-family: 'casperregular';
    text-transform: uppercase;
    line-height: 1.2em;
}

.philItem .article p {
    font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;
    line-height: 1.25em;
    font-size: 16px;
}

.philItem .article p.data {
    font-size: 80%;
}

.philItem .article p.citation {
    margin-top: 15px;
}

.philItem .article p.source {
    margin-bottom: 15px;
}

.blogpost .bad_samaritan_law, .bad_samaritan_law h2, .bad_samaritan_law h3 {
    font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;
    font-size: 16px;
}

.bad_samaritan_law h2 {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCC;
    font-size: 22px;
}

.bad_samaritan_law h3 {
    padding-top: 15px;
    text-align: center;
    font-weight: bold;
    color: #999;
}

.bad_samaritan_law .source {
    color: #91A26E;
    margin-top: 25px;
}

.bad_samaritan_law .source a {
    text-decoration: underline;
}

.bad_samaritan_law .body {
    padding: 40px 0;
    border-bottom: 2px solid #91A26E;
}

.bad_samaritan_law .body #translation {
    padding: 20px;
    border: 2px solid #91A26E;
    margin-top: 20px
}

.show_translation, .hide_translation {
    padding: 20px;
    text-align: center;
}

.show_translation a, .hide_translation a{
    color: #91A26E;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.bad_samaritan_law .dates {
    background-color: #E9EFE5;
    padding: 40px;
    margin-top: 30px;
}

.bad_samaritan_law .dates .title {
    color: #91A26E;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0;
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

/* module alphabet 
    Fixed responsive
*/

@media(max-width: 768px) {
    /* .page-template-template-glossary #content{
        width: unset!important;
    } */
    
    /* .page-template-template-glossary footer {
        width: unset!important;
    }
    
    .page-template-template-glossary header {
        width: unset!important;
    } */
}

@media(min-width: 768px) {
    .m_alphabet {
        display: grid;
        grid-template-columns: 35% auto;
        grid-gap: 2rem;
    }
}

.m_alphabet .section-two {
    margin-top: 3rem;
}

.m_alphabet .alphabet.all {
    background-color: #6e924b14;
    text-align: center;
    line-height: 30px;
    width: 35px;
    height: 30px;
    margin-bottom: 3px;
}

.m_alphabet .alphabet.all a {
    color: #323a2b!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    font-size: 14px!important;
}

.m_alphabet h2 {
    margin-top: 1rem!important;
}

.m_alphabet h3 {
    text-transform: initial!important;
}

.m_alphabet h2, .m_alphabet h3 {
    border: none!important;
}

.m_alphabet .result-alphabetical {
    border-top: 1px solid;
}

.m_alphabet .left h3{
    color: #6e924b;
    text-transform: uppercase!important;
}

.m_alphabet .left .section-one .content {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 3px;
}

.m_alphabet .left .section-one .content .alphabet {
    background-color: #6e924b14;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

.m_alphabet .left .section-one .content .alphabet a {
    color: #323a2b!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    font-size: 14px!important;
}

.m_alphabet .left .section-two dl.m_filter-list>dt>button.toggle-all>span.title {
    font-size: 1rem!important;
}

@media(max-width: 768px) {
    .m_alphabet .right {
        padding: 1rem;
    }
}

.m_alphabet .right h2, .m_alphabet h3 {
    font-weight: bold!important;
}


.m_alphabet .right .letter-url {
    text-transform: uppercase;
    font-weight: bold;
}