/*
Theme Name:  EGC Child Theme. Based on OnePress parent.
Theme URI:  localhost
Description:  Theme to support styling of EGC website
Author:  Chris Corbett
Textdomain:  egcwebsite
Author URI:   
Template:  onepress
Version:  2.1
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

/*
 * We have our own egc child theme with specific styles to implement the following:
 * 1. Change page logo display depending on whether it is a mens club or ladies club page.
 * 2. Create the style for the Honours pages, which provides a background picture simulating an honours board.
 * 3. Adapt parent theme (onepress) styles slightly to suppress some information, change spacing between some elements.
 */
/*
 * This CSS is used to select which logo is displayed on the page.
 * If any page is defined with the parent page of the mens club,
 * then the mens logo will be displayed. Otherwise, if the page is
 * a child of the ladies parent page then the ladies logo is displayed.
 * On any other page the combined logo is displayed.
 * This code depends on the Mens parent page being 'pageid-2580' and the ladies 'pageid-201'.
 * These values must be changed here if the wordpress page numbers change.
 * These page ids should be implemented as css vars.
 */


/* Display mens logo */
body[class*="id-2580 "] .custom-logo-link {
/*    background-image: url('/wordpress/wp-content/uploads/egc-icon-288x288.png'); */
    background-image: url('icons/egc-icon-288x288.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: relative;
    margin-top: 4px;
    height: 90px;
    width: 90px;
    /* Hide the public page logo image */
    img {
        display: none;
    }
}

/* Display ladies logo */
body[class*="id-201 "] .custom-logo-link {
    background-image: url('icons/elgc-icon-288x288.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: relative;
    height: 90px;
    width: 90px;
    img {
        display: none;
    }
}


/* Hide site footer info that is typically displayed from the Wordpress theme in use*/
.site-info {
    display: none;
}

/* No space at the top of cover image */
.alignfull {
    margin: 0 !important;
}

#primary {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}


/*
 * Ensure border turned off for any page with tables not requiring a border.
 */
figure.noborder table, figure.noborder table td {
	border: none;
}

/* Some pages with columns look better with a vertical border */
.col-with-right-border {
    border-right: 2px solid blue;
}

.col-with-left-border {
    border-left: 2px solid blue;
}
/* Make sure order of columns on phone screen is right to left */
@media only screen and (max-width: 767px) {
	.is-layout-flex {
	display: flex;
	flex-direction: column-reverse;
    }
}