@charset "utf-8";
/* CSS Document */

/*   
Theme Name: Her Game Her Story
Theme URI: https://pixelpoetics.com
Description: Her Game Her Story theme. This Framework is widget ready in the sidebar.
Author: Pixel Poetics
Author URI: https://pixelpoetics.com
*/

.wp-caption{padding:0px; box-sizing:border-box; font-size:16px; text-align:center; line-height:normal; max-width:100%; color:#006699;}
.wp-caption img{width:100%; height:auto; box-sizing:border-box;}
.wp-caption-text{padding-bottom: 4px;}

.wp-block-quote{font-size:18px; color:#555;}

figcaption{text-align:center; color:#006699; font-size:small; line-height:normal;}
.wp-embed-responsive .wp-block-embed .wp-block-embed__wrapper:before {
    position: relative;
}

.sformwrap{height:32px; overflow:hidden; border-radius:4px;}
.sformwrap:focus{box-shadow:0px 0px 8px #000;}
.sformwrap .stxt{background:#FFF6D2; border:none; height:32px; padding:12px; box-sizing: border-box; float: left;}
.sformwrap .ssub{height:32px; padding:8px 16px; border:none; background:#F85A9F; float:right; border-radius:0px; cursor:pointer;}
.sformwrap:after{content: ""; display: table; clear: both;}

.post_comm{padding: 16px 0px;}
.comment_list{list-style:none; margin:12px auto; padding:0px;}
.comment-num{background:#EDDFF1; font-size:18px; padding:12px;}
/* .comment-reply-title{width:75%; border-top-right-radius:8px; padding:8px; margin:0px; text-align: left; font-weight:bold; font-size:16px; height:35px;background:#425db4; color:#FFF;} */
.comment_list li{background:#FFF7FA; padding:12px; border:1px solid #F85A9F; margin:4px auto;}
.comment .comment-content{text-align:left;}
.comment-meta{border-radius:0px;}
.comment .comment-author{font-weight:bold;}
.comment .comment-author img{float:left; margin-right:10px;}
.comment p{clear:both; padding:4px 0px;}
.comment .comment-awaiting-moderation{font-size:8pt; color:#990000; font-weight:bold;}
.comment .comment-edit-link{color:#FFF;}
.comment  .reply{color:#942628; font-size:8pt;}
.comment .children li{border-top:1px dotted #CCC;}
.comment-metadata{clear:both; font-size:12px;}
.commentmetadata a{color:#990000;}
.comment-body a{clear:both;}

.recentcomments a{font-weight:bold;}

.comment-form{width:100%; margin:auto; box-sizing: border-box;}
.comment-form .required{color:red;}
.comment-form p{width:100%; margin:auto; box-sizing: border-box; clear:both; padding:8px 0px;}
.comment-form p label{width:100%; display: inline-block; box-sizing: border-box;}
.comment-form p > input[type="text"]{width:100%; display: inline-block; padding:4px; box-sizing:border-box; background:#FFF; border:1px solid #d19405; font:inherit; border-radius:0px; color:#463c00;}
.comment-form p > input[type="email"]{width:100%; display: inline-block; padding:4px; box-sizing:border-box; background:#FFF; border:1px solid #d19405; font:inherit; border-radius:0px; color:#463c00;}
.comment-form p > input[type="url"]{width:100%; display: inline-block; padding:4px; box-sizing:border-box; background:#FFF; border:1px solid #d19405; font:inherit; border-radius:0px; color:#463c00;}
.comment-form p textarea{width:100%; display: inline-block; padding:4px; box-sizing:border-box; background:#FFF; border:1px solid #d19405; font:inherit; border-radius:0px; color:#463c00;}

@media (min-width:40em){
.comment-form p label{width:18%; float: left;}
.comment-form p > input[type="text"]{width:78%; float: left;}
.comment-form p > input[type="email"]{width:78%; float: left;}
.comment-form p > input[type="url"]{width:78%; float: left;}
.comment-form p textarea{width:78%; float: left;}
}

.side_ul{padding:0px;}
.main_sidebar{color:#6D6F6E; padding:0px; position:relative;}
.main_sidebar ul{list-style: none; margin:0px; padding:0px;}
.main_sidebar li{list-style: none; margin:4px 0px; padding:4px 0px;}



/*.widgettitle{color:#006600; background-size:cover; padding:8px 0px; width:100%; box-sizing:border-box; margin:0px; font-weight:normal; font-size:22px;}
.widget{list-style: none; padding:0px; margin:0px;}*/
.widget > ul{list-style:square; margin: 0px; padding:0px;list-style-position: inside;}
.widget >ul li{padding-bottom:8px; border-bottom:1px solid #CCC;}

.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#wp-calendar{width:100%; box-sizing:border-box;}
#wp-calendar caption{background:#333; color:#EEE; padding:8px; width:100%; box-sizing:border-box; margin:0px 0px 8px 0px;}
#wp-calendar td{background:#DDD; padding:4px; color:#2e3f75;}
#wp-calendar td.pad{background:none; border:none;}
#wp-calendar td a{font-weight:bold; color:#006600;}

.wp-calendar-nav-prev{float:left;}
.wp-calendar-nav-next{float:right;}

.gallery { margin: 0 auto 18px; }
.gallery-item{padding:8px;}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	
}
.gallery .gallery-item a{cursor: zoom-in;}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-2 .gallery-item:nth-child(2n+1){clear:both;}
.gallery-columns-3 .gallery-item:nth-child(3n+1){clear:both;}
.gallery-columns-4 .gallery-item:nth-child(4n+1){clear:both;}
.gallery-columns-5 .gallery-item:nth-child(5n+1){clear:both;}

.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	font-size: 15px;
	margin: 0 0 12px;
	line-height:normal;
	padding:8px;
	text-align: left;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; background: #FFF;}
/*.gallery .gallery-item:last-child{float:none !important;}
 .gallery .gallery-item{background: #FFF;}*/
.gallery .gallery-item img{padding:4px; border:1px solid #CCC;}
.gallery .gallery-item:last-child:after {
    float: none !important;
    content: '';
    display: block;
    clear: both;
}
/*.gallery-columns-3 .gallery-item{height:330px;}
.gallery{width:100%; font-size:14px;}
.gallery-item{text-align:center;box-sizing:border-box; margin:0px; padding:4px;}

.gallery-item img{width:100%; height:auto;  box-sizing:border-box; border:none !important;}

.pix_pages{background: #F1BACF; border:1px solid #EEA9C3; cursor:pointer; padding: 4px; font-weight: bold;}*/
@media screen and (max-width:800px) {
    .gallery-item{width:50% !important;}
    .gallery-item:nth-child(2n+1){clear:both;}
}
@media screen and (max-width:400px) {
    .gallery-item{width:100% !important; float:none !important;}
}