/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://chanonthaislc.com/twentytwenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Joe Blow
 Author URI:   http://chanonthaislc.com
 Template:     twentytwenty
 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:  twentytwentychild
*/



/*  background color change to menu header area   */
#site-header
{
	background-color: rgba(255, 255, 255, .80);
	box-shadow: 0px 3px 6px #000000;

}

/*  menu font */
.primary-menu li a
{
		font-size: 2.0rem;
	font-family: Georgia, "Times New Roman", Times, serif;
		color: #350E76 !important;   /*  over ride default color  */
		font-weight: bold;
}

/*  menu header content area */
.header-inner
{
padding: 1rem;
}

/*  mobile menu font */
.mobile-menu li a
{
	font-family: Georgia, "Times New Roman", Times, serif;
		color: #350E76 !important;   /*  over ride default color  */
		font-weight: bold;
}

/*  Site Title text, with no logo assigned  */
.site-title
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #530009;
		font-size: 4rem;
}





/*  main area H2 */
.entry-content h2
{
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	 color: #93000F;
	margin-bottom: 1rem;
	margin-top: 0rem;
	font-weight: bold;
}


/*  main area H2 */
.entry-content h3
{
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
   color: #93000F;
	margin-bottom: 1rem;
	margin-top: 0rem;
		font-weight: bold;
}

/*  main area paragraph body text */
.entry-content 
{

	font-family: Georgia, "Times New Roman", Times, serif;
	color: #93000F;
	font-size: 17px;
	padding-bottom: 4rem;
	padding-top: 0rem;

}



/*  remove header title from all pages  */
.entry-header
{
	display: none;
	
}

/*  add some margin space on top of menu area  */
.header-footer-group
{
	margin-top: 1.0rem;
}




/*  content area padding and margin area */
.post-inner
{
	margin-top: 4rem;
	padding-top: 0rem;
	background-color: rgba(255, 255, 255, 0.65);
}

/*  full width images only */
.entry-content > .alignfull
{
 box-shadow: 0px 0px 10px #000000;
 margin-top: 0rem;
  margin-bottom: 3rem;
}

/*  remove search tool  */
.header-toggles
{
display: none;
}


/*  remove search tool - mobile */
.toggle.search-toggle
{
display: none;
}



/*  make area above header a 2-column, added code inside header.php  */
.header-kmn-container
{

margin: auto;
	height: 30px;  
	max-width: 1750px;
}

/*  left side  */
.header-kmn1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #FFF;
    width: 240px;
    float: left;
	margin-left: 6rem;
	font-weight: bold;
	padding-top: 3px;
					
}

/*  right side  */
.header-kmn2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	font-size: 16px;
	color: #FFF;
	float: right;
	margin-right: 2rem;
width: 360px;
	font-style: italic;
		padding-top: 8px;
 			
}


.header-kmn3
{

	float: right;
	margin-right: 3rem;
width: 250px;
	padding-top: 0px;
	
}


.glf-button
{

height: 35px;

padding-top: 7px !important;
padding-bottom: 6px !important;
padding-left: 30px !important;
padding-right: 30px !important;
font-size: 20px !important;
	
}



/*  make content area a 2-column  */
.content-kmn-container
{

margin: auto;
    background-color: #930;
	width: 700px !important;
}


/*  left column  */
.content-kmn1
{
    width: 330px;
    float: left;
					
}

/*  left column header  */
.content-kmn1 h2
{
margin-top: 0px;
			
}

/*  right column  */
.content-kmn2
{
	text-align: left;
	float: right;
width: 330px;	
}

/*  right column header */
.content-kmn2 h2
{
margin-top: 0px;
			
}


/*  Widget headers */
.widget-content h2
{
	font-size: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
	color: #350E76;
}

/*  Widget content */
.widget-content p
{
font-size: 16px;

	color: #350E76;
	
}

/*  Widget content */
.widget .widget-title
{
margin-bottom: 1rem;
	
}


/*  spacing around footer widget area*/
.footer-widgets-outer-wrapper
{
padding: 2rem;
}

/*  footer widget margins */
.footer-widgets
{
	margin-left: 8rem;
	margin-bottom: 2rem;
	
}



/*  remove empty space between footer area and main content */
.footer-nav-widgets-wrapper.header-footer-group
{
	margin-top: 0rem;
	background-color: rgba(255, 255, 255, .80);
}

/*  foot note at bottom, credits */
footer#site-footer.header-footer-group
{
	background-color: rgba(0, 0, 0, 0);
	padding-top: 0rem;
	padding-bottom: 1rem;
}

.powered-by-wordpress
{
	margin-top: .4rem;
	font-size: 14px;
}



/*  just testing on the test-page, this removes all visual elements besides the main content - experimenting for upcoming project */

.page-id-269 .footer-credits
{
display: none;
}

.page-id-269 .footer-nav-widgets-wrapper 
{
display: none;
}


.page-id-269 #site-header
{
display: none;
}

.page-id-269 .header-kmn-container 
{
display: none;
}



/*  to make room vertically for the KMN header notes at the top of the page */
@media (max-width: 996px) {
	
	
	
	
	
/*  make area above header a 2-column  */
.header-kmn-container
{

	width: 350px;
	height: 90px;


}

/*  left side  */
.header-kmn1
{
	width: 350px;
	text-align: center;
	margin-left: 0rem;
	padding-top: 0px;
	clear: both;


					
}

/*  right side  */
.header-kmn2
{
	width: 350px;
	text-align: center;
	font-size: 15px;
	margin-right: 0rem;
	padding-top: 5px;
		clear: both;



 			
}


.header-kmn3
{
width: 226px;
display: block;
margin-right: 60px;
text-align: center;
	padding-top: 5px;

		clear: both;




	
}







/*  make content area a 2-column  */
.content-kmn-container
{

margin: auto;
    background-color: #930;
	width: 350px !important;
}

/*  right column  */
.content-kmn2
{
	text-align: left;
	float: left;
width: 330px;	
}

/*  main area paragraph body text */
.entry-content 
{

	font-size: 17px;

}


/*  spacing around footer widget area*/
.footer-widgets-outer-wrapper
{
padding: 2rem;

}

/*  footer widget margins */
.footer-widgets
{
	margin-left: 2rem;

	
}


	
}

