/*
Theme Name: Openrepair(child of emmet lite)
Theme URI: http://openrepair.test/
Description: This is a custom child theme.
Template: emmet-lite
Version: 1.6.0
*/

/* 1. HEADER                 */
/* 2. BUTTON / FORM FIELDS   */
/* 3. FEATURES               */
/* 4. POSTS                  */
/* 5. LATEST NEWS BLOCK      */

/* 10. COOKIE NOTICE PLUGIN  */



/* 1. HEADER                 */
.site-title {
   margin: 0;
   color: #4f4f4f;
   font-family: "Hammersmith One", sans-serif;
   font-size: 36px;
   font-weight: 500;
   text-transform: uppercase;
   border: 3px solid #ffdd10;
   padding: 0 12px;
   border-radius: 8px;
}
.sf-menu {
    text-transform: none !important;
}
.menu-item {
    font-size: 12pt;
}


/* 2. BUTTON / FORM FIELDS   */
.site-main input[type="submit"],
.button, .site-main button {
    background-color: #FFDB10 !important;
    color: #444 !important;
    border:none;
}
.site-main input[type="submit"]:hover,
.button.white-button:hover {
    border-color: #ffdb10 !important;
}
.button.white-button {
    background: 0 0 !important;
    color: white !important;
    border-color: white !important;
}


/* 3. FEATURES               */
.features-icon {
    background-color: #ffdb10 !important;
    color: #444 !important;
}


/* 4. POSTS                  */
.single-post .header-image {
	min-height: auto;
}
.single-post .page-title {
	margin-bottom: 0;
}
.entry-date {
	font-style: italic;
}
.header-image .page-title {
	text-transform: none;
}

/* 5. LATEST NEWS BLOCK      */

/* Bit of a hack because there is an empty <p> being auto-generated,
   by the filter that adds the date in functions.php                  */
.lastnews-list .entry-content p:first-of-type {
	margin: 0;
}
/* Bit of a hack because the filter that adds the date in functions.php 
   doesn't want to allow the class that we're adding to carry through,
   even though that class works fine of single posts - go figure!     */
.lastnews-list .entry-content p:nth-of-type(2) {
	font-style: italic;
}




/* 10. COOKIE NOTICE PLUGIN  */
.cn-button.bootstrap {
	background-image: none;
}