/* FONT AWESOME */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden, .visually-hidden  { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/**
 * Responsive Styes
 */

/* 
	SMALL SCREEN : and (max-width: 768px );
*/

@media screen and (max-width: 768px ) {

/* HELPER CLASSES */

.m,
.m-it,
.mobile {
	float: none !important;
	margin: 0 !important;
	width: 100% !important;
}

.m-no-float { float: none !important; }

.m-full-width { width: 100% !important; }

.m-constrain-width { width: auto !important; }

.m-no-left-margin { margin-left: 0 !important; }
.m-no-right-margin { margin-right: 0 !important; }

.m-no-left-padding { padding-left: 0 !important; }
.m-no-right-padding { padding-right: 0 !important; }

/* HEADER */
div[style*="background: url(/images/bgtile_headermenu.gif)"] {
	background-image: url('') !important;
}

#header {
	width: 100%;
}
#skip ~ div {
	float: none !important;
	margin: auto;
}
#skip ~ div ~ a {
	display: block;
	width: 100%;
	text-align: center;
}
#skip ~ div ~ a img {
	text-align: center;
	float: none !important;
}

  /* NAV */
  #navbar_top,
  #navbar_top > table {
  	width: 100%;
  }
    #navbar_top > table td strong {
    	font-weight: normal;
    }

#footer {
	width: 100%;
}
	#footer section > div{
		float: none !important;
		width: 93% !important;
		margin: auto;
	}
#footer ~ div > div {
	width: 100% !important;
	float: none !important;
}
#footer ~ div > div p {
	float: none !important;
	text-align: left !important;
}
#footer ~ div > div p a {
	font-size: 11px;
}

/* WRAPPER */
#wrapper {
	width: 100%;
	overflow: hidden;
}

/*#navbar_top {display: none;}*/

/* INDEX */
#index table {
	_border-bottom: 15px solid rgb(9, 91, 170);
	margin-bottom: 25px;
}
#index table td center {
	padding-bottom: 25px;
}

#index table a {
	display: block;
	margin-bottom: 15px;
}

/* HOME EN */
.pulldown{
	top: 250px !important;
	left: 0 !important;
	width: 100% !important;
}
.pulldown a {
	display: block;
	width: 95%;
	position: relative;
	margin: auto;
}
#topImage {
	background-position: center 0 !important;
	-webkit-background-size: auto 100% !important;
	background-size: auto 100% !important;

	_background-size: contain !important;
	_height: auto !important;

	margin-top: 0;
}


#midHold ~ div {
	float: none !important;
	width: 93% !important;
	margin: auto;
}
#midHold ~ div > div {
	float: none !important;
	width: 100% !important;
	margin: auto;
}



#whereToStart,
#welcomeMess {
	float: none;
	margin: auto;
	width: 95%;
}

#whereToStart {
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;

	width: 93%;
}

#whereToStart .sddm {
	overflow: hidden;
	width: 100%;
	margin-left: 0;
}
	#whereToStart .sddm span {
		width: 100%;
	}

#welcomeMess {
	height: auto !important;
}

/* GETTING EN - Default */
#page {
	width: 100% !important;
	margin-top: 0 !important;
}

#leftnav {margin-top: 0;}
#leftnav img {display: none;}

nav[role="navigation"] #leftnav,
#article {
	float: none !important;
	width: 93% !important;
	margin: auto !important;
	font-size: 1.1em !important;
}

#article img {
	max-width: 100%;
	height: auto;
}


/* GETTING EN -- elogibility */
#sidebarclear {
	float: none !important;
}
#article h3,
#article p,
#article table {
	width: 100% !important;
}

/* GETTTING EN -- Help in the courtroom */
#sidebarclear {
	float: none !important;
	width: 100% !important;
}

/* GETTING EN -- Finding a lawyer */
#tabs input,
#tabs select,
#tabs button {
	display: block !important;
	width: 100% !important;
}

/* GETTING EN -- Preparing for court */
span.short img,
span.long img {
	display: inline;
	width: auto !important;
}

/* GETTING EM -- Francophone */
#sidebarwhite {
	float: none;
}

/* GETTING EN -- LawFacts */
a[href="http://www.lawfacts.ca"] {
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
a[href="http://www.lawfacts.ca"] img {
	width: auto !important;
	float: none !important;
}

/* GETTING EN -- Certificate Program */
div[style="width:400px;"] {
	width: 93% !important;
}

.eligibility-steps-first {
	width: 30%;
}
.eligibility-steps {
	width: 33% !important;
}

/* GETTING EN -- Client contributions */
#sidebarclear {
	margin: 0 !important;
}

/* GETTING EN -- Domestic violence */
#sidebarclear img {
	width: auto !important;
}

/* GETTING EN -- Yourth criminal law */
#content_3col {
	width: 100%;
}
#content_3col,
#col3_right {
	float: none !important;
	width: 93% !important;
	margin: auto;
}
#col3_centre {
	float: none !important;
	width: 100% !important;
	margin: auto !important;
}

/* GETTING EN -- Flip */
a img[src="/images/icon_pdf.gif"] {
	width: auto !important;
}

img[src="/images/icon_pdf.gif"] {
	width: auto !important;
}

/* GETTING EN -- Francophone Language Rights */
img[src="/images/icon_bluearrow.gif"] {
	width: auto !important;
}

/* GETTING EN -- Preparing trial */
.roundTop {
	background-image: url('');
}

/* GETTING EN - Type criminal */
#leftnav {
	float: none;
	margin: auto;
	width: 93%;
}

/* GETTING FR -- workaround/default */
td[background="/images/bgtile_gettingbox285.gif"] {
	background-image: url('');
}
td[background="/images/bgtile_gettingbox285.gif"] p {
	font-size: 12px;
}

/* GETTING FR -- preparingforcourt */
#sidebarwhite {
	width: 100% !important;
	margin: auto !important;
	padding: 0;
}

/* GETTING FR -- lawfacts */
#article img[src="/fr/getting/images/sidebar_lawfacts.jpg"] {
	width: auto;
	float: none;
	display: block;
	margin: 0 auto 25px;
}

/* GETTING FR -- Complaints */
div[style*="border-bottom:#06C solid 1px"] {
	float: none !important;
	width: 100% !important;
}

/* GETTING FR -- Appeal */
div[style*="width:180px"] {
	width: 100% !important;
	float: none !important;
}

/* GETTING FR -- Aborigonal Identify */
img[src="images/0905_aboriginalbrochure.jpg"] {
	width: auto !important;
	margin: 0 auto 25px;
	display: block;
}

/**
 * INFO
 */

/* INFO EN - Access Defence */
p img {
	width: auto !important;
}

/* INFO EN -- Bigcasemanagement Addtional */
.docImage {
	width: auto !important;	
}

/* INFO EN -- Billing Resousesforms */
img[src="/images/icon_word.gif"] {
	width: auto !important;
}

/* INFO EN -- Billing */
img[src="/images/icon_b3.gif"] {
	width: auto !important;
}

/* INFO EN -- Billingtips Criminal Lawyers */
div[style*="float:right"] {
	float: none !important;
	width: 100% !important;
}

/* INFO EN -- Block Fees Billing,
Block fees faqs */
a[href*="youtube.com"] img,
img[src="/images/rss-14x14.png"] {
	width: auto !important;
}

/* INFO EN -- Block Fees Eligible Charges */
div[style="float:left; width:45%;"] {
	float: none !important;
	width: 100% !important;
}

/* INFO EN -- Default */
div[style*="float:left; width:300px;"],
div[style*="float:right; width:270;"] div[style*="border:none; width:265px;"] {
	float: none !important;
	width: 100% !important;
	border: none !important;
}

img[src="/images/icon_rss.png"] {
	width: auto !important;
}

/* INFO EN -- dockets */
img[src="/images/icon_excel.gif"],
img[src="/images/icon_video.gif"] {
	width: auto !important;
}

/* INFO EN -- Forms */
img[src="/images/PDF-32x40.png"],
img[src="/images/DOC-32x40.png"] {
	width: auto !important;
}

/* INFO EN -- Instruct Daily Rate North */
table[width="90%"] {
	width: 100% !important;
}

/* INFO EN -- Legal Online Billing Tutorials */
img[src="/en/info/media/BlockFees/Phase2-2/BlockFeesPhase2-2.gif"],
img[src="/images/icon_flash.gif"] {
	width: auto !important;
}

/* INFO EN -- Legal AIdonline New */
div[style="float:left; width:48%;"] {
	width: 100% !important;
}
div[style="float:left; width:48%;"] img,
img[src="/images/icon_dollarsign_50.jpg"] {
	width: auto !important;
}

/* INFO EN -- Panel Standards Refugee */
img[src="/images/pdf-16.png"] {
	width: auto !important;
}

/* INFO EN -- Payment Schdeule */
img[src*="/images/icon_greenbox"] {
	width: auto !important;
}

/* INFO EN -- Pop Up */
object embed {
	width: 100% !important;
	display: block;
}

/* INFO EN -- Progress */
img[src="/images/icon_pdf_tk.png"] {
	width: auto !important;
}

/* INFO EN -- Rowbotham Pilot */
img[src="/images/doc-32x40.png"],
img[src="/images/pdf-32x40.png"] {
	width: auto !important;
}

/* INFO FR -- Block Fees Billing Tutorial */
img[alt*="Block fees billing tutorial: Module"] {
	width: auto !important;
}

/* INFO FR -- Contact Info */
div[style="float:left; width:48%; margin-top: 1em;"],
div[style="float:left; width:25%; background:#fff; padding:1em 5px 5px 5px; border-top:5px solid #05a;"], 
div[style="float:left; width:25%; background:#fff; padding:1em 5px 5px 5px; border-top:5px solid #05a;"], 
div[style="float:left; width:25%; background:#fff; padding:1em 0 0 0; border-top:5px solid #05a;"]{
	float: none !important;
	width: 100% !important;
}

ul[style="list-style: disc outside none; font-size: 1.3em; margin-bottom: 20px;"] {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}

/* INFO FR -- Docket */
img[src="/images/icon_quicktime.gif"] {
	width: auto !important;
}

/* INFO FR -- Forms */
img[src*="/images/large_"]{
	width: auto !important;
}

/**
 * NEWS
 */

/* NEWS EN - Default */
img[src="/images/icon_twitter.png"],
img[src="/images/icon_youtube.png"] {
	width: auto !important;
}

/* NEWS EN - Hotbytes */
img[src="/images/icon_rss_50.jpg"] {
	width: auto !important;
}

/* NEWS EN - Ottawabar */
p[style="margin-left:20px;"] {
	margin-left: 0 !important;
}

/* NEWS EN -- Newsarchive 0802_26_piloting */
#navbar_bot ul li {
	text-align: left !important;
}

/* NEWS EN -- News */
img[src="images/blue_corner.gif"] {
	width: auto !important;
}

/* NEWS EN -- Newletters b3 */
img[src="/images/newsletters/logo_b3-55.gif"] {
	width: auto !important;
}

/* NEWS EN -- Newsletter qso */
img[src="/images/newsletters/logo_q-newsletter.jpg"] {
	width: auto !important;
}

/* NEWS EN -- Newsletter Express */
img[src="/images/newsletters/logo_LAOexpress-70.jpg"] {
	width: auto !important;
}

/* NEWS ARCHIVES */
#postinglist_left,
#postinglist_right {
	width: 100% !important;
	float: none !important;
	padding: 0;
	margin: 0;
}


/* ABOUT EN -- Board of Directos */
div[style*="margin-left:110px"],
div[style*="margin-left:120px"] {
	margin-left: 0 !important;
}

/* PUBLICATION EN -- Disclosure expenses */
.m[style*='#05a'] {
	border: none !important;
	padding-left: 0 !important;
}

/* CONTACT EN -- Connect with LAO */
img[src="/images/icon_youtube_50.jpg"],
img[src="/images/icon_twitter_50.jpg"] {
	width: auto !important;
}



}/* END MQ */

/* MOBILE NAV */
#lao-nav {
	display: none;
}
@media screen and (max-width: 768px ) {
  #lao-nav {
		position: relative;
		top: 0;
		background-color: #3d78c6;
		display: block;
		font-size: 14px;
	}

	#navbar_top table {
		display: none;
	}

  #navbar_top {
  	position: relative;
  }
	#lao-nav * {
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: 200;
	}
	.nav-list {
		display: block;
		width: 100%;
		position: absolute;
		top: 24px;
		left: 0;
		background-color: #3d78c6;
		/* border-top:1px solid white; */
		padding: 10px 0;
		margin: 0;
		z-index: 100;
	}

	#whereToStart {
		display: none;
	}

	#topImage {
		display: none;
	}

	#headerLogo {
		height: 93px;
		width: auto;
	}

	.is-closed .nav-list {
		display: none;
	}
	.nav-link {
		padding: 6px 0;
	}

	#midHold {
		background-image: none;
	}
	
	/*BTNS*/
	a.nav-btn {
		margin: 0;
		padding: 0 !important;
		display: block;
		height: 24px;
		line-height: 22px;
	}
	a.nav-btn:hover {
		margin: 0;
		padding: 0;
	}
	.nav-burg {
		font-size: 20px;
		font-weight: 200;
	}
	.is-closed .nav-close,
	.is-open .nav-burg {
		display: none;
	}
	.is-open .nav-close,
	.is-closed .nav-burg {
		display: block;
	}

	/* Sub Nav */
	.secondaryNavHead ~ ul,
	#site-home ~ a {
		display: none;
	}
	.secondaryNavHead.is-open ~ ul,
	#site-home.is-open ~ a {
		display: block;
	}
	
	.secondaryNavHead::before,
	#site-home::before {
		content: "\f0da";
		float: right;
		color: #FFF;

	  display: inline-block;
		margin-right: 5px;
		top: 1px;
		right: 3px;
		position: relative;

	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  transform: translate(0, 0);
	  z-index: 99;
	}

	.secondaryNavHead.is-open::before,
	#site-home.is-open::before {
		content: "\f0d7";
	}

	.secondaryNavHead::before {
		top: 8px;
	}

	#site-home::before {
		top: 3px;
	}

	.secondaryNavHead #site-home::before {
		content: "";
	}

	#site-home {
		_display: inline-block;
	}



	/* --- CARDSORT figure --- */

	figure.cardsort {
		width: 100%;
		margin: 0 auto;
		background: #fbd664;
		padding: 10px 0;
		font-family: Merriweather;
	}

	figure.cardsort img {
		display: none;
	}

	figure.cardsort h1 {
		margin: 10px 20px;
		text-align: left;
		font-size: 25px;
	}

	figure.cardsort h2 {
		margin: 14px 20px;
		text-align: left;
		font-size: 17px;
	}

	figure.cardsort p {
		margin: 0px 20px;
		text-align: left;
		font-size: 12px;
		line-height: 1.5;
	}

	figure.cardsort input {
	    font-size: 24px;
	    padding: 12px 26px;
	    border: 2px solid #5a5758;
	    margin: 10px 0 0;
	    background: #fff;
	}



}