<style>
.left {
width: 40%;
margin-left: auto;
margin-right: auto;
}
.left .logo {
width: 100%;
max-width: 400px;
height: auto;
}
.left .donate_img {
width: 100%;
max-width: 200px;
height: auto;
margin-top: 10px;
}
.left1 img {
width: 400px;
height: 150px;
}
.middle {
width: 40%;
height: auto;
}
.right {
width: 20%;
}
.column {
float: left;
padding: 10px;
}
/* Clear floats after the columns */
.row::after {
content: "";
display: table;
clear: both;
}
/* Style the counter cards */
.card {
min-width: 225px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
/* this adds the "card" effect */
padding: 16px;
text-align: center;
background-color: #fbfbf9;
font-family: Verdana, sans-serif;
height: auto;
margin-bottom: 15px;
}
.bulletin-board-card {
min-width: 225px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
/* this adds the "card" effect */
padding: 16px;
text-align: center;
background-color: #fbfbf9;
font-family: Verdana, sans-serif;
height: auto;
margin-bottom: 15px;
margin-top: 0px;
}
.bulletin-board {
padding-top: 0px;
margin-top: 10px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.bulletin {
font-size: 12px;
font-weight: 500;
text-align: left;
padding-top: 0px;
padding-left: 10px;
width: 80%;
}
.bulletin a {
font-weight: 900;
}
.bulletin a.external {
background: url(https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/external.webp) center right no-repeat;
padding-right: 13px;
}
.bulletin .bulletin_readmore {
padding-top: 4px;
display: inline !important;
}
.bulletin-board-header {
display: flex;
flex-flow: row wrap;
/* Then we define how is distributed the remaining space */
/* justify-content: space-around; */
/* padding: 0; */
/* margin: 0; */
justify-content: flex-start;
}
.bulletin-board-header-img {
display: inline;
padding-bottom: 10px;
width: 15%;
}
.bulletin-board-header-img img {
width: auto !important;
height: 40px !important;
}
/* Responsive layout */
@media screen and (max-width: 1500px) {
.bulletin-board-card {
width:80%;
max-width: 400px !important;
}
.bulletin-board-header-img {
width: 20% !important;
}
.bulletin-board-header-img img {
width: auto !important;
height: 40px !important;
}
}
@media screen and (max-width: 1200px) {
.bulletin-board-card {
max-width: 400px !important;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.bulletin-board {
max-width: 350px;
}
.bulletin-board-header-img {
width: 20% !important;
}
.bulletin-board-header-img img {
width: auto !important;
height: 50px !important;
}
}
.bulletin-board-header-txt {
font-size: 14px;
font-weight: 900;
margin-bottom: 5px;
text-align: left;
}
hr.rounded {
width: 75%;
border-top: 2px solid #bbb;
border-radius: 5px;
}
* {
box-sizing: border-box;
}
.header_container {
text-align: center;
display: block;
align-items: center;
overflow: hidden;
}
.header_left {
padding: 20px;
float: left;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.header_right {
float: right;
width: 50% !important;
height: auto;
}
.header_right1 div {
text-align: center;
align-items: center;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
.header_container {
display: block;
}
}
@media screen and (max-width: 1200px) {
.header_left,
.header_right {
float: none;
margin: auto;
width: auto;
border: 0;
/*border-bottom: 2px solid #000;*/
}
}
.carousel {
display: block;
max-width: 400px;
min-width: 400px;
padding-top: 0px;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
}
.mySlides {
display: none;
}
.mySlides img {
object-fit: cover;
width: 100%;
height: auto;
}
.mySlide {
width: 100%;
height: 100%;
border-radius: 5%;
}
#main1 {
max-width: 1600px;
}
.test .confluenceTd {
padding: 2px 5px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF;
}
.test .confluenceTd td {
padding: 0px 15px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1500px) {
.left {
width: 30%;
}
.left logo {
width: 300px;
height: 100px;
}
.left donate_img1 {
width: 300px;
height: 100px;
}
.right {
width: 30%;
}
.card {
max-width: 150px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1200px) {
.column {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.card {
max-width: 250px !important;
margin-left: auto;
margin-right: auto;
}
}
</style> |