/*  width: 350px;   changed to 325 for 3 column Tim Keener 12/15/2022*/

.atg-portal {
  display: block;
  width: 350px;
  height: auto;
  color: #004664;
  background-color: white;
  transition: transform 0.3s cubic-bezier(.25,.8,.25,1), box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
  box-shadow: 0 3px 6px rgb(0 0 0 / 20%), 0 6px 12px rgb(0 0 0 / 20%);
  margin: 0 auto 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #bdc3ca;
}
.atg-portal:hover {
  transform: translate(0,-2px);
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%), 0 10px 20px rgb(0 0 0 / 20%);
}
.atg-portal .portal-header {
  display: block;
  width: 100%;
  height: 100px;
}
.atg-portal .portal-header img {
  display: block;
  width: 100%;
  height: auto;
}
.atg-portal .portal-body {
  display: block;
  padding: 17px;
  text-align: center;
  width: 100%;
}
.atg-portal .portal-body h3 {
  font-size: 20px;
  font-weight: 400;
  color: #004664;
  margin-bottom: 12px;
}
.atg-portal .portal-body a.mk-button {
  display: inline-block;
  width: auto;
  padding: 12px 20px 8px;
  margin: 5px 0px;
  box-shadow: none;
  border-width: 0px;
  font-size: 14px;
  line-height: 100%;
	border-width: 2px;
    border-style: solid;
    border-color: #c3002f;
    background-color: #c3002f;
    color: white
}
.atg-portal .portal-body a.mk-button:hover {
	background-color: white;
    color: #c3002f;
}
.atg-portal .portal-footer {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 28px;
  background-color: #F1F2F2;
  color: #004664;
}
.portal-footer .portal-footer-description {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    font-size: 12px;
    line-height: 30px;
    width: 310px;
    padding-left: 15px;
    padding-right: 5px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
a.portal-footer-icon {
    box-sizing: border-box;
    position: absolute;
    left: 322px;
    padding-top: 6px;
    width: auto;
    text-align: center;
    color: #004664;
}
a.portal-footer-icon::hover {
    text-decoration: none;
}
a.portal-footer-icon .dashicons {
  font-size: 17px;
}
.portal-footer, a.portal-footer-icon, .dashicons {
    margin-top: -3px;
    transition: all .15s;
    transition-timing-function: cubic-bezier(0.13, 0.01, 0.74, 1.24);
}

/***
*    Expanded Footer Styles 
*/
.portal-footer.expanded {
    height: 158px !important;
    margin-top: -130px;
    padding: 12px 0 15px;
    box-shadow: 0px -8px 10px -1px #00070a2e;
}
.portal-footer.expanded .portal-footer-description {
    width: 100%;
    white-space: initial;
    overflow-y: scroll;
    font-size: 12.5;
    line-height: 19px;
    padding: 1px 25px 3px 18px;
    width: 100%;
}

/* scrollbar styling */
.portal-footer.expanded .portal-footer-description::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.05);
	background-color: #F5F5F5;
}
.portal-footer.expanded .portal-footer-description::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
}

.portal-footer.expanded .portal-footer-description::-webkit-scrollbar-thumb {
	background-color: #000000;
	border-radius: 2px;
}
/***
*    END scrollbar styling 
*/

.portal-footer.expanded a.portal-footer-icon {
    bottom: 2px;
}
.portal-footer.expanded .dashicons {
    transform: rotate(180deg);
    
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ Expanded Footer Styles */
    .portal-footer, a.portal-footer-icon, .dashicons {
        transition: all .15s;
        transition-timing-function: cubic-bezier(0.13, 0.01, 0.74, 1.24);
    }
    .portal-footer:hover {
        height: 158px !important;
        margin-top: -130px;
        padding: 12px 0 15px;
        box-shadow: 0px -8px 10px -1px #00070a2e;
    }
    .portal-footer:hover .portal-footer-description {
        width: 100%;
        white-space: initial;
        overflow-y: scroll;
        font-size: 12.5;
        line-height: 19px;
        padding: 1px 25px 3px 18px;
        width: 100%;
    }
    
    .portal-footer:hover a.portal-footer-icon {
        bottom: 2px;
    }
    .portal-footer:hover .dashicons {
        transform: rotate(180deg);
        
    }
    /* END IE10+ Expanded Footer Styles */
}
/***
*    END Expanded Footer Styles 
*/

/***
*    Responsive Styles
*/
@media screen and (max-width: 410px) {
    .atg-portal {
        min-width: 100%;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    .portal-footer .portal-footer-description {
        width: 100%;
    }
}
/***
*    END Responsive Styles
*/