/* ----------------------------------------- */ /* Content Template: template-for-profiles - start */ /* ----------------------------------------- */ /* Thumbnail Image */ .profile-page-picture img{ border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } /* Span Tag */ span{ font-weight:700; } /* Member since */ .member-since{ margin-top:20px; margin-bottom:20px; } /* Link */ .profiles-edit-profile a{ padding-left:0px; } /* Division */ .profiles-edit-profile{ margin-top:20px; } /* Profile ratings */ .profile-ratings{ text-align:center; margin-top:50px; margin-bottom:50px; height:150px; background-color:#f7f7f7; display:flex; flex-direction:column; justify-content:center; } /* Post ratings */ .profile-ratings .post-ratings{ margin-top:10px; height:50px; } /* Row */ .profile-column-container{ display:flex; flex-direction:row; } /* Column text */ .column-text{ align-self:center; } /* Inner content */ .ct-inner-content:nth-child(2){ position:relative; top:0px; left:0px; } /* Division */ .ct-inner-content > div:nth-child(3){ font-weight:700; font-size:20px; } /* Division */ .ct-inner-content > div:nth-child(5){ font-weight:700; font-size:20px; } /* 1604px and below screen sizes */ @media (max-width:1604px){ /* Row */ .ct-section-inner-wrap .ct-inner-content div div .row{ } } /* 992px and below screen sizes */ @media (max-width:992px){ /* Row */ .ct-section-inner-wrap .ct-inner-content div div .row{ display:flex; flex-direction:column; align-items:center; } } /* 768px and below screen sizes */ @media (max-width:768px){ /* Row */ .profile-column-container{ flex-direction:column; align-items:center; } /* Column text */ .column-text{ align-self:center; display:flex; flex-direction:column; align-items:center; padding-top:20px; } /* Column picture */ .column-picture{ display:flex; justify-content:center; } } /* ----------------------------------------- */ /* Content Template: template-for-profiles - end */ /* ----------------------------------------- */