/*
Theme Name: Basix Movie
Theme URI: https://basixmovie.com/
Author: Basix Movie
Author URI: https://basixmovie.com/
Template: bizberg
Text Domain: basix-movie
Description: Child theme of Bizberg for basixmovie.com. Carries over the Oh My Blog dark layer - its Bizberg filter overrides, featured-posts homepage section and Customizer fields - then adds a centred footer copyright and a classic full-content homepage: featured image, title, meta, then the whole post. Single post pages, archives, search, header, menus, sidebar and footer widgets are left exactly as the parent renders them.
Version: 1.0.0
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, left-sidebar, right-sidebar, grid-layout, theme-options, blog, news, portfolio

Basix Movie inherits its dark styling and homepage featured-posts section from
Oh My Blog by Bizberg Themes (https://bizbergthemes.com/), itself a child theme
of Bizberg, distributed under the GNU GPL v3 or later.
*/

p{
	font-size: 16px;
}

.footer_social_links{
    display: block !important;
}

.navbar-default .navbar-nav>li>a{
    letter-spacing: 0;
}

.blog-grid .entry-content {
    margin: 50px 15px;
}

.navbar-default .has-no-menu-description .navbar-nav>li>a {
    padding: 15px 20px 17px;
}

.navbar-default .has-no-menu-description .navbar-nav li ul {
    top: 60px;
}

.bizberg_default_page .single_page h3.blog-title{
	text-transform: capitalize;
}

.bizberg_cocntent_wrapper h3.blog-title {
    padding-bottom: 20px;
    padding-top: 10px;
}

@media (max-width: 1023px){
	#blog .blog-post .entry-meta > span > a, 
	#blog .blog-post .entry-meta > span.bizberg_read_time {
	    font-size: 16px;
	}
}

@media (max-width: 639px){
	#blog .blog-post.bizberg-list .entry-content {
	    margin: 0;
	}
}

.basix-movie-post{
	position: relative;
	overflow: hidden;
}

.basix-movie-post .mb-3{
	margin-bottom: 30px;
}

.basix-movie-post-item{
	position: relative;
	overflow: hidden;
	background: linear-gradient(to bottom, #dd3333, #5d0606);
	transition: all ease-in-out 0.5s;
	height: 310px;
}

.basix-movie-post-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    content: '';
    z-index: 1;
    transition: all ease-in-out 0.7s;
    transform: scale3d(7.9, 6.4, 0) rotate3d(0, 0, 1, 45deg) translate3d(0, -70%, 0);
}

.basix-movie-post-item:hover:before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
    transition: all ease-in-out 0.7s;
}

.basix-movie-post-bg{
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
    background-position: center;
}

.basix-movie-post-item img{
	width: 100%;
	transition: all ease-in-out 0.5s;
}

.basix-movie-post-item:hover img{
	transform: scale(1.1);
	transition: all ease-in-out 0.5s;
} 

.basix-movie-post-cats a {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    background: #de3434;
    padding: 2px 16px 3px;
    transition: all ease-in-out 0.5s;
    z-index: 2;
    color: #fff;
    border-radius: 3px;
}

.basix-movie-post-cats a:hover{
    color: #fff !important;
}

.basix-movie-post-item:hover .basix-movie-post-cats a{
	background: #dd3333;
	color: #fff;
	transition: all ease-in-out 0.5s;
}

.basix-movie-post-content{
	position: absolute;
    left: 0;
    bottom:0;
    z-index: 1;
    padding:20px;
}

.basix-movie-post-list li {
    display: inline-block;
    padding-right: 10px;
}

.basix-movie-post-list li:last-child{
	padding-right:0; 
}

.featured_posts_wrapper .section-heading-wrapper {
    margin-bottom: 50px;
}

.featured_posts_wrapper .section-heading-wrapper .section-title-wrapper{
    margin-bottom: 10px;
}

.basix-movie-post-content a:hover{
    color: #fff !important;
}

.basix-movie-post-cats a:focus,
.basix-movie-post-content a:focus {
    color: #fff !important;
    outline-color: #fff !important;
}

.entry-date a:focus,
.entry-title a:focus,
.entry-meta a:focus,
#sidebar a:focus {
    color: #dd3333 !important;
}

.entry-date a:focus:after{
    border-color: #dd3333 !important;
}

.nav-links a:focus{
    border-color: #dd3333 !important;
    background: #dd3333 !important;
}

.footer_social_links a:focus i{
    background: #dd3333 !important;
    color: #fff !important;
}

#footer .inline-menu a:focus,
#footer .copyright a:focus {
    outline-color: #fff !important;
}

.tagcloud.tags a:focus{
    background: #dd3333 !important;
    color: #fff !important;
}

.navigation.post-navigation a:focus{
    border-color: #dd3333 !important;
    color: #dd3333 !important;
    background: transparent !important;
}

.footer_social_links {
    display: block;
}

.edit_repy_links a{
    color: #fff !important;
}

#comments a:focus code{
    color: #fff;
}

div#respond h3#reply-title{
    text-transform: capitalize;
    padding-bottom: 10px;
}

.bizberg_dark_mode.bizberg_woocommerce_shop ul.products li.product .woocommerce-loop-product__title{
    font-size: 1.5em !important;
}

.bizberg_dark_mode.bizberg_woocommerce_shop #reviews #comments h2 {
    margin-bottom: 30px;
    font-size: 30px;
    text-transform: capitalize;
}

/*--------------------------------------------------------------
# Basix Movie - classic homepage blog layout
#
# Bizberg's listing card puts a fixed-height CSS background image
# in a side column beside the text. On the blog homepage only, the
# image becomes a real full-width <img> above the text and the card
# stacks. Archives and search keep the parent's card untouched.
--------------------------------------------------------------*/

.home .bm-classic-post .bm-classic-image {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
}

.home .bm-classic-post .bm-classic-image .entry-header {
    margin: 0;
}

.home .bm-classic-post .featured_image_link {
    display: block;
    line-height: 0;
}

/*
 * Full width at the image's own proportions: no fixed height,
 * no aspect-ratio and no object-fit, so nothing is cropped or
 * stretched.
 */
.home .bm-classic-post .featured_image_link img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: auto;
    object-fit: initial;
}

.home .bm-classic-post .bm-classic-body {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.home .bm-classic-post .bm-classic-meta {
    margin-bottom: 18px;
}

.home .bm-classic-post .bm-classic-meta .entry-date-inline {
    margin-right: 14px;
}

/* Full post content, not an excerpt - give it readable body spacing. */
.home .bm-classic-content {
    line-height: 1.8;
    overflow-wrap: break-word;
}

.home .bm-classic-content > *:first-child {
    margin-top: 0;
}

.home .bm-classic-content > *:last-child {
    margin-bottom: 0;
}

.home .bm-classic-content img,
.home .bm-classic-content iframe,
.home .bm-classic-content embed,
.home .bm-classic-content video {
    max-width: 100%;
    height: auto;
}

.home .bm-classic-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.home .bm-classic-content .page-links {
    margin-top: 15px;
}

.home .bm-classic-post {
    margin-bottom: 45px;
}

@media (max-width: 767px) {

    .home .bm-classic-post .bm-classic-image {
        margin-bottom: 16px;
    }

    .home .bm-classic-post {
        margin-bottom: 32px;
    }
}


/*--------------------------------------------------------------
# Basix Movie - centred footer copyright
--------------------------------------------------------------*/

footer p.copyright {
    text-align: center;
    line-height: 1.8;
    word-wrap: break-word;
}