/* STYLESHEET FOR ARCHERS */


/* Whole page */


body {
    margin: 0;
    padding: 30px;
	background-image:url("assets/images/BgCreamLeather.jpg");
	font-family: Arial, Helvetica, sans-serif;
}

/* Main page */

.page-wrapper {

    max-width: 1200px;
    margin: 0 auto;
    background: #f4eed8;      /* beige */
    border: 2px solid #3b5d3b;
    min-height: 100vh;
    box-sizing: border-box;
	line-height:1.5em;
	padding:1em;
}


/* PARAGRAPHS */

.page-wrapper p {
    margin-top: 0;
    margin-bottom: 1em;
}


/* CONTAINERS */


.page-container {
	padding:1em;
}




/* TEXT FORMATTING */


.page-heading {
	text-align: center;
	font-weight: bold;
	line-height:2em;
	font-size: 1.2em;
}

.page-sub-heading {
    text-align: center;
    margin-top: -0.6em;      /* Pulls it closer to the heading */
    margin-bottom: 1.5em;
    font-size: 0.9em;
    font-style: italic;
    color: #355735;
}



.main-heading {
	font-size: 1.2em;
	font-weight: bold;
	color: lightgray;
}

.sub-heading {
    font-style: italic;
	font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 1.5em;
}


.section-heading{
	text-align: left;
	font-weight: bold;
	margin-bottom:0.2em;
	font-size: 1.2em;
}



.bold-text {
	font-weight: bold;
}

.center-text {
	text-align: center;
}

.justify-text {
	text-align: justify;
}

.right-text {
	text-align: right;
}






/* MAIN ARCHERS HEADER */

.site-header {
    background: #355735;
    color: #ffffff;
    width: 100%;
}

.site-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 24px;
}



/* LOGO AND SITE TITLE */

.site-title {
    display: flex;
    align-items: center;
    gap: 1em;
    margin-bottom: 15px;

    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;

    transition: opacity 0.25s ease;
}

.site-title:hover,
.site-title:focus {
    opacity: 0.75;
}

.site-logo {
    display: block;
    width: auto;
    height: 70px;

    transition: transform 0.25s ease;
}

.site-title:hover .site-logo,
.site-title:focus .site-logo {
    transform: scale(1.05);
}

.site-logo {
    height: 70px;
    width: auto;
    display: block;
}







/* ARCHERS MENU SETTINGS */

.archers-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.archers-menu li {
    margin: 0;
    padding: 0.2em;
}

.archers-menu a {
    display: block;
    padding: 10px 14px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 20px;
}

.archers-menu a:hover,
.archers-menu a:focus {
    background: rgba(255, 255, 255, 0.2);
}



/* Highlight access buttons */

/* Get Password formatting */
.archers-menu li:nth-last-child(2) a {
    border-radius: 0;
    background: #000000;
    color: #ffffff;
    font-weight: bold;
}

/* Sign In formatting */
.archers-menu li:last-child a {
    border-radius: 0;
    background: #ffffff;
    color:darkorange;
    font-weight: bold;
}

.archers-menu li:nth-last-child(2) a:hover,
.archers-menu li:last-child a:hover {
    background: #ffffff;
    color: red;
}



/* Current page */

.archers-menu .current-menu-item > a,
.archers-menu .current-menu-ancestor > a {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 0, 0, 0.8);   
}

/* Mobile layout */

@media screen and (max-width: 750px) {

    .site-title {
        font-size: 24px;
    }

    .archers-menu {
        display: block;
    }

    .archers-menu a {
        padding: 10px 0;
    }

    .archers-menu li:nth-last-child(2) a,
    .archers-menu li:last-child a {
        margin-top: 6px;
        padding: 10px 12px;
    }
}


.archers-site-owner {
	font-size:0.6em;
	padding-top:0.2em;
}


.archers-footer {
    margin-top: 3em;
    padding-top: 1em;
    text-align: center;
    border-top: 1px solid #3b5d3b;
}

.archers-footer .site-footer {
    margin: 0;
    color: #355735;
    font-size: 0.9em;
}