﻿
/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* admin-LoginModal 
body.modal-open {overflow: visible;}*/
#adminLoginModal .modal-header {border:0 !important;}
#adminLoginModal .modal-header button {width:40px;height:40px;padding:0;border:2px solid #ccc;border-radius:40px;opacity:1;}
#adminLoginModal .modal-header button span{line-height:20px;font-size:28px;}
#adminLoginModal .modal-dialog {margin:0 !important;max-width:100%;width:100vw !important;height:100vh !important;background-color:#ffffff;}
#adminLoginModal .modal-content {box-shadow:none !important;border:0 !important;}
.popupDisclaimer a{text-decoration: underline !important;}
#Email-loginForm {display:none;}
#Email-loginForm-action {padding:0;box-shadow:none;width:100%;margin:0;text-align:left;margin: 0 !important;}
#Email-loginForm-action svg{width:42px;vertical-align: middle;height:42px;color:#1580a6;padding:0.70rem;}
#Email-loginForm-action span {font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: bold;}
.Email-loginForm-buttons       {width:260px;max-width:260px ​!important;border:thin solid #ccc;}
.Email-loginForm-buttons:hover {width:260px;max-width:260px ​!important;border-color:#000000 !important;}
/*

####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) {

}