/* ----------------------------------------- */ /* Content Template: header-icon - start */ /* ----------------------------------------- */ .tooltip > .tooltip-inner { background-color: #222222; color: #FFFFFF; /*border: 1px solid #000000;*/ padding: 3px 10px; font-size: 12px; } .header-icon img { box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2); } /* ----------------------------------------- */ /* Content Template: header-icon - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: mobile-navigation-menu - start */ /* ----------------------------------------- */ .tooltip > .tooltip-inner { background-color: #222222; color: #FFFFFF; /*border: 1px solid #000000;*/ padding: 3px 10px; font-size: 20px; } a.mobile-menu { color: orange; } a.mobile-menu:hover { text-decoration: underline; } /* ----------------------------------------- */ /* Content Template: mobile-navigation-menu - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: event-list-template - start */ /* ----------------------------------------- */ .card-img-top img { width: 100%; } @media (max-width: 767px) { .card-columns {column-count: 1;} } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { .card-columns {column-count: 3;} } /* ----------------------------------------- */ /* Content Template: event-list-template - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: blog-list - start */ /* ----------------------------------------- */ .card-img-top img { width: 100%; } @media (max-width: 767px) { .card-columns {column-count: 1;} } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { .card-columns {column-count: 2;} } .header { width: 100%; padding-top: 50%; overflow: hidden; position: relative; } .header img { width: 100%; height: auto; margin: auto; position: absolute; top: -100%; right: -100%; bottom: -100%; left: -100%; } .card .avatar { text-align: center; position: relative; top: -25px; margin-bottom: -25px; } .card .avatar img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(255,255,255,0.75); } /* ----------------------------------------- */ /* Content Template: blog-list - end */ /* ----------------------------------------- */