/*
 Theme Name:   Legal Ethics
 Theme URI:    http://nylegalethics.attorney/legalethics/
 Description:  Canvas child theme for Hal R. Lieberman - Legal Ethics Blog
 Author:       DLSdesign
 Author URI:   http://dlsdesign.com/
 Template:     canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  legalethics
*/


/* load up our custom fonts */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7ee49340-38c3-425c-8a2d-12fa48158284");
@font-face{ 
 font-family:"AvenirNextLTW01-Regular";
 src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
 src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("Fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("Fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("Fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
}
@font-face{
font-family:"Bell MT W01 Bold";
src:url("Fonts/4034eba9-fec0-4d7f-a6c3-52940e3c4653.eot?#iefix");
src:url("Fonts/4034eba9-fec0-4d7f-a6c3-52940e3c4653.eot?#iefix") format("eot"),url("Fonts/6e6ddcce-9edf-4af3-8eb4-e23eed295803.woff") format("woff"),url("Fonts/43eb4522-17c4-4803-8eff-99b7223dd6f1.ttf") format("truetype"),url("Fonts/c2212eba-108f-4824-8302-58a45aa7fdd0.svg#c2212eba-108f-4824-8302-58a45aa7fdd0") format("svg");
}


/* header and top of page styles */
#search-3 { display:none; }  			/* Disable header search box */
#logo { padding: 0 0 0 11%; }  			/* faux centering */
#header { border-bottom: double 4px black; margin-bottom: 2px; }
body.home article header h2.entry-title { display: none; } /* suppress title on front page */
#content { padding-bottom: 0; }


/* navigation menu styles */
#navigation { margin-bottom: 2em; }

#main-nav { margin-left: 95px; }
#main-nav li a { 
 padding: 5px 20px 5px 0 !important; 
 white-space: pre; 
 font-family: "AvenirNextLTW01-Regular",sans-serif !important; 
}
#main-nav li a:before { content: "/   "; }
#main-nav li:first-child a:before { content: none; }

h2 {
	font-family:"Bell MT W01 Bold";
	font-weight: normal;
	color: #888888;
}

/* navigation search form */
div.search_main {
 position: absolute;
 top: 295px; right: 20px;
 z-index: 10000;
}
div.search_main .searchform { 
 border-style: none; 
 padding: 2px 0;
}
div.search_main .searchform input.s { 
 background-color: white;
 height: 25px;
 padding: 1px 5px 2px 10px;
 width: 93%;
 border-style: none;
 border-radius: 0px;
 font-family: arial,sans-serif;
}


/* styles for the Recent Posts section on the front page. */
#front-posts {
 margin: 10px 0;
 padding: 10px 10px 75px 0;
 border-top: double 4px black;
}

#front-posts li { 
 margin: 1em auto; 
 line-height: normal;
 color: #888;
}


/* widget formatting */
#text-2, #text-2 div.textwidget { margin-top: 0; }

div.widget, div.textwidget { margin: 2em auto; }
div.widget h3 { border-bottom-style: none; }

div.textwidget, div.widget p, div.widget li { 
 font: 15px Georgia,serif;
 line-height: 1.5em; 
}

.big-title, 
#main article .entry-title, 
div.textwidget h3.big-title {
 color: #888888;
 font: 28px 'Bell MT W01 Bold',Georgia,serif; 
 border-bottom-style: none;
 padding-bottom: 0;
 margin-bottom: 5px;
}



#book-widget img { padding-left: 40px; }
#book-widget h3 { 
 font: 18px georgia,serif;
 margin-bottom: 0;
}
#book-widget p { font-size: 90%; }
.textwidget > p {font-size: 90% !important;}

#categories-2 h3 {
 margin: 10px auto 0 auto;
 padding-bottom: 5px;
 color: #888888;
 font: 24px "Bell MT W01 Bold",Georgia,serif; 
}
#categories-2 li { list-style-type: none; font-size: 14px;}


/* front page badges */
#badges {
 margin: 0 50px 0 95px;
 padding-bottom: 24px; 
 border-bottom: double 4px black;
}
#badges img {
 vertical-align: middle;
 padding: 0 32px 0 0;
}

/* post comments are disabled by default. Get rid of the "Comments are closed." msg. */
#comments .nocomments { display: none; }

/* styles for the footer */
#footer {
 border-top: 0px none;
 margin-left: 60px; 
 padding-bottom: 0;
}

#footer2 {
 margin: 0 auto 0 90px;
 padding-bottom: 40px;
 font: 14px Georgia,serif;
}
#foot-menu li {
 float: left;
 margin: 1em 1em 1em 0;
} 
#credit { display: none; }


/* misc. classes */
a.dullink {
 color: #222222;
 text-decoration: underline;
}

#contact-page ol.forms label {font-size: 13px;}


/* posts */
.endnotes {border-top: 1px solid rgba(0, 0, 0, 0.09); padding-top: 15px; margin-top: 35px;}
.endnotes b {font-weight: bold;}
.endnotes ol li {font-size: .85em;}
.endnotes p {font-size: 0.85em;}
.blog .endnotes  {display: none;}

.post-index > li a {color: #000; text-decoration: underline;}
.post-index > li a:hover {color: #ff0000;}
.post  {border-bottom: 1px solid #ddd; padding-bottom: 30px;}

.article-info {
	color: #888; 
	font: 300 12px/1.5em Arial,sans-serif;
}
.article-info-bottom {
	color: #888; 
	font: 300 12px/1.5em Arial,sans-serif;
}
.topics {padding-bottom: 30px;}
.topics a {color: #888;}
.topics a:hover {color: #ff0000;}
.author {font-weight: bold; font-size: 14px;}
.article-info > a {color: #888; font-weight: bold;}
.article-info > a:hover {color: #ff0000;}
.publisher {font-style: italic;}
.cat-item.parent {list-style-type:none;}
.cat-item.parent > a {color: #888; font-weight: bold;}
.cat-item.parent > a:hover {color: #ff0000;}
.cat-item .children a {color: #888; padding-left: 10px;}
.cat-item .children a:hover {color: #ff0000;}
.children {
	display: inline-flex; 
	display: -webkit-inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	flex-wrap: wrap;
} 
.widget .children {display: block;}


/* EVENTS */
.recent-updates li {padding-top: 20px;}

.event-title {font-size: 14px; font-weight: bold;}
.time, .date, .location, .event-by {font-weight: bold;}
.page-template-template-event .article-info div {margin-bottom: 30px;}

.single.single-dls-event #menu-item-312 > a {color: #ffffff;}
.single.single-dls-event ul.nav li#menu-item-16.current_page_parent > a {color: #a3a3a3 !important;}
.single.single-dls-event ul.nav li#menu-item-16.current_page_parent > a:hover {color: #fff !important;}
.single.single-dls-event .entry {padding-top: 30px;}
.single.single-dls-event .post-more {display: none;}

.recent-event-title a {font-weight: bold; color: #000 !important;}
.recent-event-title a:hover {font-weight: bold; color: #ff0000 !important;}
.recent-updates > div {color: #888;}

.page-template-template-event .post-more {border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.page-template-template-event .fix {display: none;}



/* BIO PAGE */
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {border: none;}
.woo-image.thumbnail.alignright {margin-top: 40px;}


@media only screen and (max-width:1024px) {
	#main-nav {margin-left: 90px;}
}
@media only screen and (max-width:980px) {
	div.search_main {top: 40px; border: 1px solid #eee; right: 600px;}	
	#main-sidebar-container #main {width: 90% !important;}
	body.home .entry p > img {width: 100%;}
	#main-sidebar-container #sidebar {width: 90% !important; margin-left: 55px;}
	
}
@media only screen and (max-width:860px) {
	div.search_main {right: 500px;}
}
@media only screen and (max-width:768px) {
	#main-nav {margin: 0; padding-left: 15px; width: 95%;}
	ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {background-color: rgba(0, 0, 0, 0); color: #ff0000;}
	#main-sidebar-container #sidebar {margin-left: 0;}
	#badges {margin-left: 10px;}
	#badges img {width: 15%;}
	#footer, #footer2 {margin-left: 10px;}
	div.search_main {top: 70px;}
}
@media only screen and (max-width:700px) {
	div.search_main {right: 400px;}
	body.home .entry p > img {width: 100%;}
	#main-sidebar-container #main {width: 100% !important;}
}
@media only screen and (max-width:600px) {
	div.search_main {top: 200px; right: 75px; }
	body.home .entry p > img {margin-left: 15px;}
	body.home .entry > p {width: 100% !important; margin-left: -15px;}
	#badges {margin: 0;}
	#badges img {padding: 0 32px 30px 0; width: 30%; display: block;}
	#footer, #footer2 {margin: 0;}
	.woo-image.thumbnail.alignright {margin-left: 0; float: left;}
}
@media only screen and (max-width:400px) {
	div.search_main {top: 165px; }
	.children {display: block;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
	div.search_main {top: 40px; border: 1px solid #eee; right: 675px;}	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
	div.search_main {top: 30px; border: 1px solid #eee; right: 455px;}	
	#main-nav {margin-left: 80px;}
	#main {padding-left: 10px !important;}
	#badges {padding-left: 55px; }
	#footer2 {padding-left: 35px;}
}


@media print {
	.search_main {display: none;}
	#navigation {display: none;}
	.nav-toggle {display: none;}

	#book-widget img {display: none;}
	#badges img {width: 10%;}
	body.home .entry p > img {width: 50%;}
	#logo {width: 50%; padding: 0;}
	#footer, #footer2 {margin: 0; font-size: 12px;}
	#badges {margin: 0;}

	.post-index > li, .post-index > li a {font-size: 12px;}
	.entry > p {font-size: 12px;}

	body.home #sidebar {margin-top: -3.5em; display: block;}
	#sidebar {display: none;;}
	.big-title, #main article .entry-title, div.textwidget h3.big-title {font-size: 16px;}
	#categories-2 h3 {font-size: 16px;}
	div.textwidget, div.widget p, div.widget li {font-size: 12px;}

	.header-widget {margin: 0;}
	#header {padding-bottom: 20px; padding-top: 20px;}
	#content {padding-top: 1em;}

	.woo-image.thumbnail.alignright {display: none;}
	.entry, .entry p {font-size: 12px;}
	h2 {font-size: 14px;}
}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */
	
	#main { 
	 width: 64% !important;
	 padding-left: 55px;
	}
	
	#sidebar {
	 width: 26% !important;
	 margin-left: 0;
	 padding-left: 1.5em;
	 border-left: thin solid black;
	}
}