/*
 Theme Name:   Twenty Twenty One Child
 Theme URI:    https://www.webgenius.com.au/
 Description:  Twenty Twenty One Child Theme
 Author:       John Doe
 Author URI:   https://www.webgenius.com.au/
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyonechild
*/

:root {
--global--font-primary: var("Lora", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--global--font-secondary: var("Lora", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--heading--font-family: var("Lora", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
}

.site .site-header
{
    max-width:100%;
    padding:0;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

[class*="col-"]
{
	width:100%;
	float:left;
}

.row
{
    width:100%;
}

.row::after
{
	content:"";
	clear:both;
	display:table;
}

body
{
    background-color:#fff;
    font-family:'Lora', serif;
}

.page .entry-content
{
    font-family:'Lora', serif;
}

.page
{
    font-family:'Lora', serif;
}

.logo-img
{
    max-height:60px;
}

.entry-header
{
    display:none;
}

.aligncentre
{
    text-align:center;
}

.aligncentro
{
    text-align:center;
    line-height:200px;
}

.textalignleft
{
    text-align:left;
}


.site-footer .footer-navigation
{
    margin-top:0;
}

#colophon
{
    margin-top:0;
    padding-bottom:0;
}

.white
{
    color:#fff;
}

.pink
{
    color:#be2198;
}

.jp-button
{
    text-decoration: none;
    background: #be2198;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    display: block;
    margin: 5px 10px;
    border: 3px solid #fff;
    box-shadow: 0 0 10px 0px #777;
}

.slideimage
{
    max-height:200px;
    width:auto;
    text-align:center;
    display:inline;
}

.jp-button:hover
{
    text-decoration:none;
}

.pinkback
{
    background:#be2198;
    width:100%;
    padding:1em 0;
}

.lora
{
    font-family:'Lora', serif;
}

.online
{
    font-size:3.2em;
}

.ndis
{
    display:inline;
    height:100%;
}

@media only screen and (min-width:768px) {
	/* For Desktops */
	
	.row
	{
		display:block;
		overflow: hidden;
	}

	.col-1 {width:8.33%;}
	.col-2 {width:16.66%;}
	.col-3 {width:25%;}
	.col-4 {width:33.33%;}
	.col-5 {width:41.66%;}
	.col-6 {width:50%;}
	.col-7 {width:58.33%;}
	.col-8 {width:66.66%;}
	.col-9 {width:75%;}
	.col-10 {width:83.33%;}
	.col-11 {width:91.66%;}
	.col-12 {width:100%;}
	
	.sitename, .logo-img
	{
	    float:left;
	    line-height:60px;
	}
}