@charset "utf-8";
/* Our Team CSS Document */
.groomsmen-wrap { position:relative;}

.grooms-list { position:relative; margin-bottom:20px; padding-top:20px;}
.grooms-inner { position:relative;}

.grooms-thumbnail { position:relative; width:231px; height:241px; margin:0 auto 15px; padding:30px;}
.grooms-image { position:relative; border-radius:50%; overflow:hidden;}
.grooms-image img { border-radius:50%; width:100%; height:100%; object-fit:cover; -webkit-transition:all 300ms ease; transition:all 300ms ease;}
.brdgrm-frame { position:absolute; left:-3px; top:-6px; width:231px; height:241px; background:url('../../../images/brdgrm-frame.png') no-repeat center center; background-size:cover;}

.grooms-social-icon { padding:25px 0; margin-left:0; position:absolute; z-index:1; top:100%; left:0; right:0; list-style:none; display:flex; align-items:center; justify-content:center; -webkit-transition:all 0.7s cubic-bezier(0.3, 0.02, 0, 0.6); transition:all 0.7s cubic-bezier(0.3, 0.02, 0, 0.6);}
.grooms-social-icon li { margin:0 2px; list-style:none;}
.grooms-social-icon li a { font-size:13px; height:30px; width:30px; line-height:30px; background-color:#738ea5; color:#ffffff; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.grooms-list:hover .grooms-social-icon { top:calc(100% - 125px);}
.grooms-social-icon li a:hover { background-color:#002642; color:#ffffff;}

.grooms-details { position:relative; text-align:center;}
.grooms-details h4 { margin-bottom:5px;}
.grooms-details span { font-size:18px; color:#738ea5;}

.grooms-list:hover .grooms-image img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.grooms-list:hover .brdgrm-frame { -webkit-animation:fa-spin 10s infinite linear; animation:fa-spin 10s infinite linear;}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
  	transform: rotate(0deg); 
  }
  100% {
    -webkit-transform: rotate(1turn);
  	transform: rotate(1turn); 
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
  	transform: rotate(0deg); 
  }
  100% {
    -webkit-transform: rotate(1turn);
  	transform: rotate(1turn); 
  }
}

/* Groomsmen Single */
.single-grooms-thumb{ margin-bottom:30px; }
.single-grooms-thumb img { border:8px solid #738ea5; padding:10px; }
.single-grooms-info h2{ margin-bottom:10px; }
.single-grooms-info span { display:block; text-transform:capitalize; font-weight:400; color:#738ea5; line-height:normal; margin:0 0 20px; }
#sidebar .grooms-member-info{ margin-top:30px; }
#sidebar .grooms-member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .grooms-member-info ul li{ display:block; margin:0 0 15px; padding:0 0 15px; position:relative; }
#sidebar .grooms-member-info ul li strong { color:#002642; }
#sidebar .grooms-member-info ul li:before { content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#738ea5; }
#sidebar .grooms-member-info ul li:last-child::before{ content:none; }
.grooms-member-single-social a { width:30px; height:30px; border-radius:30px; line-height:32px; display:inline-block; background-color:#738ea5; margin-right:5px; color:#ffffff; text-align:center; font-size: 12px; }
.grooms-member-single-social a:hover{ background-color:#002642; color:#ffffff; }