﻿@import url('http://fonts.googleapis.com/css?family=Roboto');


@font-face { font-family: "URWClarendonW01-Medium"; src: url("Fonts/ec7bb439-088b-4a1c-a32e-a47c1d8e07d9.eot?#iefix"); src: url("Fonts/ec7bb439-088b-4a1c-a32e-a47c1d8e07d9.eot?#iefix") format("eot"),url("Fonts/57cee4be-8fa3-4b9c-876e-442057ca59d2.woff") format("woff"),url("Fonts/d6dcdd20-67b3-40c5-b7b9-3ddc992ca7d3.ttf") format("truetype"),url("Fonts/b9bc78eb-f6ce-476b-87ed-2feb9920bf9f.svg#b9bc78eb-f6ce-476b-87ed-2feb9920bf9f") format("svg"); }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 18, 2014 */
@font-face { font-family: 'flamabook'; src: url('Fonts/flama-book-webfont.eot'); src: url('Fonts/flama-book-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/flama-book-webfont.woff2') format('woff2'), url('Fonts/flama-book-webfont.woff') format('woff'), url('Fonts/flama-book-webfont.ttf') format('truetype'), url('Fonts/flama-book-webfont.svg#flamabook') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'flamamedium'; src: url('Fonts/flama-medium-webfont.eot'); src: url('Fonts/flama-medium-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/flama-medium-webfont.woff2') format('woff2'), url('Fonts/flama-medium-webfont.woff') format('woff'), url('Fonts/flama-medium-webfont.ttf') format('truetype'), url('Fonts/flama-medium-webfont.svg#flamamedium') format('svg'); font-weight: normal; font-style: normal; }

/* twitter icon */

.fa {font-size:22px !important;}
a:hover .fa {color:#1da1f2 !important;}

/* image overlay */

.backgroundOverlay {
background-image: url(http://5wentworth.com/media.ashx/chambers-counsel-top-ranked.png);
background-repeat: no-repeat;
background-size: 140px auto;
overflow: visible;
height: 300px;
width: 140px;
position: absolute;
top: 0;
right: 50px;
}

	/*.backgroundOverlay::before {
		content:" ";
	background-image: url(http://5wentworth.com/media.ashx/chambers-counsel-2018.png);
	background-repeat: no-repeat;
	background-size: 140px auto;
	overflow: visible;
	height: 200px;
	width: 140px;
	position: absolute;
	top: 0;
	right: 150px;
	}
	*/

@media only screen and (max-width: 768px)  {
	.backgroundOverlay {
display:none;

}
}


@media only screen {
    html, body, body > div.row { height: 100%; min-height: 100%; }
    body { font-size: 12pt; font-family: 'Roboto';  padding: 25px; background-color: #333; }
    img { max-width: 100%; }
    h1, h2, h3, h4, h5 { margin: 0; }
    h1 { font-family: "URWClarendonW01-Medium"; font-style: normal !important; font-weight: normal !important; font-size: 43pt; text-transform: uppercase; }
    h2, h3 { font-family: "URWClarendonW01-Medium"; font-style: normal !important; font-weight: normal !important; font-size: 18pt; text-transform: uppercase; letter-spacing: 0.02em; color: #fff; }
    h4, h5, h6 { font-family: "Roboto";  font-weight: bold !important; font-size: 12pt; text-transform: uppercase; }
    h5, h6, ins { color: rgb(161, 161, 161); }
    h6, ins { font-size: 12pt; text-decoration: none; }
    ins { text-transform: uppercase; }
    h2 br { margin-bottom: 10px; }
    footer { text-transform: uppercase; color: rgb(161, 161, 161); font-size: 0.8em; margin-left: 25px; }
    a:focus { outline: none; }
    a, a:active, a:focus { color: rgb(161, 161, 161); text-decoration: underline; }
	
	 .menus a, .menus a:active, .menus a:focus { text-decoration: none !important; }
	
   /** b, strong, em { font-weight: normal !important; font-style: normal; }**/
    p { line-height: 1.3em; }
    .logo { margin-left: -7px; }

    .menus { padding: 0; margin: 0 0 25px 25px; list-style: none; }
        .menus li { display: inline-block; color: rgb(161, 161, 161); }
            .menus li h2, .menus li h3 { margin: 5px 20px 5px 0; }
    h2 a, h3 a { text-decoration: none; color: rgb(161, 161, 161); padding: 2px 1px; }
        h2 a:hover, h3 a:hover, h2 a:focus, h3 a:focus { background-color: #fff; color: #000; text-decoration: none; }
    img.photo { max-width: none; margin-left: -30px; }
        /*.urgent img.photo { margin-left:-55px;margin-top:-25px;}*/
        img.photo.max { max-width: 100%; }


    /* COUNSEL */
    .modal-content > div.white-bg { background-color: #fff; }
    .modal-content h2, .modal-content h3 { color: #000; text-align: left; margin-top: 40px; margin-bottom: 20px; }
    .modal-content h4, .modal-content h5 { margin-bottom: 5px; }
    .modal-content ul { list-style: square; padding-left: 20px; }
    /*.mCustomScrollbar { overflow: auto; max-height: 80%; padding: 0 35px 0 35px;overflow-x:hidden;overflow-y:hidden; }*/
    .mCustomScrollbar { overflow-x: hidden; overflow-y: auto; }
    .details table { width: auto !important; table-layout: fixed; height: auto !important; }
        .details table td { padding: 5px 15px 5px 0; line-height: 1.0em; }
            .details table td p { margin: 0; padding: 0; }
    .career h2, .details h2 { margin-top: 10px; }
    .loader { position: absolute; top: 50%; left: 25%; }
    .fadeout { position: absolute; top: 0; right: 0; }
    /*.page-title { padding-left:20px}*/


    /* PRACTICE AREAS, HISTORY, NEWS */
    .practice-areas, .history, .news, .opportunity { min-height: 650px; }
        /*.practice-areas div.row, .history div.row, .news div.row, .opportunity div.row { padding: 0 30px; }*/
        .practice-areas .content, .history .content, .news .content, .opportunity .content { margin-top: 25px; }
            .practice-areas .content > div, .history .content > div, .news .content > div, .opportunity .content > div { margin-top: 25px; }
    div.orphan { margin-top: 50px; }
    .practice-areas .content h3, .news .content h3, .opportunity .content h3 { margin-bottom: 25px; margin-top: 0; }
    .practice-areas ul, .news ul, .practice-area-list, .opportunity ul { list-style: none; padding-left: 0; }
        .practice-areas ul li, .news ul li, .opportunity ul li { cursor: pointer; }
            .practice-areas ul li.selected, .news ul li.selected, .opportunity ul li.selected { text-decoration: underline; }
            .practice-areas ul li:hover, .news ul li:hover, .opportunity ul li:hover { color: rgb(161, 161, 161); }
            .news ul li.no-hover, .opportunity ul li.no-hover { color: #000; }
    .specialists { padding-left: 0 !important; }
        .specialists li { margin-bottom: 15px; }
            .specialists li a { text-decoration: underline; color: #000; }
                .specialists li a:hover { color: rgb(161, 161, 161); }


    .news-items h6, .opportunity-items h6 { margin-top: 30px; margin-bottom: 10px; }
    a.show-archive { text-decoration: none; }
    .counsel div.row { overflow: auto; /*padding:0 30px;*/ }
    .counsel h4 { margin-top: 20px; }
    .career h4 { margin-top: 20px; }
    h4.phone { margin-top: 0; width: auto; display: inline-block; margin-right: 5px; }
    /*.mCustomScrollBox { padding-bottom:15px;}*/
    /* MODAL NAV */
    .fa-chevron-left { position: absolute; left: 55px; font-size: 1.7em; top: 50%; cursor: pointer; z-index: 100; }
    .fa-chevron-right { position: absolute; right: 55px; font-size: 1.7em; top: 50%; cursor: pointer; z-index: 100; }
    .fa-times { position: absolute; right: 55px; font-size: 1.7em; top: 15px; cursor: pointer; z-index: 100; }

    /* CONTACT DETAILS */
    .modal-content .contact-details.row { width: 100%; position: relative; background-color: #000; padding: 10px; left: 0; top: -40px; z-index: 1000; color: #fff; margin: 0; height: 125px; }
    .contact-details h3 { color: rgb(161, 161, 161); margin-top: 10px; }
    .get-directions { position: absolute; bottom: 20px; right: 30px; }
    a.get-directions { color: #fff !important; display: inline-block; text-decoration: none; text-transform: uppercase; }
        a.get-directions a:hover { color: yellow; }
    .get-directions i { color: yellow; font-size: 1.7em; margin-right: 10px; }
    /* SITE COLORS */
    .white { color: #fff; }
    .grey { color: rgb(161, 161, 161); padding-left: 10px; }
    .close-map { font-size: 2.0em; top: 13px; right: 13px; }
    .site-loading { width: 64px; margin: 0 auto; right: 50px; color: #000; text-align: center; display: inline-block; position: absolute; top: 50px; background-color: #fff; padding: 10px; border: none 5px #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
    /* Bootstrap overrides */
    .modal-content { border-radius: 0; position: relative; padding: 0 50px; background-color: transparent; box-shadow: none; border: none; }
    .no-padding { padding-left: 0; overflow: hidden; background-color: #fff; }
    div.photo { height: 100%; position: relative; }
    /* STICKY FOOTER */
    .page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -50px; }
        .page-wrap:after { content: ""; display: block; }
        .site-footer, .page-wrap:after { height: 35px; }

    .menus li h2 { font-size: 16pt; margin: 4px 20px 4px 0; }

    /* Custom Scrollbars */
    ::-webkit-scrollbar { width: 6px; }

    ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); border-radius: 0; }

    ::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); }


    div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }
}


/* Custom Responsive */
@media only screen and (min-width : 1501px) {
    /*body:before { content: "Huge Monitor";color:#fff }*/
    .modal-content, .modal-content div.row { height: 720px; max-height: 720px; }
    .modal-lg { width: 80%; height: 720px; margin: 5% auto; }
    .modal-content .contact-details.row { height: 175px; }
    img.photo { max-width: none; margin-left: -10px; }
}

@media only screen and (min-width : 1281px) and (max-width : 1500px) {
    /*body:before { content: "Wide Screen"; color:#fff}*/
    .modal-content, .modal-content div.row { height: 720px; max-height: 720px; }
    .modal-lg { width: 90%; margin: 5% auto; height: 720px; }
    .modal-content .contact-details.row { height: 175px; }
    img.photo { max-width: none; margin-left: -10px; }
}

@media only screen and (min-width : 1196px) and (max-width :1280px) {
    /*body:before { content: "Desktops and laptops 1"; color:#fff}*/
    .modal-content, .modal-content div.row { height: 720px; max-height: 720px; }
    .modal-lg { width: 90%; margin: 5% auto; max-height: 720px; }
    .modal-content .contact-details.row { height: 175px; }
    img.photo { max-width: none; margin-left: -30px; }
}

@media only screen and (min-width : 1055px) and (max-width :1195px) {
    /*body:before { content: "Desktops and laptops 2";color:#fff }*/
    /*._mCS_2 > div, ._mCS_3 > div, ._mCS4 > div { margin-top: 0 !important; }*/
    /*.mCustomScrollbar { padding-bottom: 0; }*/
    .modal-content, .modal-content div.row { height: 720px; max-height: 720px; }
    .modal-lg { width: 96%; margin: 5% auto; max-height: 720px; }
    .modal-content .contact-details.row { height: 175px; }
    img.photo { max-width: none; margin-left: -40px; }
}

@media only screen and (min-width : 960px) and (max-width :1055px) {
    /*body:before { content: "Desktops and laptops 3";color:#fff }*/
    /*._mCS_2 > div, ._mCS_3 > div, ._mCS4 > div { margin-top: 0 !important; }*/
    /*.mCustomScrollbar { padding-bottom: 0; }*/
    .modal-content, .modal-content div.row { height: 650px; max-height: 650px; }
    .modal-lg { width: 96%; margin: 5% auto; max-height: 650px; }
    .modal-content .contact-details.row { height: 300px; }
    img.photo { max-width: none; margin-left: -30px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /*body:before { content: "#Tablet (Portrait)";color:#fff}*/
    /*._mCS_2 > div, ._mCS_3 > div, ._mCS4 > div { margin-top: 0 !important; }
    .mCustomScrollbar { padding-bottom: 0; }*/
    .modal-content, .modal-content div.row { height: 650px; max-height: 650px; }
    .modal-lg { width: 96%; margin: 5% auto; max-height: 650px; }
    .modal-content .contact-details.row { height: 300px; }
    img.photo { max-width: none; margin-left: -30px; }
}

@media only screen and (max-width: 767px) {
    /*body:before { content: "#Mobile (Portrait)";color:#fff }*/
    /*._mCS_2 > div, ._mCS_3 > div, ._mCS4 > div { margin-top: 0 !important; }
    .mCustomScrollbar { padding-bottom: 0; }*/
    .modal-content .contact-details.row { height: 420px; }
    img.photo { max-width: none; margin-left: 0; }
    .modal-content { padding: 0 10px !important; }
    .fa-times { right: 10px; }
    .fa-chevron-left, .fa-chevron-right { top: 300px; }
    .fa-chevron-right { right: 10px; }
    .fa-chevron-left { left: 10px; }
    body { padding: 10px; }
    .logo-link { width: 325px; }
    .menus { margin-left: 10px; }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*body:before { content: "#Mobile (Landscape)"; color:#fff}*/
    /*._mCS_2 > div, ._mCS_3 > div, ._mCS4 > div { margin-top: 0 !important; }
    .mCustomScrollbar { padding-bottom: 0; }*/
    .modal-content .contact-details.row { height: 325px; }
    img.photo { max-width: none; margin-left: 0; }
    .modal-content { padding: 0 10px !important; }
    .fa-times { right: 10px; }
    .fa-chevron-left, .fa-chevron-right { top: 300px; }
    .fa-chevron-right { right: 10px; }
    .fa-chevron-left { left: 10px; }
    body { padding: 10px; }
    .menus { margin-left: 10px; }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    /*body:before { content: "#Mobile2 (Landscape)"; color:#fff}*/
    /*._mCS_2 > div, ._mCS_3 > div, ._mCS4 > div { margin-top: 0 !important; }
    .mCustomScrollbar { padding-bottom: 0; }*/
    .modal-content .contact-details.row { height: 325px; }
    img.photo { max-width: none; margin-left: 0; }
    .modal-content { padding: 0 10px !important; }
    .fa-times { right: 10px; }
    .fa-chevron-left, .fa-chevron-right { top: 300px; }
    .fa-chevron-right { right: 10px; }
    .fa-chevron-left { left: 10px; }
    body { padding: 10px; }
    .menus { margin-left: 10px; }
}

.print-container { display: none; }

@media all {
    .page-break { display: none; }
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0.5in;
    }

    img { max-width: 100%; }
    h1, h2, h3, h4, h5 { margin: 0; }
    h1 { font-family: "URWClarendonW01-Medium"; font-style: normal !important; font-weight: normal !important; font-size: 43pt; text-transform: uppercase; }
    h2, h3 { font-family: "URWClarendonW01-Medium"; font-style: normal !important; font-weight: normal !important; font-size: 18pt; text-transform: uppercase; letter-spacing: 0.02em; color: #fff; }
    h4, h5, h6 { font-family: "Roboto"; font-style: normal !important; font-weight: 600 !important; font-size: 12pt; text-transform: uppercase; }
    h5, h6, ins { color: rgb(161, 161, 161); }
    h6, ins { font-size: 12pt; text-decoration: none; }
    ins { text-transform: uppercase; }
    h2 br { margin-bottom: 10px; }
    ul { list-style:none;}
    body { background-color: #fff; padding: 0; margin: 0.5in 0;  font-size: 12pt; font-family: 'Roboto'; font-style: normal !important; font-weight: normal !important; }
    .backstretch { display: none; }
    a[href]:after { display: none; }
    .site-footer { display: none; }
    .menus.top-level { display: none; }
    .menus li { margin-bottom:10px;}
    .bottom-logo { display: block !important; }
    .top-logo { display: none; }
    h2.title { text-decoration: underline;margin-top:20px; }
   
    .print, .fa { display: none; }
    .detail-container { display: none !important; }
    .print-container { display: block;height:auto !important; max-height:none !important;}
        .print-container.hidden { display:none;}
        .print-container a { text-decoration:none}
        .print-container h2, .print-container h4, .print-container div {  display: normal; margin-bottom: 5px; overflow: visible;height:auto !important; max-height:none !important}
        .print-container ul { display:block}
            .print-container ul li { display:block;min-height:20px;}
        .print-container img.photo {max-width:100%;height:auto }
    #preloaded-images { display:none;}

    .modal-content, .modal-lg, .modal-content div, .modal-content div.row  { height: auto !important;max-height:none !important }
    
    #Header, #Footer { display: none !important; }

    h4 { margin-top:10px;}
    .career-container { margin-top:150px;}
    .col-lg-4,.col-lg-8, .col-md-6, .col-sm-6, .col-xs-12 { width:100% !important}

}

/* Added 2017 */

.news-items h6 {
	color:#fff;
}

.specialists li {
    margin-bottom: 5px;
}

.eventsRight h5 {
	 margin-bottom:25px;
	 color:#333;
	 font-style:normal;
	 font-family: "URWClarendonW01-Medium"; 
	 font-weight: normal !important; 
	 font-size: 14pt; 
	 text-transform: uppercase; 
}

.eventsHead {
	 color:#993366; 
}
.newsHead {
	 color:#333399;
}


p {
	line-height: 1.4em
}

.col-lg-6.eventsLeft {
	font-style:italic;
	font-size:0.95em;
}

.col-lg-6.eventsRight {
	font-style:italic;
	font-size:0.95em;
}


@media only screen and (min-width: 1195px) {
.col-lg-6.eventsLeft {
	width: 55%;	
}

.col-lg-6.eventsRight {
	width: 45%;	
}
}

.news-details h5 {

}

.news-items h6 {
	color:#333399 !important;
}