/*
 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);
}
/**
medlemslogoer størrelser
*/

.pmpro_member_badge {
  max-width: 15%;
  max-height: 15%;
}

@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;
  }
}

/**
medlemslogoer spesifikke størrelser
*/

img[src="https://wfsf.org/wp-content/uploads/2025/11/WFSF_AccreditationStamp_FlatGold.png"]
{
  max-width: 40%;
  max-height: 15%;
}

@media screen and (max-width: 767px) {
  .pmpro_member_badge,
  img[src*="”pmpro-member-badges/images/member.jpg”"] {
    max-width: 200px;
    max-height: 200px;
    width: 200px;
    height: 200px;
  }
  img[src="https://wfsf.org/wp-content/uploads/2025/11/WFSF_AccreditationStamp_FlatGold.png"]
  {
    max-width: 400px;
    max-height: 200px;
  }
}

/* Make the directory filter levels container a flexbox */
.my_pmpro_directory_widget ul li:nth-child(1) {
  display: flex;
  flex-direction: column;
}

/* Move checkboxes to the left */
.my_pmpro_directory_widget ul li:nth-child(1) label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}

/* Add some spacing between level checkboxes and labels */
.my_pmpro_directory_widget ul li:nth-child(1) label input {
  margin-right: 8px;
}

/* fra chatgpt */
.my_pmpro_directory_widget ul li:nth-child(1) label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center; /* <- Legg til denne */
}

.my_pmpro_directory_widget ul li:nth-child(1) label input[type="checkbox"] {
  margin-right: 8px;
}

/* ekstra fra chatgpt */

/* Order the membership levels */
.my-pmpro-level-1 {
  order: 1;
}
.my-pmpro-level-2 {
  order: 2;
}
.my-pmpro-level-3 {
  order: 3;
  margin-bottom: 10px; /* mellomrom */
  padding-bottom: 10px; /* litt luft over streken */
  border-bottom: 1px solid #ccc; /* selve linjen */
}
.my-pmpro-level-4 {
  order: 4;
}
.my-pmpro-level-5 {
  order: 5;
}
.my-pmpro-level-6 {
  order: 6;
  margin-bottom: 10px; /* mellomrom */
  padding-bottom: 10px; /* litt luft over streken */
  border-bottom: 1px solid #ccc; /* selve linjen */
}
.my-pmpro-level-7 {
  order: 7;
}
.my-pmpro-level-8 {
  order: 8;
}

.my-pmpro-level-9 {
  order: 9;
  margin-bottom: 10px; /* mellomrom */
  padding-bottom: 10px; /* litt luft over streken */
  border-bottom: 1px solid #ccc; /* selve linjen */
}

.my-pmpro-level-10 {
  order: 10;
}
.my-pmpro-level-11 {
  order: 11;
}
.my-pmpro-level-12 {
  order: 12;
  margin-bottom: 10px; /* mellomrom */
  padding-bottom: 10px; /* litt luft over streken */
  border-bottom: 1px solid #ccc; /* selve linjen */
}

/* Accredited Institutional Member – First Course - Second - Third - Forth */
.my-pmpro-level-17 {
  order: 17;
}
.my-pmpro-level-18 {
  order: 18;
}

.my-pmpro-level-19 {
  order: 19;
}

.my-pmpro-level-23 {
  order: 20;
  margin-bottom: 10px; /* mellomrom */
  padding-bottom: 10px; /* litt luft over streken */
  border-bottom: 1px solid #ccc; /* selve linjen */
}

/* Accredited Institutional Member – First Program - Second - Third - Fourth */
.my-pmpro-level-16 {
  order: 13;
}
.my-pmpro-level-20 {
  order: 14;
}
.my-pmpro-level-21 {
  order: 15;
}

.my-pmpro-level-22 {
  order: 16;
  margin-bottom: 10px; /* mellomrom */
  padding-bottom: 10px; /* litt luft over streken */
  border-bottom: 1px solid #ccc; /* selve linjen */
}

/* Fellow member */
.my-pmpro-level-15 {
  order: 21;
}