@charset "UTF-8";

/*
 Theme Name:   rowling_child
 Template:     rowling
*/
 
@import url("../rowling/style.css");
 
/* =Theme customization starts here
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
 font-weight:normal;
}

body a,
.secondary-menu > li.menu-item-has-children a:after,
.primary-menu li a,
.post-tags a:before,
.tagcloud a:before,
.search-button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	color: #D3D3D3;
}

.post-nav a,
.respond input,
.respond textarea,
.archive-nav a,
.blog-title a,
.primary-menu ul .menu-item-has-children::after,
.secondary-menu ul .menu-item-has-children::after,
.to-the-top,
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sidebar {
	width: 28.8%;
}

.top-nav { 
    background: transparent; 
}

.secondary-menu {
	display: none;
}

.social-menu { 
	background-color: transparent;
}

.social-menu a {
	width: 31px;
	height: 31px;
	border: 1px solid #333333;
	color: #D3D3D3;
    border-radius: 1px;
}

.social-menu a:hover,
.social-menu a.active { 
	border-color: #e21c24;
}

.social-menu li a[href*="vk.com"]::before { content: '\f189'; }
.social-menu li a[href*="t.me"]::before { content: '\f2c6'; }

.social-menu .active:after {
	border-bottom-color: #e21c24;
	right: 8px;
}

.search-container { 
	background: #000000;
}

.search-container .search-field {
	color: #D3D3D3;
}

.header-img { 
	background: no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

.header-wrapper { 
    background-color: transparent; 

}

.header { 
    padding: 80px 0; 
}

.blog-title {
    font-weight: normal;
	text-transform: none;
}

.blog-logo,
.blog-logo img {
    display: inline;	
}

.navigation { 
	background-color: #000; 
	border-bottom: 3px solid #e21c24;
}

.navigation .section-inner { 
	background-color: #000000 !important; 
}

.primary-menu li { 
    background-color: #000000; 
}

.primary-menu > li { 
	border-right: 0px solid rgba(0,0,0,0.1);
	border-left: 0px solid rgba(255,255,255,0.1);
}

.primary-menu > li:last-child:after {
	border-right: 0px solid rgba(255,255,255,0.1);
}

.primary-menu > li > a {
	padding: 20px 30px 20px 0px;
    font-weight: normal;				  
	text-transform: none;
	color: #D3D3D3;
}

.primary-menu > li + li:before {
	content: "/";
	font-size: 14px;
	color: #888;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -16px;
}

.primary-menu > li:hover > a {
	background: rgba(0,0,0,0.1);
	color: #e21c24;
}

.primary-menu ul {
	-webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -moz-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -ms-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.primary-menu ul a {
    font-weight: normal;				  
	text-transform: none;
}

.posts .post {
	width: 32%;
}

.posts .post:nth-child(3n-1) { 
    margin-left: 2%; 
}

.posts .post:nth-child(4n-1) { 
    margin-left: 2%; 
}

.posts .post-image img {
	width: 100%;
	height: 100%;
}

.post-categories {
	font-weight: bold;
	text-transform: none;
}

.post-title {
	font-size: 1em;
    font-weight: normal;				  
}

.post-meta {
    font-weight: normal;				  
}

.single-post .post-title { 
    font-weight: normal;
}

.single-post .post-image { 
	float: left;
	clear: none;			 
	margin-right: 40px; 
}

.single-post .post-image-caption {
	padding: 17px 0 0 0;
	border-bottom: 0px solid #ddd;
	font-size: 0.75em;
	line-height: 120%;
	font-weight: normal;
}

.post-image-caption .fa {
    display: none;
}

.post-content p.page-links { 
	font-family: Lato, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}

.post-tags a,
.tagcloud a { 
	text-transform: none;
}

.post-author {
    display: none;
}

.related-posts {
	position: absolute;
	bottom: 1%;
}

.related-posts-title {
	font-weight: normal;				  
	text-transform: none;
}

.related-post .category {
	font-weight: normal;				  
	text-transform: none;
}

.related-post .title {
	font-weight: normal;				  
}

.post-content a { 
    border-bottom: 0px solid #ddd; 
}

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content address,
.post-content dl,
.post-content pre {
	margin-bottom: 1.1em;
}

.post-content p.intro {
	font-weight: normal;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	font-weight: normal; 
}

.post-content h1,
.post-content h2,
.post-content h3 {
	font-weight: normal;
}

.post-content h6 {
	font-weight: normal;
	text-transform: none;
}

.post-content blockquote:after {
	content: '»';
	font-size: 52px;
	font-weight: normal;				  
	top: 3px;
}

.post-content blockquote cite {
	font-family: Lato, Helvetica, sans-serif;
	font-weight: normal;				  
	text-transform: none;
}

.post-content kbd,
.post-content code {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
	margin-top: 0em;
}

.post-content ol > li:last-child,
.post-content ul > li:last-child {
	margin-bottom: 0;
}

.post-content ol > li:first-child,
.post-content ul > li:first-child {
	margin-top: 0.5em;
}

.post-content ol > li:last-child,
.post-content ul > li:last-child {
	margin-bottom: 0;
}

.post-content ol > li:first-child,
.post-content ul > li:first-child {
	margin-top: 0.5em;
}

.no-comments {
	display: none;
}

.post-content .alignnone,
.post-content .aligncenter,
.post-content .alignwide,
.post-content .alignfull {
	margin: 1.6em auto;
}

.post-content .alignleft,
.post-content .alignright {
	margin-top: 0.5em;
}

.post-content .wp-caption-text,
.post-content .gallery-caption,
.post-content figcaption {
	font-weight: normal;		
	font-size: 0.75rem;
}

.post-content table {
    margin-bottom: 1.1em;						 
}

.post-content fieldset legend {
	font-weight: normal;				  
	text-transform: none;
}

.post-content label {
	font-weight: normal;
}

.post-content input[type="text"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="email"],
.post-content textarea {
	margin-top: 10px;
	background: #fff;
	resize: none;
}

.post-content input[type="password"] {
	padding: 20px;
	width: 200px;
	margin-top: 10px;
	border: 1px solid #ddd;
	font-size: 0.9em;
	color: #111;
	background: #fff;
	border-radius: 1px;					
	-webkit-appearance: none;
}

.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"] {
	font-weight: normal;			  
	text-transform: none;
}

.wp-block-embed, iframe {
    margin-top: 20px;
    margin-bottom: 30px;
}  

.page-edit-link {
	font-weight: normal;				  
	text-transform: none;
}

.page-title h4,
.page-title p {
	font-weight: normal;			  
	text-transform: none;
}

.archive-nav a {
	font-weight: normal;			  
	text-transform: none;
}

.widget-title {
	padding-bottom: 5px;
	border-bottom: 0px solid #0093C2;								  
	font-weight: normal;				  
	text-transform: none;
	line-height: 150%;
}

.widget_rss li a {
    font-weight: normal;
}

.widget_rss li .rss-date {
	font-weight: normal;				  
	text-transform: none;
}

#wp-calendar thead th {
	font-weight: normal;				  
	text-transform: none;
}

#wp-calendar tfoot a {
	font-weight: normal;				  
	text-transform: none;
}

.rowling-widget-list .title {
	font-weight: normal;
}

.rowling-widget-list .meta { 
	font-weight: normal;				  
	text-transform: none;
}

.credits {
	background: #000000;
	border-top: 3px solid #e21c24;
}

.to-the-top {
	border-radius: 0px;
}

.credits p { color: #D3D3D3; }

.credits .copyright {
	font-weight: normal;				  
	text-transform: none;
	line-height: 150%;
}

.credits .copyright a { color: #e21c24; }
.credits .copyright a:hover { color: #ffffff; }

.credits .attribution { 
	font-size: 80%;
	font-weight: normal;				  
	text-transform: none;
	line-height: 180%;
	color: #D3D3D3;
}

.attribution a { color: #e21c24; }
.attribution a:hover { 
	color: #CCCCCC;
}


@media ( max-width: 1024px ) {

	.posts .post { width: 32%; }

	.related-posts {
		width: 160px;
		float: left;
		position: absolute;
		bottom: 17%;
		z-index: 10;
		}

	.search-container .search-field {
		font-weight: normal;
	}

	.header { 
		border-top: 0px solid #26272B;
	}

	.nav-toggle {
		border-radius: 0px;
	}
	
	.nav-toggle .bar {
		-webkit-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -webkit-transform 0.2s linear 0s;
		-moz-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -moz-transform 0.2s linear 0s;
		-o-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -o-transform 0.2s linear 0s;
	}	
	
	.nav-toggle.active .bar { 
		-webkit-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -webkit-transform 0.2s linear 0.2s;
		-moz-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -moz-transform 0.2s linear 0.2s;
		-o-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -o-transform 0.2s linear 0.2s;
	}	
	
	.nav-toggle.active .bar:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}	
	
	.nav-toggle.active .bar:nth-child(2) { 
		-webkit-opacity: 0;
		-moz-opacity: 0;
	}
	
	.nav-toggle.active .bar:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
	}	
	
	.mobile-menu li a { 
		background-color: #000000;
	}
		
	.mobile-menu a {
		font-weight: normal;				   
		text-transform: none;
		color: #D3D3D3;
	}

}

@media ( max-width: 812px ) {	
    
	.posts .post { width: 32%; }    

	.single-post .post-image { width: 100%; display:block;}
	
	.sidebar {
	width: 100%;
}
	
	.related-posts { 
		display: none;
		width: 100%;
		margin-top: 40px;
		position: static;
		top: auto;
		left: auto;
	}
}

@media ( max-width: 600px ) {
	
	.posts .post { width: 32%; }
	
	.post-title { 
		font-size: 1em;
	}
	
	.single-post .post-image { width: 100%; display:block;}
	
	.single-post .post-meta:first-letter { text-transform: none; }
		
    .post-content blockquote:after {
        display:none;
    } 
}

@media ( max-width: 500px ) {
    
    .posts .post {
	width: 32%;
}
	
	.single-post .post-image { width: 100%; display:block;}
	
	

    .post-content blockquote:after {
        display:none;
    } 	
	
}

@media ( max-width: 414px ) {

	.posts .post { width: 100%; }

	.posts .post + .post {
	padding-top: 40px;
	border-top: 2px solid #eee;
	margin-top: 40px;
}

    .posts .post:nth-child(3n-1) { margin-left: 0; }
    .posts .post:nth-child(4n-1) { margin-left: 0; }


	.single-post .post-image { width: 100%; display:block;}
	
    .post-content blockquote:after {
        display:none;
    } 	

}

@media ( max-width: 320px ) {

    .posts .post {
    	width: 100%;
        
    }
    
    .posts .post + .post {
    	padding-top: 40px;
    	border-top: 2px solid #eee;
    	margin-top: 40px;
    }
    
    
    .posts .post:nth-child(4n-1) { margin-left: 0; }
    
    .post-content blockquote:after {
        display:none;
    }    

}

#responsive-form {
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
    width:100%;
}

.form-row {
	width: 100%;
}

.datefield {
	width: 100%;
	padding: 20px;
	margin-top: 10px;
	border: 1px solid #ddd;
	font-size: 0.9em;
	color: #111;
	background: #fff;
	-webkit-appearance: none;
}

.column-half, .column-full {
	float: left;
	position: relative;
	padding: 0.65rem;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.mobile-menu a {
	font-weight: normal;				   
	text-transform: none;
	color: #D3D3D3;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.wpcf7-submit {
	float: right;    
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}

.wpcf7-form textarea {
	line-height: 16px;
	font-size: 14px;
	height: 100px;
	resize: none;
}

.su-row .su-column {
     width: 70%;
}

.slb_slideshow {
     display: none;
}

span.wpcf7-list-item {
    margin-right: 0.5em;
    margin-left: 0em;
}

addtoany_list a>span {
	border-radius:0px !important;
}

.meta_slider_options {
    margin-bottom: 16px;
}

.flexslider {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.addtoany_list a>span {
    border-radius:0px !important;
}
.addtoany_list a {
    padding:0 7px 0 0 !important;
}

#mistape_dialog .dialog__overlay {
	background: rgba(0, 0, 0, 0.9) !important;
}