/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       KAF
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


.header-wrap {
	height: 228px;
}

.header-wrap .site-header {
	height: 77%;
}

.inside-header {
	padding-bottom: 0;
}

.site-logo {
	x-margin-right: 120px;		/* undid margin-right; appears to be unnecessary */
}

.main-navigation {
	x-padding-left: 12%;		/* undid padding-left to ensure adequate room for menu items */
}

.main-navigation.toggled .main-nav > ul {
	x-background-color: #861939;
}






.menu-item-has-children .dropdown-menu-toggle {		/* needed to scrunch in menu width */
	padding-left: 6px;
}

.page-hero {
	background-size: auto;
	background-position: 90% bottom;
}

.less-wide {
	width: 90%;
}

.mtg-info-1 {
	color: #8d2424;
	padding-top: 80px;
	text-align: center;
}
.mtg-info-2 {
	color: #8d2424;
	padding-top: 20px;
	text-align: center;
}


/* for featured blocks on home page */

.lgc-column.bg-home {
	background-color: #efefef;
	border: 1px solid #dedede;
	font-size: 16px;
	margin-left: 5%;
	padding: 20px;
	text-align: center;
}

.lgc-column.home-left {
	margin-left: 0;
}

.bg-home-title {
	border-bottom: 1px solid #dedede;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0 20px;
}

.bg-home-block img {
	margin-bottom: 20px;
}

.bg-home-block .button,
.bg-home-block .button:visited {
	background: #2980B9;
	color:#FFF;
}

.bg-home-block .button:hover,
.bg-home-block .button:active {
	background: #1F3773;
	color:#FFF;
}


/* end of featured blocks section */



body:not(.logged-in) #text-2 {
    display: none;
}


p.page-highlight {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 0.6em;
}





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


/* page-id-66 = Officers page		page-id-62 = Committees page */
.logged-in.page-id-66 .entry-content, .logged-in.page-id-62 .entry-content {
	margin-top: 0;				/* adjusts space above table when logged in */
}

.page-id-66 .lgc-grid-parent, .page-id-62 .lgc-grid-parent {
	text-align: right;			/* for positioning elements above table */
}

.page-id-66 .inside-grid-column, .page-id-62 .inside-grid-column {
	margin-bottom: 0;			/* adjusts space above table when logged in */
}


.page-id-66 .entry-content .table-logout, .page-id-62 .entry-content .table-logout {
	margin-bottom: 8px;				/* for space between logout link & table */
	x-text-align: right;			/* became unnecessary with addition of previous rule */
}

.page-id-66 .entry-content p {
	x-text-align: right;
}

.page-id-66 .entry-content p:empty {		/* for handling certain empty paragraphs WP inserts */
	x-margin-bottom: 0;
}

.page-id-66 .table-logout + p {		/* for reducing space between logout link & table */
	x-margin-bottom: 0;
}


th.column-4.sorting::after {
	x-display: none;
}


.tablepress-id-2 .column-1 {
	width: 15%;
}
.tablepress-id-2 .column-2 {
	width: 50%;
}

#tablepress-1 td.column-4, #tablepress-2 td.column-4 {
	text-align: center;
}
.logged-in #tablepress-1 td.column-4, .logged-in #tablepress-2 td.column-3 {
	text-align: left;
}
.logged-in #tablepress-1 td.column-5, .logged-in #tablepress-2 td.column-4 {
	text-align: center;
}

#tablepress-1 button {
	border-radius: 10px;
	font-size: 14px;
	padding: 5px 10px;
}

#tablepress-2 button {
	border-radius: 10px;
	font-size: 14px;
	padding: 0px 10px;
}


#text-2 h2 {
	margin-bottom: 0;
}


/* page-id-60 = Links page */
.page-id-60 .entry-content p.link-category {
	font-size: 19px;
	font-weight: 600;
	margin-top: 30px;
}

.page-id-60 .entry-content p.link-subcat {
	margin-bottom: 20px;
	padding-left: 40px;
}

.link-subcat strong {
	font-weight: 600;
}

.page-id-60 .entry-content p {
	margin-bottom: 0.6em;
}

.dtl-display {
	border: 1px solid #cdcdcd;
	border-radius: 5px;
    color: blue;
	font-size: 12px;
	margin-left: 10px;
	padding: 2px;
    xposition: relative;
	position: inherit;
}

.dtl-display .dtl-box {
    background: #666;
    color: #ffffff;
	display: none;
	font-size: 14px;
    xleft: 0px;
    xright: 0px;
    opacity: 0;
    padding: 20px 20px;
    position: absolute;
	xposition: relative;
    text-align: left;
    text-decoration: none;
}

.dtl-display:hover {
	xborder: none;
}

.dtl-display:hover .dtl-box {
	display: block;
    opacity: 1;
    width: 400px;
}




/*									for attempting to position nav
@media (min-width: 1025px) {
	.main-navigation {
		padding-left: 12%;
		text-align: left;
	}
}


@media (min-width: 769px) {
    .site-logo {
        float: right;
    }

    .site-branding {
        float: left;
    }
}


@media (max-width: 620px) {
	#site-navigation.main-navigation {
		padding-top: 12%;
	}
}

*/

@media (max-width: 1180px) {
	#site-navigation.main-navigation {
		padding-left: 6%;
	}
}


@media (max-width: 800px) {
	#site-navigation.main-navigation {
		padding-left: 0;
	}
}


@media (max-width: 768px) {
	.site-branding-container {
		xtext-align: center;
	}

	#site-navigation.main-navigation {
		padding-left: 0;
		xpadding-top: 1%;
		xbackground-color: red;
	}

	.main-navigation .main-nav ul li a {
		background-color: #861939;
	}

	.main-navigation .main-nav ul li a:hover {
		background-color: #561939;
	}

	.main-navigation .main-nav ul li[class*="current-menu-"] > a {
		background-color: #861939;
	}

	.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
	.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
		background-color: #561939;
	}

	button.menu-toggle,
	button.menu-toggle:focus {
		background-color: rgba(134,25,57,.5);
		margin: 0 auto;
		xwidth: 60%;
	}
	
	button.menu-toggle:hover {
		background-color: rgb(134,25,57);
	}
	
	.lgc-column.home-right {
		margin: 20px 0 0;
	}
	
	.less-wide {
		width: 100%;
	}
}


@media (max-width: 520px) {
	.dtl-display:hover .dtl-box {
		width: 300px;
	}
}


@media (max-width: 480px) {
	.site-branding-container {
		margin-top: 25px;
		text-align: center;
	}
	
	.site-logo {
		display: none;
	}
	
	.main-title {
		font-size: 18px;
	}
	
	.site-description {
		font-size: 18px;
	}
}


@media (max-width: 420px) {
	.dtl-display:hover .dtl-box {
		width: 200px;
	}
}


@media (max-width: 320px) {
	.site-description {
		font-size: 16px;
	}
}