/*
Theme Name: Saint Andrew Community
Theme URI: https://www.saintandrew.com.au
Author: George Nicolaou (original); migrated to WordPress
Description: Cyprus Greek Community "Apostolos Andreas" West Sunshine - custom theme preserving original design
Version: 1.0
License: Private
Text Domain: saintandrew
*/

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

body {
    font: .85em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
    line-height: 1.6em;
    background: #fff url(images/bg.gif) repeat-x;
    color: #444;
}

a { color: #317486; background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif; margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.4em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { font: bold 1.1em Arial, Sans-Serif; margin: 20px 0 8px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

/* === Layout === */
#page {
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

/* === Navigation === */
#site-navigation {
    float: right;
    padding: 40px 0 0;
    margin: 0 0 18px;
    list-style: none;
}
#site-navigation ul { list-style: none; margin: 0; padding: 0; }
#site-navigation ul li { font-size: 1.1em; display: inline; }
#site-navigation ul li a {
    padding: 30px 15px 0px 0;
    margin: 0 0 0 50px;
    color: #ccc;
    background: #505050 url(images/tab.gif) no-repeat right bottom;
}
#site-navigation ul li a:hover,
#site-navigation ul li.current-menu-item a {
    background: #505050 url(images/tabhover.gif) no-repeat right bottom;
    color: #FEFFB8;
}

/* === Hero banner === */
#masthead {
    clear: both;
    background: #fff url(images/intro.jpg) no-repeat;
    border: 2px solid #ccc;
    color: #444;
    height: 170px;
    margin: 0 0 20px;
    padding: 15px 210px 0 0;
    text-align: right;
}
#masthead .site-title { margin: 0; }
#masthead .site-description { margin: 0; font-size: 0.9em; }

#quick-links { font-size: .9em; margin: 30px 0 0; }
#quick-links a {
    color: #fff;
    background: #8BE1FA;
    padding: 4px 20px 6px;
    margin-right: 5px;
}
#quick-links a:hover { color: #fff; background: #7ad0e8; }

/* === Content columns (home page) === */
.content-left {
    clear: left;
    float: left;
    width: 240px;
    padding: 0 34px 0 15px;
    font-size: .9em;
    margin: 0 0 15px;
}
.content-right {
    margin: 0 15px 20px 0;
    padding: 0 0 0 35px;
    border-left: 1px solid #ccc;
    float: right;
    width: 560px;
    text-align: justify;
}
.content-right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
.content-left h2, .content-left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }

/* === Full-width content (inner pages) === */
.entry-content {
    clear: both;
    padding: 0 15px 20px;
    font-size: .9em;
}
.entry-content h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; margin: 20px 0 12px; }
.entry-content h3 { margin: 20px 0 8px; }

/* === Tables (committees, contact, events) === */
.entry-content table {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0 25px;
    font-size: 0.95em;
}
.entry-content table th {
    background: #505050;
    color: #fff;
    padding: 8px 12px;
    text-align: left;
}
.entry-content table td {
    padding: 6px 12px;
    border-bottom: 1px solid #eee;
}
.entry-content table tr:nth-child(even) td { background: #f9f9f9; }

/* === Community photo === */
.community-photo {
    clear: left;
    float: left;
    width: 100%;
    padding: 0 0 20px;
    text-align: center;
}
.community-photo img {
    border: 2px solid #ccc;
    max-width: 100%;
    height: auto;
}

/* === Footer === */
#colophon {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 0 15px;
    font-size: .9em;
    color: #808080;
    background: #fff;
    overflow: hidden;
}
#colophon a { color: #4CA031; background: #fff; }
.footer-col-1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
.footer-col-2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
.footer-col-3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }

/* === Responsive adjustments === */
@media (max-width: 768px) {
    #site-navigation { float: none; padding: 10px 0; }
    #site-navigation ul li { display: block; margin: 4px 0; }
    #site-navigation ul li a { margin: 0; padding: 8px 15px; display: block; }
    #masthead { height: auto; padding: 15px; text-align: left; }
    .content-left, .content-right { float: none; width: 100%; padding: 0 15px; }
    .footer-col-1, .footer-col-2, .footer-col-3 {
        float: none; width: 100%; border: none;
        padding: 5px 15px; margin: 0;
    }
}