/*
Theme Name: Kerry Street Community School
Theme URL: https://www.lodestone.com.au
Description: Maxwell Child Theme
Author: Ken Bowman
Author URL: https://www.lodestone.com.au
Template: maxwell
Version: 1.0.0
Text Domain: maxwell-child
*/ 


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - CSS Variables
# - Normalize
# - Typography
# - Elements
# - Forms
# - Accessibility
# - Alignments
# - Clearings
# - Site Layout
# - Header
# - Navigation
# - Social Icons Menu
# - Posts and pages
# - Archives and Blog Layouts
# - Blocks
# - Featured Posts
# - Widgets
# - Magazine Widgets
# - Comments
# - Media
# - Footer
# - Plugins
# - Media Queries for Typography
# - Media Queries for Layout
# - Media Queries for Navigation
# - Media Queries for Featured Posts
# - Media Queries for Media
# - Theme Options
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/

.grey {
	font-weight: 600;
	color: #008080;
}


/*--------------------------------------------------------------
# - Normalize
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# - Typography
--------------------------------------------------------------*/

/* le_sofiaregular */
@font-face {
    font-family: 'le_sofiaregular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/lesofia-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/lesofia-regular-webfont.woff') format('woff'),
         url('assets/fonts/lesofia-regular-webfont.ttf') format('truetype');
}


/* titillium-web - latin-ext_latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
         url('assets/fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/titilliumweb-regular-webfont.woff') format('woff'),
         url('assets/fonts/titilliumweb-regular-webfont.ttf') format('truetype');
}


/* titillium-web-italic - latin-ext_latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
         url('assets/fonts/titilliumweb-italic-webfont.woff2') format('woff2'),
         url('assets/fonts/titilliumweb-italic-webfont.woff') format('woff'),
         url('assets/fonts/titilliumweb-italic-webfont.ttf') format('truetype');
}

/* titillium-web-600 - latin-ext_latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
         url('assets/fonts/titilliumweb-semibold-webfont.woff2') format('woff2'),
         url('assets/fonts/titilliumweb-semibold-webfont.woff') format('woff'),
         url('assets/fonts/titilliumweb-semibold-webfont.ttf') format('truetype');
}

/* titillium-web-600italic - latin-ext_latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldtalic'),
         url('assets/fonts/titilliumweb-semibolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/titilliumweb-semibolditalic-webfont.woff') format('woff'),
         url('assets/fonts/titilliumweb-semibolditalic-webfont.ttf') format('truetype');
}


body,
button,
input,
select,
textarea {
	font-family: 'Titillium Web', Tahoma, Arial;
	font-weight: 300;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

/* Welcome to Kerry Street Community School */

.le-sofia-blue {
	font-weight: 400;
	font-family: 'le_sofiaregular', sans-serif;
	color: #147EAB;
	font-size: 1.75rem;
	line-height: 2rem;
}

.site-title {
	font-weight: 400;
	font-family: 'Titillium Web', sans-serif;
}

/* weight */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #147EAB;
	}
h6 {
	margin: 0;
	line-height: 1;
	}

.footer-heading {
	text-transform: uppercase;
	color: #147EAB;
	}

.comment-form label {
	font-weight: 400;
	}

/*--------------------------------------------------------------
# - Elements
--------------------------------------------------------------*/

a:link,
a:visited {
	color: #147EAB;
	text-decoration: none;
}

blockquote {
	border-left: 4px solid #57A44A;
	color: #147EAB;
}


/*--------------------------------------------------------------
# - Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #147EAB;
}

.button {
	background: #147EAB;
	color: #ffffff;
	}
/*--------------------------------------------------------------
# - Accessibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# - Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# - Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# - Site Layout
--------------------------------------------------------------*/
.site {
	padding: 0;
	max-width: 1440px;
	background: rgba(128, 128, 128, 0.0)
}

.site-content {
	margin: 2em 12em;
	padding: 0 0 1em;
	background: #ffffff;
	box-shadow: -5px 5px 8px #AAAAAA;
}

.sidebar {
	padding:  1em;
}
.site-main {
	
}

.home-content {
	margin: 2em 12em;
	background: none;
}



/*--------------------------------------------------------------
# - Header
--------------------------------------------------------------*/
.site-header {
	background: #ffffff;
}

.header-main {
	padding: 1em 12em;
}

/* Header Widgets */


/* Custom Header Image */
.header-image {
	margin: 0;
}

.header-image img {
	max-width: 1440px;
}

.colour-bar { 
	width:100% ;
	height: 12px ;
    background-image: url(assets/images/colour-bar.svg)
}

.site-branding .custom-logo {
	height: 60px;
}

/*--------------------------------------------------------------
# - Navigation
--------------------------------------------------------------*/

.primary-navigation {
	padding: 0 12em;
}

.primary-menu-toggle {
	border-top: 0.3em solid #147EAB;
}


.main-navigation > ul > li.current-menu-item > a {
	border-color: #147EAB;
	}
	
.main-navigation > ul > li.current-menu-parent > a {
	border-color: #147EAB;
	}
	
.main-navigation > ul > li.menu-item > a:hover {
	border-color: #147EAB;
	}
	
.main-navigation a:link,
.main-navigation a:visited {
	color: #303030;
}

.main-navigation a:hover,
.main-navigation a:active {
	color: #147EAB;
}

.main-navigation ul {
	background: rgba(255, 255, 255, 0.9);
	color: #303030;
}

.main-navigation ul ul li a {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	font-size: 16px;
}

.main-navigation ul a:link,
.main-navigation ul a:visited {
	color: #303030;
}

.main-navigation ul a:hover,
.main-navigation ul a:active {
	background: #147EAB;
	color: #ffffff;
}
	
	.main-navigation > ul > li > a:hover,
	.main-navigation > ul > li > a:active {
		color: #147EAB;
	}
		

	/* Dropdown Menus */
.main-navigation ul ul {
	background: rgba(255, 255, 255, 0.9);
	color: #303030;
	box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.3);
	}


/*--------------------------------------------------------------
# - Social Icons Menu
--------------------------------------------------------------*/

.social-icons-menu li a {
	border-radius: 2rem;
}


/*--------------------------------------------------------------
# - Posts and pages
--------------------------------------------------------------*/
.type-post,
.type-page,
.type-attachment,
.comments-area {
	margin: 0 0 3em 0;
}

.page-title,
.entry-title,
.archive-title {
	font-family: 'Titillium Web', Tahoma, Arial;
	color: #147EAB;
	font-size: 24px;
	font-size: 1.75rem;
}

.entry-title a:link,
.entry-title a:visited {
	color: #147EAB;
}

.entry-header {

}

.entry-content {
	padding-right: 1em;
}

.entry-content a {
	text-decoration: none;
}

.entry-content a:hover,
.entry-content a:active {
	text-decoration: underline;
}

.page-links {
	font-weight: 400;
}


.home-feature {
    width: 100%;
    display: inline-flex;
	background: #ffffff;
	box-shadow: -5px 5px 8px #AAAAAA;
}

.home-image {
	width: 33%;
	height: auto;
	background: #f8f9f2;
}


.imageshadow img {
	box-shadow: -5px 5px 8px #AAAAAA;
}

.portrait-circle {
	width: 100%;
}

.portrait-circle img {
	border-radius: 50%;
	box-shadow: -5px 5px 8px #AAAAAA;
}

.portrait-circle figcaption {
	font-weight: 400;
	font-family: 'le_sofiaregular', sans-serif;
	color: #147EAB;
	font-size: 1.75rem;
	line-height: 2rem;
	float: left;
	padding-right: 2em;
	padding-top: 80px;
}


.home-text {
	width: 66%;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	vertical-align: top;
}


.post-column img {
	border-bottom: 0.5em solid #57A44A;
}


.attachment-post-header {
	border-bottom: 0.5em solid #57A44A;
}

.category-image {
	border-bottom: 0.5em solid #57A44A;
}

.imageshadow img {
	border-bottom: 0;
}


.home-image img {
	border-bottom: 0;
}

/* Read more Link */
.more-link {
	background: #147EAB;
	border-radius: 2rem;
}

.more-link:hover,
.more-link:active {
	background: #57A44A;
}

.more-link::after {
	content: " \003e";
}


/*--------------------------------------------------------------
# - Archives and Blog Layouts
--------------------------------------------------------------*/

.archive-title {
	font-family: 'Titillium Web', Tahoma, Arial;
}



/*--------------------------------------------------------------
# - Blocks
--------------------------------------------------------------*/


.wp-block-file__button {
	display: none;
	}

.wp-block-file {
	float: left;
	}
	
.wp-block-file a{
	position: absolute;
	transform: translate(0,10%);
	}
	
.wp-block-file::before {
	content: url('assets/images/Acrobat-icon.svg');
	}

.file-block {
	display: block;
	width: 100%;
	}
	
.flex-side {
	display: inline-flex;
	width: 100%;
	}
	
.filesize {
	display: inline-block;	
	margin-left: 80%;
	transform: translate(0, 0.2em);
	}


/*--------------------------------------------------------------
# - Gutenberg Blocks
--------------------------------------------------------------*/


/* Pullquote */
.wp-block-pullquote {
    border-bottom: 4px solid #57A44A;
    border-top: 4px solid #57A44A;
}


/* Block Text Colors */
.has-primary-color {
	color: #147EAB;
}

/* Block Background Colors */
.has-primary-background-color {
	background-color: #147EAB;
}


/*--------------------------------------------------------------
# - Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1em 0;
}

.widget-title  .category-archive-link{
	font-family: 'Titillium Web', Tahoma, Arial;
	color: #147EAB;
}

.widget-title a:link,
.widget-title a:visited {
	color: #147EAB;
}

.sidebar .widget ul {
	list-style: none;
	line-height: 1.75;
}


.sidebar .menu li  a:link,
.sidebar .menu li  a:visited {
	color: #147EAB;
}

.sidebar .sub-menu li  a:link,
.sidebar .sub-menu li  a:visited  {
	color: #303030;
}

.sidebar .sub-menu .current-menu-item a:link,
.sidebar .sub-menu .current-menu-item a:visited  {
	color: #147EAB;
}

.sidebar .menu {
	font-size: 28px;
	font-size: 1.75rem;
}

.sidebar .sub-menu {
	font-size: 16px;
	font-size: 1rem;
}

/* Theme Search Widget */

.sidebar .widgetarea {
	padding: 1rem;
}

.search-submit {
	border-radius: 2rem;
}

.search-form .search-field {
	border-radius: 2rem;
	padding: 0.75em 1.5em 0.75em 0.7em;
}
.search-form{
	height: 4rem;
}

/* SVG to bottom of sidebar */
.bottom-svg {
    position: absolute;
    bottom: 0;
    }

/*--------------------------------------------------------------
# - Magazine Widgets
--------------------------------------------------------------*/

.widget-magazine-posts .type-post {
	margin: 0 0 1em 0;
}


.content-magazine {
	background: #ffffff;
	box-shadow: -5px 5px 8px #AAAAAA;
	padding: 1em;
	margin-bottom: 2em;
}

.magazine-widgets-placeholder .magazine-widgets-placeholder-title {
	font-weight: 400;
}

/*--------------------------------------------------------------
# - Social icon Widgets
--------------------------------------------------------------*/


.tzwb-social-icons .social-icons-menu li {
	margin: 0 22px 2px 0;
}


/*--------------------------------------------------------------
# - Comments
--------------------------------------------------------------*/

.comments-header .comments-title,
.comment-reply-title span {
	font-family: 'Titillium Web', Tahoma, Arial;
	}

/*--------------------------------------------------------------
# - Footer
--------------------------------------------------------------*/

.footer-wrap {
	border-top: none;
	display: block;
}

.footer-contact {
	width: 100%;
	display: inline-flex;
	padding: 1.5em 12em;
	background: #ffffff;

}


.footer-contact-detail {
	padding-left: 2em;
	margin-bottom: 1em;
}


	/* Footer navigation */

.footer-widgets {
	width: 100%;
    display: inline-block;
	background: #147EAB;
	min-height: 8em;
	padding: 2em 12em;
}

.footer-widgets a {
	color: #ffffff;
}

.footer-widgets ul {
	margin-left: 2em;
	display: inline-flex;
	list-style: none;
	line-height: 1.75;
}

.footer-widgets ul li {
	margin-left: 2em;
	display: block;
	list-style: none;
	line-height: 1.75;
	text-transform: uppercase;
}


.footer-widgets .widget ul .children,
.footer-widgets .widget ul .sub-menu {
	margin-left: 0;
}


.footer-widgets ul li ul{
	margin-left: 0;
	display: block;
	list-style: none;
	line-height: 1.75;
}

.footer-widgets ul li ul li{
	margin-left: 0;
	display: block;
	text-transform: none;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/
@media only screen and (max-width: 80em) {

.site-content{
	margin: 1em 8em 1em 8em;
	}
	
.home-content {
	margin: 1em 8em 0 8em;
	}
	
.header-main {
		padding: 1em 8em;
	}
	
.primary-navigation {
		padding: 0 8em;
	}
	
.footer-contact {
	padding: 1.5em 8em;
	}
	
.footer-widgets {
	padding: 2em 8em;
	}

}

/*--------------------------------------------------------------
## Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {

.site-content{
	margin: 1em 4em 1em 4em;
	}
	
.home-content {
	margin: 1em 4em 0 4em;
	}

.header-main {
		padding: 1em 4em;
	}
	
.primary-navigation {
		padding: 0 4em;
	}
.footer-contact {
	padding: 1.5em 4em;
	}
.footer-widgets {
	padding: 1em 4em;
	}

}

/*--------------------------------------------------------------
## Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {

.site-content {
	margin: 1em 2em 1em 2em;
	}
	
.home-content {
	margin: 1em 2em 0 2em;
	}
	
.archive-title {
	padding-left: 0.65em;
	}

.entry-header {
	padding-left: 1em;
	}
	
.entry-content {
	padding-left: 1em;
	padding-right: 1em;
	}
	
.header-main {
	padding: 1em 2em;
	}
	
.footer-contact {
	padding: 1.5em 2em;
	display: inline-block;
	margin: auto;
	}	
	
.footer-contact-detail {
	padding-left: 4em;
	margin-bottom: 1em;
	margin-top: 1em;
	}
	
.footer-widgets {
	padding: 1em 2em;
	}
	
	
	/*** Mobile Main Navigation ***/

	/* Main Navigation Menu */
	.main-navigation.toggled-on ul {
		background: #147EAB;
	}
	
	.main-navigation.toggled-on ul ul {
		background: rgba(255, 255, 255, 0.9);
	}
	
	.main-navigation.toggled-on ul a {
		border-top: 1px solid #1caae6;
	}
	
	.main-navigation.toggled-on ul a:link,
	.main-navigation.toggled-on ul a:visited {
		color: #fff;
	}

	.main-navigation.toggled-on ul ul a:link,
	.main-navigation.toggled-on ul ul a:visited {
		color: #303030;
	}
	
	.main-navigation.toggled-on ul ul a:hover,
	.main-navigation.toggled-on ul ul a:active {
		color: #fff;
	}

	/* Footer navigation */
	
.footer-widgets ul {
	display: inline-block;
	}
	
.footer-widgets ul li ul li{
	margin-left: 2em;
	}
}

/*--------------------------------------------------------------
## Tablet 400 ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {

.site-content {
	margin: 1em 1em 1em 1em;
	}
	
.home-content {
	margin: 1em 1em 0 1em;
	}
	
.header-main {
	padding: 1em 1em;
	}
	
.footer-contact {
	padding: 1.5em 1em;
	}	
		
.footer-contact-detail {
	padding-left: 3em;
	}
	
.footer-widgets {
	padding: 1em 1em;
	}
	
}

/*--------------------------------------------------------------
## Tablet Small ( < 720px )
--------------------------------------------------------------*/
@media only screen and (max-width: 45em) {

.site-content {
	margin: 0.5em;
	}
.home-content {
	margin: 0.5em;
	}
	
.header-main {
	padding: 1em 0.5em;
	}	
	
h1.entry-title {
	padding-left:0;
	}

footer-contact {
	padding: 1.5em 0.5em;
	}
		
.footer-contact-detail {
	padding-left: 2em;
	}
	
.footer-widgets {
	padding: 1em 0.5em;
	}

.home-feature {
    display: inline-block;
	}

.home-image {
	width: 100%;
	}

.home-text {
	width: 100%;
	}

}

/*--------------------------------------------------------------
## Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {

.entry-title {
	padding-left: 0.65em;
	}

.portrait-circle {
	padding-right: 0;
	width: 100%;
	float: none;
	}

.portrait-circle img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.portrait-circle figcaption {
	padding-top: 10px;
	padding-right: 0;
	float: none;
	}

}


/*--------------------------------------------------------------
## Mobile 400 ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {


.filesize {
	display: none;
}
		
.footer-contact-detail {
	padding-left: 0;
	}


h2.entry-title {
	padding-left: 0;
	}

}

/*--------------------------------------------------------------
## Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {

.site-content {
    margin: 0;
	}

.home-content {
    margin: 0;
	}

.footer-widgets {
	padding: 1em 0.5em;
	}

.home-image {
	width: 100%;
	height: auto;
	background: #f8f9f2;
	}

.home-text {
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
	}


}