/*
 Theme Name:   Kline Foundation 25
 Theme URI:    https://karks.com
 Description:  The Kline Foundation Theme - a child of GeneratePress.
 Author:       Eric Karkovack
 Author URI:   https://www.karks.com
 Template:     generatepress
 Version:      0.1
*/

.icon::before {
  /* Set the font and weight for this icon style */
  font: var(--fa-font-solid);
  /* Make sure icons render pixel-perfect */
  -webkit-font-smoothing: antialiased;
}

a:link, a:visited {
  text-underline-offset: 4px;
}

body {
	margin: 20px auto;
}

hr {
	background-color: var(--base);
}

.wp-block-separator {
	border-top: none;
}

header#masthead {
	border-bottom: 7px solid var(--accent);
}

#primary-menu a::before {
	content:'»';
	color: var(--global-color-8);
	font-family: 'Cinzel', serif;
	padding-right: 3px;
}

#primary-menu a {
	margin: 0 5px;
}

.main-navigation .main-nav ul li.current-menu-item a:hover {
	background-color: var(--base);
	color: var(--accent);
}

@media (min-width: 769px) {
.content-area {
	border-left: 3px solid var(--base);
	padding: 0px 20px;
}
}

.content-area a {
	font-weight: bold;;
}

h1.entry-title {
	margin-bottom: 20px;
}

.home h1.entry-title {
	border: 0;
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
    margin-bottom: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.content-area h2.entry-title a {
	font-weight: normal;
}

.archive .inside-article {
	border-bottom: 1px solid var(--base);
	padding-bottom: 20px;
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
	margin-top:.5em;
}


.board-container div.wp-block-image {
	margin: 0 auto;
}

table th, .wp-block-table th {
	background-image: linear-gradient(180deg,var(--global-color-10) 0%,var(--global-color-8) 100%);
	border: 1px solid var(--global-color-8);
	color: #FFF;
}

.site-footer a {
	color:#FFF;
	text-decoration: none;
}


/* Responsive Styles */
@media (min-width: 768px) and (max-width: 1100px) {

	/*.site-header .header-image, header img.custom-logo {
		width: 170px;
	}*/

	body {
        display: flex;
        flex-direction: column;
    }
    #site-navigation {
		background-color: #FFF;
        order: 0;
		padding: 6px 0;
		width: 100%;
    }
    #kline-fdn-header {
        order: -1;
    }

	.site-content {
		display: block;
	}

	.inside-header, .site-content .content-area {
		width: 98%;
		max-width: 98%;
	}

	.site-content .content-area {
		width: 96%;
		max-width: 96%;
		border-left: none;
	}

	.site-content .content-area {
		margin: 0 auto;
		padding: 0;
	}

	.is-left-sidebar.sidebar, .is-right-sidebar.sidebar {
		display: block;
		width: 100%;
		order: initial;
	}
	
}

@media (max-width: 768px) {

	body {
        display: flex;
        flex-direction: column;
    }
    #site-navigation {
		background-color: #FFF;
        order: 0;
		padding: 6px 0;
		width: 100%;
    }
    #kline-fdn-header {
        order: -1;
    }

	.site-header {
		background-image: none;
	}

	.widget-area .widget {
		padding-right: 0px;
		padding-left: 0px;
	}

}