﻿/* 
    *********************************************************************************
    DEVELOPER NOTES: 
    This is a "mobile-first" responsive stylesheet.
    Styles should be assumed to be for small screen first, and optional overrides added for
    larger displays within the media query sections at the end of the stylesheet.
    *********************************************************************************
*/

@page {
  size: A4;
}

/* global typography basics */
html {font-size:10px;}
body {font-size:14px;line-height:21px;font-weight:normal;font-weight:400;color:#000;}
body, input, select, textarea {
    font-family: canada-type-gibson,sans-serif;
}

* { box-sizing: border-box; }

/* spacing/size normalization */
h1, h2, h3, h4, h5, h6 { display: block; padding: 0; margin: 0; font-weight: bold; font-weight: 700; }
h1 { font-size: 28px; line-height: 35px; }
h2 { font-size: 21px; line-height: 28px; }
h3 { font-size: 17px; line-height: 24px; }
h4 { font-size: 14px; line-height: 21px; }
h5 { font-size: 16px; line-height: 21px; }
h6 { font-size: 18px; line-height: 21px; }

p { margin-top: 13px; margin-bottom: 13px; }
ul, ol { padding: 0 0 0 28px; margin: 0 0 21px 0; list-style-position: outside; }
li { padding: 0; margin: 0; }
li ul, li ol { margin: 0; }
ul { list-style-type: disc; }
li ul { list-style-type: circle; }
blockquote { padding: 0 0 0 21px; margin: 21px; color: #003A70; font-style: italic; font-weight: bold; }
strong, b { font-style: inherit; font-weight: bold; font-weight: 700; }
em { font-style: italic; }
img { -ms-interpolation-mode: bicubic; border: 0; }
.img-100 { width: 100%; max-width: 100%; }
img.js-clickable { cursor: pointer; }
.hidden {display:none;}
input:focus {outline: none; }

/* link basics */
a { text-decoration: none; color: #003A70; }
a:hover, a:active { outline: 0; color: #008EAA; }

/* cookie list */
.cookie-consent { display: none; }

/* CLIENT CONTENT */
.wb-content {}
.wb-content h2, .wb-content h3, .wb-content h4, .wb-content h5, .wb-content h6 {margin:0 0 21px 0;}
.wb-content a {color:#003A70;}
.wb-content img {max-width:100%;}
.wb-content table {max-width:100%;}

/* obvious global toggles */
.noprint {display:none;}
.print-only {display:block;}
.nowrap {white-space:nowrap;}
.clearboth {clear:both;}
.invis-label {display:none!important;}
.sr-only {display:none!important;}

/* print overrides */

.sidebar-list {list-style:none;padding:0;}
.print-header {width:3in;margin-bottom:45px;}
.pagefooter-text a {display:none;}

.sharedrollup-header {margin:21px 0 0 0;font-weight:bold;}
.sharedrollup-marker {display:none;}
.sharedrollup-body {display:block!important;}

.tabs {display:none;}
.tab-content {display:block !important;}

.area-exapanded-list {display:none;}

.featureSlides {display:none !important;}
#searchExpander {display:none;}
.bio-header .slash {display:none;}
h1.caption {
    margin-bottom: 20px;
}
.content-caption, .sidebar-header {
    font-size: 16px;
    padding: 8px 0;
    font-weight: bold;
}

/* bio */
.showbio_page .top-bar {display:none;}
.showbio_page .contact-details a {display: block;}
.showbio_page .office {display:inline-block;padding-right:15px;}
.showbio_page .btitle {font-size:18px;font-weight:bold;padding-bottom:15px;}
.showbio_page .contact-details {padding-top:15px;}
.showbio_page .bio-image-smaller {
    max-width: 300px;
    float: right;
}


a.mobiletab-header, .blue-header {
    font-size: 23px;
    margin: 25px 0px 8px 0;
    display: block;
    color:#003A70;
}

.mobiletab-header { 
    font-size: 20px; 
    font-weight: bold;
    padding: 15px 0px; 
}

.testimony-item { 
    margin-bottom: 20px; 
}

.media-date {font-weight:bold;}
.assocnews-item {
    padding-bottom: 15px;
}

.alt-bio-row .sg-col-sm-6, .alt-bio-row .sg-col-md-12 {
    width: 100%;
    margin-bottom:25px;
}
.alt-bio-link {display:none;}

.page-content .brattle-orange-header, .page-content h6, .page-content .blue-header, .related-areas-header {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 8px;
    font-weight: 600;
    padding-top: 8px;
}

.showoffice_page .experts-btn, .showoffice_page .hotels-parking-btn {display:none;}
.showoffice_page .experts,.showoffice_page .hotels-parking {display:block;}
.showoffice_page .content-caption {font-size:18px;margin:18px 0}
.showoffice_page .hidden-separator-md {display:none;}