/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */

form.am-login-form-form {
    padding: 20px;
    background: #F9F9F9;
    border: 1px solid lightgray
}
.am-layout-two-coll, .am-layout-two-coll .am-layout-two-coll-top, .am-layout-two-coll .am-layout-two-coll-bottom {
    background: none !important;
}



.btn-ext {
	background: #ff3131 none repeat scroll 0 0 !important;
	border: medium none !important;
	border-radius: 50px !important;
  text-decoration: none;
	color: white !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	line-height: 0.5 !important;
	padding: 20px 30px !important;
	margin: 10px 10px 0 10px !important;
	text-align: center !important;
	touch-action: manipulation;
	transition: all 700ms ease 0s !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	position: relative !important;
	overflow: hidden !important;
	z-index: 1 !important;
}
.btn-ext span {
    background: #0D0147 none repeat scroll 0 0 !important;
    border-radius: 50% !important;
    display: block !important;
    height: 0 !important;
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transition: width 0.6s ease 0s, height 0.6s ease 0s !important;
    -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s !important;
    -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s !important;
    -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s !important;
    -o-transition: width 0.6s ease 0s, height 0.6s ease 0s !important;
    width: 0 !important;
    z-index: -1 !important;
}
.btn-ext:hover > span {
    height: 762.5px !important;
    width: 762.5px !important;
}
.btn-ext:hover {
	color: white !important;
	background: #0D0147 none repeat scroll 0 0 !important;
}




.wap-ico {
    background-color: #25d366;
    position: fixed;
    bottom:20px;
    right:20px;
    border-radius: 50px;
    width: 55px;
	height: 55px;
	cursor: pointer;
	box-shadow: 0 0 0 #25d366;
	animation: pulse 2s infinite;
}
.wap-ico svg {
    width: 37px;
    height: 37px;
    padding: 15% 17%;
}
.wap-ico:hover {
    background-color: #22a151;
    transition: 0.30s ease-in;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(33, 191, 81, 0.6);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(33, 191, 81, 0.15);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(33, 191, 81, 0);
  }
}



ul#member-resources {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-between;
}
li[id^='resource-link-page-'][id$='-wrapper']{
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    width: 225px;
    margin: 15px 22px;
    display: inline-block;
}
li[id^='resource-link-link-'][id$='-wrapper']{
    border: 1px solid #e0e0e0;
    border-radius: 30px 0 30px 0;
    width: 250px;
    margin: 15px 22px;
    display: inline-block;
}
.resourcesimg{
    width: 225px;
    height: 155px;
    border-radius: 25px 25px 0 0;
    background: white;
    float: left;
    margin: auto;
    text-align: center !important;
}
.restitle{
    width: 100%;
    height: 40px;
    border-radius: 0 0 25px 25px;
    float: left;
    margin: auto;
    background-color: #ff3131;
    line-height: 40px;
    text-align: center;
}
.restitle a{
    text-decoration: none;
    color: #fff !important;
}
.restitle a:hover {
   font-weight: bold;
   letter-spacing: 1px;
}
.restitle:hover {
background-color: #0C0049;
}

.am-input-filter-wrapper {
    display: none !important;
}