/*
Theme Name: Twenty Twenty-Three Patron Hunt Child
Theme URI: 
Author: Patron Hunt team
Author URI: 
Description: Child theme of Twenty Twenty-Three for the Patron Hunt Creator Network
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythreephchild
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
:root {
	background-color: #000;
}
@media screen and (min-width: 46.8em){

	.home-page .wp-site-blocks .wp-block-group.is-layout-constrained, .home-page li.post.type-post.hentry {
		margin-top: 0;
	}

	.blog h2, .single h1 {
		font-size: 30px;
    	font-weight: 400;
    	font-family: 'Poppins';
	}

	.blog p, .single p {
		font-size: 16px;
	}

	li.post.type-post.hentry {
		background: #fff;
		border: 0;
		border-radius: 7px;
		box-shadow: 0 0 6px #d2d2d2;
		margin: 20px 0;
		/*padding: 25px 11% 12px 11%;*/
	}

	li.post.type-post.hentry > div.wp-block-group, .single .single-content-wrap,.post-template-wp-custom-template-post-paywall main.wp-block-group.single-content-wrap  {
		background-color: #fafafa;
		border-style: solid;
		border-width: 3em 3em 3em 3em;
		border-color: #fff;
		border-radius: 7px;
		padding: 1.5em 2.55em 1.5em 2.55em;
	}

	.single main.wp-block-group {
		background: #fff;
		border: 0;
		border-radius: 7px;
		box-shadow: 0 0 6px #d2d2d2;
		margin: 20px 0;
		max-width: 900px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}	

	.single main.wp-block-group .entry-content {
		max-width: 100%;
	}

}

.wp-block-post-terms a {
	color: #757575;
	font-size: 13px;
}

/*
* Patron Hunt main site 
*/
.wp-container-core-group-layout-14.wp-container-core-group-layout-14 > .alignwide, #buddypress.buddypress-wrap.twentytwentythree-patron-hunt-child-1-5.bp-dir-hori-nav {
	max-width: 900px;
}
.directory .wp-container-core-group-layout-6.wp-container-core-group-layout-6 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
	margin-top: 80px;
}	

li.post.type-post.hentry {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 15px;
	margin-top: 30px;
}

.wp-block-comments h2.wp-block-comments-title.has-small-font-size {
	font-size: 14px !important;
	font-weight: 500 !important;
	margin-top: 30px;
}

.home-page .comment-form p, .home-page .comment a, .home-page .comment p, .single .comment-form p {
	font-size: 14px;
	font-weight: 300;
}
.home-page .wp-block-comments, .single .wp-block-comments {
	border-top: 2px solid #eaeaea;
	margin-top: 35px;
}

.logged-in-as {
	display: none;
}

.wp-block-post-comments-form textarea {
	border-radius: 5px;
	border-color: #b4b4b4;
}

.comment-form .wp-element-button, .wp-block-button__link {
	background-color: #fff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
	color: #ff0074;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    outline: none;
    padding: 0.7em 0.7em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    line-height: 1;
}
.comment-form .wp-element-button:hover, .wp-block-button__link:hover {
	background: #ededed;
	border-color: #999999;
	color: #333;
	outline: none;
	text-decoration: none;
}	

.buddypress .buddypress-wrap .generic-button a {
    background: #fff;
	/* Old browsers */
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	color: #555;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	font-weight: 500;
	outline: none;
	padding: 0.3em 0.5em;
	text-align: center;
	text-decoration: none;
	width: auto;
	line-height: 1;
	text-transform: uppercase;
}

/**
* Creator site header such as /DaisyThrash 
**/
@media screen and (min-width: 46.9em) {
	#wp-custom-header {
		width:100%;
		text-align: center;
		margin-top: -15px;
	}
	#wp-custom-header img {
		width: 100%;
		height: auto;
	}

	.home-page .wp-site-blocks .wp-block-group.is-layout-constrained.creator-header, .creator-header {
		margin-top: -60px;
	}

	.creator-brand .wp-block-site-logo.is-style-rounded {
		border: 2px solid #fff;
	}

	.creator-title.wp-container-6 {
		margin-bottom: -35px;
	}

}

@media screen and (max-width: 46.8em) {
	#wp-custom-header {
		display: none;
	}
	.creator-brand.is-layout-flex {
		width: 100%;
	}
	.center-on-mobile.wp-block-site-logo {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.center-on-mobile.wp-block-site-logo img {
		width: 70px;
	}
	.center-on-mobile.creator-title {
		width: 100%;
		align-items: center !important;
	}
	.center-on-mobile .wp-block-site-tagline {
		line-height: 1.5 !important;
		text-align: center;
	}
	nav.ph-creator-nav {
		width: 100%;
		justify-content: center !important;
		margin-top: 20px;
	}
}

/**
* Navigation styles for custom Patrot Hunt nav menus, like the Creator Site nav.
* Borrowed from here https://codepen.io/iamsofiullah/pen/zYwBEQo
**/
nav.ph-creator-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
	margin-bottom: -10px;
	max-width: 900px;
    width: 100%;
}

.logo {
    color: #191919;
    font-size: 22px;
}

.ph-creator-nav ul {
    list-style: none;
}

.ph-creator-nav ul li {
    display: inline-block;
}

.ph-creator-nav ul li.report.dashicon {
	font-family: 'Dashicons';
}

.ph-creator-nav ul li.report.dashicon a:hover {
	text-decoration: none;
}

.ph-creator-nav ul li a {
    text-decoration: none;
    color: #555;
    padding: 8px 30px;
    border-radius: 7px;
    transition: all .3s ease;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}

.ph-creator-nav ul li a:hover,
ul li a.active {
	text-decoration: underline;
}

.ph-creator-nav #icon {
    background-color: #fff;
    padding: 5px 7px 3px 7px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s ease;
	text-decoration: none;
}

.ph-creator-nav #icon svg {
    color: #191919;
    height: 28px;
    transition: all .3s ease;
}

.ph-creator-nav #icon:hover {
    background: #191919;
}

.ph-creator-nav #icon:hover svg {
    color: #fff;
}

.ph-creator-nav input#checkbox, .ph-creator-nav
label#icon {
    display: none;
}

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

	div.ph-creator {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

    nav.ph-creator-nav ul {
        position: absolute;
        width: 100%;
        height: calc(100vh - 71px);
        background-color: #fff;
        left: 0;
        top: -70px;
        text-align: left;
        display: none;
        margin-top: 20em;
		z-index: 1000;
    }

    nav.ph-creator-nav ul li {
        display: block;
        padding: 10px 15px;
    }

    nav.ph-creator-nav ul li a {
        display: block;
        padding: 10px 0;
    }

    nav.ph-creator-nav #icon {
        display: block;
    }

    nav.ph-creator-nav #checkbox:checked~.menu-creator-navigation-container ul, nav.ph-creator-nav #checkbox:checked~.menu ul {
        display: block;
    }

}

footer {
	background-color: #000;
	padding-bottom: 30px;
}

/* move this to plugin styles once the template itself is moved to plugin */
body.create-blog label {
	font-weight: 700;
}
body.create-blog #blog_title {
	height: 45px;
    min-width: 100%;
    font-size: 18px;
}
body.create-blog #blogname {
	width: auto !important;
    height: 45px;
    min-width: 59%;
	font-size: 18px;
}
body.create-blog .field-explainer {
	color: #767676;
    font-style: italic;
    margin-bottom: 45px;
}
body.create-blog input#submit {
	max-width: 150px;
	border-width: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
body.create-blog input#submit:hover {
	background-color: #767676;
}