/* menu buttons, need to update this */ 
.menu_button {
  height: 24px;
  width: 24px;
  margin: 9px 0px 9px 4px;
  font: 16px Arial, sans-serif;
  border: none;
  border-radius: 12px;
}

/* Forms Buttons */
.forms_externals_default {
  --btn_circumference: 64px;  
  height: var(--btn_circumference);
  width: var(--btn_circumference);
  border-radius: calc(var(--btn_circumference)/2);
  border: none;
  margin: 0px 6px 6px 6px;
  background-color: var(--transparent); 
}

/* disable and hide control */
.hidden {
  display: none;
}

/* Responsive layouts - width < 850px go to tablet mode */
@media (max-width: 850px) {
  .forms_externals_default {
    --btn_circumference: 46px;
    margin: 2px 2px 2px 2px;
  }
}
/* Responsive layouts - width < 600px go to mobile mode */
@media (max-width: 600px) {
  .forms_externals_default {
    --btn_circumference: 32px;
    margin: 2px 2px 2px 2px;
  }
}

.forms_externals_default:hover {
  cursor: pointer;
  box-shadow: 0 12px 16px 0 var(--mwx_orange),0 17px 50px 0 var(--mwx_orange);
}
.forms_invert {
  filter: invert(100%);
}
.forms_invert_constant {
  filter: invert(100%);
}

/* Facebook */
#btn_facebook {
  background-image:url('/media_images/mwx_facebook_256t.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover; 
}
/* Instagram */
#btn_instagram {
  background-image:url('/media_images/mwx_instagram_256t.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover; 
}
/* X (twitter) */
#btn_x {
  background-image:url('/media_images/mwx_x_256t.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover; 
}
/* Teachers Pay Teachers */
#btn_tpt {
  background-image:url('/media_images/mwx_tpt_256t.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover; 
}
/* YouTube */
#btn_youtube {
  background-image:url('/media_images/mwx_youtube_256t.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover; 
}
/* Patreon */
#btn_patreon {
  background-image:url('/media_images/mwx_patreon_256t.png');
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover; 
}