/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,var,hr,acronym,dl,dt,dd,ol,ul,li,pre,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{border:0;outline:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;margin:0;padding:0;-webkit-text-size-adjust:100%;}em,strong,b,i,a,span,sub,sup,small{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}a:focus{outline:0}:focus,:active{outline:none;outline:0}::-moz-focus-inner{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li{list-style:none}a{text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border-top:1px solid #000;color:#000}input,select{vertical-align:middle;}sub{vertical-align:sub;font-size:smaller;line-height:0px}sup{vertical-align:super;font-size:smaller;line-height:0px}input,button,textarea,select,label,img{display:inline-block;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}textarea{resize:none;}button,a span{cursor:pointer}button{border:0;text-align:center;}body,input,button,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}table{table-layout:fixed;}a[href^=tel]{ color:inherit;} /* != CLEAR ELEMENTS */ .clear{clear: both;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix{display:inline-table;} * html .clearfix{height:1%;}/* Hides from IE-mac \*/ .clearfix{display:block;}/* Hides from IE-mac \*/ * html .clearfix{zoom:1;}/* IE6 */ *:first-child+html .clearfix{zoom:1;}/* IE7 */ #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 18, 2014 */ @font-face { font-family: 'halis'; src: url('../fonts/font-face-kit/ahmet_altun_-_halisgr-light-webfont.eot'); src: url('../fonts/font-face-kit/ahmet_altun_-_halisgr-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-light-webfont.woff') format('woff'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-light-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-light-webfont.svg#halis_grlight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'halis'; src: url('../fonts/font-face-kit/ahmet_altun_-_halisgr-regular-webfont.eot'); src: url('../fonts/font-face-kit/ahmet_altun_-_halisgr-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-regular-webfont.woff') format('woff'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-regular-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-regular-webfont.svg#halis_gr_regularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'halis'; src: url('../fonts/font-face-kit/ahmet_altun_-_halisgr-bold-webfont.eot'); src: url('../fonts/font-face-kit/ahmet_altun_-_halisgr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-bold-webfont.woff') format('woff'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-bold-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/ahmet_altun_-_halisgr-bold-webfont.svg#halis_grbold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'crimson'; src: url('../fonts/font-face-kit/crimson-semibold-webfont.eot'); src: url('../fonts/font-face-kit/crimson-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/crimson-semibold-webfont.woff') format('woff'), url('../fonts/font-face-kit/crimson-semibold-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/crimson-semibold-webfont.svg#crimsonsemibold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'crimson'; src: url('../fonts/font-face-kit/crimson-bold-webfont.eot'); src: url('../fonts/font-face-kit/crimson-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/crimson-bold-webfont.woff') format('woff'), url('../fonts/font-face-kit/crimson-bold-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/crimson-bold-webfont.svg#crimsonbold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'calendas'; src: url('../fonts/font-face-kit/calendas_plus-webfont.eot'); src: url('../fonts/font-face-kit/calendas_plus-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/calendas_plus-webfont.woff') format('woff'), url('../fonts/font-face-kit/calendas_plus-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/calendas_plus-webfont.svg#calendas_plusregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'crimson'; src: url('../fonts/font-face-kit/crimson-roman-webfont.eot'); src: url('../fonts/font-face-kit/crimson-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-face-kit/crimson-roman-webfont.woff') format('woff'), url('../fonts/font-face-kit/crimson-roman-webfont.ttf') format('truetype'), url('../fonts/font-face-kit/crimson-roman-webfont.svg#crimsonroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "jack-social"; src:url("../fonts/JackSocial/jack-social.eot"); src:url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.woff") format("woff"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icons'; src:url('../fonts/practice-icons/practice-icons.eot?-gon4yo'); src:url('../fonts/practice-icons/practice-icons.eot?#iefix-gon4yo') format('embedded-opentype'), url('../fonts/practice-icons/practice-icons.woff?-gon4yo') format('woff'), url('../fonts/practice-icons/practice-icons.ttf?-gon4yo') format('truetype'), url('../fonts/practice-icons/practice-icons.svg?-gon4yopractice-icons') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ html, body { background:#2A2A2A;font:13px/20px 'halis',Arial, sans-serif;color:#000;position:relative;z-index:1;height:100%} a {color:#A01E32} /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ /* ::selection { background: #aaa; color: #fff; } ::-moz-selection { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */ /* != ICON FONT DECLARATION ===== */ [data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-email:before { content: "a"; } .social-email-round:before { content: "A"; } .social-facebook:before { content: "f"; } .social-facebook-round:before { content: "F"; } .social-flickr:before { content: "c"; } .social-flickr-round:before { content: "C"; } .social-googleplus:before { content: "g"; } .social-googleplus-round:before { content: "G"; } .social-instagram:before { content: "i"; } .social-instagram-round:before { content: "I"; } .social-linkedin:before { content: "l"; } .social-linkedin-round:before { content: "L"; } .social-pinterest:before { content: "p"; } .social-pinterest-round:before { content: "P"; } .social-rss:before { content: "r"; } .social-rss-round:before { content: "R"; } .social-sharethis:before { content: "s"; } .social-sharethis-round:before { content: "S"; } .social-twitter:before { content: "t"; } .social-twitter-round:before { content: "T"; } .social-vimeo:before { content: "v"; } .social-vimeo-round:before { content: "V"; } .social-yelp:before { content: "x"; } .social-yelp-round:before { content: "X"; } .social-youtube:before { content: "y"; } .social-youtube-round:before { content: "Y"; } .social-youtube2:before { content: "u"; } .social-youtube2-round:before { content: "U"; } [class^="icon-"], [class*=" icon-"] { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "\e600"; } .icon-cross:before { content: "\e601"; } .icon-list:before { content: "\e602"; } .icon-arrow-left:before { content: "\e603"; } .icon-arrow-down:before { content: "\e604"; } .icon-arrow-up:before { content: "\e605"; } .icon-arrow-right:before { content: "\e606"; } /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto 10px; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } div.wp-caption img { display: block; margin: 5px auto } strong {font-weight:500} /* != GLOBAL STYLES ===== */ .btn {padding:3px;display:inline-block} .btn span {font-size:11px;font-weight:500;text-transform:uppercase;border:1px solid #B85262;padding:2px 8px;display:block} .btn.red {background:#A31F33;color:#fff;} .btn:hover {-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.5);box-shadow: 0 0 8px 1px rgba(0,0,0,.5);text-decoration:none !important} .btn:hover span {text-decoration:none !important} /* != LAYOUT STYLES ===== */ .centered {width:1024px;margin:0 auto;padding:0 18px} #header {position:relative;z-index:10;background:#fff;width:100%;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);} #header .centered {width:1024px;} #header #logos {height:62px;width:1024px;position:relative;padding-top:28px} #header #logo_harvard {position:absolute;left:0} #header #logo_practice {margin-left:-155px;position:absolute;left:50%} #header #btn_subscribe {position:absolute;right:0} #header #menu {height:46px;background:#2A2A2A;width:100%} #header #menu .centered {width:1024px;position:relative} #header #menu .menu_left {height:46px;border-left:1px solid #494949;position:absolute;left:18px;font-size:0;line-height:0} #header #menu .menu_center {width:600px;position:absolute;left:50%;margin-left:-300px;text-align:center;padding:8px 0;line-height:16px} #header #menu .menu_center .title {font-size:16px;color:#fff;font-weight:500;text-transform:uppercase;display:block;line-height:16px} #header #menu .menu_center .volume {font-size:10px;color:#bdbdbd;text-transform:uppercase;line-height:16px} #header #menu .menu_center .title-only {font-size:16px;color:#fff;font-weight:500;text-transform:uppercase;display:block;line-height:32px} #header #menu .menu_right {height:46px;position:absolute;right:18px;border-right:1px solid #494949;font-size:0;line-height:0;} #header #menu .icon-link {display:inline-block;height:46px;line-height:46px;color:#C9C9C9;padding:0 15px;font-size:20px;} #header #menu .menu_left .icon-link {border-right:1px solid #494949;} #header #menu .menu_right .icon-link {border-left:1px solid #494949;} #header #menu a.login {border-left:1px solid #494949;display:inline-block;height:46px;line-height:48px;vertical-align:top;color:#C9C9C9;padding:0 15px;font-size:11px;font-weight:500;position:relative;} #header #menu a:hover {color:#fff} #header #menu .icon-link.icon-list {width:48px;padding:0;text-align:center;} #header #menu .icon-link.icon-list.open:before {content: "\e601";color:#fff;font-size:26px;line-height:43px;vertical-align:bottom} #header #menu .icon-link.icon-list.open {background:#A31F33;} #header #menu .menu_left #search-link.on {background:#A31F33;color:#fff} #header.small > .centered {display:none} #header.small #menu {position:fixed;top:0;left:0} #header.small+#content .centered {padding-top:150px} #content {background:#A31F33;position:relative;z-index:5;min-height:800px} #content h2 {font:38px/38px 'Crimson',Georgia,serif;color:#a51c30;margin-bottom:20px} #content h4 {font-size:20px;color:#474747;line-height:24px;font-weight:500;text-transform:uppercase;margin-bottom:20px} #content h5 {font-size:18px;color:#2b2b2b;line-height:20px;font-weight:500;margin-bottom:10px} #content h6 {font-size:15px;color:#474747;line-height:20px;font-weight:500;text-transform:uppercase;margin-bottom:10px} #content .centered {padding:20px 18px 50px} #table-of-contents {position:absolute;width:100%;z-index:15;display:none;padding:20px 0 40px} #table-of-contents.toc .centered {padding-bottom:40px} #table-of-contents h2 {color:#fff;width:100%;text-align:center;font-size:52px;line-height:54px} #table-of-contents h5 {text-transform:uppercase;width:100%;text-align:center} #table-of-contents .articles-index {width:100%;margin:30px 0} #table-of-contents .articles-index #cover {float:left;margin-top:10px;margin-left:5%;-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);box-shadow: 0 0 20px 0 rgba(0,0,0,.2);} #table-of-contents .articles-index ul {width:620px;float:right;padding-right:20px} #table-of-contents .articles-index ul li {border-top:1px solid #BE7A83;padding:14px 0 10px} #table-of-contents .articles-index ul li:first-child {border-top:none} #table-of-contents .articles-index ul li p {font-size:15px;color:#ffa7b4;line-height:18px;margin-bottom:2px} #table-of-contents .articles-index ul li a {font-size:18px;font-weight:500;color:#fff} #table-of-contents .covers-index {} #table-of-contents .covers-index .year {} #table-of-contents .covers-index .year h2 {font-size:58px;line-height:58px} #table-of-contents .covers-index .year ul {width:750px;text-align:center;margin:20px auto} #table-of-contents .covers-index .year ul li {display:inline-block;width:226px;margin:0 10px 20px;height:304px;position:relative;-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);box-shadow: 0 0 20px 0 rgba(0,0,0,.2);} #table-of-contents .covers-index .year ul li a {display:inline-block;width:226px;height:304px;position:absolute;top:0;left:0} #table-of-contents .covers-index .year ul li a > span {display:none;background:#fff;display:inline-block;width:196px;height:174px;position:absolute;top:0;left:0;z-index:11;text-align:center;padding:90px 15px 40px} #table-of-contents .covers-index .year ul li a img {position:absolute;top:0;left:0;z-index:12} #table-of-contents .covers-index .year ul li.on a img {display:none;} #table-of-contents .covers-index .year ul li a > span .title {font:28px/28px 'Crimson',Georgia,serif;color:#a51c30;display:block;margin-bottom:10px} #table-of-contents .covers-index .year ul li a > span .volume {font-size:12px;color:#2b2b2b;line-height:14px;font-weight:500;text-transform:uppercase;display:block} #table-of-contents .covers-index .year ul li a > span .viewing {position:absolute;bottom:40px;width:200px;left:50%;margin-left:-100px;font-size:13px;color:#2b2b2b;line-height:14px;font-weight:500;text-transform:uppercase;} .small_cover {width:226px;height:304px} #table-of-contents .search {} #table-of-contents .search h2 {font-size:58px} #table-of-contents .search form {width:482px;margin:20px auto;position:relative} #table-of-contents .search form input[type=text] {width:430px;border:1px solid #fff;background:#A31F33;height:40px;padding:0 40px 0 10px;font:24px/28px 'Crimson',Georgia,serif;color:#fff} #table-of-contents .search form input[type=text]:focus {-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);box-shadow: 0 0 20px 0 rgba(0,0,0,.2);} #table-of-contents .search form button {color:#fff;background:none;border:none;position:absolute;top:8px;right:10px;font-size:22px} .bg-red {position:absolute;width:100%;background:rgba(163,31,51,.95);height:1200px;z-index:8;display:none} #table-of-contents .search-articles {width:900px;margin:0 auto} #table-of-contents .search-articles ul {} #table-of-contents .search-articles ul li {border-top:1px solid #BE7A83;padding:20px 20px 15px;position:relative;} #table-of-contents .search-articles ul li div {display:inline-block;width:760px;padding-left:30px;vertical-align:middle} #table-of-contents .search-articles ul li img {display:inline-block;vertical-align:middle} #table-of-contents .search-articles ul li:first-child {border-top:none} #table-of-contents .search-articles ul li p {font-size:15px;color:#ffa7b4;line-height:18px;margin-bottom:2px} #table-of-contents .search-articles ul li a {font-size:18px;font-weight:500;color:#fff} #content section {background:#fff;margin-bottom:20px} #content section.col-full, section.col-full-side {width:100%;position:relative} #content section article {width:100%;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);box-shadow: 0 0 3px 0 rgba(0,0,0,.1);} #content section a:hover article {-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.6);box-shadow: 0 0 6px 0 rgba(0,0,0,.6);} #content section article .caption {width:60%;text-align:center;margin:0 auto;padding:15px 0 25px} #content section article .caption h6 {font:46px/46px 'Crimson',Georgia,serif;color:#a51c30;margin-bottom:15px;text-transform:none} #content section article .caption p {color:#000;font-size:18px;line-height:24px;font-weight:500} .tax-issue #content section article .caption h6 {margin-bottom:20px;} .tax-issue #content section.col-full-side article .caption h6, .tax-issue #content section.col-two article .caption h6 {margin-bottom:30px} #content section.col-full-side article {height:278px} #content section.col-full-side img {position:absolute;top:0;right:0} #content section.col-full-side .mobile-image {display:none} #content section.col-full-side .caption {width:516px;margin:0;padding:40px} #content section.col-full-side article .caption h6 {font:38px/38px 'Crimson',Georgia,serif;color:#a51c30;margin-bottom:10px} #content section.col-full-side article .caption p.subhead {font-size:18px;font-weight:500;margin-bottom:10px} #content section.col-full-side article .caption p {color:#000;font-size:14px;line-height:22px;font-weight:normal} #content section.col-adv article {line-height:0;font-size:0} #content section.col-two {background:none} #content section.col-two article {width:507px;float:right;background:#fff} #content section.col-two article.left {float:left} #content section.col-two article .caption {text-align:left;width:427px;padding:40px;height:200px} #content section.col-two article .caption h6 {font-size:32px;line-height:32px} #content section.col-two article .caption p {font-size:15px;line-height:20px;} .single-article #content {background:#303030} #content article.container {background:#fff;padding:0 0 50px} #content article.container.error {padding:10px;margin-bottom:30px} #content article.container.error .error-wrap {border:2px solid #A31F33;padding:20px 40px 10px} #content article.container .article-img {display:block} #content article.container .article .article-title {background:#A31F33;color:#fff;padding:20px 160px;text-align:center} #content article.container .article .article-title h2 {font:44px/50px 'Crimson',Georgia,serif;color:#fff;margin-bottom:20px} #content article.container .article .article-title p.subhead {font-size:18px;line-height:24px;font-weight:400;margin-bottom:10px} #content article.container .article .article-content {padding:30px 50px 0} .single-article #content article.container .article .article-content {padding:30px 95px 0} #content article.container .article .article-content ul {margin:10px 0 20px 40px} #content article.container .article .article-content ul li {padding:3px 0 3px 15px;display:block;position:relative} #content article.container .article .article-content ul li:before {content:'•';color:#A21F33;position:absolute;top:2px;left:0px;font-size:18px;font-weight:500} #content article.container .article .article-content p {padding:0 0 10px;margin:0 0 10px;} #content article.container .article .article-content a:hover {text-decoration:underline} #content article.container .article .article-content ol {margin:10px 0 20px 55px;list-style:decimal} #content article.container .article .article-content ol li {padding:3px 0;list-style:decimal} #content article.container .article .article-content ul.it-exchange-messages {margin: 10px 0} #content article.container .article .article-content ul.it-exchange-messages li {padding:3px 0 3px 0px;display:block;position:relative} #content article.container .article .article-content ul.it-exchange-messages li:before {content:'';display:none} #content article.container .article .article-content {font-size:16px;line-height:24px;} .page-template #content article.container .article .article-content p, .single-it_exchange_prod #content article.container .article .article-content p {font-size:14px;line-height:21px;padding:0 0 10px;margin:0 0 10px;color:#000} #content article.container .article .article-content h3 {font:30px/32px 'Crimson',Georgia,serif;color:#a51c30;margin:20px 0 15px;} #content article.container .article .article-content .wp-caption {border:3px solid #EFEFEF;margin:20px 0} #content article.container .article .article-content .wp-caption.aligncenter {margin: 20px auto;} #content article.container .article .article-content .wp-caption p {margin:0} #content article.container .article .article-content .wp-caption .wp-caption-text {font-size:13px;line-height:16px;color:#303030;padding:20px 30px;background:#EFEFEF} #content article.container .article .article-content blockquote {background:#EFEFEF;color:#000;font:21px/28px 'Crimson',Georgia,serif;width:420px;padding:25px 75px 25px 60px; float:right;position:relative;right:-95px;clear:left;margin:10px 0 20px 10px} #content article.container .article .article-content blockquote p {margin:0;padding:0;display:inline;color:#000} #content article.container .article .article-content blockquote:before {content:'“';display:inline-block;position:absolute;left:22px;font:45px/45px Georgia,serif;color:#a51c30;} #content article.container .article .article-content blockquote:after {content:'”';display:inline-block;font:45px/45px Georgia,serif;color:#a51c30;vertical-align:top;display:inline-block;padding:0 0 0 8px} #content article.container .article .article-content object {display:inline-block;margin:5px 0 20px} #content article.container .article .article-content .breakoutbox {border:3px solid #D0D0D0;margin:20px 0 40px} #content article.container .article .article-content .breakoutbox .title {background:#D0D0D0;padding:20px 30px} #content article.container .article .article-content .breakoutbox .title h3 {margin:0} #content article.container .article .article-content .breakoutbox .content {padding:20px 30px} #content article.container .article .article-content .breakoutbox .content p {/*font-size:18px;line-height:28px;*/color:#000} #content article.container .article .article-content .breakoutbox .content ul li {font-size:16px;line-height:21px;color:#000} #content article.container .article .article-content .breakoutbox.red {border:3px solid #A31F33;} #content article.container .article .article-content .breakoutbox.red .title {background:#A31F33;} #content article.container .article .article-content .breakoutbox.red .title h3 {color:#fff} #content article.container .article .article-content .left-col {width:520px;float:left;padding:20px 0 0} #content article.container .article .article-content .right-col {width:380px;float:right;text-align:right} #content article.container .article .article-content .left-col h2 {text-align:center;margin:0 0 20px} #content article.container .article .article-content .subcribe-meta {width:100%;padding:14px 0;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;margin-bottom:20px} #content article.container .article .article-content .subcribe-meta .s-desc {float:left;} #content article.container .article .article-content .subcribe-meta .s-desc.csoon {font:22px/26px 'Crimson',Georgia,serif;color:#a51c30;} #content article.container .article .article-content .subcribe-meta .s-desc p {font-size:16px;line-height:16px;color:#5B5B5B;font-weight:500;margin:0;padding:0} #content article.container .article .article-content .subcribe-meta .s-price {float:right;font-size:16px;line-height:26px;color:#5B5B5B;margin:0;padding:0;display:inline-block;padding-right:20px;} #content article.container .article .article-content .subcribe-meta .s-price strong {font-weight:500} .my_it_buy-now form {padding:3px;display:inline-block;background:#A31F33;color:#fff;border:none;margin-top:20px} .my_it_buy-now form input[type=submit] {background:#A31F33;font-size:11px;font-weight:500;text-transform:uppercase;border:1px solid #B85262;padding:2px 8px;display:block;line-height:20px;color:#fff} .my_it_buy-now form:hover {-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.5);box-shadow: 0 0 8px 1px rgba(0,0,0,.5);} #content article.container .pagination {border-top:1px solid #DBDBDB;margin:0 95px;padding:20px 0} #content article.container .pagination .pages {display:inline-block;margin-right:10px;font-size:0;line-height:0;border-right:1px solid #DDD;} #content article.container .pagination .pages a {display:inline-block;border-left:1px solid #DDD;border-top:1px solid #DDD;border-bottom:1px solid #DDD;width:40px;height:40px;font-size:18px;line-height:40px;text-align:center;color:#474747;font-weight:500} #content article.container .pagination .pages a.selected, #content article.container .pagination .pages a.selected:hover, #content article.container .pagination > a.selected:hover, #content article.container .pagination > a.selected {background:#A31F33;color:#fff} #content article.container .pagination > a {display:inline-block;border:1px solid #DDD;height:40px;font-size:13px;line-height:40px;text-align:center;color:#474747;font-weight:500;text-transform:uppercase;padding:0 15px} #content article.container .pagination > a.current {background:#A31F33;color:#fff} #content article.container .pagination > a:hover, #content article.container .pagination .pages a:hover {background:#eee} #content article.container .comments {margin:0 95px;} #content article.container .comments h6 {border-top:1px solid #DBDBDB;padding:10px 0;margin-bottom:0} #content article.container .comments h6.leave-comment a {display:block;width:100%;padding:10px 0;color:#474747} #content article.container .comments h6.leave-comment a:after {content:"+";float:right;font-size:30px;font-weight:400;color:#474747} #content article.container .comments h6.leave-comment.open a:after {content:'-';} #content article.container .comments h6.leave-comment a:hover {color:#A31F33} #content article.container .comments h6.leave-comment a:hover:after {color:#A31F33} #content article.container .comments .comment-form {display:none} #content article.container .comments h6.leave-comment.open+.comment-form {display:block} #content article.container .comments .comment-container {border-top:1px solid #DBDBDB;} #content article.container .comments .comment-container h3 {font:30px/32px 'Crimson',Georgia,serif;color:#a51c30;margin:20px 0 15px;} #content article.container .comments .comment-container .cmt {margin:0 0 20px} #content article.container .comments .comment-container .cmt .comment-meta {} #content article.container .comments .comment-container .cmt .comment-meta strong {font-size:13px;line-height:20px;color:#a51c30;font-weight:500;display:inline-block;margin-right:3px} #content article.container .comments .comment-container .cmt .comment-meta span {font-size:12px;line-height:20px;color:#8b8e91;display:inline-block} #content article.container .comments .comment-container .cmt .comment-content {font-size:14px;line-height:20px;color:#303030} #content article.container .comments .comment-container .cmt .comment-content p{margin: 0 0 15px 0;} #content article.container .comments .comment-form .text-area.comment label {display:block;font-weight:500;color:#474747;text-transform:uppercase} #content article.container .comments .comment-form .text-area.comment textarea {width:400px;height:200px;font-size:14px;line-height:20px;color:#303030;padding:10px} #content article.container .comments .comment-form button {padding:3px 1px;display:inline-block;background:#A31F33;color:#fff;border:none;margin:20px 0} #content article.container .comments .comment-form button span {font-size:11px;font-weight:500;text-transform:uppercase;border:1px solid #B85262;padding:2px 8px;display:block;line-height:20px} #content article.container .comments .comment-form button:hover {-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.5);box-shadow: 0 0 8px 1px rgba(0,0,0,.5);} .page-template #content article.container .article .article-content ul li, .single-it_exchange_prod #content article.container .article .article-content ul li {padding:3px 0 3px 15px} .page-template #content article.container .article .article-content ul li:before, .single-it_exchange_prod #content article.container .article .article-content ul li:before {top:2px} .subscription {padding:20px 0} #footer {background:#292929;height:46px;position:fixed;bottom:0;left:0;width:100%;z-index:6;/*-webkit-box-shadow: 0 -2px 3px 0 rgba(0,0,0,.3);box-shadow: 0 -2px 3px 0 rgba(0,0,0,.3);*/} #footer .centered {position:relative;height:46px;} #footer .footernav {float:left} #footer .footernav a {color:#fff;display:inline-block;padding:0 18px;line-height:46px;font-size:13px} #footer .footernav a:hover {text-decoration: underline} #footer .copyright {float:right;text-align:right;color:#707070;line-height:46px;font-size:10px;position:relative;z-index:15} #footer .copyright:hover{color: #fff;} #footer_tab {position:absolute;z-index:12;right:0;bottom:10px;background:#292929;display:block;padding:20px;-webkit-border-radius: 45px;border-radius: 45px;/*-webkit-box-shadow: 0 -2px 3px 0 rgba(0,0,0,.3);box-shadow: 0 -2px 3px 0 rgba(0,0,0,.3);*/} #footer_tab span {font-size:20px;color:#fff;line-height:20px;position:relative;top:-12px} #footer_tab.closed span:before {content: "\e605";} #footer .footernav a.hideonlogin {display:none} .single-article #footer, .single-article #footer_tab {background:#A31F33;} .single-article #footer .copyright {color:#fff} .bg-black {position:absolute;width:100%;background:url(../images/bg_screen.png) top left repeat;height:1200px;z-index:6;display:none} .splash {position:absolute;width:80%;margin-left:-40%;top:150px;left:50%;z-index:9;display:none} .splash > img {display:block;margin:0 auto} .splash .box {border:10px solid #fff;width:auto;margin:30px auto 0} .splash .box .innerbox {border:1px solid #DBDBDB;width:auto;background:#fff;padding:4% 10%} .splash .innerbox h4 {font:42px/42px 'Crimson',Georgia,serif;color:#a51c30;margin-bottom:15px;text-align:center} .splash .innerbox h4 sup {font-size:50%;position:relative;top:10px} .splash .innerbox p.subhead {font-size:18px;font-weight:500;margin-bottom:20px;text-align:center} .splash .innerbox p {font-size:13px;line-height:20px;font-weight:normal;text-align:center} .splash .innerbox p a.btn-clear {font-size:15px;color:#a51c30;text-transform:uppercase;font-weight:500;display:inline-block;padding:10px 20px 5px;margin-top:15px} .spbox {display:block;position:relative;background:#2A2A2A;width:475px;height:73px;color:#fff;font:300 42px/47px 'halis', Arial, sans-serif;text-transform:uppercase;padding:108px 0 0 32px} .spbox strong {display:block;font:500 20px/20px 'halis', Arial, sans-serif;text-transform:uppercase} .spbox img {position:absolute;top:0;right:0;} .bottom-toc {width:820px;margin:0 auto;padding:10px 0 70px} #content .bottom-toc h4 {font:34px/38px 'Crimson',Georgia,serif;color:#fff;border-bottom:3px solid #595959;padding:0 0 15px;position:relative} #content .bottom-toc h4 a {font:34px/38px 'Crimson',Georgia,serif;color:#fff;} .bottom-toc h4 span {display:block;font:400 12px/18px 'halis', Arial, sans-serif;color:#bdbdbd;text-transform:uppercase} .bottom-toc ul {} .bottom-toc ul li {border-top:1px solid #454545;padding:20px 0 15px;position:relative;} .bottom-toc ul li div {display:inline-block;width:760px;vertical-align:middle} .bottom-toc ul li img {display:inline-block;vertical-align:middle} .bottom-toc ul li:first-child {border-top:none} .bottom-toc ul li p {font-size:14px;color:#b7b7b7;line-height:18px;margin-bottom:2px} .bottom-toc ul li a {font-size:18px;font-weight:500;color:#fff} .bottom-toc ul li a:hover {text-decoration:underline } .container form {font:14px/20px "halis",Arial,sans-serif} .container form label { font-size: 14px; line-height: 14px; color: #5B5B5B; font-weight: 400; margin-bottom:6px; display:block;text-transform:uppercase } .container form input[type=text], .container form input[type=email], .container form input[type=password], .container form textarea { border:1px solid #B7B7B7; box-shadow:none; padding:8px; color:#5B5B5B; margin-bottom:14px; width:100%; box-sizing:border-box; } #commentform { } #commentform .name, #commentform .email { width:48%; float:left; } #commentform .name { margin-right:4%; } #content article.container .comments .comment-form .text-area.comment textarea { width:100%; } #content article.container .comments .comment-form .text-area.comment label { text-transform: initial; } .gfield_required { color:#A31F33; } #staff {margin:50px 0 30px !important;list-style:none;overflow:hidden;} #staff li {float:left;width:167px;height:320px;margin:0 60px 0 0;padding:0 !important;list-style:none} #staff li div {width:147px;height:177px;margin-bottom:10px} #staff li h6 {font:22px/28px 'Crimson',Georgia,serif;color:#a51c30;margin:0;text-transform:none} #staff li .jobtitle {text-transform:uppercase;font-size:12px !important;line-height:15px !important;color:#5b5b5b !important;margin:5px 0 !important;padding:0 !important } #staff li:before {content:'' !important} .video-embed {width:100%} .video-embed iframe {margin:0 auto;display:block} .two-col-image .alignleft {width:45% !important} .two-col-image .alignright {width:45% !important} .two-col-image .alignleft img, .two-col-image .alignright img {width:100%} /*.splash, .bg-black {display:block}*/ .splash .box .innerbox {position:relative} .splash .box .innerbox #closebox {color: #a51c30;font-size:20px;font-family:Arial,sans-serif;font-weight:bold;text-transform:uppercase;position:absolute;top:10px;right:15px;display:block} /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } */ form ul { margin: 0; } form ul li { background: none; list-style: none; } form ul li div { display: inline-block; vertical-align: top; } input[type=text], input[type=password], input[type=url], input[type=email] { } input[type=submit], button{ display: inline-block; cursor: pointer; } input[type=submit]:hover, button:hover { } /* IThemes Store Styles */ #it-exchange-product .it-exchange-column-inner {padding-top:20px} #it-exchange-product .it-exchange-product-images-gallery img {display:inline !important} .featured-image-wrapper {text-align:right} #it-exchange-product .it-exchange-product-price {display:none !important} .it-exchange-account ul {list-style:none;padding:0 0 15px;margin:0 0 40px !important;border-bottom:1px solid #DCDCDC} .it-exchange-account ul li {margin:0 20px 10px 0 !important;list-style:none !important;padding:0 !important;display:inline-block !important;} .it-exchange-account ul li:before {display:none} .it-exchange-account ul li a {text-transform:uppercase;color:#5A5A5A;font-size:14px;font-weight:500} .it-exchange-account ul li.current a {font-weight:500;color:#A51C30} .it-exchange-account .it-exchange-customer-info {clear:both} .article-content input[type=submit], .it-exchange-account input[type=submit] {background:#A31F33;font-size:11px;font-weight:500;text-transform:uppercase;border:1px solid #B85262;padding:4px 8px 2px;display:block;line-height:20px;color:#fff;width:auto !important} .it-exchange-customer-info > div {float:left;width:48%;margin-right:4%} .it-exchange-customer-info > div:nth-child(even) {margin-right:0} .article-content input[type=submit]:hover, .it-exchange-account input[type=submit]:hover {background:#B85262;text-decoration:none} .article-content input[type=button], .it-exchange-account input[type=button] {background:#000;font-size:11px;font-weight:500;text-transform:uppercase;border:none;padding:4px 8px 2px;line-height:20px;color:#fff;width:auto !important;cursor:pointer} .article-content input[type=button]:hover, .it-exchange-account input[type=button]:hover {background:#333 !important;text-decoration:none !important} .it-exchange-purchase .it-exchange-item-thumbnail {width:34% !important;float:left !important} .it-exchange-purchase .it-exchange-item-data {width:65% !important;float:right !important;} .it-exchange-purchase .it-exchange-item-thumbnail img {width:100%} #content .it-exchange-purchase .it-exchange-item-data-bottom ul {margin:10px 0 20px 0 !important;padding-left:40px} #content .it-exchange-purchase .it-exchange-item-data-bottom ul li {margin:0 !important;padding:3px 0 3px 15px !important;display:block !important;position:relative !important} #content .it-exchange-purchase .it-exchange-item-data-bottom ul li:before {display:block !important; content:'•' !important;color:#A21F33 !important;position:absolute !important;top:2px !important;left:0px !important;font-size:18px !important;font-weight:500 !important} #content .it-exchange-transaction-info {color:#5a5a5a;padding-bottom:20px} #it-exchange-purchases .it-exchange-purchase-items .it-exchange-item-data .it-exchange-item-title {font-weight:500 !important} .it-exchange-item-recurring-payments-expiration {color:#A31F33} .page-template-template-archives-php .archive {float:left;width:45%;margin:10px 0 15px} .page-template-template-archives-php .archive.last {margin:10px 0 15px 10%} .page-template-template-archives-php .archive img.small_cover {width:auto;height:auto} .page-template-template-archives-php .year {margin:20px 0 20px} .page-template-template-archives-php .archive > span {width:60%;float:right;} .page-template-template-archives-php .archive span .volume {font-size:11px;color:#2b2b2b;line-height:14px;font-weight:500;text-transform:uppercase;display:block} .page-template-template-archives-php .archive span .title {display:block;font:24px/26px "Crimson",Georgia,serif;color:#A31F33;margin-bottom:10px} .page-template-template-archives-php .archive-list {float:left;width:85%} .page-template-template-archives-php .year h2 {width:15%;float:left;} .page-template-template-archives-php .archive > a {display:inline-block;width:30%} .page-template-template-archives-php .archive span a {padding:3px;display:inline-block;background:#A31F33;color:#fff;border:none;margin:10px 0 0} .page-template-template-archives-php .archive span a span {font-size:11px;font-weight:500;text-transform:uppercase;border:1px solid #B85262;padding:2px 8px;display:block;line-height:20px} .page-template-template-archives-php .archive span a:hover {-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.5);box-shadow: 0 0 8px 1px rgba(0,0,0,.5);} .it-exchange-register-url {display:none !important} /* ========================================================================= */ /* !MEDIA QUERIES */ /* ========================================================================= */ /* @media screen and (max-width: XXXpx) { } */ @media screen and (max-width: 1023px) { #header {} #header #logos {width:auto} #header .centered {width:auto} #header #menu .centered {width:auto} #header #menu .menu_center {width:400px;margin-left:-185px} #content {} #footer {height:60px} #footer .copyright {float:none;line-height:12px;text-align:left;padding-left:18px} #footer .footernav {float:none} #footer .footernav a {line-height:34px} .centered {width:auto} section article img {width:100%;} #content article.container .article-img {width:100%;} #table-of-contents .articles-index ul {width:65%;padding:0 2% 0 3%} #table-of-contents .articles-index #cover {width:25%} #table-of-contents .covers-index .year ul {width:100%} #content article.container .article .article-content .left-col { width:53.9%; } #content article.container .article .article-content .right-col { width: 39.4%; } #content article.container .article .article-content .right-col img { max-width:100%; height:auto; } #content section.col-full-side article { height:auto; } #content section.col-full-side .caption { width:auto; padding-right:45% } #content section.col-full-side img { max-height:100%; max-width:40%; height:auto; width:auto; position: relative; float:right; margin-left:30px; } #content section.col-two article { width:49.5%; } #content section.col-two article .caption { width:auto; padding:24px; min-height:200px; height:auto; } #content article.container .article .article-content blockquote { width:100%; box-sizing:border-box; right:0px; } #content section.col-full-side img { width:100%; float:none; max-width:100%; margin:0; } #content section.col-full-side .caption { padding:24px; } #content section.col-full-side .desktop-image {display:none} #content section.col-full-side .mobile-image {display:block} #content section article .caption {width:auto;padding:15px 20px 25px} } @media screen and (max-width: 900px) { #header #logos {height:50px;padding-top:18px} #header #logos #logo_practice {width:250px;margin-left:-125px;padding-top:4px} #header #logos #logo_harvard {width:180px;padding-top:3px;} #content article.container .article-img {width:100%} #content article.container .article .article-title {padding:20px 40px} .single-article #content article.container .article .article-content {padding:30px 40px 0} #content .article-content img {max-width:100%;height:auto} #content .article-content .wp-caption {max-width:100%} #content article.container .pagination {margin:0 40px;line-height:60px} #content article.container .comments {margin:0 40px} #table-of-contents .covers-index .year ul li, #table-of-contents .covers-index .year ul li a {width:200px;height:269px} .small_cover {width:200px;height:auto} #table-of-contents .covers-index .year ul li a > span {width:170px;height:139px} #table-of-contents h2 {font-size:44px;line-height:48px;margin-bottom:15px} #table-of-contents h5 {font-size:16px;line-height:16px} #table-of-contents .articles-index ul li a {font-size:16px;line-height:16px} #table-of-contents .articles-index ul li p {font-size:13px;line-height:15px} .bottom-toc {width:auto;padding:20px 20px} #content .bottom-toc h4 {font:28px/32px "Crimson",Georgia,serif} .bottom-toc h4 span {bottom:18px} .bottom-toc ul li div { width:100%; } #footer_tab { z-index:-1; } /* .page-template-template-archives-php .archive {float:left;width:45%;margin:10px 5% 10px 0} .page-template-template-archives-php .archive.mid {margin:10px 0} */ .page-template-template-archives-php .archive span .title {display:block;font:18px/22px "Crimson",Georgia,serif;color:#A31F33;margin-bottom:10px} } @media screen and (max-width: 767px) { #header #logos #logo_harvard {display:none} #header #logos #logo_practice {position:relative;top:0;left:0;margin-left:0} #header #logos #btn_subscribe {display:none} #header #menu .centered {width: 100%;padding:0} #header #menu .menu_left, #header #menu .menu_right {position:absolute;width:100%;left:0;border:none;} #header #menu .menu_left .icon-arrow-left {position:absolute;top:100px;left:0px;background:#303030;border-left:none;} #header #menu .menu_left .icon-arrow-right {position:absolute;top:100px;right:0px;background:#303030;border-left:none;} #header #menu .menu_left #search-link {position:absolute;top:-49px;right:70px;border:none;} #header #menu .menu_right #menu-link {position:absolute;top:-49px;right:20px;border:none;} #header #menu .menu_right .login.account {position:absolute;top:-49px;right:205px;border:none;} #header #menu .menu_right .login {position:absolute;top:-49px;right:120px;border:none;} #header #menu .menu_right .login:hover {background:#A31F33;color:#fff} #header #menu .menu_center {padding:8px 5%;width:90%;margin:0;left:0} #header #menu .menu_center span {width:100%;} #header #logos {height:42px;padding-top:10px} #header #menu .icon-link.icon-list.open, #header #menu .icon-link.icon-list:hover {background:#A31F33;color:#fff} #header #menu .menu_left #search-link.on, #header #menu .menu_left #search-link:hover {background:#A31F33;color:#fff} #content .bottom-toc h4 {font:24px/24px "Crimson",Georgia,serif} .bottom-toc h4 span {display:block;position:relative;bottom:-4px} #footer .footernav, #footer .footernav .copyright {text-align:center} #footer .footernav a {padding:0 10px;line-height:14px;font-size:12px} #footer .footernav {padding:4px 0;line-height:18px} #content article.container .article .article-content .left-col { width:100%; } #content article.container .article .article-content .right-col { width: 100%; } #content article.container .article .article-content .right-col img { display:block; margin:0 auto; } #content article.container .article .article-content object, #content article.container .article .article-content embed {width:100% !important;height:auto !important} .video-embed iframe {width:100% !important;} .page-template-template-archives-php .year h2 {width:100%;float:none;} .page-template-template-archives-php .archive-list {float:none;width:100%} } @media screen and (max-width: 620px) { #header #logos #logo_practice {width:220px;} #content article.container .article .article-content { padding:5px 24px 0; } #content article.container .article .article-content ul { margin-left:20px; } #content article.container .article .article-content ul li { padding:6px 0 6px 15px; } #content article.container .article .article-content ul li:before { top:6px; } #table-of-contents .search h2 { font-size:40px; margin-bottom:0; } #table-of-contents .search form { max-width:77%; } #table-of-contents .search form input[type=text] { max-width:100%; box-sizing:border-box; } #content article.container .article .article-content .subcribe-meta .s-desc { float:none; } #content article.container .article .article-content .subcribe-meta .s-price { float:none; display:block; } #content section.col-two article { width:100%; margin-bottom:20px; } #content section.col-two article .caption { min-height:0px; } #footer .copyright {padding-left:0;text-align:center} #content section.col-two article .caption {text-align:center} #content section.col-two article .caption h6, #content section article .caption h6, #content section.col-full-side article .caption h6 {font-size:36px;line-height:38px} #content section.col-full-side article .caption p.subhead {font-size:18px} #content section article .caption p {font-size:16px;line-height:20px} .two-col-image .alignleft {width:100% !important;float:none !important} .two-col-image .alignright {width:100% !important;float:none !important} .it-exchange-customer-info > div {float:none;width:100%;margin-right:0} #header #menu .menu_right .login {font-size:10px;padding:0 10px} #header #menu .menu_right .login.account {position:absolute;top:-49px;right:190px;border:none;} .it-exchange-account ul {padding:15px 0 0 !important} .page-template-template-archives-php .archive {float:none;width:100%;margin:10px 0 10px 0} .page-template-template-archives-php .archive.last {margin:10px 0} .page-template-template-archives-php .archive img.small_cover {height:auto;width:150px;margin:0 auto 10px;display:block} .page-template-template-archives-php .archive > a {display:inline-block;width:30%;float:left} .page-template-template-archives-php .archive > span {width:65%;float:left;margin-left:5%} .page-template-template-archives-php .archive span .title {display:block;font:24px/26px "Crimson",Georgia,serif;color:#A31F33;margin-bottom:10px} } @media screen and (max-width: 480px) { #header #logos #logo_practice {width:130px;padding-top:8px} #header #menu a {padding:0 8px !important} #header #menu .menu_center a {padding:0 !important;position:relative;z-index:20} #header #menu .menu_right #menu-link {width:20px;right:20px;} #header #menu .menu_left #search-link {right:55px;} #header #menu .menu_right .login {right:90px;} #header #menu .menu_right .login.account {right:155px;} #header #menu .menu_center {padding:6px 5%;} #header #menu .menu_center .title {font-size:12px;line-height:12px} #header #menu .menu_center .volume {font-size:9px;line-height:12px} #content .centered {padding:0 5px} .single-article #content article.container .article .article-content {padding:30px 20px 0} #content article.container .article .article-content {padding:5px 20px 0} #footer .copyright {font-size:9px;padding-left:0;text-align:center} #content section.col-two article .caption h6, #content section article .caption h6, #content section.col-full-side article .caption h6 {font-size:28px;line-height:30px} #content section.col-full-side article .caption p.subhead {font-size:16px} #content section article .caption p {font-size:14px;line-height:18px} }