published_versions/css/index.css (288 lines of code) (raw):

.druid-masthead { padding: 50px 20px 42px 20px; background-color: #3b3b50; text-align: center; margin: 0 auto 20px; margin-bottom: 14px; color: white; overflow: hidden; background-image: url("/img/watermark-dark.png"); background-size: 800px auto; background-repeat: no-repeat; background-position: 26% -76px; } .druid-masthead .button { display: inline-block; min-width: 155px; margin: 6px; font-size: 1.1em; line-height: 1.4em; font-weight: 600; padding: 9px 12px; border-radius: 2px; background: #9caeff; color: #1C1C26; transition: background-color 0.1s ease; } .druid-masthead .button .fa, .druid-masthead .button .fab { font-size: 16px; margin-right: 3px; } .druid-masthead .button:hover, .druid-masthead .button:active { background: white; text-decoration: none; } .druid-masthead .lead { font-size: 1.7em; line-height: 1.7em; font-weight: 600; margin-top: 8px; margin-bottom: 26px; max-width: 910px; margin-left: auto; margin-right: auto; } .druid-masthead b { font-weight: 700; } .bottom-news { display: block; } @media (max-width: 500px) { .druid-masthead .lead { font-size: 1.4em; } .druid-masthead .button { min-width: 130px; } } @media (min-width: 992px) { .card { min-height: 294px; } } @media (min-width: 1200px) { .card { min-height: 230px; } } .key-druid-features { padding-top: 25px; } .key-druid-features * p { margin-top: 5px !important; } .key-druid-features * .card-margin { margin-bottom: 1.875rem; } .key-druid-features * .card { border: 0; box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #ffffff; background-clip: border-box; border: 1px solid #e6e4e9; border-radius: 8px; padding-left: 20px; padding-bottom: 10px; padding-right: 10px; } .key-druid-features * .card .card-header.no-border { border: 0; } .key-druid-features * .card .card-header { background: none; font-weight: 500; display: flex; align-items: center; min-height: 50px; } .key-druid-features * .card-header:first-child { border-radius: calc(8px - 1px) calc(8px - 1px) 0 0; } .key-druid-features * .widget-49 .widget-49-title-wrapper { display: flex; align-items: center; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-primary { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #edf1fc; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day { color: #4e73e5; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month { color: #4e73e5; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-secondary { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fcfcfd; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day { color: #dde1e9; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-month { color: #dde1e9; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-success { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #e8faf8; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day { color: #17d1bd; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-month { color: #17d1bd; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-info { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #ebf7ff; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day { color: #36afff; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month { color: #36afff; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-warning { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: floralwhite; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day { color: #FFC868; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-month { color: #FFC868; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-danger { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #feeeef; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day { color: #F95062; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-month { color: #F95062; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-light { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fefeff; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day { color: #f7f9fa; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-month { color: #f7f9fa; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-dark { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #ebedee; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day { color: #394856; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month { color: #394856; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-base { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #f0fafb; width: 4rem; height: 4rem; border-radius: 50%; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day { color: #68CBD7; font-weight: 500; font-size: 1.5rem; line-height: 1; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month { color: #68CBD7; line-height: 1; font-size: 1rem; text-transform: uppercase; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-meeting-info { display: flex; flex-direction: column; margin-left: 1rem; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title { color: #3c4142; font-size: 14px; } .key-druid-features * .widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time { color: #B1BAC5; font-size: 13px; } .key-druid-features * .widget-49 .widget-49-meeting-points { font-weight: 400; font-size: 13px; margin-top: .5rem; } .key-druid-features * .widget-49 .widget-49-meeting-points .widget-49-meeting-item { display: list-item; color: #727686; } .key-druid-features * .widget-49 .widget-49-meeting-points .widget-49-meeting-item span { margin-left: .5rem; } .key-druid-features * .widget-49 .widget-49-meeting-action { text-align: right; } .key-druid-features * .widget-49 .widget-49-meeting-action a { text-transform: uppercase; } sup { vertical-align: super; font-size: smaller; }