/*

Theme Name: Shoreditch Child 02
Theme URI: https://wordpress.com/themes/shoreditch/
Template: shoreditch
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: Shoreditch is a functional and responsive theme perfect for your business’s online presence. Although its main purpose is business, Shoreditch looks great as a personal blog theme too.
Tags: two-columns,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,full-width-template,rtl-language-support,sticky-post,theme-options,translation-ready,blog,education
Version: 1.1.1.1497269302
Updated: 2017-06-12 13:08:22

*/


 /*Change default font size of body text sitewide */

body p, ul {
  font-size: 18px;
}

/* Change hyperlink text colour in body */

a {
    color: #545d78;
} 

/* Partly overlay custom logo over header image */

@media screen and (min-width: 1580px) {
.custom-logo {
    margin-bottom: -60px;
    }
}

/* add border and radius to custom logo */

img.custom-logo {
   border: 2px solid #e5edcd;
   border-radius: 14px;
   } 

/* Change colour and font-weight of main navigation text */

.main-navigation a {
    color: #808080;
    font-weight: 400;
}

/* Add border above and below primary navigation 

.main-navigation {
   border-top: 1px solid #f5f8ec;
   border-bottom: 1px solid #f5f8ec;
   margin-bottom: -30px;
} */

/* Style h1 entry title for wide screens 

@media screen and (min-width: 1020px) {
   h1.entry-title {
   font-family: lato !important;
   font-size: 24px !important;
   font-weight: 900 !important;
   color: #808080 !important;
   margin-top: -70px !important;
   text-align: center !important;
    }
} */

/* Style h1 entry title for narrow screens 

@media screen and (min-width: 300px) {
h1, .entry-title {
    font-family: lato !important;
    font-size: 24px !important;
    color: #808080 !important;
    margin-top: -50px !important;
    text-align: center;
    } 
}*/

/* Style h1 entry title for wide screens */

@media screen and (min-width: 1020px) {
   h1.entry-title {
   font-family: lato;
   color: #808080;
   margin-top: -90px !important;
   text-align: center;
    }
}

/* Style h1 entry title for narrow screens */

h1, .entry-title {
    font-family: lato;
    font-size: 22px !important;
    color: #808080 !important;
    margin-top: -10px !important;
    }

/* Style H2 tag */

#page h2 {
    font-family: lato;
    font-size: 22px !important;
    margin-top: 40px;
    color: #808080;
    }

/* Style H3 tag */

#page h3 {
    font-family: lato;
    font-size: 21px !important;
    margin-top: 40px;
    color: #808080;
    }

/* These two blocks move the H1 entry title on pages to cover headers and closes the gap which appears between the header and start of text 
 This also changes the H1 entry title size, color and places it horizontally in the middle of the header image 

@media screen and (min-width: 1020px) {
h1.entry-title {
    font-size: 30px !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #666666 !important;
    margin-top: -360px !important;
    }
}

@media screen and (min-width: 1020px) {
.entry-content {
    margin-top: 240px !important;
    }
}  */

/* Hide horizontal grid lines in table - Careful = sitewide */

.entry-content table {
  border: none;
}
.entry-content table td {
  border: none;
}  

/* Style blockquote */

@media screen and (min-width: 44.375em) {
blockquote {
    border-left: 2px solid #dc6f6f;
    padding-left: 50px;
    padding-right: 120px;
    }
}

/* Adjust width of body text for wider area */

@media screen and (min-width: 1020px) {
	.entry-hero-wrapper,
	.hentry-wrapper,
	.site-content-wrapper,
	.site-footer-wrapper,
	/*.site-header-wrapper,*/
	.site-content-wrapper
	.has-post-thumbnail .entry-header-wrapper,
	.widget-area-wrapper {
		max-width: 60em;
	}
}
@media screen and (min-width: 896px) {
	.site-content-wrapper .widget-area {
		padding-left: 1em;
	}
}

/* Change footer FOOTER TOP AREA colour from default blue */

.widget-footer-top-area {
    padding-top: 20px;
    background-color: #6e832f;
}

/* Change footer FOOTER BOTTOM AREA colour from default blue */

.widget-footer-bottom-area {
    padding-top: 0px;
    background-color: #7e9636;
    h2.widget-area: center !important;
}

/* Style AddThis share label to left of site */

.at4-share-title {
    font-size: 17px;
    font-weight: 900;
    color: #b3b3b3;
}

/* Style AddThis follow label to right of site */

.at4-follow.at4-follow-24 .at4-follow-container {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #b3b3b3;
}

/* Adjust h2 font size and weight in widget titles in all footer widgets */

#page h2.widget-title {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px !important;
    font-weight: 900;
    color: #ffffff;
}

/* Centre copyright - only widget in bottom footer - better CSS below

.widget-footer-area.column-3 .widget-small:nth-child(3n+2) {
    text-align: center !important;
} */

/* Centre copyright - only widget in bottom footer */

#text-4 {
    text-align: center !important;
    }

/* Add border above and below Recent Posts Widget With Thumbnails 

.rpwwt-widget ul li {
  border-top: 1px dotted #ffffff;
  border-bottom: 1px dotted #ffffff;
} */

/* Style Recent Posts Widget With Thumbnails post title */

@media screen and (min-width: 300px) {
.rpwwt-post-title {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 0px;
    }
}

/* Style Recent Posts Widget With Thumbnails post date */

@media screen and (min-width: 300px) {
.rpwwt-post-date {
    color: #ffffff;
    font-size: 14px;
    }
}

/* Style hyperlink color on continue reading */
.rpwwt-post-excerpt a {
    font-style: italic;
    color: #66b3ff;
    }

/* Style Recent Posts Widget With Thumbnails excerpt */

@media screen and (min-width: 300px) {
.rpwwt-post-excerpt {
    color: #ffffff; 
    font-size: 16px;
    line-height: 19px;
    /*margin-bottom: -25px;*/
    }
}

/* Style Recent Posts Widget With Thumbnails continue reading */

@media screen and (min-width: 300px) {
.rpwwt-post-excerpt > p:nth-child(2) > em:nth-child(1) > strong:nth-child(1) > a:nth-child(1) {
    font-size: 15px;
    color: #666666;
    }
} 

/* Style AUTHOR NAME font on posts */

.author-name {
    font-size: 22px;
    font-family: lato, sans-serif;
    color: #808080;
}

/* Style AUTHOR LINK */

.author-link {
    color: #636363 !important;
}

/* Style POST NAVIGATION POST TITLE */

.post-navigation .post-title {
    font-family: lato, sans-serif;
    font-size: 22px;
    color: #666666;
}

/* Style previous and next navigation on all posts */

.post-navigation {
    border-radius: 10px;
    background-color: #f5f8ec;
} 

/* Adjust gap above Leave a Reply on posts */

.comment-reply-title, .comments-title {
    margin-top: -40px !important;
}

 /* Style border for Jetpack Top Posts

    .widget-footer-top-area .widget_top-posts li {
    border-top: 1px dotted #ffffff;
    border-bottom: 1px dotted #ffffff;
    } */

/* Change search form background colour and adjust opacity to allow header image to show */

.search-form .search-field {
    background: #c4d68f !important;
    opacity: 0.9;
}

/* Chnage colour of search magnifying glass */

.astm-search-menu svg.search-icon path {
    fill: #c4d68f;
}

/* Adjust height of ASTM search icon in menu */

.astm-search-menu {
    margin-top: 6px !important;
}

/* Adjust position of close button */

.search-close {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: -40%;
    top: 16px;
    width: 0px; /* Adjust closeness of close button to search icon */
    z-index: 99999;
}

.search-form .search-field {
    background: #c4d68f !important;
    float: right;
    border:  0px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-radius: 10px;
    border-color: silver;
    }

input:focus {
    outline: none !important;
    border: 1px solid !important;
    border-radius: 0 0 4px #719ECE;
}

#secondary.widget-area {
    margin-top: -100px !important;
    }

/* @media screen and (min-width: 350px) {
#secondary.widget-area {
    border-top: #ffffff !important;
    }
} */

/* Hide the default Shoreditch Theme black bar that appears above sidebar widgets */

@media screen and (min-width: 300px) {
.site-content-wrapper .widget-area {
    border-top: inherit;
    }
}

#secondary.widget-area h2 {
    color: #808080 !important;   
    }

.search-form .search-field {
    background: #c4d68f !important;
    float: right;
    border:  0px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-radius: 10px;
    border-color: silver;
    }

input:focus {
    outline: none !important;
    border: 1px solid !important;
    border-radius: 0 0 4px #719ECE;
}

/* On pages change comment submit form background colour */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #7e9636;
}

/* Adjust text widget title in bottom footer widget 

.widget-small h2 {

    text-align: left !important;
    font-weight: 300 !important;
    color: #ffffff !important;
} */

/* Style @ widget */

.widget-small {
    padding-bottom: 1.40625em;
    text-align: left;
    margin-bottom: 20px;
    color: #ffffff;
}

/* Remove footer (colophon) to remove white space */

.site-footer {
    display: none;
} 

/* On blog roll page reduce space above first featured image */

@media screen and (min-width: 300px) {
.blog .content-area {
    padding-top: 1em;
    }
}

/* On blog roll page remove shadow from text on featured images - Images need to be fairly dark or you will need to adjust position of the entry header text over image */

.blog .entry-hero, .site-content-wrapper .has-post-thumbnail .entry-header {
   text-shadow: none;
}

/* On blog roll page remove dark background overlay from featured images */
@media screen and (min-width: 300px) {
.entry-hero::before,
.site-content-wrapper .has-post-thumbnail .entry-header::before {
    display: none;
    }
}

/* On blog roll page style h2 headers to make obvious they are links */

.blog h2.entry-title a {
    text-decoration: underline;
    color: #6666ff;
    text-decoration-color: #ccccff;
    text-align: left !important;
}

/* On blog roll page left align entry title and close gap above entry title */

.blog h1, .entry-title {
    text-align: left;
    margin-top: -20px !important;
}

/* On blog roll page hide the category title 

.blog .entry-meta {
    display: none;
} */

/* On blog roll page adjust margin above and below category titles */

.entry-meta > span {
    padding-top: 0px;
    margin-bottom: 40px;
} 

/* On BLOG ROLL PAGE adjust Older Posts button colour */

@media screen and (min-width: 300px) {
.site-main #infinite-handle span button, .site-main #infinite-handle span button:focus, .site-main #infinite-handle span button:hover {
    background-color: #7e9636;
    }
}

/* On BLOG ROLL PAGE hide Featured Content navigation circles */

.featured-content {
    display: none;
    }

/* On Author page style Biographical Info */

.taxonomy-description {
    margin-bottom: 60px;
    background-color: #f5f8ec;
    border-radius: 10px;
    padding: 10px;
    }

/*  Style AUTHOR DESCRIPTION on individual posts */

 .entry-author {
    margin-top: 4.5em;
    background-color: #f5f8ec;
    border-radius: 10px;
    }

/* Set transparent background to Add To Any share buttons */

.a2a_floating_style {
    background-color: transparent !important;
    }

/* Adjust colour of Share label */

.a2a_vertical_style a {
    font-weight: 900;
    color: #bfbfbf;
}

    Rules
    Computed
    Animations
    Fonts
element {
}

/* Add and style Jetpack Related Posts box */

div#jp-relatedposts {
    border: 1px;
    border-color: #f5f8ec !important;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid;
    {