You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
cosmopet-architecture/wp-content/themes/cosmopet/static/css/wtb-page.css

147 lines
2.6 KiB

/* Where home */
.where-home {
padding: 162px 0 37px;
color: var(--background);
}
.authors h1{
font-size: 82px;
font-weight: bold;
line-height: 96px;
color:#fff;
margin-bottom: 41px;
text-transform: uppercase;
}
.where-home h1 {
font-size: 82px;
font-weight: bold;
line-height: 96px;
margin-bottom: 41px;
text-transform: uppercase;
}
.where-home p {
max-width: 928px;
color: #FFF;
font-size: 36px;
font-weight: bold;
line-height: 40px;
text-transform: uppercase;
}
/* Where home end */
/* Find us */
.find-us {
color: var(--background);
padding-bottom: 24px;
}
.find-us h2 {
padding: 10px 0;
font-size: 36px;
font-weight: bold;
line-height: 40px;
text-transform: uppercase;
margin-bottom: 24px;
}
.find-us ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 36px;
}
.find-us h3 {
font-size: 24px;
font-weight: bold;
line-height: 28px;
margin-bottom: 8px;
text-transform: uppercase;
}
.find-us p {
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
/* Find us end */
/* Location */
.location {
padding-bottom: 35px;
}
.location h2 {
padding: 10px 0;
margin-bottom: 37px;
text-align: right;
font-size: 36px;
font-weight: bold;
line-height: 40px;
text-transform: uppercase;
color: var(--main_white);
}
.location iframe {
height: 783px;
width: 100%;
border-radius: 64px;
}
/* Location end */
/* Sell form */
.sell-form {
padding-bottom: 31px;
}
.sell-form__container {
background: var(--main_white);
border-radius: 64px;
padding: 64px 105px 38px;
color: var(--grey-black);
display: flex;
flex-direction: column;
gap: 48px;
}
.sell-form h2 {
font-size: 36px;
font-weight: bold;
line-height: 40px;
text-transform: uppercase;
}
.sell-form p {
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
line-height: 28px;
}
.sell-form form {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.sell-form form button {
background: var(--main_black);
padding: 11px 70px;
color: var(--main_white);
text-transform: uppercase;
border-radius: 16px;
font-size: 20px;
font-weight: 600;
line-height: 24px;
border: 1px solid var(--main_black);
}
.sell-form form button:hover {
background: var(--main_white);
color: var(--main_black);
}
/* Sell form end */