/*
 Theme Name:   WFSF
 Theme URI:    https://bingweb.no
 Description:  Standard child theme
 Author:       J J Bing
 Author URI:   https://bingweb.no
 Template:     generatepress
 Version:      0.1
*/


.n2-section-smartslider {
    margin-bottom: 20px;
}

.main-navigation ul ul {
  width: 260px;
}

/*
@media screen and (max-width: 600px) {

.main-navigation ul ul {
    background-color : #f5c980;
		
}

}
*/

.main-navigation .main-nav ul ul ul {
  background-color: #094074;
}

@media (max-width: 768px) {
  .menu-item-has-children .dropdown-menu-toggle {
    font-size: 16px;
  }
  .postid-29 .wp-block-image {
    max-width: 140px;
  }
}

.inside-article ul li,
.inside-article ul {
  margin-bottom: 0.8em;
}

.pmpro_checkout h3 span.pmpro_checkout-h3-msg {
  font-size: 17px;
}

.button {
  border-radius: 8px;
}

@media (max-width: 768px) {
  .site-branding {
    display: none;
  }
}

.pmpro_member_directory_avatar .avatar-defaultalignright {
  float: right;
  margin-left: 1.5em;
}
form.pmpro_member_directory_search {
  margin-left: 1rem;
}
/**
 * The following CSS code will alter the "Renew" link of your
 * Paid Memberships Pro Account page and make it into a 
 * button. 
 *
 * If you do not have an expiration date set for
 * your membership level and thus no "Renew" link, the first
 * link will be affected by the CSS. In most cases, this
 * will then be the "Change" membership link.
 *
 * Add this CSS to your WordPress Customizer's Additional CSS section 
 * (WP Dashboard > Appearance > Customizer > Additional CSS)
 * Code Recipe written by Paul Barthmaier
 * https://gist.github.com/pbrocks
 */

#pmpro_account-membership
  > table
  > tbody
  > tr
  > td.pmpro_account-membership-levelname
  > div
  > a:nth-child(1) {
  background: rgba(250, 128, 114, 1);
  border: none;
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  margin-right: 1rem;
  padding: 0.3rem 1rem;
  text-decoration: none;
  transition: all 0.4s;
}
#pmpro_account-membership
  > table
  > tbody
  > tr
  > td.pmpro_account-membership-levelname
  > div
  > a:nth-child(1):hover {
  background: rgba(250, 128, 114, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  color: rgb(250, 128, 114);
}

@media print {
 .addtoany_share_save_container, .pmpro_actionlinks, p.pmpro_actions_nav, div.copyright-bar {
display: none;
}

button.menu-toggle {
    display: none !important;
}


#pmpro_account-invoices {
break-after: always  !important;
}
}