/*
Theme Name: 20/16 VCReady
Theme URI: https://www.websitehelper.co.uk/2016-vcready-child-theme/
Author: Website Helper
Author URI: https://www.websitehelper.co.uk
Template: twentysixteen
Template Version: 1.4
Description: This Twenty Sixteen child theme uses a very simple and clean design for the blog posts and pages and is Visual Composer and Elementor friendly.
Version: 1.5.8
License: GNU General Public License v2 or laterno
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, full-width-template, custom-colors, custom-logo, featured-images, blog
Text Domain: 2016-vcready

This theme, like WordPress, is licensed under the GPL.
*/

body {
   background:#fff;
}

body #content .post .entry-content {
    float: none;
    width: 100%;
}

body #content .post .entry-footer {
    display: none;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    height: 0;
}

body:not(.search-results) article:not(.type-page) img.below-entry-meta, body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
    margin-left: 0;
    max-width: 100%;
}

body.site-branding:not(.site-tile), body:not(.site-description) {
    height: 5rem;
}

h1.site-title {
    margin: 0!important;
}


h1, h2, h3, h4, h5, h6 {
    margin:18px 0 20px 0!important;
}

.entry-content h4 {
    text-transform: none!important;
}

h6 {
    font-style: normal!important;
}

p {
    margin: 0 0 1.0em;
}

/*
* — Header —
*/

.site-header {
    padding: 0 4rem;
}

.social-navigation a {
    border: 0px solid #d1d1d1;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: normal;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: normal;
}

.main-navigation ul ul, .main-navigation ul ul li {
    border-color: #f9f9f9;
}

/*
* — Pages —
*/

.site-content {
    padding: 0.9% 4.5455%;
}

.content-area-full-width {
    float: left;
    margin-right: -100%;
    width: 100%;
}

/*
* — Posts —
*/

.entry-summary p {
    margin: 2rem 0 0 0;
}

.post-meta {
    font-size: 0.9rem;
    margin-bottom: 7px;
}

span.date {
    margin-right: 8px;
} 

.entry-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.225;
    margin-bottom: 1.10rem!important;
    font-weight: 300;
     margin: 0 0 5px 0!important;
}

.post-thumbnail {
    margin-bottom: 1rem;
}

.site-main > article {
    margin-bottom: 2em;
}

blockquote {
    border: 0 solid #333;
    border-left-width: 4px;
    color: #333;
    font-size: 19px;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.8em;
    margin: 0 0 13px 0;
    background: #f9f9f9;
    padding: 23px 20px 25px 20px;
}

blockquote strong, blockquote b {
    font-weight: bold;
}

.comment-body {
    background: #f9f9f9;
    padding: 1rem 1rem 2rem 1rem!important;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border: 0!important;
}

.comment-reply-link {
    color: #333;
}

.comment-list + .comment-respond, .comment-navigation + .comment-respond {
    padding-top: 1.25em;
}

.comments-title, .comment-reply-title {
    padding-top: 0;
}

.comments-title, .comment-reply-title {
    border-top: 0px solid #1a1a1a;
    font-size: 1.4rem;
    font-weight: 300;
    margin-left: 0.5rem!important;
    padding: 0px 0 10px 0;
}

.post-navigation div + div {
    border-top: 1px solid #1a1a1a;
}

/*
* === SIDEBAR===
*/

/*
* — Sidebar  —
*/

h2.widget-title {
    margin: 0 0 15px 0!important;
}

.widget .widget-title {
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: capitalize;
}

.widget {
    border-top: 0px solid #1a1a1a;
    font-size: 1rem;
    line-height: 1.6153846154;
    margin-bottom: 3.230769231em;
    padding-top: 1.615384615em;
    margin-bottom: 15px!important;
}

.widget li {
    margin-bottom: 15px;
}

li.recentcomments {
    list-style: none;
}

ul#recentcomments {
    margin: 0;
}

span.comment-author-link {
    font-weight: bold;
}

/*
* === FORMS ===
*/

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #f9f9f9!important;
    border: 1px solid #d1d1d1!important;
    border-radius: 5px!important;
    color: #686868;
    padding: .7rem .6rem!important;
    width: 100%;
}

textarea {
    height: 7rem;
}

.search-field {
    padding: 11px!important;
    font-size: 15px!important;
}

input:focus {
    border: 1px solid #ccc!important;
}

textarea:focus {
    border: 1px solid #ccc!important;
}

.widget button.search-submit {
    padding: 0;
    width: 35px;
    border-radius: 50px;
    right: 40px;
    height: 35px;
    top: 7px;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus{
    border: 0;
    border-radius: 8px;
    background: #1a1a1a;
    color: #fff;
    padding: 0.6rem 1.9rem;
}

a.custom-button-read-more {
    color:#FFFFFF;
    text-decoration:none!important;
}

a.custom-button-read-more:hover {
    color:#FFFFFF!important;
    text-decoration:none!important;
}

a.custom-button-read-more:focus{
    color:#FFFFFF!important;
}

/*
* — Misc —
*/

.sticky {
    background: #F9F9F9;
    padding: 1.5rem 1rem 1.5rem 1rem;
}

.custom-button-container {
    margin: 1rem 0;
    border-radius: 7px;
    float: right;
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: none!important;
}

.post-navigation {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.post-navigation .post-title {
    font-weight: 300;
}

code {
    background-color: #f9f9f9!important;
    padding: 0!important;
    width: 100%!important;
}

::selection {
  background: #000000; /* WebKit/Blink Browsers */
  color:#ffffff;
}
::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
  color:#ffffff;
}

.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
    margin-left: 35px;
}

.firstcharacter {
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

/*
* === THIRD PARTY PLUGINS ===
*/

/*
* — Visual Composer Light Text —
*/

.white-text {
color:#ffffff;
}

.white-text h1 {
color:#ffffff;
}

.white-text h2 {
color:#ffffff;
}

.white-text h3 {
color:#ffffff;
}

.white-text h4 {
color:#ffffff;
}

.white-text h5 {
color:#ffffff;
}

.white-text h6 {
color:#ffffff;
}

/*
* — Mashshare —
*/

.mashsb-share-widget li {
    border-bottom: 0px solid #f5f5f5;
}

.mashsb-widget-post-title {
    font-weight: normal;
}

.mashsb-container {
    padding-top: 20px;
    padding-bottom: 25px;
    background: #fff;
    position: relative;
    margin: -70px auto 0 auto;
    width: 80%;
    padding-right: 20px;
    padding-left: 20px;
}

/*
* — Recent Post Widget With Thumbnails —
*/

span.rpwwt-post-title {
    font-size: 17px;
}

.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 0.5em!important;
}

/*
* === RESPONSIVE ===
*/

@media screen and (min-width: 1024px) {
    
/*
* — Body No-Sidebar-1 —
*/

.no-sidebar-1 .post .entry-content {
    float: none;
    width: 70%!important;
}
    
.no-sidebar-1 .post-thumbnail img {
	margin: 0 auto;
}

.no-sidebar-1 .content-area {
		float: none;
		margin: 0;
		width: 100%;
	}

.no-sidebar-1 .entry-header,
.no-sidebar-1 .entry-content,
.no-sidebar-1 .entry-summary,
.no-sidebar-1 .entry-footer,
.no-sidebar-1 .comments-area,
.no-sidebar-1 .image-navigation,
.no-sidebar-1 .post-navigation,
.no-sidebar-1 .pagination,
.no-sidebar-1 .page-header,
.no-sidebar-1 .page-content,
.no-sidebar-1 .content-bottom-widgets {
		margin-right: 15%;
		margin-left: 15%;
	}
	
/*
* — Body No-Sidebar-2 —
*/

.no-sidebar-2 .post .entry-content {
    float: none;
    width: 70%!important;
}

.no-sidebar-2 .post-thumbnail img {
	margin: 0 auto;
}

.no-sidebar-2 .content-area {
		float: none;
		margin: 0;
		width: 100%;
	}

.no-sidebar-2 .entry-header,
.no-sidebar-2 .entry-content,
.no-sidebar-2 .entry-summary,
.no-sidebar-2 .entry-footer,
.no-sidebar-2 .comments-area,
.no-sidebar-2 .image-navigation,
.no-sidebar-2 .post-navigation,
.no-sidebar-2 .pagination,
.no-sidebar-2 .page-header,
.no-sidebar-2 .page-content,
.no-sidebar-2 .content-bottom-widgets {
		margin-right: 15%;
		margin-left: 15%;
	}

.no-sidebar-2 .entry-content {
    float: none;
    width: 70%;
}

/*
* — Header —
*/

.site-branding, .site-header-menu, .header-image {
    margin-top: 2.75em;
    margin-bottom: 1.75em;
}
  
#site-header-menu .social-navigation {
    display: inline-block;
    position: absolute;
    top: -35px;
    z-index: 10000;
    right: 56px;
}

.social-navigation a:before {
    font-size: 25px!important;
}

.main-navigation ul ul a {
    white-space: normal;
    width: 13.6875em;
}
/*
* — Post —
*/
  
 .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote {
    margin-left: -3.473684211em;
}

.avatar {
    float: right!important;
}

/*
* — Forms —
*/

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    border-radius: 0px;
}
}

/*
* — Fix Portrait Nags —
*/

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

/*
* — Search Widget —
*/

.widget button.search-submit {
    right: 60px;
    top: 6px;
 }

/*
* — Post Body —
*/

.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    margin-right: 2rem;
}
}

/*
* — Make Sidebar Wider On Tab Land —
*/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.content-area {
    width: 65%;
}

.sidebar {
    margin-left: 68%;
    width: 35%;
 }
}

/*
* — Mobile —
*/

@media screen and (max-width: 770px) {
 
/*
* — Post Layout —
*/

body #content .post .entry-content {
    width: 84%!important;
    padding: 1rem 0 0 0;
}

.entry-title {
    font-size: 1.5rem!important;
}

.post-meta {
    font-size: 0.9rem;
}

span.comments {
    display: none;
}

.site-content {
    padding: 4% 0;
}

.post-thumbnail {
    margin: 0!important;
}

/*
* — Header —
*/

.site-header {
    padding: 1rem 4rem;
}

.menu-toggle {
    margin: 5px auto;
}

.site-branding {
    width: 100%;
    text-align: center;
    margin: 5px auto 0 0!important;
   padding-top:3rem;
 }
}