/*
 Theme Name:   JFKL V 2
 Theme URI:    http://www.lyndonash.com/jfkl/
 Description:  Just For Kids Law Theme (child theme of customizr)
 Template:     customizr
 Version: 3.3.13
 Author: nikeo
 Author URI: http://themesandco.com/
 Tags: gray, white, light, blue, red, yellow, green, purple, orange, black, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-menu, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
 Text Domain: customizr
 Copyright: (c) 2015 Nicolas GUILLAUME (nikeo), Nice, France
 License: GNU General Public License v2.0 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.xmas{
	padding:20px;
	text-align:center;
	background:#F78C40;
	color:#FFFFFF;
	font-size:28px;
}
.xmas a{
	color:#FFFFFF;
}

footer#footer .colophon {
    margin-top: 0px;
    background-color: #525252;
    padding: 10px 20px;
	color:#FFFFFF;
}
footer#footer .colophon .span4 {
    width: 90%;
	padding:5%;
}
.footer-links, .address, .copyright{
	font-size:16px;
}
.footer-links{
	font-weight:bold;
}
footer#footer .footer-links a{
	color:#FFFFFF;
	font-size:16px;
}
.footer-links{
	margin-bottom:10px;
}
.round-div {
    display: block;
    position: absolute;
    width: 170px;
    height: 170px;
    z-index: 99;
    border-radius: 0px;
	border: none;
    top: -66px;
    left: -54px;
}
.marketing h2 {
    font-weight: 400;
	font-size:24px;
	max-width:250px;
	margin:0 auto;
	text-align:left;
	padding:0 10px;
	border-bottom:#5A5A5A 4px solid;
}
/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
.navbar .nav .my-nav-menu-search {
    float: right;
}
.navbar .nav {
    width: 100%;
}
 
/*Stop the display of the Search button*/
.my-nav-menu-search .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.my-nav-menu-search .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}
 
/* Style the search input textbox */
.my-nav-menu-search .search-field {
    background: transparent;
    border: none;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 36px;
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 0px;
}
 
/* Expand the search box when you click it */
.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus {
    color: #5a5a5a;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 70px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}
 
/* Add a magnifying glass background */
.my-nav-menu-search .search-form:before {
    font-family: 'genericons';
    content: '\f400';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: normal;
    padding-top: 5px; /* tune this vertical alignment inside the search field, as needed */
    padding-left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}
 
/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .my-nav-menu-search {
        float: left;
    }
    .navbar .nav {
        width: auto;
    }
	
	.round-div {
		display: block;
		/*transition: all 0.3s ease 0s;*/
		position: absolute;
		width: 170px;
		height: 170px;
		z-index: 99;
		border-radius: 0px;
		border: none;
		top: -66px;
		left: -54px;
	}
}

@media (max-width: 768px){
	.round-div {
		display: block;
		/*transition: all 0.3s ease 0s;*/
		position: absolute;
		width: 170px;
		height: 170px;
		z-index: 99;
		border-radius: 0px;
		border: none;
		top: -66px;
		left: -54px;
	}
}

/* Move SI to Right, adjust margins if needed   */
.navbar-inner .social-block {
float:          right;
margin-top:     10px;
margin-right:   0px;
text-align:     right;
}
/* Move Tagline to Left    */
.navbar-wrapper .navbar h2 {
float:          left;
margin-top:     10px;
margin-left:    10px;
text-align:     left;
font-style:normal;
font-size:26px;
}
.navbar-wrapper .navbar h2.site-description {
    line-height: 32px;
	font-weight:normal;
	margin-top:0;
}
.navbar-wrapper .navbar .site-description {
    float: left;
    padding-right: 5px;
    text-align: left;	
}
.navbar-wrapper .navbar.notresp.row-fluid {
float:              none;
width:              100%;
margin:             0 auto;
}

.nav > li > a {
	font-size:16px;
}
footer#footer {
    border-top: 10px solid #F78C40;
}

header.tc-header {
    border-bottom: none;
}
.my-header-container{
    margin-bottom: 4px;
}
.sticky-enabled .my-header-container{
    border-bottom: none;
    margin-bottom: 0;
    height: 0;
}
.sticky-enabled .navbar{
    float: none;
}
.navbar.resp.navbar-outside {
	border-bottom: 10px solid #F78C40;
}

#footer-social{
	max-width:1170px;
	width:100%;
	margin:60px auto 20px auto;
}

.featuredBlock{
	max-width:800px;
	width:100%;
	margin:40px auto 60px auto;
	position:relative;
}
.featuredBlock img{
	position:relative;
}
.featuredBlock h2 { 
   position: absolute; 
   bottom: 0px; 
   left: 10px; 
   width: 100%; 
}
.featuredBlock h2 span { 
   color: white; 
   font-size:24px;
   font-weight:normal;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   padding: 10px; 
}

.creditBlock{
	max-width:1173px;
	width:100%;
	margin:40px auto 0px auto;
	position:relative;
}

.social-icon{
	font-size:32px !important;
}
.icon-github{
	margin-top:0 !important;
	top:-3px !important;
}
.icon-github::before {
    content: "\00a3 \00a0 Donate" !important;
}

@media all and (min-width: 1080px) and (max-width: 1920px) {
.tc-header {
width: 1170px;
margin: 0 auto;
}
footer#footer {
width: 1170px;
margin: 0 auto;
}
}

@media (max-width: 1080px) {
	.navbar-wrapper .navbar h2.site-description {
		font-size:22px;
	}
}
@media (max-width: 1080px) {
	.navbar-wrapper .navbar h2.site-description {
		font-size:20px;
	}
}