/*
 Theme Name:   NNSC
 Description:  Innera Child Theme
 Author:       David Etheridge-Bartow
 Author URI:   http://createdxdavid.com
 Template:     innera
 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:  nnsc
*/

.e-notice { display: none }

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Black.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-LightItalic.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Medium.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Thin.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Light.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-ThinItalic.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-BlackItalic.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

body { background-image	: url("img/nnsc-bg-city.jpg"); font-family: 'Brandon Grotestque' !important; }

.site-header { width: 200px;  }

.site-header .header-logo img { max-width: 100%; }

.site-header:after {
	background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    bottom: 0;
    transform: skewY(-5deg);
    transform-origin: 100%;
}

.site-header .header-menu nav ul li a:hover { color: white }

.content { padding: 70px }

.page-container { padding: 0px !important }

.givingtuesday { width:100%; background-color: #1d72a6; padding: 20px 20px 1px 20px; }

.givingtuesday h2 { text-align:center }

.givingtuesday a { color: white }

.page-heading {
  clip-path: polygon(0 0, 1600px 0, 1600px 60%, 0 100%);
}

.site-header a[title="donate"] { background-color: #baf751 !important; }

.site-header a[title="giving-tuesday"] { background-color: #63d5ff !important}

div.page-container { max-width: 1300px !important }

.elementor-widget-posts .elementor-post__read-more, .elementor-button-content-wrapper { color: #0cace7 !important }

#tribe-events-content a, ul.tribe-events-sub-nav a, .tribe-events-nav-previous { font-size: 25px !important }

.elementor-tab-title.elementor-active { color: #253566 !important }

a.elementor-button { background-color: #15265a !important}

.team a.elementor-button { background-color: #fff !important}

.team .elementor-text-editor { font-family: 'Brandon Grotesque'; }

.headshot .elementor-image img { border-radius: 50% }

a.button { padding: 15px; background-color: #15265a; border-radius: 15px; margin-top: 20px; margin-bottom: 20px; color: white !important; display: block; text-align: center }

.clipspacer {
	  clip-path: polygon(0 0, 1600px 0, 1600px 60%, 0 100%);

}

h4, h3, h2, li, h1, p, .site-header .header-menu nav > ul > li > a, a, ul.dropdown > li > a, .elementor-heading-title, .wpforms-field-label, .elementor-tab-title, .entry-desc {
  font-family: 'Brandon Grotesque', sans-serif !important; }

.content ul { list-style-type: circle !important}

p { font-weight: 400; font-size: 20px }

.page-heading {
  background-size: cover;
  color: #fff;
  height: 300px;
  overflow: hidden;
  padding: 0px;
  position: relative;

}

.page-heading h1 {
    font-size: 54px;
    padding-top: 100px;
    padding-bottom: 40px;
    padding-left: 70px;
    font-weight: 500;
  }
.content ul { color: black !important; font-size: 20px !important; margin-left: 20px }

  .page-heading p {
    font-size: 14px;
    font-weight: 300;
    margin-top: 0.5em;
  }

#tribe-events, .elementor-post-date { font-family: 'Brandon Grotesque'; }

.full-width { margin: 0px -70px }

.header-toggle .fa { color: #444 }

.site-header .header-menu nav ul li::before, .site-header .header-menu nav ul li a:hover { background: #1d72a6 !important; color: white !important }

.site-header .header-menu nav > ul > li:hover > a, .site-header .header-menu nav > ul > li.active > a { color: white !important }

ul.menu-depth-1 li.active a { background: #eeeeee !important; }

li.donation a, li.donation::before { background-color: #eaf79e !important }

.elementor-tab-title .elementor-active a, .elementor-button-text a { color: #1d72a6 !important }


.tp-caption {
white-space: normal !important; line-height: normal;
}

#footer { background-color: #1a5e95; padding: 40px 40px 20px 40px; }

#footer p { color: white !important }

#footer img { height: 30px; width: auto }

.site-header .header-menu nav ul li a { font-size: 16px }

.googlemap { margin: -80px }


  .elementor-divider { width: 100% }

	.nobottom { padding: 60px; margin: -70px }

	.tp-arr-imgwrapper { display: none }
	.dione.tparrows:hover { background: none !important }
	.tp-bullet-title { display: none }

	.social { margin-top: 20px }


#menu-menu-1 .current_page_item a { background: #1d72a6; color: white !important }
.menu-depth-1 .current_page_item a { background: #1a5e95 !important; color: white !important }




@media (max-width: 991px){
   	.site-left .site-header{ left: -200px }

   	.site-header .header-toggle {
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    border-left: none;
    border-right: none;
    background-color: #ddd;
    -moz-box-shadow: inset -2px 0 10px #bbb;
	-webkit-box-shadow: inset -2px 0 10px #bbb;
	box-shadow: inset -2px 0 10px #bbb;
}

.content { padding: 20px }
p { font-size: 16px }
.page-heading h1 { padding-left: 30px; font-size: 34px; padding-top: 25% }
.page-heading {vertical-align:middle}

}

.site-header .header-menu nav ul li a { overflow: hidden; }

.entry-summary { font-family: 'Brandon Grotesque'; font-weight: 300 }

.elementor-heading-title {
  text-transform: uppercase;
  letter-spacing: 10px; color: #000000 !important;
  padding-bottom: 15px !important;
  border-bottom: 5px solid #dddddd; }

  .lae-image-info { display: none !important; }

  div.tp-caption { text-align: center !important }
#footer .left, #footer .right { float: left; width: 50% }

 @media (max-width: 768px){
  #footer .left, #footer .right { float:none; width: 100% }
  blockquote { float: none !important; width: 100% !important }
  p { font-size: 17px !important }
}