/*
	ISBA 2012 mobile/phone styles
*/

/* Debugging */
/*
body::before
{ background:#ffc; display:block; width:96%; padding:.6em 2%; clear:both; font-size:14px; font-size:.875rem;
  content:"Debugging: Screen size below 568px (mobile CSS loaded)" }
*/

/* -------- Layout -------- */

body
{ min-width:1px; width:auto }

#contentwrapper
{ width:auto; margin:0 0 1em; background-image:none; border:none; border-radius:0;
  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }

form fieldset
{ width:90% }
input, select, textarea
{ max-width:96% }
	input.form-text, input.form-select
	{ width:100% }

img
{ max-width:100% !important; height:auto; max-height:none }
	span.caption-wrap /* Dynamic captions */
	{ width:auto !important }

table
{ max-width:100% !important; max-height:none }

/* Force breaks in long links */
#content a
{ -ms-word-break:break-all; word-break:break-all; word-break:break-word;
  -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto }

body.sidebar-right #content,
body.one-sidebar #content,
body.two-sidebars #content,
#content
{ width:auto; min-height:0; float:none; margin:0 1em }

/* Left sidebar */
#sidebar-left
{ display:block; float:none; width:auto; margin:2em 1em 1em; padding:0 0 .1em; background-image:none }

#sidebar-left #block-menu_block-3, #sidebar-left #block-user-3 /* Hide admin blocks */
{ display:none }


/* Right sidebar ad */
#sidebar-right
{ display:block; float:none; width:auto; margin:1em auto; text-align:center }
#sidebar-right .image-advertisement img
{ margin:0 auto; text-align:center }


/* -------- Elements -------- */

.hide-mobile /* Hide from mobile */
{ display:none }

a#toplink
{ display:inline-block; position:static; margin:0 0 .9em }

#section-name
{ margin:0 0 1em; padding:4px 10px 10px; border-radius:0; font-size:140%; white-space:nowrap }

h1
{ font-size:242.8%; line-height:1 } /* 34px */
h2 /* 22px */
{ font-size:157.1% }

.introphoto
{ display:none }

.rightbox
{ float:none; width:auto; margin-left:0 }


/* ----- Header ----- */

#header-innerwrap
{ width:auto; margin:0; padding:0 }

#header-logo
{ max-width:75%; float:none; margin:0; padding:.8em 8px .9em }
#header-logo a
{ display:inline-block }

#header-blocks
{ display:none; clear:both; float:none; margin:0 8px; border:1px solid #999; border-width:1px 1px 0 1px; padding:8px; background-color:#ebebeb;
  box-shadow:2px 2px 2px rgba(0,0,0,.2) }
	#header-blocks:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#header-blocks .block
{ clear:none }

/* Search */
#block-block-1
{ float:left; width:50%; margin:0 }
#header-search,
#views-exposed-form-search-page-1
{ float:none; margin:0; background-color:#fff }
#header-search input.form-text,
#views-exposed-form-search-page-1 input.form-text
{ width:100% }

#block-block-2, #block-block-20
{ float:right; width:auto; max-width:49%; margin:0; text-align:right; font-size:78.5%; line-height:1 }

#block-block-2 > div.content li, #block-block-20 > div.content li
{ float:none; display:inline-block; line-height:1 }
#block-block-2 > div.content li a, #block-block-20 > div.content li a
{ margin:5px 0 4px 13px; padding:0; border:none; line-height:1 }

#block-block-2 > div.content li.last-child a, #block-block-20 > div.content li.last-child a
{ padding-right:0 }
#block-block-2 > div.content li.last-child a img, #block-block-20 > div.content li.last-child a img /* Hide FastCase logo */
{ display:none }

/* *** Hide FastCase link *** */
#block-block-2 > div.content li.last-child, #block-block-20 > div.content li.last-child
{ display:none }


/* ----- Navigation ----- */

/* Mobile flag (hidden on style.css) */
#mobile-menu
{ display:block; position:absolute; top:8px; right:10px; width:49px; height:44px; cursor:pointer;
  text-indent:-9999px; overflow:hidden; background:url("images/menu_toggle.png") no-repeat }

	#mobile-menu.open /* Open state */
	{ background-position:0 -44px }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#mobile-menu
		{ background-image:url("images/menu_toggle@2x.png"); background-size:49px auto }
	}


#navigation
{ display:none; width:auto; height:auto; overflow:visible; margin:0 8px 1em; border:1px solid #999; border-width:0 1px 1px 1px; 
  padding:8px; background-image:none; font-size:100%;
  box-shadow:2px 2px 2px rgba(0,0,0,.2) }
#nav-innerwrap
{ width:auto }

#navigation table
{ display:block; width:auto }
#navigation tbody, #navigation tr
{ display:block }
#navigation td
{ display:list-item; list-style-type:none; min-height:0; padding:0; border-bottom:1px solid #c83a14 }
	#navigation td.sep /* Cell separators */
	{ display:none }
	#navigation td:last-child
	{ border-bottom:none }

#navigation td > a
{ display:block; min-height:27px; padding:4px 6px; white-space:normal; text-align:left }
	* html #navigation a /* IE6 and Google search quirks mode descendent selector fix */
	{ height:27px; padding:4px 6px; white-space:normal; text-align:left }
	* html #navigation td div.wrapper
	{ display:block }

/* Expansion links */
#navigation td.nav-expand > a
{ background:url("images/nav_expand.png") no-repeat 98% .6em; background-size:19px 19px }
#navigation td.open.nav-expand > a
{ background-image:url("images/nav_collapse.png") }

	/* Retina version */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#navigation td.nav-expand > a
		{ background-image:url("images/nav_expand@2x.png") }
		#navigation td.open.nav-expand > a
		{ background-image:url("images/nav_collapse@2x.png") }
	}

/* Active and hover states */
#navigation td:hover > a
{ background-color:transparent }
#navigation td > a:hover
{ background-color:#c83a14 }
#navigation td > a:active
{ background-color:transparent }

#navigation td.active, #navigation td.active > a
{ background-color:#a81a00; border-radius:0 }
#navigation td > a.active
{ margin:0 }
#navigation td.open, #navigation td.open.active, #navigation td.open > a
{ background-color:#c83a14 }


/* Nested flyout lists */
#navigation td div.wrapper
{ display:none; font-size:85.7% }
	#navigation td:hover div.wrapper
	{ display:none }

#navigation td ul
{ position:static; background-color:#fffaeb; border-radius:0 0 6px 6px }

#navigation td ul > li a
{ white-space:normal; background:transparent none; padding-top:5px; padding-bottom:5px }
	#navigation td ul > li:last-child a /* Don't break rounded corners */
	{ border-radius:0 0 6px 6px }

/* Highlight active subnav link (not used on desktop CSS since sidebar shows active link instead) */
#navigation td ul a.active
{ background:#efeadb; font-weight:bold }



/* ----- Footer ----- */

#footer-innerwrap
{ width:98%; background-size:80px auto; padding-bottom:18px }
#footer-innerwrap:after /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

/* Ad */
#footer .block-ad
{ float:none; margin:0 auto 1em }

/* Social links */
#footer #block-block-13
{ position:relative; z-index:20; float:left; width:72px; height:auto; min-height:0; margin:0 0 .2em; padding:0; border:none; text-align:left;
  background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
#footer #block-block-13 h2
{ display:none }
#footer #block-block-13 p a
{ margin:0 7px 5px 0 }

/* Copyright and Links */
#footer #block-block-14
{ clear:none; float:none; display:block; position:static; margin:0 0 0 80px; font-size:12px }

#footer #block-block-14 span.copyright
{ float:none; display:block; margin:0 0 .6em; padding:0; font-size:12px; line-height:1.1 }

#footer #block-block-14 ul#footer-links
{ display:block;
  -webkit-column-count:2; column-count:2; -webkit-column-gap:4px; column-gap:4px; -webkit-column-fill:auto; column-fill:auto }
#footer #block-block-14 ul#footer-links li
{ float:none; display:block; margin:0 0 .4em; line-height:1.1 }
	#footer #block-block-14 ul#footer-links li:before
	{ content:normal; display:none }  /* display:none for older iOS Safari */
#footer #block-block-14 ul#footer-links li a
{ margin:0 }

#footer #mobile-switch
{ display:block }

/* Footer Fastcase mobile */
#footer #footer-fastcase
{ clear:both; display:block; position:relative; margin-bottom:1.4em; font-size:12px; line-height:1.1 }
#footer #footer-fastcase img
{ display:inline-block; margin-right:16px; vertical-align:middle }

/* Lincoln tagline */
#footer-tagline
{ clear:both; margin:0; padding:40px 90px 0 0; font-size:22px }


/* -------- Content -------- */

/* Linearize columns */
div.columns
{ margin:0 }
div.columns .col, div.columns.three > .col,
.columns.wideleft .first-child, .columns.wideright .last-child, .columns.wideleft .last-child, .columns.wideright .first-child
{ float:none !important; width:auto; margin:0 0 1.4em; padding:0; overflow:visible; border:none }

/* Drupal tabs */
ul.primary
{ font-size:78.6% }


/* -------- Homepage -------- */

/* Carousel */
#content h2#home-carousel-heading /* Mobile only */
{ margin-top:.45em; display:inline-block }

.view-homepage-carousel /* Same as .tabbed-box */
{ zoom:1; position:relative; z-index:1; width:auto; height:auto; margin:-2px auto 1em; 
  padding:4px 0 0; border:1px solid #9d9d9d; border-radius:0 6px 6px 6px; 
  background:#fff url("images/homepage/box_top.png") repeat-x;
  -webkit-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); -moz-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); box-shadow:3px 3px 7px 0 rgba(0,0,0,.2) }


/* Remove images and videos */
.view-homepage-carousel .views-field-field-carousel-image-fid,
.view-homepage-carousel .views-field-field-carousel-image-fid img,
.view-homepage-carousel .views-field-field-carousel-youtube-value,
.view-homepage-carousel .active-arrow
{ display:none !important }

.view-homepage-carousel .view-content
{ padding:0 }
.view-homepage-carousel .view-content .views-field-body
{ opacity:1 !important; width:auto; height:auto; position:relative; top:0 !important; right:0; margin:0; padding-top:5px;
  border:none; background-color:#fff }

.view-homepage-carousel .view-content .views-field-body > .field-content
{ opacity:1 !important }
.view-homepage-carousel .view-content .views-field-body h2
{ font-size:142.8%; line-height:.9 }

/* Make all images visible */
.view-homepage-carousel li.views-row
{ position:relative }
.view-homepage-carousel .view-content .views-field-field-carousel-image-fid
{ display:block }

.view-homepage-carousel ul
{ margin:0; padding:0 }
.view-homepage-carousel .content
{ padding-bottom:.6em }
.view-homepage-carousel .content a
{ white-space:nowrap }

/* Fix top & bottom row spacing and rounded corners */
.view-homepage-carousel .view-content li.views-row.views-row-1
{ padding-top:2px }
.view-homepage-carousel .view-content li.views-row.views-row-4
{ padding-bottom:2px }

.view-homepage-carousel .view-content .views-field-field-carousel-image-fid img,
.view-homepage-carousel .view-content .views-row-1 .views-field-body,
.view-homepage-carousel .view-content .views-row-1 .views-field-field-carousel-image-fid img
{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 }
.view-homepage-carousel .view-content .views-row-4 .views-field-body,
.view-homepage-carousel .view-content .views-row-4 .views-field-field-carousel-image-fid img 
{ -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px }


/* Ads */
#homepage-ad-leaderboard, #homepage-ad-leaderboard-side
{ float:none }
#homepage-ad-leaderboard .advertisement.group-tids-1975
{ min-height:0 }

#homepage-ad-leaderboard h6.ad
{ text-align:center }

#homepage-ad-leaderboard-side /* Shrink to be proportional to leaderboard ad */
{ width:50%; margin:6px auto 0 }
#homepage-ad-leaderboard-side h6.ad
{ display:none }


/* ISBA Mutual benefits banner ad */
#benefits-ad-text-1
{ display:block; float:none; width:auto; margin:0; text-align:center }
#benefits-ad-text-2
{ display:block; float:none; width:auto; margin:0; text-align:center }

#benefits-ad-isbamutual
{ position:static; bottom:auto; left:auto; width:80%; margin:0 auto; padding:0 0 0 6px; background:none }
	#benefits-ad-isbamutual img
	{ margin:0 auto }

#benefits-ad-freecle
{ width:42%; margin:0 auto 0 1% }
#benefits-ad-fastcase
{ width:42%; margin:0 1% 0 auto }
	#benefits-ad-freecle img
	{ float:left; padding:10px 6px 9px 12px }
	#benefits-ad-fastcase img
	{ float:right; padding:10px 12px 9px 10px }


/* Column boxes */
#col-inthenews, #col-resources, #col-cle, #col-public
{ width:auto; float:none }

#col-inthenews div.tabbed-box, #col-resources div.tabbed-box, #col-cle div.tabbed-box, #col-public div.tabbed-box
{ min-height:0 !important; padding:12px 10px 10px }

#col-resources div.tabbed-box, #col-public div.tabbed-box
{ padding:16px 10px 6px }

#home-clehighlight .box
{ margin-left:0; margin-right:0 }

#col-resources div.tabbed-box
{ padding-right:20px }
#col-resources div.tabbed-box img.floatright
{ display:none }

/* In the News Fastcase link (mobile only) */
#home-fastcase /* Use table CSS for better vertical alignment */
{ display:table; margin:.9em 0 1.3em; line-height:1.2; font-size:92.8% }

#home-fastcase a
{ display:table-row }

#home-fastcase a span#home-fastcase-image
{ display:table-cell; padding-right:10px }
#home-fastcase a span#home-fastcase-image img
{ display:block; max-width:none !important }

#home-fastcase a span#home-fastcase-text
{ display:table-cell; width:100%; vertical-align:middle;
  -ms-word-break:normal; word-break:normal; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none }

/* Blog image */
.view-isba-homepage-photo img
{ float:right; margin-right:0; margin-left:8px; width:50%; height:auto }


/* -------- E-Clips -------- */

/* Mobile help text */
#eclips-mobile-help
{ display:block; margin:0 0 1.2em; border:1px solid #adadad; background:#f1f1f1; padding:12px; border-radius:6px;
  -webkit-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); -moz-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); box-shadow:3px 3px 7px 0 rgba(0,0,0,.2) }

	#eclips-mobile-help > *:last-child, #eclips-mobile-help > ol:last-child > li:last-child
	{ margin-bottom:0 }

#eclips-mobile-help p
{ margin-bottom:1em; line-height:1.2 }
#eclips-mobile-help p+p
{ margin-bottom:0 }
#eclips-mobile-help ol
{ margin-top:1em }

/* Hide Android steps by default */
a#eclips-mobile-help-toggle:hover, a#eclips-mobile-help-toggle:active
{ text-decoration:none }
#eclips-mobile-help-steps
{ display:none }


/* -------- IBJ -------- */

/* Android home screen help text */
#ibj-mobile-help
{ display:block; margin:0 0 1.2em; border:1px solid #adadad; background:#f1f1f1; padding:12px; border-radius:6px;
  -webkit-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); -moz-box-shadow:3px 3px 7px 0 rgba(0,0,0,.2); box-shadow:3px 3px 7px 0 rgba(0,0,0,.2) }

	#ibj-mobile-help > *:last-child, #ibj-mobile-help > ol:last-child > li:last-child
	{ margin-bottom:0 }

#ibj-mobile-help p
{ margin-bottom:0; line-height:1.2 }
#ibj-mobile-help ol
{ margin-top:1em }

/* Hide steps by default */
a#ibj-mobile-help-toggle:hover, a#ibj-mobile-help-toggle:active
{ text-decoration:none }
#ibj-mobile-help-steps
{ display:none }


/* IBJ search box */
#block-block-11 label /* Hide label */
{ display:none }
#block-block-11  #ibj-keyword.form-text
{ min-width:0; max-width:70% }

/* IBJ tagline */
#ibj-submast p#ibj-tagline
{ float:none; margin-bottom:.3em }

/* IBJ issues */
.node-ibj_issue.node-single #ibj-cover
{ float:none; margin:0 auto 1em; text-align:center }

/* IBJ articles */
#ibj-submast .ibj-print
{ display:none }
.node-ibj_article #ibj-cover img,
.view-ibj-ilu #ibj-cover img,
.node-ibj_lawpulse #ibj-cover img
{ width:75px }

#ibj-takeaways
{ width:auto; float:none; margin:1em .4em }

/* IBJ TOC authors */
.node-ibj_issue span.sep
{ display:none }

.node-ibj_issue .views-field-field-authors-value,
.node-ibj_issue .views-field-field-lawpulse-authors-value
{ display:block; margin:.3em 0 0; white-space:normal }
.node-ibj_issue .views-field-field-authors-value .cck_fullname
{ white-space:normal }

/* Section newsletter archives */
#sectionnews-credits
{ width:45% }
#sectionnews-issues
{ width:48% }

@media only screen and (max-width:640px) {
	/* Smaller mobile */
	#sectionnews-credits
	{ float:none; width:auto; max-width:380px; margin:0 auto 1em }
	#sectionnews-issues
	{ float:none; width:auto; margin:0 0 2em }
}

/* Section newsletters */
.node-section_newsletter p a > img[align=right] /* Quick mobile fix for inline ad wrapping */
{ float:none; display:block; margin:1.2em auto }


/* -------- Other specific page cleanup -------- */

/* Registration form */
#register-reasons div.reason-other input.form-text
{ width:96% }
#payinfo fieldset#ccinfo
{ width:auto }

/* E-Clips form */
#node-95 form input#email, #node-95 form input#name
{ max-width:70% }

/* Join form reasons */
#reason-reorder div.form-item input.form-text
{ width:50% }


/* CLE and events calendar */
table.calendar-month
{ display:block; width:auto; margin:0 0 1.4em; border-bottom:1px solid #ebebeb }
table.calendar-month thead
{ display:none }
table.calendar-month tbody,
table.calendar-month tr
{ display:block }

table.calendar-month td.calendar-day, table.calendar-month td.calendar-today
{ clear:both; display:block; width:auto; height:auto; min-height:40px; padding:5px 5px 5px 36px; border-bottom:none }
	table.calendar-month td.calendar-ends
	{ display:none }

table.calendar-month td div.calendar-daynum
{ float:left; margin:-6px 5px 5px -37px; padding:2px 3px }


/* CLE and event data table */
table.data.event-list
{ display:block; margin:1em 0 1.4em }
table.data.event-list thead
{ display:none }
table.data.event-list tbody
{ display:block }

table.data.event-list tr
{ display:block; margin-bottom:.6em; padding:0 }
table.data.event-list tr + tr
{ border-top:1px solid #efefef; padding-top:.8em }

table.data.event-list td
{ clear:both; display:block; width:auto; padding:0 }
table.data.event-list tr.even td
{ border:none; background:transparent }

table.data.event-list td.event-date
{ font-weight:bold }

table.data.event-list td.cle-mcle, table.data.event-list td.cle-pmcle
{ font-size:85.7% }

table.data.event-list span.cle-label /* Show labels to replace hidden <th> */
{ display:inline; font-weight:bold }



/* -------- Other blocks -------- */

/* Member login */
#block-membergate input.form-text
{ width:auto }
#block-membergate #gate-message
{ float:none; width:auto; margin:0 0 .8em 0 }



/* -------- Maintenance page -------- */

body.in-maintenance #footer-tagline
{ padding:100px 90px 0 0 }