/*
Theme Name: Shoreditch Child
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.2.0.1508985796
Updated: 2017-10-26 02:43:16

*/

/* 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;
	}
}

/* Partly overlay custom logo over header image */

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

/* Add border and radius to custom logo */

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

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

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

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

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

/* Change colour of search magnifying glass */

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

/* 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;
}

/* Adjust colour of search form close button */

.astm-search-menu .search-close:before,
.astm-search-menu .search-close:after {
    border-color: #98b142;
}

.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;
}

/* Adjust background colour around primary menu and custom logo. Adjust colour of border at bottom */

@media screen and (min-width: 300px) {
.sticky-header .site-header {
    background: #61656b;
    border-bottom: 1px solid #878b92;
    }
}

/* Change colour and case of main navigation text */

@media screen and (min-width: 300px) {
.main-navigation a {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    }
}

/* Change main navigation drop-down indicator */

.main-navigation .menu-item-has-children > a::after {
    color: #ffffff;
}

/* Change colour of main navigation child page links */

.main-navigation ul ul a {
	background: #61656b;
    color: #ffffff;
}

/* change main navigation hover */

@media screen and (min-width: 300px) {
.main-navigation a:hover {
    color: #e6e6e6;
    }
}

/* Change on current page indicator colour on main navigation */

.main-navigation .primary-menu .current_page_item > a, .main-navigation .primary-menu .current-menu-item > a, .main-navigation .primary-menu .current_page_ancestor > a {
    border-color: #b3b3b3;
}

@media screen and (min-width: 768px) {
.menu-main-menu-container {
    margin-top: 65px;
    }
}


/* Change colour and font weight of main navigation text 

.main-navigation a {
    color: #545d78;
    font-weight: 400;
} */

/* Add border above and below primary navigation 

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

/* Adjust margin below header image */

@media screen and (min-width: 1020px) {
.header-image {
    margin-bottom: -60px;
    }
}

@media screen and (min-width: 300px) {
h1, .entry-title, .post-type-archive-jetpack-testimonial .page-title { 
    font-size: 34px;
    color: #6b8f24;
    }
}

h2 {
    font-size: 30px;
    color: #6b8f24;
    }

h3 {
    font-size: 24px;
    color: #6b8f24;
    }

hr {
    background-color: #cedda2 !important;
    width: 80% !important;
}

/* Hide WordPress credit */

.site-info {
    display: none;
    }

/* Change comment submit form background colour */

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

/* Style blockquote */

@media screen and (min-width: 1020px) {
blockquote {
    font-size: 18px !important;
    color: #666666 !important;
    background-color: #ebf1da;
    border-left: 2px solid #6b8f24 !important;
    padding-left: 50px !important;
    padding-top: 20px !important;
    padding-bottom: 1px !important;
    }
}

/* Style text 2 widget title */

#text-2 .widget-title {
    font-size: 16px;
    font-family: lato;
    }

/* Style TOP footer */
.widget-footer-top-area {
    background-color: #7e9636;
    h2.widget-area: center !important;
}

/* Style bullet colour */

.entry-content ul > li
{
    color: #7e9636;
}

/* Add rounded corners to Recent Post images */

.rpwwt-widget ul li img {
    border-radius: 5px;
}

/* Style Recent Post date */

.rpwwt-post-date {
        font-size: 14px;
    }

/* Style Recent Post excerpt */

.rpwwt-post-excerpt {
    border-bottom: 1px dashed #e2ebc7;
    padding-bottom: 10px;
}

.widget-small.widget_categories select {
    background: #f5f8ec;
}