:root {
font-size: 10px;
--primary: #232725;
--text: #232725;
--white: #fff;
--silver: #565656;
--silver2: #9a9a9a;
--gray: #BEBEBE;
--yellow: #ffcb00
}
body {
margin: 0;
padding: 0;
font-size: 1.6rem;
line-height: 1.5;
font-weight: 500
}
.hide {
display: none!important
}
strong,b {
font-weight: 600
}
.trans-3 {
transition: all .3s ease;
-webkit-transition: all .3s ease
}
.hiden {
display: none!important
}
.elementor-editor-active .hiden {
display: inherit!important;
opacity: .2
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
color: var(--yellow)!important
}
.gform-theme--framework .gform_validation_errors {
border-color: var(--yellow)!important
}
.gform-theme--framework .gfield_validation_message {
color: var(--yellow)!important
}
.artwork-form_wrapper .gfield input.large::placeholder {
color: #959595
}
.artwork-form_wrapper .gfield_label {
color: var(--white)!important
}
.artwork-form_wrapper .gform_required_legend {
display: none
}
.artwork-form_wrapper .gform_body .gform_fields {
gap: 2rem
}
.elementor-widget-container .artworks {
padding-left: calc((100vw - 1160px)/2)
}
.artworks-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 4rem
}
.artworks .swiper-scrollbar {
position: relative!important;
margin-top: 5rem
}
.artworks .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--white);
opacity: .5;
cursor: pointer;
transition: all .3s ease
}
.artworks .swiper-scrollbar .swiper-scrollbar-drag:hover {
opacity: 1
}
.artworks .artwork {
display: block;
max-width: 375px
}
.artworks .artwork .wrap-title {
margin-top: 1rem
}
.artworks .artwork .wrap-img,.artworks-grid .artwork {
position: relative
}
.artworks-grid .artwork .title {
margin: 1rem 0 .5rem;
font-size: 2rem
}
.artworks-grid .artwork .desc {
opacity: .8;
font-size: 1.3rem
}
.artworks-grid .artwork .link-contact {
position: absolute;
right: 1rem;
bottom: 4rem;
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
background: var(--yellow);
border-radius: 50%;
color: var(--primary);
font-size: 2rem;
z-index: 2;
transition: all .4s ease;
transform: scale(0);
opacity: 0
}
.artworks-grid .artwork:hover .link-contact {
transform: scale(1);
opacity: .8
}
.artworks-grid .artwork .link-contact:hover {
transform: scale(1.1);
opacity: 1
}
.popup-artwork-img {
height: 40rem
}
.artworks .artwork .wrap-img .img,.artworks-grid .artwork .wrap-img .img {
height: 49rem;
transition: all .3s ease;
background-size: cover;
background-position: center;
display: block;
text-decoration: none
}
.artworks-grid .artwork .wrap-img .img {
height: 40rem
}
.artworks:hover .artwork .wrap-img .img,.artworks-grid:hover .artwork .wrap-img .img {
opacity: .5
}
.artworks .artwork .wrap-img .img:hover,.artworks-grid .artwork .wrap-img .img:hover {
opacity: 1;
transform: scale(1.05) translateY(-1rem)
}
.artworks a .wrap-title {
margin-top: 2rem
}
.artworks a .wrap-title .title {
color: var(--white);
font-weight: 600
}
.elementor-widget-text-editor a {
color: var(--primary);
font-weight: 600
}
.elementor-widget-text-editor a:hover {
text-decoration: underline
}
.wg-card-event {
position: relative;
display: flex;
padding: 3rem 0;
border-bottom: 1px solid #3b3b3b;
color: var(--silver2)
}
.wg-card-event:hover {
border-bottom-color: var(--white);
color: var(--white)
}
.wg-card-event .date {
font-size: 3.2rem;
font-weight: 400;
color: var(--white)
}
.wg-card-event .wrap-date {
flex: 0 0 23rem
}
.wg-card-event .wrap-date .past {
font-size: 2rem
}
.wg-card-event .wrap-date .hour {
margin: 1rem 0
}
.wg-card-event .title {
margin: 0;
line-height: 1.2
}
.wg-card-event .title-wrap {
display: flex;
gap: 1rem
}
.wg-card-event .title-wrap .wrap-btn {
flex: 0 0 20rem
}
.wg-card-event .title-wrap .wrap-btn a {
display: block;
background: 0 0;
border: 2px solid var(--yellow);
padding: 1rem 3rem;
font-weight: 600;
color: var(--yellow);
line-height: 1.2
}
.wg-card-event .title-wrap .wrap-btn a:hover {
background: var(--yellow);
color: var(--primary)
}
.post-info a {
color: var(--white);
border-bottom: 2px solid var(--white);
display: inline-block;
text-decoration: none!important;
transition: all .3s ease
}
.post-info a:hover {
border-bottom-color: var(--yellow);
color: var(--yellow)
}
.gform-theme--foundation .gform_footer .gform_button {
background: var(--yellow)!important;
color: var(--primary)!important;
padding: 1.6rem 5rem!important;
font-size: 1.8rem!important;
font-weight: 600!important;
border-radius: 0!important;
margin-top: 2rem!important;
opacity: 1;
transition: all .3s ease
}
.gform-theme--foundation .gform_footer .gform_button:hover {
opacity: .8!important
}
.gform-theme--framework .gform_validation_errors {
border-color: var(--yellow)
}
.gform-theme--framework .gform_validation_errors .gform_submission_error,.gform-theme--framework .gform_validation_errors .gform-icon:before,.gform-theme--framework .gfield_validation_message {
color: var(--yellow);
border-color: var(--yellow)
}
.gform-theme--foundation .gfield .ginput_password.large,.gform-theme--foundation .gfield input.large,.gform-theme--foundation .gfield select.large {
background: 0 0;
border: 0;
border-radius: 0;
border-bottom: 2px solid var(--silver);
height: 4rem;
color: var(--gray);
font-size: 1.8rem;
outline: none;
box-shadow: none;
transition: all .3s ease
}
.gform-theme--foundation .gfield .ginput_password.large:focus,.gform-theme--foundation .gfield input.large:focus,.gform-theme--foundation .gfield select.large:focus {
border-bottom-color: var(--white);
color: var(--white)
}
.gform_confirmation_message {
background: #336233;
text-align: center;
padding: 1rem;
font-family: Avenir,sans-serif
}
.gform_wrapper.gravity-theme .gform_footer input.gform_button {
height: 5rem;
background: var(--primary);
font-size: 2rem;
padding: 0 5rem;
border-radius: 0!important;
cursor: pointer;
color: var(--white)!important;
transition: all .3s ease;
text-transform: uppercase;
border: 0;
-webkit-border-radius: 0!important;
-webkit-appearance: none
}
.gform_wrapper.gravity-theme .gform_footer input.gform_button:hover {
background: var(--primary-hover)!important;
border-color: var(--primary-hover)!important
}
.gform_wrapper.gravity-theme .form-consent input {
margin: 0 .5rem -1px 0
}
.gform_wrapper.gravity-theme a:hover {
text-decoration: underline
}
.gform_wrapper.gravity-theme .gfield_label {
font-weight: 600!important
}
.gform_wrapper.gravity-theme .gfield textarea.large {
min-height: 10rem!important;
max-width: 100%;
width: 100%!important;
height: inherit;
padding: 1.5rem;
font-family: avenir,sans-serif;
max-height: inherit
}
.gform_wrapper .horizontal-radios .ginput_container>.gfield_radio {
display: flex;
flex-wrap: wrap
}
.gform_wrapper .horizontal-radios .ginput_container>.gfield_radio .gchoice:nth-child(n+1):nth-child(-n+3) {
flex: 1 0 20%
}
.gform_wrapper .horizontal-radios .ginput_container>.gfield_radio .gchoice {
flex: 0 0 9%;
line-height: 1.2
}
.gform_wrapper .gsection_title {
margin: 2rem 0 0;
font-family: Avenir,sans-serif;
font-weight: 600
}
.gform_wrapper.gravity-theme {
font-family: avenir,sans-serif;
font-weight: 500
}
.gform_wrapper .gf_repeater2_title {
display: none
}
.gform_wrapper.gravity-theme .gfield input.large,.gform_wrapper.gravity-theme .gfield select.large,.gform_wrapper.gravity-theme .gfield input.datepicker {
font-family: avenir,sans-serif;
border-radius: 4px;
border: 1px solid #acacac;
width: 100%;
height: 5rem;
padding: 0 1.5rem
}
.gform_wrapper.gravity-theme .gf_repeater2_add,.gform_wrapper.gravity-theme .gf_repeater2_remove {
background: 0 0;
padding: 0;
color: var(--primary);
font-weight: 600;
font-size: 2rem;
position: relative
}
.gform_wrapper.gravity-theme .gf_repeater2_add {
margin-right: 4rem
}
.gform_wrapper.gravity-theme .gf_repeater2_add:after,.gform_wrapper.gravity-theme .gf_repeater2_remove:after {
content: '';
display: block;
width: 0%;
height: 2px;
background: var(--primary);
transition: all .3s ease
}
.gform_wrapper .ginput_container_repeater2-end {
margin-top: 2rem
}
.gform_wrapper.gravity-theme .gf_repeater2_add:hover:after,.gform_wrapper.gravity-theme .gf_repeater2_remove:hover:after {
width: 100%
}
.gform_wrapper.gravity-theme input[type=radio],.gform_wrapper.gravity-theme input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
width: 15px;
height: 15px;
padding: 2px;
background-clip: content-box;
border: 1px solid #6c6c6c;
background-color: var(--white);
border-radius: 50%
}
.gform_wrapper.gravity-theme input[type=radio]:checked,.gform_wrapper.gravity-theme input[type=checkbox]:checked {
background-color: var(--primary)
}
.gform_wrapper.gravity-theme .gfield input[type=file] {
padding: 0;
height: inherit
}
@media(max-width: 1000px) {
.artworks-grid {
grid-template-columns:repeat(3,1fr)
}
}
@media(max-width: 900px) {
.wg-card-event .wrap-date {
flex:0 0 13rem
}
.wg-card-event .title,.wg-card-event .date {
font-size: 2.5rem
}
}
@media(max-width: 760px) {
.artworks-grid {
gap:2rem;
grid-template-columns: repeat(2,1fr)
}
}
@media(max-width: 600px) {
h4 {
font-size:2.2rem!important
}
.popup-artwork-img {
display: none
}
.artworks-grid .artwork .link-contact {
transform: scale(1);
opacity: 1
}
.artworks-grid .artwork .wrap-img .img {
height: 40rem;
grid-template-columns: repeat(2,1fr)
}
.artworks-grid .artwork .wrap-title {
font-size: 1.4rem
}
.artworks:hover a .wrap-img .img,.artworks-grid .artwork .wrap-img .img {
opacity: 1;
height: 30rem
}
.artworks a .wrap-img .img:hover,.artworks-grid .artwork .wrap-img .img:hover {
opacity: 1;
transform: none
}
.wg-card-event {
display: block
}
.wg-card-event .wrap-date {
margin-bottom: 2rem
}
.wg-card-event .title-wrap {
display: block
}
.wg-card-event .title,.wg-card-event .date {
font-size: 2rem
}
.wg-card-event .wrap-date .hour {
font-size: 1.4rem;
margin: .2rem 0
}
.wg-card-event .desc-wrap {
font-size: 1.4rem;
text-align: justify
}
.wg-card-event .title-wrap .wrap-btn a {
display: block;
margin-top: 2rem;
text-align: center
}
.gform-theme--foundation .gform_footer .gform_button {
width: 100%!important;
display: block!important
}
.gform-theme--foundation .gfield .ginput_password.large,.gform-theme--foundation .gfield input.large,.gform-theme--foundation .gfield select.large {
font-size: 1.4rem
}
}