.academia_website_avalanche_tools_contacts_styles_outerwrapper {
display: flex;
justify-content: center;
width: 95%;
margin: 3em auto;
}
.academia_website_avalanche_tools_contacts_styles_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 12px;
background-color: white;
}
@media (width < 940px) {
.academia_website_avalanche_tools_contacts_styles_wrapper {
width: 100%;
}
}
@media (width >= 940px) {
.academia_website_avalanche_tools_contacts_styles_wrapper {
width: 80%;
}
}
.academia_website_avalanche_tools_contacts_styles_mainheading {
display: flex;
margin: 2em;
font-family: Markpro;
color: rgba(110, 31, 115, 0.7);
font-weight: 800;
font-size: 40px;
}
.academia_website_avalanche_tools_contacts_styles_contactaddresssocial {
display: flex;
border-radius: 12px;
flex-direction: row;
flex-wrap: wrap;
justify-content: start;
margin-top: 1.1vw;
margin-bottom: 3.2vw;
width: 90%;
gap: 1vw;
}
@media only screen and (max-width: 800px) {
.academia_website_avalanche_tools_contacts_styles_contactaddresssocial {
flex-direction: column;
width: 90%;
}
}
.academia_website_avalanche_tools_contacts_styles_contactcardwrapper {
flex-basis: 42%;
flex-grow: 1;
flex-shrink: 1;
height: 130px;
background-color: rgba(110, 31, 115, 0.08);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Markpro;
padding: 1.4em 1em;
gap: 10px;
border-radius: 30px;
}
@media (width <= 800px) {
.academia_website_avalanche_tools_contacts_styles_contactcardwrapper {
align-items: center;
width: 100%;
height: auto;
padding: 20px 0;
flex-basis: 0;
flex-grow: 0;
flex-shrink: 0;
border-radius: 13px;
}
.academia_website_avalanche_tools_contacts_styles_bulletinfohead {
cursor: pointer;
}
.academia_website_avalanche_tools_contacts_styles_icondrop {
visibility: visible;
}
.academia_website_avalanche_tools_contacts_styles_expandedsection {
display: none;
}
.academia_website_avalanche_tools_contacts_styles_separationline {
width: 50%;
}
.academia_website_avalanche_tools_contacts_styles_contactlistwrapper {
flex-direction: column;
width: 100%;
gap: 1vw;
align-items: start;
justify-content: start;
flex-wrap: nowrap;
}
.academia_website_avalanche_tools_contacts_styles_iconwrapper {
width: 20px;
height: 20px;
}
.academia_website_avalanche_tools_contacts_styles_contactitem {
text-align: center;
}
}
.academia_website_avalanche_tools_contacts_styles_expander {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.academia_website_avalanche_tools_contacts_styles_bulletinfohead {
color: rgba(0, 0, 0, 0.4);
font-family: Markpro;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.academia_website_avalanche_tools_contacts_styles_icondrop {
color: rgba(0, 0, 0, 0.4);
}
@media (width > 800px) {
.academia_website_avalanche_tools_contacts_styles_icondrop {
visibility: hidden;
}
.academia_website_avalanche_tools_contacts_styles_expandedsection {
display: flex;
}
}
.academia_website_avalanche_tools_contacts_styles_expandedsection {
flex-direction: column;
justify-content: center;
gap: 8px;
}
.academia_website_avalanche_tools_contacts_styles_separationline {
height: 2px;
width: 100%;
background-color: rgba(110, 31, 115, 0.2);
}
.academia_website_avalanche_tools_contacts_styles_contactlistwrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: start;
align-items: center;
width: 98%;
gap: 6px;
}
.academia_website_avalanche_tools_contacts_styles_contactitemwrapper {
width: max-content;
background-color: white;
box-sizing: border-box;
box-shadow: 0 0 20px 0 rgba(110, 31, 115, 0.08);
padding: 4px 8px;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
border-radius: 70px;
gap: 0.5vw;
margin: 0.1vw;
}
.academia_website_avalanche_tools_contacts_styles_iconwrapper {
width: 14px;
height: 14px;
background-color: rgba(110, 31, 115, 0.84);
padding: 6px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.academia_website_avalanche_tools_contacts_styles_icon {
width: 95%;
}
.academia_website_avalanche_tools_contacts_styles_contactitem {
color: rgba(110, 31, 115, 0.84);
font-family: Markpro;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
}