@charset "ISO-8859-1";
* { outline:none;}


body {background: #ffffff;font-family: Lato, Arial, Helvetica, sans-serif;font-size: 19px;line-height:1.4;color: #212121;margin:0 auto;} 

/*Main Nav links current page style*/
body#home a#homenav, 
body#whatwedo a#whatwedonav, 
body#ourclients a#ourclientsnav, 
body#ourprofessionals a#ourprofessionalsnav, 
body#blog a#blognav, 
body#resources a#resourcesnav, 
body#articling a#articlingnav,
body#contactus a#contactusnav,

/*Staff Nav current page link style*/
.subnav#becky a#beckynav ,  
.subnav#brian a#briannav , 
.subnav#charles a#charlesnav , 
.subnav#celia a#celianav ,
.subnav#ken a#kennav ,
.subnav#julie a#julienav ,
.subnav#maggie a#maggienav , 
.subnav#mariya a#mariyanav ,   
.subnav#michael a#michaelnav , 
.subnav#norlinda a#norlindanav ,  
.subnav#safia a#safianav ,
.subnav#hunter a#hunternav ,
.subnav#ted a#tednav 
{font-weight:bold;}

.staff-index{
	margin:30px 0 30px 30px;
}
.staff-index:after{
	clear:both;
	content:"";
	display:block;
}
.staff-index h4{
	border-bottom: 1px solid #ddd;
	margin: 0 30px 0 0;
	display:block;
	clear: both;
    padding: 30px 0 8px 0;
}
.staff-link{
	width: 217px;
	float:left;
	margin:30px 30px 0 0;
}
.staff-image{
	height:100px;
	background-size: cover;
}
a[href="shelina-ali"] .staff-image{
	background-image: url("/images/top_sali.jpg");
	background-position: 100%;
}
a[href="lauren-blumas"] .staff-image{
	background-image: url("/images/top_lauren.jpg");
	background-position: 10%;
}
a[href="charles-campbell"] .staff-image{
	background-image: url("/images/top_ccampbell.jpg");
	background-position: 100%;
}
a[href="celia-chandler"] .staff-image{
	background-image: url("/images/top_cchandler.jpg");
	background-position: 100%;
}
a[href="ted-hyland"] .staff-image{
	background-image: url("/images/top_thyland.png");
	background-position: 100%;
}
a[href="michael-hackl"] .staff-image{
	background-image: url("/images/top_michael.jpg");
	background-position: 100%;
}
a[href="brian-iler"] .staff-image{
	background-image: url("/images/top_biler.jpg");
	background-position: 100%;
}
a[href="safia-lakhani"] .staff-image{
	background-image: url("/images/top_slakhani.png");
	background-position: 100%;
}
a[href="angie-joyce"] .staff-image{
	background-image: url("/images/top_ajoyce.jpg");
	background-position: 10%;
}
a[href="julie-khamissa"] .staff-image{
	background-image: url("/images/top_jkhamissa.jpg");
	background-position: 100%;
}

p, .p, li{
	font-size: 19px;
	line-height: 1.5;
	margin: 1em 0;
}
h1{
	font-family: 'Libre Baskerville', Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	font-size: 43px;
	line-height: 1.3;
	margin: 20px 0 0;
}
#ourprofessionals h1 {
	font-size: 30px;
}
.small-caps-title{
	font-size:16px;
	text-transform:uppercase;
}
h2{
	font-family: 'Libre Baskerville', Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	font-size: 40px;
	margin-top:36px;
	line-height: 1.2;
	margin-bottom: 0;
}

#sidebar h2, .sidebar h2{
	font-size: 26px;
	margin-top:6px;
}

h3{
	font-weight:normal;
	font-size:16px;
	line-height:26px;
}
.bold{
	font-weight: bold;
}
.right{
	/* text-align:right; */
}
.bigger{
	font-size: 20px;
	line-height: 1.4;
}
.smaller{
	font-size:66%;
}
a.more-link, a.more-link:visited{
	color: #212121 !important;
	font-weight: bold;
	/* text-align: right; */
	text-decoration: none;
	border-bottom:none !important;
	display: block;
	margin-top: 1em;
}
a.more-link:hover, a.more-link:active, a.more-link:focus{
	color: #BE0911 !important;
	text-decoration:none;
	border-bottom:none;	
}
a.more-link:after {
    content: "";
    width: 0.6em;
    height: 0.6em;
    border-top: 2px solid;
    border-right: 2px solid;
    display: inline-block;
    transform: rotate(45deg);
    transform-origin: 25% 0%;
    margin-left: 0.5em;
}
@media screen and (max-width:435px) and (min-width:360px){
	#home .bigger .more-link{
		font-size:18px;
	}
}

.hidden{
	visibility:hidden;
}
header{
	position:relative;
	height: 157px;
	overflow:hidden;
	background-color: #DDFFFF;
}
#logo-ic{
	background-image: url('/images/logo-ic-transparent.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 268px;
	height: 265px;
	position: absolute;
	top:-8px;
	left:39px;
	z-index: 200;
}
#logo-bg{
	height:157px;
	width: 278px;
	background-color:#be0911;
	position:relative;
	z-index:1;
} 

 
#logo{
	position:absolute;
	top:0;
	left:0;
	height:174px;
	width:278px;
}
#topimg, #bioimg{
	height: 157px;
	position:absolute;
	right:0;
	top:0;
	background-color:#deffff;
	width: 484px;
	overflow: hidden;
	}
#topimg img, #bioimg img{
	position: absolute;
	right: 0;
	height: 100%;
}

/*@media only screen and (max-width: 600px){*/
	#logo-bg{
		/* width: 27%;*/
		/* padding-bottom: 27%; */
		height: 0;
		width: 90px;
		height: 90px;
	}
	#logo-ic{
		top:0;
		left:0;
		width: 90px;
		background-size:85%;
		background-position: 80% 50%;
		height: 90px;
	}
/*}*/

#main{
	padding:30px;
}
@media only screen and (max-width: 400px){
	#main{
		padding-left:15px;
		padding-right:15px;
	}
}
.columns2-3{
	margin-left:300px;
}
#home .columns2-3{
	margin-left: 300px;
}
@media screen and (max-width: 990px){
	.columns2-3, #home .columns2-3{
		margin-left: 260px;
	}
}
.post{
	margin:70px 0 100px;
}

h2 a:link, h2 a:visited {
	border-bottom:none;
}

a:link, a:visited {
    color: #212121;
	text-decoration: none;	
	border-bottom: 1px solid #bbb;
}
a:hover{
    color: #212121;
	text-decoration:none;
	border-bottom: 1px solid #888;
}
a:active{
    color: #212121;
	text-decoration:none;
	border-bottom: 1px solid #888;
}

h5{
font-size:1em;
color:#212121;
}
.subnav h5{
   margin: 1em 0 0;
}
.subnav hr{
margin:0 0 10px;
}
.subnav a:link {
color: #212121;
text-decoration: none;	
}

.subnav a:visited {
color: #212121;
text-decoration: none;	
}

.subnav a:active {
color: #be0911;
text-decoration: none;	
}

.subnav a:hover {
color: #be0911;
text-decoration: none;	
}
.subnav a:link:after{
  content:"";
  display:block;
  height: 0.4em;
} 
.subnav li{
	list-style: none;
	line-height: 1em;
	margin-bottom: 11px;
	margin-top: 11px;
	color: #353535;
	}

.rule{
	margin-top:20px;
	width:460px;
	border-bottom:1px dotted #aaa;
}

#text{
position: relative;
margin-left: 268px;
width: 460px;
margin-bottom:80px;
margin-top:40px;
line-height: 18px;
}

.byline{
	font-size: 16px;
	line-height: 1.5em;
	font-style: italic;
	margin-bottom: 2em;
}

input {
  font-size: 16px;
  line-height: 1.6;
} 
/*
#text:first-letter{
font-size:400%;
margin-left: -35px;
float:left;
color:#C0C3C1;
font-family: Georgia, "Times New Roman", Times, serif;
}
*/

.rightquote{
font-family: Georgia, Times, serif;
float:right;
/*
font-size:54px;
color: #C0C3C1;
padding-top: 220px;
padding-left: 25px;
*/
}

blockquote {
margin: 15px 30px 0 0;
padding-left: 30px;
background-image: url(https://www.ilercampbell.com/blog/imgs/bq.png);
background-position: top left;
background-repeat: no-repeat;
}
blockquote p:last-child {
background-image: url(https://www.ilercampbell.com/blog/imgs/bq-end.png);
background-position: bottom right;
background-repeat: no-repeat;
}

.bqstart {
	font-family: Georgia, Times, serif;
     float: left;
     margin-left: -35px;
     margin-top: -18px;
     font-size: 600%;
     color: #C0C3C1;
 }


 .bqend {
	font-family: Georgia, Times, serif;
     float: right;
     margin-top: -30px;
     margin-right: -25px;
     font-size: 600%;
     color: #C0C3C1;
 }
 .bqendfrontpage {
	font-family: Georgia, Times, serif;
     float: right;
     height: 25px;
     margin-top: -75px;
     margin-right: -25px;
     padding-top: 45px;
     font-size: 600%;
     color: #C0C3C1;
 }


.myparagraph:first-letter {
font-size:200%;
float:left;
color:#C0C3C1;
}




#text_alt{
font-size: 14px;
line-height: 22px;
position: relative;
margin-left: 268px;
width: 430px;
margin-top:40px;

}


#title{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #be0911;	
text-transform: uppercase; 
font-weight: bold;
}

.subnav{
position: absolute;
top: 122px;
left:0;
line-height: 25px;
width:217px;
text-align:left;
}

#centered
{
width:772px;
margin:0 auto;
margin-bottom: 32px;
border:0px;
position:relative;
display: block;
background-color: #fff;
height: 100%;
border-top: none;
}

#nav{/* border-bottom: 1px solid #DDD; */margin: 0 30px;/* text-align: center; */position:relative;} 

.navstyle{padding:0;margin: 0;display: flex;align-items: stretch;flex-wrap: wrap;}

.navstyle a:link {color: #212121;text-decoration: none;border-bottom:none;font-size: 19px;}
@media screen and (max-width:940px){
	.navstyle a:link{ font-size: 17px}
}
@media screen and (max-width:440px){
	.navstyle a:link{ font-size: 15px}
}
.navstyle a:visited {
color: #212121;
text-decoration: none;	
border-bottom:none;	
}

.navstyle a:active {
color: #be0911;
text-decoration: none;	
border-bottom:none;	
}

.navstyle a:hover {
color: #be0911;
text-decoration: none;	
border-bottom:none;	
}
.navbox {
	list-style: none;
	display:inline-block;
	padding-right:25px;
	flex: auto 1 1;
	max-width: 9em;
	text-align: center;
} 


#hometxt{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
line-height: 26px;
color: #212121;
position: relative;
margin-left: 268px;
margin-top: 40px;
width: 430px;
margin-bottom: 15px;
}

.leftquote{
font-family: Georgia, Times, serif;
font-size:24px;
top: 55px;
/*
font-size:44px;
color: #C0C3C1;
margin-top: 55px;
margin-bottom: 525px;
*/
}

.topframe{
margin-left: -8px;
background-color: #fff;
}

#leadintxt{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 26px;
color: #212121;
font-weight:normal;
}

.sharing {
padding: 0 0 0 0;
margin: -3.5em 0 0 0;	
visibility:hidden
}

.sharing ul, .sharing-hidden ul {
list-style: none outside none !important;
float: left;
text-indent: 0 !important;
}

.sharing li, .sharing-hidden li {
display: list-item !important;
list-style: none outside none !important;
float: left;
background: none !important;
}

hr {
margin: 30px 0;
border: none;
border-bottom: 1px solid #ddd;
clear:both;
}


#footer{font-family: Lato, Arial, Helvetica, sans-serif;font-size: 11px;position: relative;}


#homefooter{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
position: relative;
top: 55px;
height: 70px;
left:-37px;
width: 772px;
color: #72757f;
background-color: #fff;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 0px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	margin-bottom: 30px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100% !important;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	height: auto;
	width: 100%;
}
p img {
    max-width: 100%;
    height: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	padding: 6px 10px 20px;
	margin: 0;
}
/* End captions *//*Start Jetpack Slideshow*/.slideshow-window {    background-color: #f8f8f8 !important;	border-radius:0 !important;	border:none !important;	margin-top: 20px !important;	margin-bottom: 70px !important;	overflow: visible !important;}.slideshow-window:after {    content: "";    background: #f8f8f8;    position: absolute;    width:  100%;    height: 10px;    left: 0;    bottom: -5px;}.slideshow-slide-caption {    text-shadow: none !important;    color: #000 !important;   background: #f8f8f8 !important;    font-size:0.7em !important;	height: auto !important;	bottom: -10px !important;}.slideshow-slide-caption:empty {    display: none;}.slideshow-controls{	bottom: -60px !important;    background: #f8f8f8;    opacity: 1 !important;    padding-bottom: 5px;    padding-top: 5px;}/*End Jetpack Slideshow*/

/*Similar and Recent posts */
.similar-posts{
	width:100%;
	padding-top: 10px;
	line-height:1.3em;
	}

.similar-posts  a:hover {
	color:#be0911;
	text-decoration: none;
}
.similar-posts h2{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	margin-bottom: 2rem;
	margin-top: 2rem;
	}
.similar-posts li{
    display:inline-block;
    vertical-align:top;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    }
.similar-posts ul {
	margin: 0 -15px;
	padding: 0;
	font-size: 0;
	}
.similar-posts ul:after{
	content:"";
	display:table;
	clear:both;
}	
.similar-posts ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
	font-size: 1rem;
	line-height: 1.4;
	}
.similar-posts ul li a{
	font-size: 23px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	margin:6px 0;
	color:#212121;
	border-bottom:none !important;
}
.similar-posts .date{
	display:block;
	font-size:0.9rem;
	font-weight:normal;
	font-style:italic;
}

#sidebar, .sidebar  {
position: relative;
float: left;
margin-bottom: 30px;
width: 187px;
background-color: #f8f8f8;
word-wrap: break-word;
padding: 15px;
}
.quotebox{
	position:relative;
	float:left;
	margin-bottom:30px;
	width:217px;
	word-wrap:break-word;
}
.quotebox blockquote{
	margin: 0;
	background-color: #EEE;
	padding: 20px;
	font-size: 20px;
	font-style: italic;
	line-height: 1.2;
	background-image: none;
	position: relative;
	margin-bottom: 30px;
}

.quotebox blockquote:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    bottom: -27px;
    left: 20px;
    border-top: 27px solid #eee;
    border-left: 29px solid #0000;
}

.quotebox img{
	height: 27px;
	width: 29px;
	margin: 0 0 0 20px;
}
.quotebox p{
	margin: 0 0 0 20px;
}

#whatwedo #sidebar li.cat-item{
	color:#848484;
	list-style:none;
	font-size: 13px;
	margin: 9px 0;
}
#whatwedo #sidebar li.cat-item a{
	color:#212121;
	font-weight:bold;
	font-size: 14px;
}



/*---------------------------------
--------- Mobile Styles -----------
---------- and tweaks -------------
----------------------------------*/
h1 ~ a{
	line-height:2em;
}

div#centered {
    max-width: 1100px;
    width: auto;
}

.subnav {
    position: relative;
    margin-top: 122px;
    margin-bottom:60px;
    top:0;
	margin-left:-12px;
    float: left;
}
hr{
	clear:none;
}
#home hr{
	margin: 60px 0;
}
#main ~ hr{
	clear:both;
}

@media only screen and (min-width: 882px){
	.navbox:last-child{
		padding-right:0;
	}
}

@media only screen and (max-width: 881px){
	.navbox {
		list-style: none;
		float:left;
		padding: 7px 10px;
		margin: 3px 3px;
		border: 1px solid #ddd;
	}
	.navstyle:before,
	.navstyle:after{
		content:"";
		display:table;
		clear: both;
	}
	.navstyle {
		padding: 0;
		padding-bottom:15px;
		margin: 0 -11px;
		/* border-bottom: 1px solid #DDD; */
		/* align-items: center; */
	}
	#nav {
		padding: 12px 12px 0;
		margin: 0 21px;
		text-align: left;
		position: relative;
		border-bottom:none;
	}
	.subnav {
		position: relative;
		top: 0;
		width: auto;
		margin-left:-25px;
		margin-right:-11px;
		margin-bottom:0;
		margin-top:0;
		padding-top:10px;
		float:none;
	}
	.subnav br{
		display:none;
	}
	.subnav a,
	.subnav b{
		margin: 0 0 0.6em 15px;
		width: 8.5em;
		display: inline-block;
		border-bottom: none;
	}
	.subnav hr{
		margin: 0 0 15px 15px;
	}
	.subnav h5{
		margin: 15px 15px 0;
	}
	.quotebox, .sidebar {
		float: none;
		width: 100%;
	}
	
	#home .columns2-3,
	.columns2-3 {
		margin-left: 0;
		float: left;
	}
	
	div#main {
		display: table;
	}

	div#sidebar {
		display: table-footer-group;
		float: none;
	}

	.columns2-3 {
		display: table-header-group;
		padding-bottom: 50px;
	}
	#main img{   
        max-width: 100%;
        height: auto;
    }

	#footer {
		padding: 0;
	}
	#footer br{
		display:none;
	}
}
@media only screen and (max-width: 400px){
	#nav {
		margin: 0 10px;
	}
}

@media screen and (max-width:520px){
	.similar-posts li{
		width: 100%;
	}
}


@media
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	#topimg, #bioimg{
		height: 120px;
		width: 242px;
	}

	#topimg img, #bioimg img {
		height:120px;
		width: auto;
	}

	header{
		height:120px
	}
}

#footer {
    border-top:1px solid #ddd;
    margin: 0 30px;
    padding: 30px 0 10px;
    font-size: 1rem;
	clear:both;
}

#footer img {
    width: 240px;
    margin-bottom: 30px;
    max-width: 100%;
    display: block;
}

#footer .footer-text:after {
    content: "|";
}
#footer .footer-text:last-child:after{
    content: "";
}

@media (max-width:600px){
    #footer .footer-text {
        display: block;
        line-height: 1.6;
    }
    #footer .footer-text:after {
        content: "";
    }
}
.grecaptcha-badge { 
    visibility: hidden;
}

/* Embeds */
.embed-youtube iframe {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

span.embed-youtube {
  padding-bottom: 56.5%;
  position: relative;
  margin-bottom: 3em;
}