/* ----------------------------------------- */ /* View: Members View - start */ /* ----------------------------------------- */ .search-field{ padding: 6px; border: 1px solid #ccc; border-radius: 4px; width: 260px; } .member-title{ color: #d16200 } .member-filter .checkbox{ margin-right:15px; } .example-select-menu .btn{width:36px;margin:1px 1px 0 1px;float:left;} .btn.reset{width: 100px;margin:1px 1px 0 1px;float:left;} /*.member-grid-box{ margin-bottom: 30px; width: 33.333333%; float:left; padding:0 10px; }*/ .member-grid-box{ margin-bottom: 30px; width: 50%; float:left; padding:0 10px; } @media only screen and (max-width: 991px) { .member-grid-box{ width: 50%; float: left; padding:0 10px; } } @media only screen and (max-width: 767px){ .member-grid-box{ width: 100%; float: left; padding:0 10px; } } /* ----------------------------------------- */ /* View: Members View - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in Members View - start */ /* ----------------------------------------- */ .member-card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 100%; padding : 15px; min-height:330px; } .member-card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } .member-container { padding: 10px 15px!important; } .member-img-block{ background: #f7f7f7; padding: 10px; /*width: 128px; height: 128px;*/ display: flex; align-items: center; } .member-logo{ height:128px; width:128px; margin:0 auto; display: flex; } .member-name{height: 48px; overflow:hidden;} .address-field{height:80px; overflow:hidden;} .view-profile-btn{height:32px; overflow:hidden;} .member-container span{ float:left; height:24px; overflow:hidden; } @media only screen and (max-width: 991px) { .member-container span{ float:left; height:24px; overflow:hidden; font-size:15px; } } /* ----------------------------------------- */ /* Content Template: Loop item in Members View - end */ /* ----------------------------------------- */