/*
 Theme Name:     twenty12 Child Theme
 Theme URI:      http://thicksole.com
 Description:    A bare-bones child theme for use with twenty12 Theme from <a href="https://wordpress.org/">Wordpress</a>. To use this Child Theme, you must have <a href="https://wordpress.org/themes/twentytwelve/">twentytwelve</a> parent theme installed.
 Author:         Paul Mayson
 Author URI:     http://thicksole.com/
 Template:       twentytwelve
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/* Demo Johnson Box code courtesy of: http://hyperlinkcode.com/blog/html-johnson-box/ */


@font-face {
font-family: 'Franklin Gothic Demi Cond';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Demi Cond'), url('https://dktlibertyproject.org/wp-content/themes/twenty12-child/fonts/FranklinGothicDemiCondRegular.woff') format('woff');
}

@font-face {
font-family: 'Franklin Gothic Book';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book'), url('https://dktlibertyproject.org/wp-content/themes/twenty12-child/fonts/FRABK.woff') format('woff');
}


@font-face {
font-family: 'Franklin Gothic Book Italic';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book Italic'), url('https://dktlibertyproject.org/wp-content/themes/twenty12-child/fonts/FRABKIT.woff') format('woff');
}

body {
	background: #ffffff;
}

a:link {
	color: #004282;
}

a:visited {
	color: #004282;
}


.entry-content a:link {
	color: #004282;
}

.entry-content a:visited {
	color: #004282;
}


body .site {
	margin-top: 0px;
	box-shadow: none;
	padding: 0 0;
	margin-bottom: 0px;
}

.site {
	padding: 0 0;
	max-width: 100%;
}

.site-header {
	background-image: url('images/marble-101616.png');
	height: 95px;
	padding: 0;
}

.site-header h1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h1 img {
	width: 450px;
}

.main-navigation {
	margin-top: -7px;
}

.menu-main-container {
	width: 100%;
}
#menu-main {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #004282;
	height: 50px;
}

div#main.wrapper {
	width: 800px;
	margin-top: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main-navigation li {
	margin: 10px 20px 0 0;
	height: 30px;
}

li#menu-item-1761.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1761  {
	background: #ffcb08;
	color: #004282;
}


.main-navigation li a:link {
	color: #ffffff;
	font-size: 20px;
	margin-top: -10px;
	line-height: 1;
	padding: 15px;
font-family: 'Franklin Gothic Demi Cond';
font-weight: normal;
}

.main-navigation li a:hover {
	
}

.main-navigation li a:visited {
	color: #ffffff;
}

li#menu-item-1761.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1761 a:link  {
	color: #004282;
}

li#menu-item-1761.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1761 a:visited  {
	color: #004282;
}

.main-navigation li ul {
	margin-top: 10px;
}

.main-navigation li ul li a {
	background: #333333;
	text-align: left;
}

.entry-header {
	margin-bottom: 5px;
}

.entry-header .entry-title {
	font-size: 32px;
	line-height: 1.2;
	font-weight: normal;
	font-family: 'Franklin Gothic Demi Cond';
	color: #b83e35;
		hyphens: none;
		-webkit-hyphens: none;

}


.entry-header .entry-title a:link {
	color: #b83e35;
		hyphens: none;
		-webkit-hyphens: none;

}

.entry-header .entry-title a:hover {
	color: #b83e35;
	text-decoration: underline;
}

.entry-header .entry-title a:visited {
	color: #b83e35;
		hyphens: none;
		-webkit-hyphens: none;

}

.entry-content p {
	margin: 0 0 12px 0;
	font-size: 18px;
	font-family: 'Franklin Gothic Book';
}

.entry-content li {
	font-size: 18px;
	font-family: 'Franklin Gothic Book';
}

.widget-title {
	font-size: 16px;
	color: #004282;
	font-family: 'Franklin Gothic Book';
	font-weight: bolder;
	line-height: 1.2;
}

.widget-area .widget .textwidget {
	font-size: 16px;
	color: #004282;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
	line-height: 1.2;
}

.widget-area .widget p {
	font-size: 16px;
	color: #004282;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
	line-height: 1.2;
}

#mailmunch-optin-form p {
	margin-left: 0px;
}

.widget img {
	border-radius: none;
	box-shadow: none;
}


footer.entry-meta {
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 12px;
	color: #818285;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
	margin-top: 10px;
}

.wp-caption-text {
	padding: 5px 0px 20px 0px;
}

.wp-caption .wp-caption-text {
	color: #000000;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
	font-style: italic;
	border-bottom: 1px solid #818285;
	line-height: 1.2;
}

.category-blurb p {
		color: #000000;
	font-size: 14px;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
	border-bottom: 0px solid #818285;
	line-height: 1.2;
	padding-top: 7px;
	padding-bottom: 7px;
}


footer[role="contentinfo"] {
max-width: 100%;
border-top: none;
padding: 0px;
}
.site-info {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #dfe0e0;
	height: 50px;
	color: #000000;
	font-size: 14px;
	padding-top: 15px;
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
	line-height: 1.2;
}

img#wpstats {
	margin: 0;
}

#mobile-navigation {
	display: none;
}

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #004282;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/** MOBILE START **/


/* Minimum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	
div#main.wrapper {
	width: 400px;
	margin-top: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}	
	
.site {
	padding: 0 0;
	max-width: 100%;
}

.site-header {
	background-image: url('images/marble-101616.png');
	height: 95px;
	padding: 0;
}

.site-header h1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h1 img {
	width: 275px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}

.main-navigation {
	margin-top: -7px;
}

	
	
	
	.site {
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
	}
	.site-header {
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		/*max-width: 68.571428571rem;*/
		/*overflow: hidden;*/
	}
	.site-content {
		width: 380px;
		margin: 0px 20px 0px 15px;
	}




	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		width: 380px;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
		width: 100%;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.menu-main-container {
		width: 100%;
	}
	
	#mobile-navigation {
		display: inline-block !important;
	}
	
	#mobile-navigation {
		background: #004282;
		width: 100%;
		height: 45px;
	}

	
	/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
    margin-right: 40%;
  }
  
  li.icon:after {
	  font-size: 20px;
	  color: #ffffff;
	  font-weight: bold;
	  content: "MENU";

  }


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    /*position: absolute;
    right: 50%;
    top: 0;*/
    
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

	
	
	
	
	
	
	
	.main-navigation {
		display: none;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		/*display: inline-block !important;*/
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: block;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	
footer[role="contentinfo"] {
max-width: 100%;
border-top: none;
padding: 0px;
}

.site-info {
	padding: 10px 30px;
}
	
}





/* Minimum width of 601 pixels. */
@media screen and (min-width: 601px) and (max-width: 959px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		/*max-width: 600px;
		max-width: 68.571428571rem;*/
		overflow: hidden;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		/*text-align: left;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #fff;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #333333;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 10px 0px;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	
	
	.main-navigation {
	margin-top: -7px;
}

.menu-main-container {
	width: 100%;
}
#menu-main {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #004282;
	height: 48px;
}

ul.sub-menu  {
	margin-top: 15px;
}

div#main.wrapper {
	width: 600px;
	margin-top: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main-navigation li {
	margin: 12px 12px 0px 0;
	height: 30px;
}

.main-navigation li a:link {
	color: #ffffff;
	font-size: 15px;

	line-height: 1;
	padding: 13px;
font-family: 'Franklin Gothic Demi Cond';
font-weight: normal;
}

.entry-content p {
	margin: 0 0 12px 0;
	font-size: 17px;
	font-family: 'Franklin Gothic Book';
	line-height: 1.2;
}

.entry-content li {
	font-size: 17px;
	font-family: 'Franklin Gothic Book';
	line-height: 1.2;
}

.site-content {
	margin-left: 15px;
}



	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}