/*
 Theme Name:   NSL GeneratePress
 Description:  GeneratePress theme customized for NSL site.
 Author:       Stephen Tuso
 Author URI:   http://tusoapps.com
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, cyan, gray, green
 Text Domain:  nsl-generatepress

 !! PLEASE DON'T EDIT STYLE.CSS, EDIT THE SCSS FILE AND CONVERT IT TO CSS !!
 Otherwise, your changes will probably be overwritten at some point.
*/
body {
  font-size: 15px ;
  font-size: 0.9375rem ;
}

/* Place elements with .content-block class in this to show blocks of content side by side on desktop and stacked on mobile */
.content-block-container {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-block-container::before, .content-block-container:before {
  display: none;
}

.content-block-container::after, .content-block-container:after {
  display: none;
}

.content-block {
  display: table-cell;
  padding-right: 20px;
  vertical-align: text-top;
  white-space: normal;
}

.content-block p {
  margin-bottom: 0px;
}

@media (max-width: 560px) {
  .content-block {
    display: block;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 20px;
  }
}

.content-block::before {
  display: none;
}

.content-block::after {
  display: none;
}

.fill-parent {
  display: block;
  width: 100%;
}

.center-horizontal {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.site-header {
  background: url("header-background-min.jpeg");
  background-size: cover;
  background-position: bottom;
}

/* -- MAIN CONTENT SECTION -- */
/* DON'T EDIT CSS FILE, READ MESSAGE AT TOP */
.site-content {
  background-color: #fff;
  margin-bottom: 30px;
}

.site-content .site-main h3, .site-content .site-main h4 {
  font-weight: 600;
}

.site-content a, .site-content a:visited {
  color: #31a0be ;
}

.site-content a:hover, .site-content a:visited:hover {
  color: #444 ;
}

.site-content .widget {
  font-size: 15px !important;
  font-size: 0.9375rem !important;
  padding: 20px 30px !important;
}

.site-content .widget-title {
  margin-bottom: 10px !important;
}

.site-content .comment-author {
  color: #31a0be;
}

.site-content .comment-author a, .site-content .comment-author a:visited {
  color: #31a0be ;
}

.site-content .comment-author a:hover, .site-content .comment-author a:visited:hover {
  color: #444 ;
}

.site-content .comment-metadata {
  color: #888;
}

.site-content .comment-metadata a, .site-content .comment-metadata a:visited {
  color: #888 ;
}

.site-content .comment-metadata a:hover, .site-content .comment-metadata a:visited:hover {
  color: #31a0be ;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited {
  background-color: #31a0be !important;
  color: white;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .button:visited:hover {
  background: #2f889f !important;
}

/* -- NAVIGATION BAR -- */
/* DON'T EDIT CSS FILE, READ MESSAGE AT TOP */
.main-navigation {
  position: relative;
  top: -20px;
  radius: 5px;
  background: #cee067 !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  padding-bottom: -3px;
}

.main-navigation a, .main-navigation a:hover, .main-navigation li.sfHover a {
  background: transparent !important;
}

.main-navigation button {
  background: #cee067 !important;
  color: #1f6e83 !important;
}

.main-navigation ul {
  background: #cee067 !important;
}

.main-navigation ul a {
  color: #1f6e83 !important;
}

.main-navigation ul li:hover {
  background-color: #c7d969 !important;
}

.main-navigation ul .current-menu-item, .main-navigation ul .current-page-item, .main-navigation ul .current-menu-ancestor, .main-navigation ul .current-menu-parent, .main-navigation ul .current-page-ancestor, .main-navigation ul .current-page-parent {
  background-color: #c2d461 !important;
}

.main-navigation ul ul {
  background: #46b4d2 !important;
}

.main-navigation ul ul a {
  color: white !important;
}

.main-navigation ul ul li:hover {
  background-color: #3ea9c6 !important;
}

.main-navigation ul ul .current-menu-item, .main-navigation ul ul .current-page-item, .main-navigation ul ul .current-menu-ancestor, .main-navigation ul ul .current-menu-parent, .main-navigation ul ul .current-page-ancestor, .main-navigation ul ul .current-page-parent {
  background-color: #31a0be !important;
}

.main-navigation .search-item.current-menu-item, .main-navigation .search-item.current-menu-item a, .main-navigation .search-item.current-menu-item i {
  color: white !important;
  background: #31a0be !important;
}

.main-navigation .navigation-search {
  background-color: #31a0be !important;
}

.main-navigation .navigation-search input[type="search"], .main-navigation .navigation-search input[type="search"]:active, .main-navigation .navigation-search input[type="search"]:focus {
  background-color: #31a0be !important;
  color: white !important;
}

/* -- FOOTER -- */
/* DON'T EDIT CSS FILE, READ MESSAGE AT TOP */
.footer-widgets .widget {
  font-size: 15px !important;
  font-size: 0.9375rem !important;
}

.footer-widgets .widget-title a, .footer-widgets .widget-title a:visited {
  color: #444 !important;
}

.footer-widgets .widget-title a:hover, .footer-widgets .widget-title a:visited:hover {
  color: #31a0be !important;
}

.footer-widgets a, .footer-widgets a:visited {
  color: #31a0be ;
}

.footer-widgets a:hover, .footer-widgets a:visited:hover {
  color: #444 ;
}

/* Hide the default footer */
.default-footer {
  display: none;
  visibility: hidden;
}

/* .site-info gets most of its appearance from Generate Press styles */
.site-info {
  color: white;
  background-color: #333 !important;
  text-align: center;
}

.site-info a, .site-info a:visited {
  color: #46b4d2 ;
}

.site-info a:hover, .site-info a:visited:hover {
  color: #c3e7f0 ;
}

.footer-links {
  margin: 6px;
  font-size: 14px ;
  font-size: 0.875rem ;
}