/* IMPORTANT! READ ME

The CSS is divided in 3 sections
1. ALL View.
2. ONLY TABLET View.
3. ONLY MOBILE View.
Inside each you will find styling for Utilities, Specific and Shared Classes.
Please add styling in the correct place.
Lets keep things clean, organized and easy to understand. :)

*/

/* START Media Queries */

/* END DESKTOP VIEW - On screens that are 786px or more, most Desktop */

/* =================================================================================== */

/* START TABLET VIEW - On screens that are 768px or less, most tabs */
@media screen and (max-width: 786px) and (min-width: 480px){
  .tab-view{
      padding: 20% 15% !important;
  }
}
/* END TABLET VIEW - On screens that are 768px or less, most tabs */

/* =================================================================================== */


/* START PHONE VIEW - On screens that are 480px or less, most phones */
@media screen and (max-width: 480px) {
  .phone-view{
      padding: 5% 2% !important;
  }
  #overlay-alert h1{
    font-size: 2.2rem !important;
    }
    #overlay-alert h4{
    font-size: 1.5rem !important;
    }
}
/* END PHONE VIEW - On screens that are 480px or less, most phones */

/* =================================================================================== */

/* END Media Queries */


/* START ALL views */

  /* START Utilities */

.x-border{
    border: 1px solid #E5E5E5;
    outline: none;
}

.remove-x-padding{
    padding-left: 0px;
    padding-right: 0px;
}


.color-black{
    color: black;
}

.padding-top-100px{
    padding-top: 100px;;
}

.flex-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* END Utilities */

/* START Section Specific Classes */

.header-font-size{
    font-size: 2.5rem !important;
    line-height: 3rem !important;
}

.more{
    display: none;
}

#subscribersDropdown:hover, #subscribersDropdown:focus{
    color: #F3973E;
}

#subscribersDropdown{
    color:#CBA16E;
}

#overlay-alert {
  position: fixed;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9);
  z-index: 1092;
  cursor: pointer;
  color: white;
  overflow-y: scroll;
  overflow-x: scroll;
  display:none;
}
#overlay-alert:target {
    display:block;
}

#overlay-alert h1{
    color: white;
    font-size: 4.5rem;
}

#overlay-alert p{
    color: white;
    font-size: 6.5rem;
    line-height: 2rem;
}

#overlay-alert a{
    font-size: 1.5rem;
    line-height: 2rem;
}

#BLM_Notice a {
  position: absolute;
  left: 90%;
  transition: 0.3s;
  padding: 10px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 0 3px 3px 0;
  z-index: 1090;
  -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
}

#EQ_Society a {
  position: absolute;
  right: 90%;
  transition: 0.3s;
  padding: 10px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 0 3px 3px 0;
  z-index: 1090;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

@media only screen and (max-width: 768px){
  #BLM_Notice a {
    left: 85%;
  }

  #EQ_Society a {
    right: 85%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px){
  #BLM_Notice a {
    left: 92%;
  }

  #EQ_Society a {
    right: 92%;
  }
}

#BLM_Button, #EQ_Button {
  top:81.9px;
  background-color: #CBA16E;
  writing-mode: vertical-lr;
  transform: rotate(360deg);
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.document_main_content .panel {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    background: #FFFFFF;
    border: 2px solid #F0F0F0;
    box-sizing: border-box;
    border-radius: 6px;
    min-height: 40px;
}
.document_main_content  a i {
    color: #000;
    font-size: 1.5rem;
    font-weight:normal;
}
.document_main_content h2 {
    color: #000;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}


/* END Section Specific Classes */

/* END ALL views */