/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Fix width for old pinthis images */
.pinthis {
	max-width: 30%;
}

/* Fix margin for ul elements */
ul {
    margin: 0 0 1.5em 1.5em;
}

/* Improved design for Yoast HowTo and FAQ Schema */
.schema-how-to-steps {
	margin: 0 0 1.5em 1em;
}

.schema-how-to-step-name {
	font-size: 22px;
}

.schema-faq-question {
	font-size: 22px;
}

@media (max-width: 768px) {
/* CSS in here for mobile only */
	/* dev bar */
	.devbar {
		position: sticky;
		top: 0px;
		z-index: 9998;
		position: -webkit-sticky;
	}

	/* Fix width for old pinthis images */
	.pinthis {
		max-width: 80%;
	}
}

/*center the heading and lines*/

h2.liner {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: left;
	text-transform: uppercase;
	margin-top: 40px;
}


/*add and adjust the lines*/

h2.liner:after {
	content: '';
	border-top: 6px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #fcd900;
}


/*add spacing between heading and lines*/

h2.liner:after {
	margin: 0 0 0 20px;
}

/*previous HTML heading and lines*/

h2.cb-module-title {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	padding-top: 25px;
	letter-spacing: 5px;
}


/*previous HTML heading and lines*/

h2.cb-module-title:after {
	content: '';
	border-top: 6px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #fcd900;
}


/*previous HTML heading and lines*/

h2.cb-module-title:after {
	margin: 0 0 0 20px;
}

/** align bottom */
.align-bottom-class .gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.align-bottom-class .gb-inside-container > *:last-child {
    margin-top: auto;
}

/* UPPERCASE toggle */
.upperchange {
	text-transform: uppercase;
}

@media (max-width: 768px) {
	/* CSS in here for mobile only */
	/** site logo size */
	img.header-image.is-logo-image {
		width: 210px;
	}
		/* archive title alignment to match GB content template */

	.archive .site-content .page-header {
		padding-left: 18px;
	}
	
}

/* Fix H3 Padding from old classic editor content */

/* h3 {
    padding-top: 20px;
} */


/* archive styling to remove GP default padding */

.generate-columns-container .generate-columns .inside-article {
    padding: 10px;
    background-color: transparent;
}

/* archive title alignment to match GB content template */

.archive .site-content .page-header {
padding-left: 10px;
}

/* archive page header title treatment */
/*center the heading and lines*/

.page-header h1.page-title {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;

}


/*add and adjust the lines*/

.page-header h1.page-title:after {
	content: '';
	border-top: 6px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #fcd900;
}


/*add spacing between heading and lines*/

.page-header h1.page-title:after {
	margin: 0 0 0 20px;
}

/* Archive Title Bold */
.page-header h1.page-title{
	font-weight: 700;
}


/* ----------- button shortcode ----------- */

.cb-button.cb-center {
    display: block;
    text-align: center;
	padding: 0px 0px 25px 0px;
}

.cb-button {
    letter-spacing: 2px;
}

{
    box-sizing: border-box;
}

.cb-button.cb-yellow a {
    background: #fcd900;
    color: #161616 !important;

}

.cb-button.cb-yellow a:visited {
    background: #fcd900 !important;
    color: #161616 !important;
}

.cb-button.cb-yellow a:hover {
    background-color: #f2f2f2 !important; 
}

.cb-button a {
    border-radius: 3px;
    padding: 10px 30px;
    color: #f2f2f2 !important;
    display: inline-block;
    margin: 2px 2px 2px 0;
    border: 3px solid transparent;
}

/* ----------- button shortcode end ----------- */

/* post h2 and h3 margin */
.single-post .entry-content h2,
.single-post .entry-content h3 {
    margin-top: 25px;
}

.h3-spotlight {
	margin-top:0px !important
}

/* post image padding */
.single-post .entry-content img {
	padding: 25px 0 25px 0;
}

/* post bottom meta */
.tags-links a {
	background-color: #e9e9e9;
	color: #575760;
	padding: 4px 10px 5px 10px;
	border-radius: 8px;
	margin-bottom: 15px;
	margin-right: 10px;
}

.tags-links a:hover {
	background-color: #222222;
	padding: 4px 10px 5px 10px;
	color: #ffffff;
	border-radius: 8px;
	margin-bottom: 15px;
}

.single span.tags-links {
    display: flex;
    flex-wrap: wrap;
}

/* post bottom meta */
span.tags-links {
    padding-bottom: 25px;
}

/* post bottom meta */
span.gp-icon.icon-tags {
    display: none;
}

/* post bottom meta */
#nav-below {
	padding-bottom: 35px;
}



.breadcrumb-css {
	font-size: 16px;
	font-style: italic;
}

@media (max-width: 768px) {
    body.single .inside-article {
    padding-top: 10px;
    }
}

/** remove line decoration for search results h1 title */

body.search .page-header h1.page-title {
	display: block !important;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	font-size: 24px;
  	letter-spacing: 2px;
	padding-left: 8px;
}
@media (max-width: 768px) {
body.search .page-header h1.page-title {
	font-size: 20px;
}
}

/* search results header title */
body.search .page-header {
  padding: 25px 0px 25px 0px;
	text-align: left !important;
}

body.search h1 {
  font-size: 22px;
  letter-spacing: 2px;
}

@media (max-width: 768px) {
body.search .page-header {
  padding: 10px 10px 10px 10px;
	text-align: left !important;
}
	
body.search h1 {
  font-size: 16px;
  letter-spacing: 0px;
	text-align: left !important;
}
}


/* mobile menu toggle */
button.menu-toggle {
    background-color: #ffffff !important;
}

/* Faecbook & Twitter Buttons */
.inside-article > div:nth-of-type(4) {
	display: flex;
	align-items: flex-end;
}
.twitter-share-button[style] {
	margin-left: 15px;
}

.review-bullets
{
		display: list-item; 
    margin-left : 30px;
}

/* Padding to top of Off canvas */
.slideout-navigation.main-navigation .main-nav > ul {
    padding: 15px 0 0 10px;
}
/* Indent sub menus */
.slideout-navigation.main-navigation .main-nav ul ul {
    padding: 0 15px;
}

.single h1.entry-title {
    padding-bottom: 5px;
}

.single .entry-header {
    text-align: center;
}