/*
Theme Name: Shiroi Hana -lovemeow style
Description: Shiroi Hana Child Theme
Template: shiroihana
Version: 1.1
*/

@import url("../shiroihana/assets/css/shiroi.min.css");

/* =Theme customization starts here
------------------------------------------------------- */
BODY{font-size:16px;}

#header_features .feature:hover{border-color:#1e3044; background:#fafafa; text-decoration:none !important; cursor:pointer; }
#header_features .feature IMG{border-bottom:#d9d9d9 1px solid; padding-bottom:3px; margin:3px; width:210px; height:152px; border-top:0px;border-right:0px;border-left:0px; }
#header_features .feature_category{display:inline-block; text-transform:uppercase; margin:0px 7px 1px; font-weight:bold; font-size:0.95em; }
#header_features .feature_title{margin:0px 7px 14px; font-size:1.1em; }

#single_features{border:#7a8fa4 1px solid; padding:0 1px 0 1px; background:#c7d5e5; height:206px; width:750px; overflow:hidden; text-align:left; font-family:arial; font-size:12px; padding-left:2px;}
#single_features .feature{font-weight:normal; color:black; background:white; border:#7a8fa4 1px solid; margin:2px 1px; width:184px; display:block; float:left;}
#single_features .feature:hover{border-color:#1e3044; background:#fafafa; text-decoration:none !important; cursor:pointer;}
#single_features .feature IMG{border-bottom:#d9d9d9 1px solid; padding-bottom:3px; margin:3px; width:175px; height:150px; border-top:0px;border-right:0px;border-left:0px;}
#single_features .feature_category{height:36px; display:inline-block; text-transform:uppercase; margin:0px 4px 2px; font-weight:bold; font-size:0.95em;}

.entries-wrap-grid:after, .entries-wrap-grid:before{border-left:0px;}
.entries-wrap.entries-wrap-grid .hentry{padding:20px;}

.post-related { 
display: flex; 
flex-wrap: wrap; 
}


#wpadminbar{bottom:0; top:inherit;}
.f-nav{position:fixed; top:0; width:100%;}
.primary-nav{height:52px; padding:0; text-align:left;}
.primary-nav-wrap{background-color:white; margin:52px 0 0 0;}
.primary-nav .menu li{line-height:42px;}
.primary-nav ul li{font-size:14px;}

.site-header{margin:0 0 0 0; height:53px;}
.site-header-middle{display:none;}
.HeaderLeaderboardAdUnit .widget{margin:10px 0 0 10px; width:100%; overflow:visible;}
.HeaderLeaderboardAdUnit .widget-title{display:none;}

.mobile-nav-toggle{font-weight:bold; margin-top:12px; position:fixed; 
top:0; right:20px; left:inherit; z-index:10000; width:52px;
}
.ggsearchform{position:absolute; top:10px; right:15px; display:none;}

.sidebar .widget {padding:15px 15px; margin:20px 0 0 0;}
.sidebar .widget .widget-title{margin:0 0 10px 0;}

.sidebar .leftsidebar .widget-title{display:none;}
.sidebar .rightsidebar .widget-title{display:none;}
.sidebar .leftsidebar{float:left; width:152px; margin:20px 10px 20px 0; padding:0; overflow:hidden; background-color:white;}
.sidebar .rightsidebar{float:left; width:152px; margin:20px 0; padding:0; overflow:hidden; background-color:white;}
.clear {
    content:'';
    display: table;
    clear: both;
}
.bottomsidebar{clear:both;}

.afterposts .widget{text-align:center;}
.afterposts .widget .widget-title{display:none;}
DIV.titlebarlist{margin-bottom: 10px;}

.brand{text-align:left; padding:0; height:inherit;}

.entry-title a {color: #C78D4D;}
.entries-wrap{margin:15px 0 0 0;}

.post-header .post-title{font-size:28px}
.h2{font-size:26px}
.entries-wrap-grid .post-header .post-title{font-size:20px}
.site-content{padding:10px 0;}

.followusframes{margin-top:3px; float:right; width:139px;}
.singlepostheaderright{float:right;  margin:5px;}
.singlepostheaderright .widget-title{display:none;}
.mobilesingleheaderad .widget-title{display:none;}
.afterpostcontentwidget .widget-title{display:none;}
.afterrelated .widget-title{display:none;}

.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}

.related-post-title{overflow:hidden; height:47px;}
.col-md-12{padding:0;}
.row{margin:0;}
.container{width:100%; padding:0; margin:0;}

.col-md-8{width:100%; padding:0;}
.col-md-4{width:100%; padding:0; margin:0 0 0 0;}
.entry-content.post-content{font-size:16px; padding:0;}

.container{max-width:1150px; margin:0 auto;}
.HeaderLeaderboardAdUnit{max-width:1440px; margin:0 auto;}
@media (min-width:200px){
	.entries-wrap .hentry{padding:10px 0 10px 2px;}
	.col-md-3{width:50%; float:left; padding:0 5px 0 0;}
}
@media (min-width:800px){
    .container{width:100%;}
    .col-md-8{width:100%; padding:0;}
    .col-md-4{width:100%; margin:5px 0 0 0; padding:0 0 0 10px;}
    .entry-content.post-content{padding:0;}
    .sidebar .widget{width:100%;}
}

@media (min-width: 992px){
    .brand a img {max-width:750px;}
    .primary-nav .menu>li>a {padding:5px 28px;}
    .col-md-8{width:68%; padding-left:10px;}
    .col-md-4{width:25%; margin:15px 0 0 5px; padding:0 0 0 10px;}
    .col-md-3{width:25%; float:left; padding:0 5px 0 0;}
    .ggsearchform{display:visible;}
    .primary-nav-wrap{margin:0;}
    .sidebar .widget {width:340px; padding:15px 15px; margin-top:20px;}
    .sidebar .leftsidebar{float:left; width:152px; margin:20px 5px 20px 0;}
    .sidebar .rightsidebar{float:left; width:152px; margin:20px 0;}
    .sidebar .widget.bottomsidebar{clear:both;}
}

@media (min-width:1200px){
    #single_features{display:none;}
    .col-md-8{width:73%; padding-left:10px;}
    .col-md-4{width:25%; margin:15px 0 0 5px; padding:0 0 0 10px;}
    .ggsearchform{display:visible;}
    .primary-nav-wrap{margin:0;}
    .sidebar .widget {width:340px; padding:15px 15px; margin-top:20px;}
    .sidebar .leftsidebar{float:left; width:152px; margin:20px 5px 20px 0;}
    .sidebar .rightsidebar{float:left; width:152px; margin:20px 0;}
    .sidebar .widget.bottomsidebar{clear:both;}
    .entries-wrap .hentry{padding:40px}  
}
@media (min-width:1440px){
    .container{width:1440px; margin:0 auto;}
    .col-md-8{width:75%; padding-left:10px;}
    .col-md-4{width:24%; margin:15px 0 0 10px; padding:0 0 0 15px;}
    .ggsearchform{display:visible;}
    .sidebar .widget {width:340px; padding:10px 15px; margin-top:20px;}
    .primary-nav-wrap{margin:0;}
    .sidebar .leftsidebar{float:left; width:160px; margin:20px 5px 20px 0;}
    .sidebar .rightsidebar{float:left; width:160px; margin:20px 0;}
    .sidebar .widget.bottomsidebar{clear:both;}
    .entries-wrap .hentry{padding:40px}
}
BODY{width:100%;}


/* for sticky button */
#fb_content_26{
			max-width:320px; display:inline-block; margin:5px 10px 0 10px; vertical-align:top;
		}
		#fb_content_26 .pw-icon{
			display: none !important;
		}
		#fb_content_26 .btn-lg{
			padding: 0px 16px !important;
		}
		#fb_content_26 i{
			float:left !important;
		}
		#fb_content_26 span{
			line-height:42px !important;
		}
		#fb_content_26 .pw-button{
			display: inline !important;
			font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		}
		#fb_content_26 .fa-facebook:before {
			content: "\f09a";
		}
		#fb_content_26 .fa {
			padding-right: 10px;
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		#fb_content_26 .fa-lg {
			font-size: 1.3333333333333333em;
			padding: 10px 10px 10px 5px;
		}
		#fb_content_26 .facebook {
			border-radius: 6px !important;
			position: relative !important;
			border: 1px solid #003c6b !important;
			-webkit-box-shadow: inset 0 1px 0 0 #6b8bce !important;
			box-shadow: inset 0 1px 0 0 #6b8bce !important;
			color: white !important;
			display: inline-block !important;
			background-color: #0264b0 !important;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4466ae), color-stop(100%, #37538d)) !important;
			background-image: -webkit-linear-gradient(top, #4466ae, #37538d) !important;
			background-image: -moz-linear-gradient(top, #4466ae, #37538d) !important;
			background-image: -ms-linear-gradient(top, #4466ae, #37538d) !important;
			background-image: -o-linear-gradient(top, #4466ae, #37538d) !important;
			background-image: linear-gradient(top, #4466ae, #37538d) !important;
			margin-bottom: 0px !important;
			-webkit-box-sizing: border-box !important;
			-moz-box-sizing: border-box !important;
			box-sizing: border-box !important;
			font: normal 18px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		}
		.ra1-pw-mobile #fb_content_26 .row{
			margin: 0px 0px !important;
		}
		#fb_content_17{margin:10px 2px; max-width:320px; vertical-align:top; display:inline-block;}
		#fb_content_17 #side-pw-widget .pw-icon{
			background: url(//demo.gwallet.com/ryan/img/post-sidebar-mod.png) !important;
			width: 53px !important;
			height: 33px !important;
			cursor: pointer !important;
		}
		#fb_content_17 #side-pw-widget .pw-button-pinterest .pw-icon {
			background-position: 0 0 !important; 
		}
		#fb_content_17 #side-pw-widget .pw-button-twitter .pw-icon {
			background-position: -56px 0 !important; 
		}
		#fb_content_17 #side-pw-widget .pw-button-googleplus .pw-icon {
			background-position: -112px 0 !important; 
		}
		#fb_content_17 #side-pw-widget .pw-button-email .pw-icon {
			background-position: -168px 0 !important; 
		}
		#fb_content_17 #side-pw-widget .pw-button-whatsapp .pw-icon {
			background-position: -224px 0 !important; 
		}
		#fb_content_17 #side-pw-widget .pw-size-small .pw-button {
			margin-right: 1px !important; 
		}
		#fb_content_17 #side-pw-widget .pw-box-counter {
			font-size: 11px !important;
			z-index: 1000 !important;
			color: white;
			position: absolute;
			margin-top: 15px !important;
			width: 51px !important;
			text-align: right !important; 
		}
		#fb_content_17 .button-alignment-container{
			margin: auto !important;
			width: 226px !important;
		}
		.ra1-pw-mobile #fb_content_17 .button-alignment-container{
			margin: auto !important;
			width: 300px !important;
			padding-left: 9px !important;
		}

/* Newsletters design  */
.newsletter_sign_like {
    clear: both;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    color: #b7b7b7;
    margin:20px 0;
    padding-bottom:20px;
    width: 100%;
}

.newsletter_sign_like__top, .newsletter_sign_like__bottom {
    padding-top: 12px;
}
.newsletter_sign_like__top {font-size:12px; line-height:28px;}
.newsletter_sign_like__top .fb-like {
    padding-top: 5px;
}
.newsletter_sign_like .newsletter-mobile {
    margin-bottom: 0px;
    padding: 0px;
}
.newsletter_sign_like .newsletter-mobile .input {
    margin: 0px;
    color: #d9d9d9;
}
.newsletter_sign_like .newsletter-mobile .btn-join {
    font-size: 13px;
    font-family: 'PT Sans',Tahoma,sans-serif;
    font-weight: bold;
    height:38px;
    line-height:37px;
    border-radius: 0px;
    width:115px;
    margin: 0px;
    background-color:#2357AC;
    color: #fff;
    position:relative;
    top:-1px;
    left:-4px;
    border:0;
    padding:0;
}
.newsletter_sign_like_top:before {
    color: #145a7c;
    content: "Like Love Meow on Facebook";
    display: inline-block;
    font-size: 14px;
    line-height: 27px;
    margin-right: 15px;
    vertical-align: top;
    text-transform: uppercase;
    padding-top: 5px;
}

.newsletter_sign_like .newsletter-mobile .input .newsletter_sign_like__input_email {
    font-size: 14px;
    font-family: 'PT Sans',Tahoma,sans-serif;
    color: #b0b0b0;
    height:39px;
    width:190px;
    padding-left:10px;
}

