/*
Theme Name:   Tlingit Language - Twenty Twenty One Child
Theme URI:    http://example.com/twenty-three-child/
Description:  Twenty Twenty Three Child Theme
Author:       Jason C
Author URI:   http://example.com
Template:     twentytwentyone
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:  twentytwentyonechild
*/

html body { background-color: #ffffff; }
.site-header {
    padding: 0;
    background: #e7eeee;
    margin: 0;
    width: 100%;
    max-width: none;
}
.site-branding, .site-title { padding: 0; margin: 0; }
.site-title a:link, .site-title a:visited, .site-title a:active, h1.site-title { 
  color: #fff;
  background: #0a737b;
  padding: 15px 25px;
  text-transform: none;
  display: inline-block;
  font-weight: bold;
}
.site-title a:focus, .site-title a:hover { 
  background: #055359;
}
@media only screen and (min-width: 482px) {
  .primary-navigation {
    margin-left: 20px;
  }
}
.primary-navigation a { padding: 19px 0; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle { margin-top: 6px; }
.menu-button-container {
  padding-top: 7px;
}
.navbar { padding: 0; }
.navbar-nav .nav-link { padding: 15px; }
.navbar-light .navbar-nav .active>.nav-link, .nav-link.active { font-weight: 500; }
.navbar-light .navbar-brand { background-color: #0ebdab; color: #fff; padding: 10px 20px; }
.navbar-light .navbar-brand:hover { color: #f8fdfc; }
.dropdown-item.active, .dropdown-item:active { background-color: #0ebdab;  }
img { max-width: 100%; }
.bg-light { background-color: #f8fdfc !important; }
a { color: #055359; }
a:hover { color: #02282b; }
.list-group-item { font-weight: 500; background: #f8fdfc; }
.list-group-item::after {
		display: inline-block;
		width: 0;
		height: 0px;
		margin-top: 2px;
		vertical-align: middle;
	 	content: "";
	 	border-top: .6em solid transparent;
		border-right: .6em solid transparent;
		border-bottom: .6em solid transparent;
	 	border-left: .6em solid;
		float: right;	
}
.progress { max-width: 800px; margin: 0 auto; }
.progress-bar { background-color: #0a737b; }
.btn-primary { background-color: #0a737b; border-color: #0a737b; }
.btn-primary:hover { background-color: #055359; border-color: #055359; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { word-wrap: break-word; hyphens: auto; }
.h1, h1 { font-size: 2.4em; font-weight: bold; }
.h2, h2 { font-size: 1.8em; margin-bottom: 1rem; }
.h3, h3 { font-size: 1.5em; margin-bottom: 1rem; }
.mobileTable { width: 100%; }
.mobileTable td { display: block; }
.mobileTable.withBorder { background: #f9f9f9; border: solid 1px #eee; border-collapse: collapse; }
.mobileTable.withBorder td { border: solid 1px #eee; padding: 15px 10px 10px; }

@media screen and (min-width:768px){
.mobileTable td { display: table-cell; }
}

.pagination-buttons {
  margin-top: 50px;
}

.pagination-buttons a {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1.2em;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #0a737b;
  border-color: #0a737b;
  color: #ffffff;
  margin: 10px;
}

.pagination-buttons a:hover, .pagination-buttons a:focus {
  text-decoration: none;
  background-color: #099284; border-color: #099284;
}

.pagination-buttons a:focus, .pagination-buttons a.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-template-template-lessons h1 {
  margin-top: 30px;
}

.lesson-tile {
  padding: 30px 5%;
}

.widget-area, .no-widgets .site-footer { margin-top: 0 }