/*
 
Theme Name: Child of Twenty Sixteen
Description: KITP overriding theme based on Twenty Sixteen. Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Author: www.kindergarten.vic.gov.au
Version: 0.0.1
Template: twentysixteen
 
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */

 
@import url('../twentysixteen/style.css');

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/**
 * 2.0 - Genericons
 */

/**
 * 3.0 - Typography
 */
body,
button,
input,
select,
textarea {
	color: #4d4d4d;
	font-family: "arial", Verdana, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 0;
	text-rendering: optimizeLegibility;
	color: #45B248;
}

/**
 * 4.0 - Elements
 */

/**
 * 5.0 - Forms
 */

/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */
.social-navigation a {
	border: 0px solid #338433;
	border-radius: 50%;
	color: #338433;
	display: block;
	height: 35px;
	position: relative;
	width: 35px;
}
/**
 * 6.2 - Menus
 */
.site-header-menu {
margin: 0.7em 0;
}
 .main-navigation {
    padding-left: 5px;
    padding-right: 5px;
	font-size: 1.5rem;
    font-weight: bold;
	position: relative;
    left: -5%;
	
}
.main-navigation a {
	color: #45B248;
	display: inline;
	
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	white-space: inherit;
}
.main-navigation ul ul a {
    white-space: nowrap;
}
/**
 * 7.0 - Accessibility
 */

/**
 * 8.0 - Alignments
 */

/**
 * 9.0 - Clearings
 */

/**
 * 10.0 - Widgets
 */
.widget {
	border-top: 4px solid #45B248;
	margin-bottom: 3.5em;
	padding-top: 1.75em;
}

/* Calendar widget */
/* Recent Posts widget */
/* RSS widget */
/* Tag Cloud widget */

/**
 * 11.0 - Content
 */
.site {
		
		  background-color: rgba(250, 250, 250, 0.01); 
        /* background-image: url("./images/little_stars.png"); */
}
 
.site-inner {
    background-color: rgba(223, 238, 205, 0.9); 
    max-width: 1100px;
}

.content-area {
   
     
    padding: 20px;
    background-color: rgba(223, 238, 205, 0.9);
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 60px;

}
 
.triptych-image {

    margin: 10px 10px 10px 10px;
    border:solid 6px #FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 3em;
	width: 30%; /* you can use % */
    height: auto;
	
} 


.whiteborder-image {

    margin: 10px 10px 10px 10px;
    border:solid 6px #FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 3em;

	
} 

/* .site-content {
    background-color: #fff;
} */
 
/**
 * 11.1 - Header
 */
.site-header {
	padding: 1.31em 4%;
}

.site-header-main {
    align-items: center;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	float: left;
    width: 100%;
}
 
.header-image {

    margin-top: 0;
	width: inherit;

}
.menu-toggle {
	background-color: transparent;
	border: 1px solid #d1d1d1;
	color: #1a1a1a;
	font-size: 13px;
	font-size: 0.8125rem;
	margin: 0.05em 0;
	padding: 0.769230769em;
}
/**
 * 11.2 - Posts and pages
 */
.entry-title {
    display:none;
	color: #45b248;
    font-size: 2.5rem;
    line-height: 1.225;
    margin-bottom: 1.05em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 750;
}

/**
 * 11.3 - Post Formats
 */

/**
 * 11.4 - Comments
 */

/**
 * 11.5 - Sidebar
 */
.sidebar {
    padding: 5px;
    background-color: #70C3F0;
    border:solid 6px #273792;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
/**
 * 11.6 - Footer
 */
.site-footer {
    
 
     width: 100%;
}
/**
 * 12.0 - Media
 */

/**
 * 12.1 - Captions
 */

/**
 * 12.2 - Galleries
 */

/**
 * 13.0 - Multisites
 */

/**
 * 14.0 - Media Queries
 */

@media only screen and (max-width: 44.375em) { 
  .triptych-image { 
    display: none; 
  } 
}
 
/**
 * 14.1 - >= 710px
 */
@media screen and (min-width: 44.375em) {
	.site {
		margin: 0px;
	}

	
}

/**
 * 14.2 - >= 783px
 */

/**
 * 14.3 - >= 910px
 */
@media screen and (min-width: 56.875em) {
.main-navigation {
    padding-left: 5px;
    padding-right: 5px;
	font-size: 1rem;
    font-weight: bold;
}
}

	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header,
	.no-sidebar .page-content,
	.no-sidebar .content-bottom-widgets {
		margin-right: 0;
		margin-left: 0;
	}
/**
 * 14.4 - >= 985px
 */
@media screen and (min-width: 61.5625em) {
 .main-navigation {
    padding-left: 5px;
    padding-right: 5px;
	font-size: 1rem;
    font-weight: bold;
	
}	
}
/**
 * 14.5 - >= 1200px
 */
@media screen and (min-width: 75em) {
 .main-navigation {
    padding-left: 5px;
    padding-right: 5px;
	font-size: 1.25rem;
    font-weight: bold;
	
}	
}
/**
 * 15.0 - Print
 */
 



 
 
 
/* .site-main {
     
    background-color: #fff;
   
} */