/*
 Theme Name:   bethany2025
 Template:     generatepress
 Description:  Custom GP child theme for Bethany Lutheran Church
 Author:       The Write Design LLC
 Author URI:   https://TheWriteDesign.net
 Version:      1.0.0
*/


/* fit footer to bottom always */

/* base functionality */    
body { display: flex; flex-direction: column; align-items: stretch; height: 100vh; }
.site { flex-grow: 1;}

/* fixes */
body.admin-bar { height: calc(100vh - 35px); } /* for logged in users to not have vertical scrolls */
html { height: fit-content; } /* not supported in some browsers but cannot hurt to fit the root too */
.container.grid-container { width: 100%; } /* fix to allow for container width set in customizer to keep working */



    .site-header .site-logo img {
        position: absolute;
        top: 0px;
        width: 150px;
            z-index:1000;
            margin-bottom:20px;
    }



@media(min-width: 769px) {
    .site-header .site-logo img {
        position: absolute;
        top: 10px;
        width: 250px;
            z-index:1000;
            margin-bottom:20px;
    }
}

/*topbar remove extra padding */
.top-bar p {
    margin-bottom: 0;
}

/*tablepress settings */
.tablepress thead th,
.tablepress tfoot th {
  background-color: #CC1111 !important;
  color: #fff;
  font-size: .5em !important;
  font-weight: 400 !important;
  text-align: left;
  word-wrap: break-word;
}


@media(min-width: 769px) {
.tablepress thead th,
.tablepress tfoot th {
  font-size: .8em !important;
    }
}

.tablepress .textleft{text-align:left;}
.tablepress .tablehighlight{background-color:#FFC759; color:#fff; display:block;}
.tablepress .textbold{font-weight: bold;}

.tablehighlightcontent {background-color:#FFC759; color:#fff; padding:2px;}




h1{
    text-align: center;
    margin-top:40px;
    line-height: 100%;


}
@media(min-width: 769px) {
    h1{
        margin-top:50px;
        line-height: 100%;
    }
}

/*back to top more space to accomodate sticky footer */
.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 80px; /* 30px from the bottom of your screen */
}


/*adjust line height in customizer without changing line height of nav items 
@media (max-width: 768px){
    .main-navigation .main-nav  ul li a{line-height:50px;}
}*/


/* top bar menu spacing 
.top-bar .widget_nav_menu li {
	margin: 5px 15px;
}*/


/* change background color on hamburger and menu dropdown on mobile */

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled  {
     background-color: #F7B93B;
     color:#4D344D !important;
}