/*
Theme Name: Arts Jamaica
Theme URI: https://arts-jamaica.org/
Author: KDSH
Author URI: KDSH.WORLD
Description: A custom theme for Arts Jamaica
Version: 1.0
Text Domain: custom-theme
*/


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: arial, Nunito, Arial, Helvetica, sans-serif;

    background: white;
    color: #000;
}

.header-nav {
    width: 100%;
			position: fixed;
	padding: 0.5%;
}

.nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Site title */
.site-title a {
font-family: Rubik Mono One;
	padding: 1%;
	width 10%:
 font-size: 1.45rem;
    font-weight: bold;
    text-decoration: none;
    color: black;
}

.site-title { padding: 1%; width: 30%; float: left; }

/* Pages list */
.nav-pages {
	font-family: Josefin Sans;
    list-style: none;
    margin: 0;
	font-size: 19px;
	font-weight: 500;
    padding: 0;
    display: flex;
    gap: 1.15rem;
}
.nav-pages a {color: black; }

.nav-pages li {
    margin: 0;
}

.nav-pages a {
    text-decoration: none;
}

/* Clear float */
.site-header::after {
    content: "";
    display: block;
	clear: both; }

/* Main content */
.main-content {
	positiron:fixed;
	float:left;
	width:100%;
	height: 100$;
    margin-top: 40px;
}

.quote { font-size: 20px; font-family: lexend; background-color: lime; width: 50%; }


/* Center image */
.main-content .center-image {
	background-black;
    width: 70%;
		margin-top: 10%;

	float:left;
    margin-left: 15%;
}

.main-content .center-image img {
    width: 100%;
	float:left;
	height: auto; }
	
.tagline {    text-transfogrm: uppercase; font-family: Gibson Heavy, Josefin Sans; float:left; font-size: 36px; font-styvle: italic; porsition: fixed; bottom: 0; font-weight: 800; text-align: center; margin:10%; margin-top: 7%; line-height: 42px; color: #000; width: 60%; margin-left: 20%; margin-bottom: 7%; }

#page { width: 60%; margin-left: 20%; float:left; font-family: arial, "Lexend"; font-size: 26px; font-weight: 200; margin-bottom: 5%;   }
.page-content { font-family: Gibson Heavy, "Josefin Sans"; font-size: 24px; margin-top: 1%; float:left; font-weight: 200; line-height: 34px;  }
#page h1 { font-size: 50px; margin-bottom: 5%; margin-top: 17%; font-family: Josefin Sans, Rubik Mono One; line-height: 28px; text-align: center; font-weight: 800; }

blockquote {
    margin: 2rem 0;
    padding: 6%;
	padding-bottom: 1%;
	font-size: 22px;
	line-height: 30px;
	padding-top: 1%;
    color: #555;
	font-weight: 700;
	text-align: center;
}

.footer {background-color: #969281; float:left; height: 20%; font-family: Lexend; width: 100%; padding: 0%; }
.footer-inner img {width: 100%; float: left; margin: 0%; padding: 0%; drisplay: none;  }
.details img {width: 7%; height: auto; padding: 1%; }
.image {width: 100%; float: left; background-color: none; margin: 0%; margin-bottom: 1%;  }
.cap { font-style: italic; text-align: center; width: 100%; float: left; background-color: none; margin: 0%; padding: 1%; color: black; font-size: 15px; margin-top: 0%;  font-weight: 300; }
.details {width:50%; float: left; }
.details2 {width: 50%; float: left; }
.footer-text { font-size: 20px; float: left; width: 90%; displfay:none; color: black; margin: 5%; }
.footer-text p { font-size: 14px; font-weight: 300; }
.my-audio-container { width: 50%; float: left; display: none;  }
#magazines {width: 100%; margin: 0%; background-color: #c84427 ; float: left; margin-bottom: 5%; }
#magazines img { width: 15.5%; margin: 2%;  }
#magazines h2 { text-align: center; font-family: Rubik Mono One; }
#pageback { background-color: #b9913d; width: 100%; float: left; }
#histories {background-color: #c84427; width: 100%; float: left; }
#main {background-color: #b76939; width: 100%; float: left; }
.site-title a img {width: 45%; padding: 0.5%; float: left; margin: 0; display: none; }
.site-logo img { width: 15%; float: left; position: fixed; padding: 1%; }
#pagecontact { background-color: #315a73; float:left; width: 100%; }