/***************************************************************************************************
****************************************************************************************************

Project..... Vaughan Memorial Library website
Date........ Q2-2023
Developer... vincent.grovestine@acadiau.ca

****************************************************************************************************
***************************************************************************************************/



/*******************************************************************************
********************************************************************************
** COOKIE CONSENT (templates/vml2022_web/includes/cookie_consent.html5)
********************************************************************************
*******************************************************************************/

div.cc-window,
div.cc-window * {
  font-family: inherit !important;
  font-size: 1em !important;
}

div.cc-window.cc-floating {
  opacity: 0.9375;
  border: 1px solid var(--vml-color-cc-window-border);
  box-shadow: 0px 0px 0.5em var(--vml-color-box-shadow);
  border-radius: 0.125rem;
  padding: 1em 1.5em;
  max-width: 24em;
}

div.cc-window.cc-right {
  right: 3vw;
}
div.cc-window.cc-bottom {
  bottom: 3vh;
}

@media all and (max-width: 720px) {

  div.cc-window.cc-floating {
    opacity: 0.875;
    max-width: 66vw;
  }

  div.cc-window.cc-right {
    left: 50vw;
    margin-left: -33vw;
    right: auto;
  }

  div.cc-window.cc-bottom {
    top: 30vh;
    bottom: auto;
  }

}

div.cc-window .cc-message a.cc-link {
  color: var(--vml-color-cc-window-a-cc-link-text);
  text-decoration: underline;
  display: inline;
  padding: 0;
  opacity: 1;
}

div.cc-window .cc-message a:hover.cc-link {
  color: var(--vml-color-cc-window-a-hover-cc-link-text);
}

div.cc-window .cc-compliance a.cc-btn.cc-dismiss {
  border-radius: 0.125rem;
  text-decoration: none;
  border-style: outset;
  border-width: 1px;
}


/***************************************************************************************************
***************************************************************************************************/
