/**
Theme Name: ncwit
Author: Culture Foundry
Author URI: https://www.culturefoundry.com/careers/our-crew/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ncwit
Template: astra
*/

.hidden{
  display: none;
}

.text-center{
  text-align: center;
}

.elementor-page-title {
  overflow: hidden;
}
a.button{
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #0073AA;
  border-radius: 0px 0px 0px 0px;
  padding: 20px 30px 20px 30px;
}
a.button:hover,
a.button:focus{
  color: #ffffff;
  background-color: #159C85;
  border-radius: 0px 0px 0px 0px;

}

/* -- Tabbed Content -- */
.landing-page-tabs .kt-tabs-title-list {
  background: rgb(4, 120, 224);
  background: linear-gradient(90deg, rgba(4, 120, 224, 1) 0%, rgba(2, 170, 238, 1) 50%, rgba(148, 204, 0, 1) 100%);
}
.landing-page-tabs .kt-title-item {
  border: solid white;
  border-width: 1px 1px 1px 0;
}
.landing-page-tabs .kt-title-item:last-child {
  border-width: 1px 0 1px 0;
}
.landing-page-tabs .kt-tab-title {
  background-color: transparent !important; /* -- override user setting -- */
  border-width: 0 !important;
}
.landing-page-tabs .kt-tabs-title-list .kt-title-text {
  color: white;
}
.landing-page-tabs .kt-tab-title-active {
  background-color: rgba(0, 0, 0, 0.25);
}
.landing-page-tabs .kt-tab-title-active .kt-title-text {
  color: #cbff00;
  font-weight: bold;
}

/* -- tab content headers -- */
.landing-page-tabs .tab-content-header {
  background-color: #00cdff;
  background-image: linear-gradient(90deg, #0693e3 15%, #00cdff 50%);
  padding: 0 2rem;
  display: flex;
  justify-content: center;
}
.landing-page-tabs .tab-content-header.tab-content-header-k12{
  background-image: linear-gradient(120deg, #009DD0 0%, #00CCFF 100%);
}
.landing-page-tabs .tab-content-header.tab-content-header-higher-ed{
  background-image: linear-gradient(120deg, #65B43F 0%, #86EC54 100%);
}
.landing-page-tabs .tab-content-header.tab-content-header-workforce{
  background-image: linear-gradient(120deg, #A3B83E 0%, #E1FF55 100%);
}
.tab-content-header .wp-block-column {
  max-width: 600px;
}
.tab-content-header .wp-block-column:not(:first-child) {
  margin-left: 0;
}
.tab-content-header h2 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  padding: 0;
  margin: 20px 0;
  text-transform: uppercase;
}
.tab-content-header .gb-button {
  font-weight: bold;
  font-size: 15px !important;
  color: #666666  !important;
  border-radius: 2px  !important;
  padding-top: 10px  !important;
  padding-right: 40px  !important;
  padding-bottom: 10px  !important;
  padding-left: 40px  !important;
  line-height: 1.25;
}
.tab-content-header .gb-button:hover,
.tab-content-header .gb-button:focus {
  color: #FFFFFF !important;
  background-color: #00000017 !important;
}
.tab-content-header .gb-button:hover {
  color: white;
  cursor: pointer;
}
.tab-content-header > .wp-block-column:nth-last-child(1) {
  display: flex;
  align-items: center;

}
.tab-content-header > .wp-block-column:nth-last-child(1) .gb-button-wrapper {
  margin-left: auto;
}

/* -- NCWIT Card Headers (line clamp) -- */

.category-post-teaser_header,
.ncwit-taxonomy-carousel_header,
.ncwit-card-headlines .eael-entry-title,
.ncwit-card-headlines .uael-post__title,
.ncwit-card-headlines .cggowl-repeater-container h2 {
  font-size: 1.15em;
  line-height: 1.26;
  margin: 0 0 10px 0;
  min-height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
}

/* -- carousels -- */

.swiper-button-disabled,
.slick-disabled {
  display: none !important;
}

/* -- Members Filter -- */
.member-filter-input {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.member-filter-input input {
  width: 100%;
  padding-left: 50px;
}
.member-filter-input:before {
  content: url("images/search.svg");
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  height: 28px;
  width: 28px;
  line-height: 28px;
}
.member-list-shortcode .empty-text {
  text-align: center;
  padding: 40px;
  margin: auto;
  max-width: 600px;
  background-color: whitesmoke;
  border: 1px solid #eaeaea;
}
.member-list-shortcode .empty-text p {
  margin-bottom: 0;
}
.member-list-shortcode .empty-text .empty-text_headline {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: .5em;
}

/* -- wishlist --*/

.yith-wcwl-add-button a.add_to_wishlist{
  display: inline-block;
  line-height: 1em;
  color:rgba(0, 0, 0, 0)
}
.yith-wcwl-add-button .yith-wcwl-icon {
  font-size: 22px;
  color: #4d555e;
}
.yith-wcwl-add-button a:hover,
.yith-wcwl-add-button a:hover .yith-wcwl-icon {
  color: #d54e21;
}
.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
  color: #d54e21;
}
.yith-wcwl-popup-form .form-row {
  margin-bottom: 1em;
}
.yith-wcwl-popup-form .popup-description {
  font-size: 1.25rem;
  line-height: 1.15;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.yith-wcwl-popup-form .move_to_wishlist,
.yith-wcwl-popup-form .wishlist-submit {
  display: inline-block;
  background-color: #0073aa;
  color: white;
  padding: 8px 15px;
  margin-bottom: 14px;
  cursor: pointer;
}
.yith-wcwl-popup-form .move_to_wishlist:hover {
  background-color: #d54e21;
}
.yith-wcwl-popup-form .yith-wcwl-remove-button {
  padding: 10px 0 0 0;
  border-top: 1px solid #ccc;
}
.yith-wcwl-wishlist-search-form {
  text-align: left;
}
.yith-wcwl-wishlist-search-form input {
    max-width: 300px;
    width: 100%;
}
.yith-wcwl-wishlist-search-form button.wishlist-search-button {
  padding: 14px 24px;
}

/* for product pages only */
.elementor-widget-container .yith-wcwl-add-button a.add_to_wishlist {
  color:rgba(0, 0, 0, 1);
}
.elementor-widget-container  .yith-wcwl-add-button a:hover {
  color: #d54e21;
}

/* -- FOOTER -- */

.footer-adv .ast-row > div {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.footer-adv .ast-row > div:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.footer-adv .footer-adv-widget {
  text-align: center;
}
.footer-adv .widget-title {
  font-size: 1rem;
  margin: 0 0 10px 0;
}
.footer-adv .ast-row > div .widget_text {
  margin: 0;
}

/* Hide/Show footer links depending on roles*/
.if-loggedin {
	display: none;
}
.user-role-administrator.logged-in .if-loggedin,
.user-role-staff.logged-in .if-loggedin,
.logged-in .if-loggedin  {
	display: inline;
}

/* if loggedout */
.if-loggedout {
	display: inline;
}
.user-role-administrator.logged-in .if-loggedout,
.user-role-staff.logged-in .if-loggedout,
.logged-in .if-loggedout {
	display: none;
}

/* override for specific roles */
.my-orders-link {
  display: none !important;
}
.user-role-administrator .my-orders-link,
.user-role-staff .my-orders-link {
  display: inline !important;
}

/* -- Hustle contact form -- */

.footer-adv-widget .hustle-ui.module_id_3 .hustle-layout .hustle-content .hustle-content-wrap {
  margin: 0;
  padding: 0;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-layout .hustle-content .hustle-title {
  color: #3f3f3f;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-layout .hustle-content .hustle-subtitle {
  color: #3f3f3f82;
  text-align: center;
  font-weight: normal;
  font-size: .75rem;
  margin-top: 0;
  margin-bottom: 7px;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-layout .hustle-layout-body {
  background-color: transparent;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-layout .hustle-layout-form {
  background-color: #cccccc;
  padding: 2px;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-field .hustle-input + .hustle-input-label {
  font: normal 11px/18px Open Sans;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-form .hustle-form-fields .hustle-field {
  min-width: 176px;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-form button.hustle-button-submit {
  background-color: #008cb2;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-form button.hustle-button-submit:hover {
  background-color: #006d89;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-form button.hustle-button-submit:focus {
  background-color: #006d89;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-success {
  background-color: #00000026;
  margin-top: 20px;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-success-content {
  text-align: center;
  font-weight: bold;
}
.footer-adv-widget .hustle-ui.module_id_3 .hustle-success-content p {
  font-weight: bold !important;
  font-size: 16px !important;
}

.swiper-wrapper .eael-post-elements-readmore-wrap {
  margin-top: 10px;
  text-align: left
}


@media only screen and (min-width: 768px) {
  .footer-adv-widget .hustle-ui.module_id_3 .hustle-field .hustle-input + .hustle-input-label {
    font-size: 12px;
  }
}
@media only screen and (min-width: 860px) {
  .footer-adv-widget .hustle-ui.module_id_3 .hustle-field .hustle-input + .hustle-input-label {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .footer-adv .ast-row > div.footer-adv-widget-1 {
    width: 20%;
  }
  .footer-adv .ast-row > div.footer-adv-widget-2 {
    width: 80%;
  }
  .footer-adv .footer-adv-widget-1 .widget_media_image,
  .footer-adv .footer-adv-widget-2 .widget_media_image,
  .footer-adv .footer-adv-widget-3 .widget_media_image {
    display: flex;
    align-items: center;
    height: 90px;
  }
  .footer-adv .footer-adv-widget-1 .widget_media_image .widget-title,
  .footer-adv .footer-adv-widget-2 .widget_media_image .widget-title,
  .footer-adv .footer-adv-widget-3 .widget_media_image .widget-title {
    position: relative;
    margin: 10px 10px 10px 0;
    padding: 0 10px 0 0;
  }
  .footer-adv .footer-adv-widget-1 .widget_media_image .widget-title:after,
  .footer-adv .footer-adv-widget-2 .widget_media_image .widget-title:after,
  .footer-adv .footer-adv-widget-3 .widget_media_image .widget-title:after {
    content: "";
    height: 90px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ccc;


  }
  .footer-adv .footer-adv-widget-1 .widget_media_image img,
  .footer-adv .footer-adv-widget-2 .widget_media_image img,
  .footer-adv .footer-adv-widget-3 .widget_media_image img {
    height: 50px;
  }
}

/* Resource Loading Indicators */
.suspense-context {
  position: relative;
}
.suspense-context .suspense-content {
  position: relative;
  z-index: 1;
}
.suspense-active .suspense-content,
.suspense-inactive .suspense-indicator {
  visibility: hidden;
}
.suspense-context .suspense-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transition: translate3d(-50%, -50%, 0);
}
.suspense-indicator > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  background: #57C22C;
  border-radius: 6px;
  animation: suspense-pulse 1.2s infinite;
}
.suspense-indicator > span:nth-child(2) {
  animation-delay: 0.4s;
}
.suspense-indicator > span:nth-child(3) {
  animation-delay: 0.8s;
}
@keyframes suspense-pulse {
  0%   {background-color: #57C22C;}
  25%  {background-color: #00A77E;}
  75%  {background-color: #9DBBCB;}
  100% {background-color: #57C22C;}
}


#i-want-to-menu .eael-advance-tabs .eael-tabs-nav > ul li.filter-active{
  font-weight: bold;
}

#i-want-to-menu .eael-advance-tabs .eael-tabs-nav > ul li.active{
  background: white;
}


@media(min-width: 768px){
  #i-want-to-menu .eael-advance-tabs .eael-tabs-nav > ul li.active{
    background: #0000000D;
  }
}

/* Visually hide resource filter buttons on mobile, and track display of filter
   state separate from how the tab plugin thinks of tab state */
@media (max-width: 767px) {
  #i-want-to-menu .eael-tabs-content {
    display: none;
    border-left: none;
  }
  #i-want-to-menu .eael-tabs-nav .active {
    background: transparent;
  }
  /* .filtered is applied when a filter has actually been tapped.
     The plugin defaults to the first tab being active. This is all for a consistent UX */
  #i-want-to-menu.filtered .eael-tabs-content {
    display: flex;
  }
  #i-want-to-menu.filtered .eael-tabs-nav .active {
    background: rgba(0,0,0,0.05);
  }
  .go-link {
    height: 0;
    visibility: hidden;
  }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link svg path,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover svg path,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus svg path{
  fill: #000000;
}


#ncwit-header{
  background-color: #F2F2F2;
  background-image: url("images/bg-header.jpg");
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 90px;
}

#ncwit-header h1{
  color: white;
  line-height: 1.25em;
  margin-bottom: 0;
}

.primary{
  padding-bottom: 28px;
}

.ast-pagination{
  padding-left:  0px;
  padding-right:  0px;
}

.no-results{
  padding-top:  28px;
  padding-bottom:  28px;
}

.entry-header .entry-meta{
  display: none;
}

.blog .entry-title, .blog .entry-title a,
.archive .entry-title, .archive .entry-title a,
.search .entry-title, .search .entry-title a{
  color: #0073aa;
}

.blog .entry-title, .blog .entry-title a:hover,
.archive .entry-title, .archive .entry-title a:hover,
.search .entry-title, .search .entry-title a:hover,
.blog .entry-title, .blog .entry-title a:focus,
.archive .entry-title, .archive .entry-title a:focus,
.search .entry-title, .search .entry-title a:focus{
  color: #d54e21;
}


/* Search page template */
body.search .site-content>.ast-container{
  max-width: 100%;
  padding: 0;
}

/* Archive page template */
#archive-primary #ncwit-header{
  margin-bottom:  28px;
}


/* Modal */
#ncwit-modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: .60;
  -webkit-opacity: .6;
  -moz-opacity: .6;
  filter: alpha(opacity=60);
  z-index: 1000;
}

#ncwit-modal-content {
  background-color: white;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 0 20px 0 #222;
  -webkit-box-shadow: 0 0 20px 0 #222;
  -moz-box-shadow: 0 0 20px 0 #222;
  display: none;
  padding: 10px;
  position: fixed;
  top: 33%;
  width: 650px;
  z-index: 1000;
  text-align: center;
}
#ncwit-modal-inner{
  margin-bottom: 20px;
}
#ncwit-modal-background.active, #ncwit-modal-content.active {
  display: block;
}

#ncwit-modal-actions>*{
  display: block;
  margin-bottom: 15px;
  width:  100%;
}
#ncwit-modal-actions>*:last-child{
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  #ncwit-modal-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #ncwit-modal-actions>*{
    margin-bottom: 0;
    width: auto;
  }
}


/* Swiper Carousel */
.swiper-wrapper .no-posts-found{
  top: calc(50% - 28px);
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 28px;
}


/* Event Filter Controls */
.filter-all-vsel-events .suspense-indicator{
  text-align: center;
}
#vsel>.vsel-content:last-child{
  border-bottom: none;
}
#event-filter-form{
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #event-filter-form h4{
    margin-bottom: 12px;
  }
  #event-filter-form>.form-control{
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) {
  #event-filter-form{
    display:  flex;
    align-items: center;
    justify-content: flex-end;
  }
  #event-filter-form h4{
    margin-bottom: 0px;
  }
  #event-filter-form>.form-control{
    margin-left: 12px;
  }
}

/* Hack to enforce hiding the first item in the second-level of primary menu unless it's been hovered over (aria-expanded = true)  */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
  display: none;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a[aria-expanded="true"] + ul.mega-sub-menu{
  display: block;
}

/* Filter and List Posts */
.post-filter-form{
  margin-bottom: 30px;
}
.post-filter-form input[type="submit"]{
  padding: 0px 20px;
  font-size: 30px;
  line-height: 47px;
}
@media only screen and (max-width: 767px) {
  .post-filter-form h4{
    margin-bottom: 12px;
  }
  .post-filter-form>.form-control{
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) {
  .post-filter-form{
    display:  flex;
    align-items: center;
    justify-content: flex-end;
  }
  .post-filter-form h4{
    margin-bottom: 0px;
  }
  .post-filter-form>.form-control{
    margin-left: 12px;
  }
  .post-filter-form input[type="submit"]{
    margin-left: 12px;
  }
}
.filter-list-posts .elementor-grid-3 .elementor-posts-container{
  grid-column-gap:  30px;
  --grid-column-gap: 30px;
  grid-row-gap:  30px;
  --grid-row-gap: 35px;
}

/* NCWIT custom pagination */
.ncwit-pagination{
  display:  flex;
  align-items: center;
  justify-content: space-between;
}
.ncwit-pagination .pagination-pages a{
  margin-left: 5px;
  margin-right: 5px;
}
.ncwit-no-results{
  width:  100%;
  text-align: center;
}
