/*
 * Theme Name: Lyrics71
 * Theme URI: https://lyrics71.net/
 * Author: Lyrics71
 * Description: A standalone WordPress theme for Lyrics71.
 * Version: 1.0.1
 * Requires at least: 6.4
 * Requires PHP: 7.4
 * Text Domain: lyrics71
 * License: GNU General Public License v2 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 */


/**
 * Lyrics71 Global Styles
 * --------------------------------------------------
 *
 * This stylesheet contains only theme-wide foundation rules.
 *
 * Page and component-specific styles are maintained in their
 * dedicated stylesheets under assets/css/.
 */


/* =========================================================
   Global Foundation
   ========================================================= */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    background: var(--lyrics71-color-background, #fff);
    color: var(--lyrics71-color-text, #444);
    font-family: var(
        --lyrics71-font-primary,
        'PT Sans', 'Noto Sans Bengali', sans-serif
    );
    font-size: var(--lyrics71-font-size-base, 14px);
    font-weight: 400;
    line-height: var(--lyrics71-line-height-body, 1.65);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/* Original Lyrics71 heading typeface, with Bengali fallback. */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--lyrics71-color-heading, #333);
    font-family: var(
        --lyrics71-font-heading,
        'Oswald', 'Noto Sans Bengali', sans-serif
    );
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

ul, ol{
    list-style: none;
}


/* =========================================================
   Links
   ========================================================= */

a {
	color: #222;
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover {
    color: var(--lyrics71-color-link-hover, #e4422e);
}


/* =========================================================
   Form Focus
   ========================================================= */

input:focus,
textarea:focus,
select:focus {
	outline: none;
}


/* =========================================================
   WordPress Alignment Helpers
   ========================================================= */

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.aligncenter {
	display: block;
	margin: 20px auto;
}


/* =========================================================
   Shared Page Wrapper
   ========================================================= */

/*
 * Used by multiple Lyrics71 page and content templates.
 *
 * Component-specific page styling belongs in the relevant
 * stylesheet under assets/css/.
 */

.page-content {
	padding: 50px 0;
}

.page-template-homepage .page-content {
	padding: 60px 0;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 768px) {

	.page-content {
		padding: 40px 0;
	}

}