/* 
Theme Name: Responsive Child Theme
Theme URI: https://github.com/cyberchimps/responsive-childtheme/tree/pro-child-theme
Description: Responsive Pro Child Theme
Template: responsivepro
Version: 1.0.0
Author: CyberCimps 
Author URI: https://cyberchimps.com
License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

*/

/* =Start From Here
-------------------------------------------------------------- */

a {
     color: #376DB4;
}

a:hover, a:focus, a:active {
     color: #E53734;
}

.front-page #wrapper {
   margin-bottom:0px;
}

.featured-title {
   font-size:36px; padding-top:15px;
}

.post-meta {
   display: none;
}

#header {
   background: rgb(50,136,219) url('/wp-content/themes/responsive-childtheme-pro-child-theme/lhd-header-background.png') center center no-repeat;
}

.header-social-icons {
   float: right;
   clear: right;
   margin-top: 10px;
}

.header-social-icons ul {
   list-style: none;
   padding: none;
   margin: none;
}

.header-social-icons ul li {
   display: inline;
   padding-left: 5px;
}

h1 {
   font-size:2.2em;
   font-family: 'Open Sans Condensed', sans-serif;
   font-weight: 700;
}

h2 {
   font-size:1.7em;
   font-family: 'Open Sans Condensed', sans-serif;
   font-weight: 700;
}

h3 {
   font-size:1.3em;
}


#featured p {
   font-size:15px;
   line-height:18px;
   padding: 0 20px 0 20px;
   text-align:left;
}

#featured {
   padding-bottom:15px;
}

#featured-image {
   margin: 7px 0 0 0;
}

.widget-title h3, .widget-title-home h3 {
   font-size:18px;
   line-height:17px;
}

.powered {
   display:none;
}

#footer {
   font-size:12px;
}

#footer a {
   color:#0066ee;
}

#footer a:hover {
   color:#135a9f;
}

.top-widget .textwidget, .top-widget .textwidget a {
   color: #fff;
}

.menu li {
   border-right: solid 1px #ccc;
}

.menu ul.children {
   -webkit-box-shadow: 3px 3px 3px 0px rgba(102,102,102,1);
   -moz-box-shadow: 3px 3px 3px 0px rgba(102,102,102,1);
   box-shadow: 3px 3px 3px 0px rgba(102,102,102,1);
   background: #fff;
}

.feeds {
   clear: both;
   width: 100%;
   overflow: auto;
}

.feed-left {
   width: 49%;
   float: left;
   margin-bottom: 1em;
}


.feed-right {
   width: 46%;
   float: right;
   background: #fff;
   height: 570px;
   overflow: auto;
   padding: 10px;
   margin-bottom: 1em;
}

.highlight-block {
	background: #fffcaa;
	border: solid 1px #bdb957;
   padding: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 5px 5px 3px #ccc;
}

.quote-block-green {
	background: #d5eab9;
	border: solid 1px #90c845;
   padding: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 5px 5px 3px #ccc;
}

.quote-block-blue {
	background: #cadcef;
	border: solid 1px #5789bd;
   padding: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 5px 5px 3px #ccc;
}

.quote-block-yellow {
	background: #fffcaa;
	border: solid 1px #bdb957;
   padding: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 5px 5px 3px #ccc;
}

.comments-nav a {
   padding: 10px 4px;
   border: solid 1px #ddd;
   display: block;
   float: right;
   margin-left: 5px;
}

.comments-nav .current {
   background: #f0f0f0;
   padding: 10px 4px;
   border: solid 1px #ddd;
   display: block;
   float: right;
   margin-left: 5px;
}

.navigation .next {
    float: right;
}

a.lhd-button {
   background: #376DB4;
   padding: 5px 10px;
   display: block;
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

a.lhd-button:hover {
   background: #E42320;
}

.sharable-image {
   float: left;
   height: 375px;
   width: 270px;
   position: relative;
}

.sharable-image img {
   width: 250px;
}

.share-box {
   float: none;
   width: 250px;
}

a.facebook-share {
   background: #376DB4;
   padding: 5px 10px;
   display: block;
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 5px;
   text-align: center;
}

a.facebook-share:hover {
   background: #E42320;
}

.twitter-share-button {
   float: left;
}

.share-box img {
   width: auto;
   float: right;
}

.next-nav a {
   background: #376cb4;
   padding: 5px 10px;
   display: block;
   margin: 0.5em 0;
   color: #fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.next-nav a:hover {
   background: #e53734;
}

.superhero-wrapper {
   background: url('super-bg.png') repeat-x;
   position: relative;
}

.superhero-wrapper h1 {
   background: #e53734 url('super-header-bg.png');
   font: 40px/87px Bangers, 'Open Sans', sans-serif;
   color: white;
   margin: 0;
   padding: 0 20px;
}

.super-content {
   background: white;
   border: solid 2px #000;
   position: relative;
   width: 340px;
   margin: 20px 0 20px 20px;
   padding: 10px;
}

.super-content p {
   margin: 0;
   padding: 0 0 1em 0;
}

.super-content img {

}

.super-content .next-nav a {
   background: #e53734;
   font: 18px/1 Bangers, 'Open Sans', sans-serif;
}

.super-content .next-nav a:hover {
   background: #376cb4;
}

.super-sidebar {
   width: 150px;
   padding: 15px;
   position: absolute;
   top: 107px;
   right: 20px;
   color: white;
   background: #376cb4 url('super-sidebar-bg.png') top left no-repeat;
   border: solid 2px #000;
}

.super-sidebar h2 {
   font: 18px/1 Bangers, 'Open Sans', sans-serif;
   margin: 0;
   padding: 0 0 10px;
}

.super-sidebar ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.super-sidebar ul li {
   padding-bottom: 0.25em;
}

.super-sidebar ul li a {
   color: #fff;
}

.super-footnote {
   clear: both;
   padding: 0 20px 50px;
   font-size: 12px;  
}

table.blanktable, table.blanktable th, table.blanktable td {
   padding: 0;
   border: 0;
   margin: 0;
}

table.blanktable img {
   padding: 0;
   border: 0;
   margin: 1px;
}


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

.header-social-icons {
   float: none;
   clear: both;
   margin-top: 10px;
}

.header-social-icons ul {
   list-style: none;
   width: 200px;
   padding: none;
   margin: 0 auto;
}

.feed-left {
   width: auto;
   float: none;
}


.feed-right {
   width: auto;
   float: none;
}

.menu ul.children {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

}

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

.sharable-image {
   float: none;
   height: auto;
   width: auto;
   position: relative;
   margin-bottom: 10px;
}

.sharable-image img {
   width: auto;
}

.share-box {
   display: none;
}

.super-content {
   width: auto;
   margin: 10px;
   padding: 10px;
}

.super-content img {
   position: relative;
   bottom: 0;
   left: 0;
}

.super-sidebar {
   width: auto;
   position: relative;
   top: 0px;
   right: 0px;
   margin: 10px;
}

.feeds {
   display: none;
}

}