/**
*** filename: website/2024.apaophth.org/main.scss
//* it is used to build wp-q-congress plugin common CSS
//* ALL main.scss will be built to corresponding dist/css folder
********************************************************************/
/**
*** filename: src/scss/website/2024.apaophth.org/base/_base.scss
//*
//* define the base style for this website
//* this scss is shared by all wp-q-x plugins
//* it will NOT be built to dist/css folder
************************************************************/
/**
*** filename: src/scss/base/index.scss
********************************************************************/
/**
*** filename: src/scss/base/_base.scss
***
*** it is the base SCSS
*** all wp-q-x plugins will include wp-q class at top level
********************************************************************/
/**
*** filename: src/scss/base/_variables.scss
********************************************************************/
/**
*** based CSS styles
//* all styles that are under .wp-q class
//* define base styles for all q-x components, e.g. q-form
//* so that all q-form, q-list looks the same
********************************************************************/
/** 
*** mobile first
************************************************************/
.wp-q {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.wp-q table {
  border-collapse: collapse;
}
.wp-q .__badge {
  border: 1px dashed;
  border-radius: 0.75rem;
  padding: 0.15rem 1rem;
}
.wp-q .__button {
  border-radius: 0.5rem;
  box-shadow: 2px 2px 5px 0;
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem 1rem;
  text-align: center;
}
.wp-q .__button:hover {
  background-color: rgba(222, 222, 222, 0.25);
}
.wp-q .__button.--block {
  display: block;
}
.wp-q .__card {
  box-shadow: 2px 2px 5px 0;
  border-radius: 0.5rem;
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.wp-q .__flex {
  display: flex;
}
.wp-q .__flex.--column {
  flex-direction: column;
}
.wp-q .__flex.--row {
  flex-direction: row;
}
.wp-q .__pointer {
  cursor: pointer;
}
/** 
*** tablet second
************************************************************/
/** 
*** desktop last
************************************************************/
@media only screen and (min-width: 1024px) {
  .wp-q .__badge {
    margin-right: 1rem;
  }
  .wp-q .__card {
    border-radius: 0.5rem;
    box-shadow: 2px 2px 5px 0;
    margin: 0.5rem 0;
    padding: 0.5rem;
  }
  .wp-q .__flex {
    flex-direction: row;
  }
}
/**
*** q- component styles
***
//* import common q-x components CSS below, e.g. _q-form.scss
//* so that all q-form, q-list looks the same in different plugins
********************************************************************/
/**
*** filename: src/scss/base/_q-form.scss
*** it is the base SCSS for q-form components
***
********************************************************************/
/**
*** filename: src/scss/base/_variables.scss
********************************************************************/
/**
*** styles
***
//* define .q-form under .wp-q styles
********************************************************************/
.wp-q .q-form .q-form-label {
  font-size: 20px;
}
.wp-q .q-form .q-form-section {
  margin: 1rem 0;
  padding: 1rem;
}

/**
*** filename: src/scss/base/_q-list.scss
*** it is the base SCSS for q-list components
***
********************************************************************/
/**
*** filename: src/scss/base/_variables.scss
********************************************************************/
/**
*** styles
***
//* define .q-list under .wp-q styles
********************************************************************/
.wp-q .q-list {
  margin: 1rem;
}
.wp-q .q-list table {
  border-collapse: collapse;
}

/**
*** styles
//* all styles are under .wp-q class
//* define base styles for all q-x components, e.g. q-form
//* so that all q-form, q-list looks the same
//*
//* ONLY overwrite those are needed
//*
************************************************************/
/**
*** filename: src/scss/plugins/wp-q-congress/main.scss
********************************************************************/
/**
*** filename: src/scss/base/index.scss
********************************************************************/
/**
*** filename: src/scss/base/_base.scss
***
*** it is the base SCSS
*** all wp-q-x plugins will include wp-q class at top level
********************************************************************/
/**
*** filename: src/scss/base/_variables.scss
********************************************************************/
/**
*** based CSS styles
//* all styles that are under .wp-q class
//* define base styles for all q-x components, e.g. q-form
//* so that all q-form, q-list looks the same
********************************************************************/
/** 
*** mobile first
************************************************************/
.wp-q {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.wp-q table {
  border-collapse: collapse;
}
.wp-q .__badge {
  border: 1px dashed;
  border-radius: 0.75rem;
  padding: 0.15rem 1rem;
}
.wp-q .__button {
  border-radius: 0.5rem;
  box-shadow: 2px 2px 5px 0;
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem 1rem;
  text-align: center;
}
.wp-q .__button:hover {
  background-color: rgba(222, 222, 222, 0.25);
}
.wp-q .__button.--block {
  display: block;
}
.wp-q .__card {
  box-shadow: 2px 2px 5px 0;
  border-radius: 0.5rem;
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.wp-q .__flex {
  display: flex;
}
.wp-q .__flex.--column {
  flex-direction: column;
}
.wp-q .__flex.--row {
  flex-direction: row;
}
.wp-q .__pointer {
  cursor: pointer;
}
/** 
*** tablet second
************************************************************/
/** 
*** desktop last
************************************************************/
@media only screen and (min-width: 1024px) {
  .wp-q .__badge {
    margin-right: 1rem;
  }
  .wp-q .__card {
    border-radius: 0.5rem;
    box-shadow: 2px 2px 5px 0;
    margin: 0.5rem 0;
    padding: 0.5rem;
  }
  .wp-q .__flex {
    flex-direction: row;
  }
}
/**
*** q- component styles
***
//* import common q-x components CSS below, e.g. _q-form.scss
//* so that all q-form, q-list looks the same in different plugins
********************************************************************/
/**
*** filename: src/scss/base/_q-form.scss
*** it is the base SCSS for q-form components
***
********************************************************************/
/**
*** filename: src/scss/base/_variables.scss
********************************************************************/
/**
*** styles
***
//* define .q-form under .wp-q styles
********************************************************************/
.wp-q .q-form .q-form-label {
  font-size: 20px;
}
.wp-q .q-form .q-form-section {
  margin: 1rem 0;
  padding: 1rem;
}

/**
*** filename: src/scss/base/_q-list.scss
*** it is the base SCSS for q-list components
***
********************************************************************/
/**
*** filename: src/scss/base/_variables.scss
********************************************************************/
/**
*** styles
***
//* define .q-list under .wp-q styles
********************************************************************/
.wp-q .q-list {
  margin: 1rem;
}
.wp-q .q-list table {
  border-collapse: collapse;
}

/** 
*** .wp-q-congress
//* define .wp-q-congress related styles here
************************************************************/
/** 
*** filename: src/scss/plugins/wp-q-congress/__agenda.scss
************************************************************/
/** 
*** mobile first
************************************************************/
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__meta {
  text-align: right;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__subspecialty {
  font-weight: bold;
  text-align: center;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__chair {
  font-weight: bold;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__chairmen {
  justify-content: space-around;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__label {
  font-weight: bold;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-topics .__label {
  font-weight: bold;
}

/** 
*** tablet second
************************************************************/
/** 
*** desktop last
************************************************************/
/** 
*** filename: src/scss/plugins/wp-q-congress/__eposter.scss
************************************************************/
/** 
*** mobile first
************************************************************/
.wp-q-congress.wp-q-congress__eposter .__display-instructions {
  text-align: center;
}
.wp-q-congress.wp-q-congress__eposter .__display-instructions .pointer {
  display: inline-block;
  font-style: italic;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge {
  border: none;
  border-radius: 1rem;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__title {
  font-weight: bold;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__list {
  background-color: #FFF;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__list .__card {
  box-shadow: 2px 2px 5px 0 #909090;
  border-radius: 0.5rem;
  margin: 0.5rem;
  padding: 1rem;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__list .__badge {
  border-radius: 1rem;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__list .__title {
  font-weight: bold;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__detail {
  background-color: #FFF;
  padding: 0 1rem;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__detail .__files {
  margin: 0 auto;
  width: 30%;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__detail .__content .--label {
  font-weight: bold;
}
.wp-q-congress.wp-q-congress__eposter .__qrcode-vote {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
.wp-q-congress.wp-q-congress__eposter .__qrcode-vote .--message {
  padding: 1rem 0;
}

/** 
*** tablet second
************************************************************/
/** 
*** desktop last
************************************************************/
/**
*** styles
//* all styles are under .wp-q-congress class
//*
//* ONLY overwrite those are needed
//*
************************************************************/
/**
*** filename: website/2024.apaophth.org/wp-q-congress/__agenda/main.scss
//* it is used to build shortcode specific CSS
//* ALL main.scss will be built to corresponding dist/css folder
********************************************************************/
/**
*** styles
//* all styles are under .wp-q-congress__agenda class
//*
//* ONLY overwrite those are needed
//*
************************************************************/
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda {
  padding: 0 2rem;
  font-size: 1.2rem;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__subspecialty {
  background-color: #73a7bd;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__theme {
  font-size: 1.4rem;
  font-weight: bold;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-top .__meta {
  text-align: right;
}
.wp-q-congress.wp-q-congress__agenda .wp-q-congress-agenda .wp-q-congress-agenda-topic .--current-topic {
  background-color: #AE82AF;
}

/**
*** filename: website/2024.apaophth.org/wp-q-congress/__eposter/main.scss
//* it is used to build shortcode specific CSS
//* ALL main.scss will be built to corresponding dist/css folder
********************************************************************/
/**
*** styles
//* all styles are under .wp-q-congress__eposter class
//*
//* ONLY overwrite those are needed
//*
************************************************************/
/** 
*** filename: src/scss/plugins/wp-q-congress/__eposter.scss
************************************************************/
/** 
*** mobile first
************************************************************/
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.eposter,
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.eposter {
  background-color: #e0e1bf;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.free-paper,
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.free-paper {
  background-color: #99CC99;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.instruction-course,
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.instruction-course {
  background-color: #e0e1bf;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.poster,
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.poster {
  background-color: #CCCC99;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.video,
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--presentation.video {
  background-color: #6699FF;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--subspecialty,
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__badge.--subspecialty {
  background-color: #73a7bd;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__title {
  font-size: 1.4rem;
  margin: 0.5rem 0;
}
.wp-q-congress.wp-q-congress__eposter .wp-q-congress-eposter .__detail .__files .__button.--block.--file {
  background-color: #4F5496;
  color: #FFF;
}
.wp-q-congress.wp-q-congress__eposter .__qrcode-vote .--message {
  color: #4F5496;
  font-weight: bold;
}

/** 
*** tablet second
************************************************************/
/** 
*** desktop last
************************************************************/
/*# sourceMappingURL=main.css.map */