/*
 Theme Name:     Twenty Thirteen Child
 Theme URI:      http://example.com/twenty-thirteen-child/
 Description:    Twenty Thirteen Child Theme
 Author:         JS
 Author URI:     https://www.banyuletoylibrary.org.au
 Template:       twentythirteen
 Version:        1.0.6
*/

/* Information taken from http://www.codingpedia.org/ama/how-to-add-a-logo-to-the-twenty-thirteen-wordpress-theme/ */

/*TIPS: To ensure browser download the latest CSS (avoid CSS caching), the "header.php" has been modified - check the file for more information*/

@import url("../twentythirteen/style.css");

/*#############*/
/*Online Payment section */
/*#############*/
.product_meta {display: none; !important;}
.product-item {list-style-type: none; !important;}
/* .wcopc {max-width: 720px; !important;}
.woocommerce-product-gallery__image */
/*#############*/

/*#############*/
/*Logo section */
/*#############*/
.title_subtitle {float:left;}

.header-logo {float:left;height:118px !important;
            width:350px !important;}

.site-header {background-size: 1400px auto !important;}
.clear {clear:both;margin:0;padding:0;}
/*#############*/

/*##########################*/
/*Top Right Buttons section */
/*##########################*/
    /*make it no wrap - to avoid carriage return on long texts*/
    /*Member Login (btnsx-420)*/
    #btnsx-420 .btnsx-text-primary {white-space: nowrap !important;}
    /*Buy Entertainment Book (btnsx-458)*/
    #btnsx-458 .btnsx-text-primary {white-space: nowrap !important;}
/*##########################*/



/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 768px) {
    /*#############*/
    /*Logo section */
    /*#############*/
    .header-logo {height:68px !important; 
                    width:200px !important;
                    float:left !important;
                    min-height:0px !important;}
    .site-header {background-size: 500px auto !important;
                    min-height:0px !important;}
    .home-link {min-height:0px !important;}
    .clear {clear:both;margin:0;padding:10px;}
    /*#############*/

}



/* Mobile devices Landscape */
@media (max-width: 640px) {`
    /*#############*/
    /*Logo section */
    /*#############*/
    .header-logo {height:40px !important; 
                    width:118px !important;
                    float:left !important;}
    .site-header {background-size: 400px auto !important;}
    .clear {clear:both;margin:0;padding:10px;}
    /*#############*/
}


/* Mobile devices */
@media (max-width: 414px) {
    /*#############*/
    /*Logo section */
    /*#############*/
    .header-logo {height:44px !important; 
                    width:130px !important;
                    display: block !important;
                    margin-left: auto !important;
                    margin-right: auto !important;
                    float:none !important;}
    .site-header {background-image: none !important;}
    .clear {clear:both;margin:0;padding:0;}
    /*#############*/

}

/*#############*/
/*Footer section */
/*#############*/
/* Remove powered by Wordpress footer */
.site-info { display: none; !important;}