/* ----------------------------------------- */ /* Content Template: loop-item-in-temas - start */ /* ----------------------------------------- */ .tema { background: #f4f4f4; width: 100%; display: block; margin-bottom: 20px; border-radius: 3px; padding: 40px 40px 36px 40px; border-bottom: 4px solid transparent; } .tema:hover { border-bottom: 4px solid #5137aa; } .tema h3 { display: inline; font-family: "Work Sans", Sans-serif; font-weight: 400; letter-spacing: 1px; font-size: 1.75rem; position: relative; top: -20px; left: 40px; } .tema div { width: 60px; height: 60px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; display: inline-block; } @media (max-width: 768px) { .tema div { width: 100%; } .tema h3 { display: block; position: static; text-align: center; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-temas - end */ /* ----------------------------------------- */