.studio-breadcrumb
{
position: relative;
width: 100%;
height: auto;
box-sizing: border-box;
margin-top: 20px;
}
.studio-breadcrumb-itens
{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 100%;
height: auto;
}
.studio-breadcrumb-itens-item
{
position: relative;
width: auto;
height: auto;
font-weight: bold;
color: #333;
font-size: 14px;
}
.studio-breadcrumb-itens-item .active
{
font-weight: 300;
color: #999;
}
.studio-breadcrumb-itens-item a
{
text-decoration: none;
color: inherit;
}
.studio-breadcrumb-item.barra
{
margin-left: 7px;
margin-right: 7px;
}
.studio-button
{
width: 100%;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
padding-left: 30px;
padding-right: 30px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
cursor: pointer;
border: 0;
border-radius: 5px;
box-sizing: border-box;
overflow: hidden;
}
.studio-button:hover
{
opacity: 0.95;
}
.studio-button.default
{
background-color: #868e96;
color: #FFF;
}
.studio-button.default a
{
display: block;
color: #FFF;
text-decoration: none;
}
.studio-button.insert
{
background-color: #0085BA;
color: #FFF;
border: 1px solid #c3e6cb;
}
.studio-button.insert a
{
display: block;
color: #FFF;
text-decoration: none;
}
.studio-button.reset
{
background-color: #999;
color: #FFF;
}
.studio-button.reset a
{
display: block;
color: #FFF;
text-decoration: none;
}
.studio-button.save
{
background-color: #0085BA;
color: #FFF;
}
.studio-button.save a
{
display: block;
color: #FFF;
text-decoration: none;
}
.studio-button.delete
{
background-color: #dc3545;
color: #FFF;
}
.studio-button.delete a
{
display: block;
color: #FFF;
text-decoration: none;
}
.studio-button.info
{
background-color: #17a2b8;
color: #FFF;
}
.studio-button.info a
{
display: block;
color: #FFF;
text-decoration: none;
}
.studio-button.link
{
background-color: transparent;
color: #333;
}
.studio-button.link a
{
display: block;
color: #333;
text-decoration: none;
}
.studio-button.link a:hover
{
text-decoration: underline;
}
.studio-container-buttons
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
}
@media(min-width: 768px)
{
.studio-container-buttons
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
}
@media(max-width: 767px)
{
.studio-container-buttons-columns
{
max-width: none !important;
}
}
.studio-container-buttons-columns
{
position: relative;
width: 100% ;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-top: 7px;
margin-bottom: 7px;
}
@media(min-width: 768px)
{
.studio-container-buttons-columns
{
margin-left:  10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.studio-container-buttons-columns:first-child
{
margin-left: 0;
}
.studio-container-buttons-columns:last-child
{
margin-right: 0;
}
}
.studio-confirm
{
position: fixed;
width: 100vw;
height: 100vh;
z-index: 99999;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
display: none;
flex-direction: row;
justify-content: center;
align-items: center;
opacity: 0;
}
.studio-confirm-open
{
display: flex;
}
.studio-confirm-close
{
display: none;
}
.studio-confirm-box
{
position: fixed;
width: 400px;
height: 200px;
background-color: #FFF;
box-sizing: border-box;
overflow: hidden;
border-radius: 20px;
box-shadow: 0px 0px 20px #CCC;
}
.studio-confirm-box-content
{
position: relative;
width: 100%;
height: 70%;
padding: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
}
.studio-confirm-box-butons
{
position: relative;
width: 100%;
height: 30%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.studio-confirm-box-butons-cancel
{
position: relative;
width: 50%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background-color: #dc3545;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}
.studio-confirm-box-butons-cancel:hover
{
color: #FFF;
opacity: 0.95;
}
.studio-confirm-box-butons-confirm
{
position: relative;
width: 50%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
font-weight: 400;
background-color: #0085BA;
}
.studio-confirm-box-butons-confirm:hover
{
color: #FFF;
opacity: 0.95;
}.studio-widget-documentation
{
background-color: #000;
color: #FFF
}
.studio-widget-documentation-main-title
{
position: relative;
font-weight: bold;
font-size: 20px;
}
.studio-widget-documentation-block-title
{
}
.studio-widget-documentation-item
{
}
.studio-widget-documentation-item-title
{
}
.studio-widget-documentation-item-description
{
}
.studio-feedback
{
position: relative;
width: 100%;
height: auto;
padding: 20px;
box-sizing: border-box;
background-color: #FFF;
border-left: 5px solid orange;
}
.studio-feedback-itens
{
position: relative;
width: auto;
height: auto;
}
.studio-feedback-itens-item
{
position: relative;
width: auto;
height: auto;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
}
.studio-feedback-itens-close
{
position: absolute;
width: auto;
height: auto;
right: 0;
top: 50%;
margin-top: -13px;
z-index: 10;
text-decoration: none;
color: inherit;
font-size: 50px;
outline: none;
}
.studio-feedback-itens-close:active
{
outline: none;
}
.studio-feedback-itens-close span
{
font-size: 30px;
width: auto;
height: auto;
outline: none !important;
}
.studio-feedback-itens-close span:hover
{
outline: none;
}
.studio-feedback-itens-close span::active
{
outline: none;
}.studio-widget-filter-forms
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-filter-forms .s-open-filter
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-filter-forms .s-open-filter .studio-widget-button
{
width: 100%;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-open-filter
{
display: none;
}
}
.studio-widget-filter-forms .s-form
{
position: fixed;
width: 100vw;
height: 100vh;
background-color: #FFF;
top:0;
left:0;
z-index: 100;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form
{
background: none;
}
}
.studio-widget-filter-forms .s-form.s-mobile-hidden
{
display: none
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form.s-mobile-hidden
{
display: block;
}
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form
{
position: relative;
width: auto;
height: auto;
top: initial;
left: initial;
z-index: initial;
}
}
.studio-widget-filter-forms .s-form .s-wrap
{
position: relative;
width: auto;
height: auto;
padding: 30px;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap
{
padding:0;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-close-filter
{
position: fixed;
width: auto;
height: auto;
top: 20px;
right: 20px;
font-size: 24px;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-close-filter
{
display: none;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-contents
{
position: relative;
width: auto;
height: auto;
max-height: 500px;
overflow: auto;
margin-top:50px;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-contents
{
position: relative;
width: auto;
height: auto;
max-height: initial;
overflow: initial;
margin-top: 0;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row
{
flex-direction: column;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row
{
flex-direction: row;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row.s-align-left
{
justify-content: flex-start;
align-items: flex-start;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row.s-align-left
{
justify-content: flex-start;
align-items: flex-end;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row.s-align-center
{
justify-content: center;
align-items: center;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row.s-align-center
{
justify-content: center;
align-items: flex-end;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row.s-align-right
{
justify-content: flex-end;
align-items: flex-end;
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-row.s-align-right
{
justify-content: flex-end;
align-items: flex-end;
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-column
{
flex-direction: column;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-column.s-align-left
{
align-items: flex-start;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-column.s-align-center
{
align-items: center;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items.s-column.s-align-right
{
align-items: flex-end;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item
{
position: relative;
width: calc(100%/1);
height: auto;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item .s-wrap
{
padding: 5px;
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-1
{
width: calc(100%/1);
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap.s-items .s-item.s-size-1
{
width: calc(100%/1);
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-2
{
width: calc(100%/1);
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-2
{
width: calc(100%/2);
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-3
{
width: calc(100%/1);
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-3
{
width: calc(100%/3);
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-4
{
width: calc(100%/1);
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-4
{
width: calc(100%/4);
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-5
{
width: calc(100%/1);
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-5
{
width: calc(100%/5);
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-6
{
width: calc(100%/1);
}
@media(min-width: 1200px)
{
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item.s-size-6
{
width: calc(100%/6);
}
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item .studio-widget-form-label
{
}
.studio-widget-filter-forms .s-form .s-wrap .s-items .s-item .studio-widget-form-select
{
}
.studio-widget-filter-forms .s-display-none
{
display: none;
}
.studio-widget-filter-sidebar
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-filter-sidebar-mobile
{
position: relative;
width: auto;
height: auto;
}
@media(min-width: 1200px)
{
.studio-widget-filter-sidebar-mobile
{
display:none;
}
}
.studio-widget-filter-sidebar-mobile-btn
{
position: relative;
width: 100%;
height: 50px;
background-color: #EEE;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
.studio-widget-filter-sidebar-mobile-itens
{
position: fixed;
width: 100vw;
height: 100vh;
z-index: 100;
background-color: #EEE;
box-sizing: border-box;
padding-top: 70px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 70px;
overflow-y: auto;
list-style: none;
top: 0;
left: 0;
margin: 0;
}
.studio-widget-filter-sidebar-mobile-itens-close
{
position: fixed;
width: auto;
height: auto;
padding: 15px;
top: 0px;
right: 0px;
font-size: 30px;
cursor: pointer;
}
.studio-widget-filter-sidebar-mobile-itens-title
{
font-size: 18px;
text-transform: uppercase;
margin: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.studio-widget-filter-sidebar-mobile-itens-item
{
position: relative;
width: 100%;
height: auto;
font-size: 16px;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 20px;
}
.studio-widget-filter-sidebar-mobile-itens-item a
{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
box-sizing: border-box;
}
.studio-widget-filter-sidebar-mobile-itens-item-icon
{
padding-right: 20px;
}
.studio-widget-filter-sidebar-mobile-itens-item.active
{
font-weight: bold;
}
.studio-widget-filter-sidebar-hidden
{
display:none;
}
.studio-widget-filter-sidebar-desktop
{
position: relative;
width: 100%;
display:none;
}
@media(min-width: 1200px)
{
.studio-widget-filter-sidebar-desktop
{
display: block;
}
}
.studio-widget-filter-sidebar-desktop-itens
{
position: relative;
width: 100%;
height: auto;
list-style: none;
margin: 0;
padding: 0;
}
.studio-widget-filter-sidebar-desktop-itens-title
{
font-size: 18px;
text-transform: uppercase;
margin: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.studio-widget-filter-sidebar-desktop-itens-item
{
position: relative;
width: 100%;
height: auto;
font-size: 16px;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
}
.studio-widget-filter-sidebar-desktop-itens-item.active
{
font-weight: bold;
}
.studio-widget-filter-sidebar-desktop-itens-item a
{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
box-sizing: border-box;
}
.studio-widget-filter-sidebar-subitems
{
position: relative;
width: auto;
height: auto;
list-style: none;
margin: 0;
padding:0;
margin-top: 10px;
padding-left: 20px;
display: none;
}
.studio-widget-filter-sidebar-subitems-subitem
{
position: relative;
width: 100%;
height: auto;
font-size: 16px;
box-sizing: border-box;
display: block;
margin-top: 7px;
margin-bottom: 7px;
font-weight: normal;
}
.studio-widget-filter-sidebar-subitems-subitem.active
{
font-weight: bold;
}
.studio-widget-filter-sidebar-subitems-subitem a
{
}
.studio-widget-filter-sidebar-desktop-btn-clear
{
margin-top: 25px;
}
.studio-widget-filter-sidebar-desktop-btn-clear .studio-widget-button
{
} .studio-widget-form-input-checkbox
{
width: 100%;
}
.studio-widget-form-input-color
{
width: 60px;
}
.studio-widget-form-input-datalist
{
width: 100%;
}
.studio-widget-form-input-date
{
width: 200px;
}
.studio-widget-form-input-file
{
width: 100%;
border: 1px solid #F2F2F2;
}
.studio-widget-form
{
position: relative;
width: 100%;
height: auto;
box-sizing: border-box;
padding: 0;
}
.studio-widget-form-row
{
position: relative;
display: block;
width: auto;
height: auto;
margin-bottom: 7px;
color: inherit;
box-sizing: border-box;
}
.studio-widget-form-container-buttons
{
position: relative;
width: 100%;
height: auto;
margin-top: 30px;
}
.studio-widget-form-input-number
{
width: 100%;
}
.studio-widget-form-input-password
{
width: 100%;
}
.studio-widget-form-input-radio
{
width: 100%;
}
.studio-widget-form-input-range
{
width: 100%;
}
.studio-widget-form-input-search
{
width: 100%;
}
.studio-widget-form-select
{
position: relative;
display: block;
width: 100% !important;
max-width: 100% !important;
height: 40px;
line-height: 40px;
outline: none !important;
box-sizing: border-box;;
padding-left: 10px;
padding-right: 10px;
}
.studio-widget-form-input-text
{
width: 100% !important;
height: 40px;
line-height: 40px;
outline: none !important;
}
.studio-widget-form-label
{
position: relative;
display: block;
width: 100%;
height: auto;
margin-bottom: 5px;
margin-top: 5px;
font-weight: bold;
text-align: left;
text-transform: none;
}
.studio-widget-form-textarea
{
width: 100%;
outline: none !important;
box-sizing: border-box;;
padding-left: 10px;
padding-right: 10px;
}
.studio-widget-input-quantity
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-input-quantity .spw-wrap
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 20px;
}
.studio-widget-input-quantity .spw-label
{
font-weight: bold;
}
.studio-widget-input-quantity .spw-btn-group
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-left: 20px;
justify-content: flex-start;
align-items: center;
}
.studio-widget-input-quantity .spw-btn-group .spw-btn-change
{
position: relative;
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: normal;
background-color: #F7F8FA;
cursor: pointer;
}
.studio-widget-input-quantity .spw-btn-group .spw-btn-less
{
}
.studio-widget-input-quantity .spw-btn-group .spw-btn-more
{
}
.studio-widget-input-quantity .spw-btn-group .spw-result
{
margin-left: 5px;
margin-right: 5px;
}
.studio-widget-input-quantity .spw-btn-group .spw-result .spw-input
{
width: auto;
max-width: 40px;
text-align: center;
border:0;
}
.studio-widget-listing
{
position: relative;
width: 100%;
height: auto;
}
.studio-widget-listing-itens
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
box-sizing: border-box;
}
.studio-widget-listing-itens-item
{
position: relative;
width: 100%;
box-sizing: border-box;
}
.studio-widget-listing-itens-item-wrap
{
position: relative;
width: 100%;
height: auto;
}
.studio-widget-listing-pagination
{
position: relative;
width: 100%;
height: auto;
margin-top: 25px;
margin-bottom: 25px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}.studio-list-view
{
position: relative;
width: 100%;
height: auto;
}
.studio-list-view-header
{
position: relative;
width: 100%;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 2px solid #000;
font-weight: bold;
}
.studio-list-view-footer
{
position: relative;
width: 100%;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
font-weight: bold;
}
.studio-list-view-row
{
position: relative;
width: 100%;
height: auto;
min-height: 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
font-size: 14px;
border-bottom: 1px solid #CCC;
box-sizing: border-box;
}
.studio-list-view-row-columns
{
position: relative;
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-direction: row;
flex-wrap: nowrap;
box-sizing: border-box;
}
.studio-list-view-row-columns-col
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
}
.studio-list-view-row-columns-col-mod-dev
{
border:1px solid red;
}
.studio-list-view-row:hover
{
background-color: #CCC;
}
.studio-list-view-row-link
{
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
z-index: 10;
outline: none !important; 
}
.studio-list-view-row-link:active
{
outline: none;
}.studio-container-page
{
position: relative;
width: 100%;
height: auto;
}
.studio-container-page-header
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
padding: 20px;
}
.studio-container-page-header-title
{
position: relative;
width: 100%;
height: auto;
display: block;
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 0;
}
.studio-container-page-header-subtitle
{
position: relative;
width: 100%;
height: auto;
display: block;
font-size: 16px;
font-weight: 300;
margin: 0;
padding: 0;
margin-top: 7px;
}
.studio-container-page-contents
{
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
}
@media(min-width: 1023px)
{
.studio-container-page-contents
{
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
}
.studio-container-page-contents-content
{
position: relative;
width: 100%;
min-height: 300px;
box-sizing: border-box;
padding: 20px;
}
.studio-container-page-contents-sidebar
{
position: relative;
width: 100%;
min-height: 300px;
box-sizing: border-box;
padding: 20px;
}
@media(min-width: 1023px)
{
.studio-container-page-contents-sidebar
{
width: 500px;
}
}
.studio-panel
{
position: relative;
width: 100%;
height: auto;
min-height: 100px;
background-color: #FFF;
box-sizing: border-box;
border: 1px solid #CCC;
}
.studio-panel-title
{
position: relative;
width: 100%;
height: auto;
min-height: 40px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
font-weight: bold;
border-bottom: 1px solid #EEE;
}
.studio-panel-content
{
position: relative;
width: 100%;
height: auto;
padding: 20px;
box-sizing: border-box;
}.studio-widget-post
{
position: relative;
width: 100%;
height: 480px;
border: 1px solid #E5E5E5;
overflow: hidden;
box-sizing: border-box;
}
.studio-widget-post-link
{
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.studio-widget-post-image
{
position: relative;
width: 100%;
height: 100%;
max-height: 250px;
overflow: hidden;
background-size: cover;
background-position: top;
background-color: #EEE;
}
.studio-widget-post-image img
{
width: 100%;
height: 100%;
}
.studio-widget-post-content
{
position: relative;
width: auto;
height: auto;
box-sizing: border-box;
padding: 30px;
}
.studio-widget-post-content-title
{
position: relative;
width: auto;
height: auto;
text-align: center;
}
.studio-widget-post-content-title h2
{
margin: 0;
font-size: 16px;
}
@media(min-width: 1200px)
{
.studio-widget-post-content-title h2
{
margin: 0;
font-size: 18px;
}
}
.studio-widget-post-content-description
{
position: relative;
width: auto;
height: auto;
font-size: 14px;
margin-top: 20px;
line-height: 20px;
text-align: center;
}
@media(min-width: 1200px)
{
.studio-widget-post-content-description
{
font-size: 14px;
}
}
.studio-widget-post-buttons
{
position: absolute;
width: 100%;
height: auto;
bottom: 20px;
left: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.studio-widget-post-buttons-button
{
position: relative;
width: 100%;
height: 50px;
max-width: 190px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: #EEE;
color: inherit;
text-decoration: none;
border-radius: 50px;
font-size: 14px;
}
@media(min-width: 1200px)
{
.studio-widget-post-buttons-button
{
font-size: 18px;
}
}
.studio-post-image
{
width: 100%;
}
.studio-preload
{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999999;
background-color: rgba(255, 255, 255, 0.30);;
display: none;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.studio-preload-open
{
display: flex;
}
.studio-preload-close
{
display: none;
}
.studio-preload-text
{
position: relative;
width: auto;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
background-color: #FFF;
font-size: 16px;
font-weight: bold;
border-radius: 25px;
border: 1px solid #EEE;
}
#studio-preload-error .studio-preload-text
{
color: red;
}.studio-display-mobile
{
display: block;
}
.studio-display-tablet
{
display: none;
}
.studio-display-desktop
{
display: none;
}
@media(min-width: 768px)
{
.studio-display-mobile
{
display: none;
}
.studio-display-tablet
{
display: block;
}
.studio-display-desktop
{
display: none;
}
}
@media(min-width: 1200px)
{
.studio-display-mobile
{
display: none;
}
.studio-display-tablet
{
display: none;
}
.studio-display-desktop
{
display: block;
}
}
.studio-widget-accordion {
position: relative;
width: auto;
height: auto;
font-family: Roboto;
}
.studio-widget-accordion-item {
position: relative;
width: 100%;
height: auto;
min-height: 50px;
background-color: #FFF;
border: 1px solid #C4C4C4;
box-sizing: border-box;
margin-bottom: 20px;
}
.studio-widget-accordion-item-header {
position: relative;
width: 100%;
height: auto;
min-height: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
padding-right: 20px;
cursor: pointer;
box-sizing: border-box;
}
.studio-widget-accordion-item-header-col
{
width: 100%;
}
.studio-widget-accordion-item-header:hover {
background-color: #EEE;
}
.studio-widget-accordion-item-header-active {
background-color: #EEE;
cursor: default !important;
}
.studio-widget-accordion-item-header-text {
width: 100%;
font-weight: bold;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.studio-widget-accordion-item-header-icon {
width: 50px;
text-align: right;
}
.studio-widget-accordion-item-contents {
position: relative;
width: 100%;
height: auto;
box-sizing: border-box;
padding: 20px;
font-size: 14px;
display: none;
font-weight: 300;
overflow: hidden;
transition: max-height 2s;
}
.studio-widget-accordion-item-contents-open {
display: block;
}
@keyframes studio_animation_contents {
from {
max-height: 0
}
to {
max-height: 2000px
}
}
.studio-widget-accordion-item-contents-open {
display: block;
}.studio-widget-button
{
position: relative;
width: 100%;
height: 50px;
background-color: #EEE;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 16px;
}
@media(min-width: 760px)
{
.studio-widget-button
{
width: max-content;
padding-left: 20px;
padding-right: 20px;
}
}
.studio-widget-button:hover
{
background-color: #CCC;
}
.studio-widget-button-link
{
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 2;
}
.studio-widget-button-icon
{
order: 1;
font-size: 16px;
margin-right: 15px;
}
.studio-widget-button-text
{
order: 2;
}.studio-widget-case
{
position: relative;
font-family: 'Roboto';
width: 100%;
height: auto;
}
.studio-widget-case-wrap
{
position: relative;
width: 100%;
height: auto;
box-sizing: border-box;
}
.studio-widget-case-wrap-link
{
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
@media(min-width: 1200px)
{
.studio-widget-case-wrap
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
}
.studio-widget-case-wrap-col-01
{
position: relative;
display: block;
width: 100%;
height: auto;
box-sizing: border-box;
background-color: #EEE;
}
@media(min-width: 1200px)
{
.studio-widget-case-wrap-col-01
{
position: relative;
width: 50%;
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
}
.studio-widget-case-wrap-col-01-image
{
width: 100%;
max-width: 100%;
}
.studio-widget-case-wrap-col-01-background-image
{
background-size: cover;
background-position: top;
background-repeat: no-repeat;
min-height: 300px;
}
.studio-widget-case-wrap-col-02
{
position: relative;
width: 100%;
height: auto;
box-sizing: border-box;
display: block;
padding: 20px;
}
@media(min-width: 1200px)
{
.studio-widget-case-wrap-col-02
{
position: relative;
width: 50%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 50px;
box-sizing: border-box;
}
}
.studio-widget-case-wrap-col-02-title
{
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
.studio-widget-case-wrap-col-02-title h2
{
margin: 0;
padding: 0;
}
.studio-widget-case-wrap-col-02-description
{
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
.studio-widget-case-wrap-col-02-buttons
{
position: relative;
width: 100%;
height: auto;
margin-top: 20px;
}
.studio-widget-case-wrap-col-02-buttons-buttom
{
position: relative;
width: 100%;
height: 50px;
background-color: #EEE;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
text-decoration: none;
color: inherit;
}
@media(min-width: 760px)
{
.studio-widget-case-wrap-col-02-buttons-buttom
{
min-width: 160px;
max-width: 200px;
}
}
@media(min-width: 1200px)
{
.studio-widget-case-wrap-col-02-buttons-buttom
{
min-width: 160px;
max-width: 200px;
}
}
.studio-widget-case-play-video-button
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}.studio-widget-catalog-of-works
{
position: relative;
width: 100%;
height: 450px;
box-sizing: border-box;
padding: 35px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}
.studio-widget-catalog-of-works-link
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
}
@media(min-width: 760px)
{
.studio-widget-catalog-of-works
{
width: 350px;
height: 500px;
}
}
.studio-widget-catalog-of-works-overlay
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
background: linear-gradient(180deg, rgba(25, 38, 47, 0.89) 0%, rgba(25, 38, 47, 0) 100%);
z-index: 1;
}
.studio-widget-catalog-of-works-contents
{
position: relative;
width: 100%;
height: auto;
z-index: 2;
}
.studio-widget-catalog-of-works-contents-category
{
font-size: 14px;
font-weight: 900;
line-height: 17px;
color: #F7BC04;
text-transform: uppercase;
}
.studio-widget-catalog-of-works-contents-short-description
{
position: relative;
font-size: 16px;
line-height: 19px;
color: #FFF;
font-weight: normal;
margin-top: 10px;
}
.studio-widget-catalog-of-works-contents-title
{
font-size: 24px;
line-height: 29px;
font-weight: 900;
color: #FFF;
padding: 0;
margin: 10px 0 0;
}
.studio-widget-catalog-of-works-contents-buttons
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
margin: 20px 0 0 0;
}
.studio-widget-catalog-of-works-contents-buttons-button
{
position: relative;
width: 100%;
height: 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-weight: 900;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.15em;
background-color: #F7BC04;
border-radius: 15px;
color: #19262F;
text-decoration: none;
text-transform: uppercase;
}
.studio-widget-catalog-of-works-contents-buttons-button-icon
{
margin-right: 5px;
}.studio-courses-01
{
position: relative;
width: 100%;
min-height: 562px;
border: 1px solid #D9D9D9;
box-sizing: border-box;
}
@media(min-width: 768px)
{
.studio-courses-01
{
max-width: 340px;
}
}
@media(min-width: 1024px)
{
.studio-courses-01
{
max-width: 350px;
margin: 15px;
}
}
.studio-courses-01 .spw-image
{
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
box-sizing: border-box;
padding: 30px;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
.studio-courses-01 .spw-image .spw-image-overflow
{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(80, 80, 80, 0) 0%, rgba(80, 80, 80, 0.83) 100%);
top: 0;
left: 0;
z-index: 1;
}
.studio-courses-01 .spw-image .spw-image-content
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
box-sizing: border-box;
padding: 30px;
}
.studio-courses-01 .spw-image .spw-image-content .spw-tags
{
position: relative;
display:flex;
flex-direction: row;
justify-content: flex-start;
}
.studio-courses-01 .spw-image .spw-image-content .spw-tags .spw-category
{
width: auto;
height: auto;
background-color: #C92838;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
padding:7px 15px 7px 15px ;
border-radius: 50px;
margin-left:5px;
}
.studio-courses-01 .spw-image .spw-image-content .spw-tags .spw-category:first-child
{
margin-left: 0;
}
.studio-courses-01 .spw-image .spw-image-content .spw-title
{
position: relative;
width: 100%;
height: auto;
margin: 0;
padding:0;
font-size: 24px;
font-weight: bold;
color: #FFF;
}
.studio-courses-01 .spw-content
{
position: relative;
width: 100%;
height: auto;
background-color: #FFF;
box-sizing: border-box;
padding: 30px;
}
.studio-courses-01 .spw-content .spw-description
{
position: relative;
width: auto;
height: 80px;
overflow: hidden;
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
.studio-courses-01 .spw-content .spw-info
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 25px;
}
.studio-courses-01 .spw-content .spw-info .spw-row
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
margin-top:25px;
}
.studio-courses-01 .spw-content .spw-info .spw-row div:first-child
{
margin-left: 0;
}
.studio-courses-01 .spw-content .spw-info .spw-row .spw-icon
{
}
.studio-courses-01 .spw-content .spw-info .spw-row .spw-text
{
margin-left: 20px;
font-size: 16px;
font-weight: normal;
}
.studio-courses-01 .spw-content .spw-info .spw-row:first-child
{
margin-top: 0;
}
.studio-courses-01 .spw-content .spw-buttons
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin-top:25px;
}
.studio-courses-01 .spw-content .spw-buttons .spw-button
{
position: relative;
width: 48%;
height: 50px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border-radius: 10px;
text-decoration: none;
transition: transform 0.2s;
background-color: #F0662B;
border: 1px solid #F0662B;
color: #FFF;
}
.studio-courses-01 .spw-content .spw-buttons .spw-button.leaked
{
background-color: #FFF;
color: #000;
}
.studio-courses-01 .spw-content .spw-buttons .spw-button:hover
{
transform: scale(1.05);
transition: transform 0.2s;
}
.studio-widget-imagem-title-middle
{
position: relative;
font-family: Roboto;
width: auto;
height: auto;
max-width: 700px;
}
.studio-widget-imagem-title-middle img
{
width: 100%;
height: auto;
}
.studio-widget-imagem-title-middle-title
{
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 16px;
letter-spacing: 2px;
color: #FFF;
}
.studio-widget-imagem-title-middle-title-overlay
{
background-color: rgba(0, 0, 0, 0.5);
}
@media(min-width: 760px)
{
.studio-widget-imagem-title-middle-title
{
font-size: 24px;
}
}
.studio-widget-imagem-title-middle-link
{
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
}
.studio-widget-pagination
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-pagination-itens
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.studio-widget-pagination-itens-item
{
position: relative;
width: 30px;
height: 30px;
background-color: #EEE;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 5px;
text-decoration: none;
color: inherit;
font-size: 12px;
}
@media(min-width: 760px)
{
.studio-widget-pagination-itens-item
{
height: 40px;
font-size: 14px;
}
}
.studio-widget-pagination-itens-item:hover
{
background-color: #CCC;
}
.studio-widget-pagination-itens-item.active
{
background-color: #CCC;
font-weight: bold;
}
.studio-widget-pagination-itens-previous
{
position: relative;
width: auto;
height: 30px;
background-color: #EEE;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 5px;
text-decoration: none;
color: inherit;
box-sizing: border-box;
font-size: 12px;
padding-left: 7px;
padding-right: 7px;
}
@media(min-width: 760px)
{
.studio-widget-pagination-itens-previous
{
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
height: 40px;
}
}
.studio-widget-pagination-itens-next
{
position: relative;
width: auto;
height: 30px;
background-color: #EEE;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 5px;
text-decoration: none;
color: inherit;
box-sizing: border-box;
font-size: 12px;
padding-left: 7px;
padding-right: 7px;
}
@media(min-width: 760px)
{
.studio-widget-pagination-itens-next
{
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
height: 40px;
}
}
.studio-widget-pagination-itens-next:hover
{
background-color: #CCC;
}.studio-widget-search-01
{
position: relative;
width: 100%;
height: auto;
}
.studio-widget-search-01 .s-search
{
width: 100%;
height: 40px;
padding-left: 10px;
padding-right: 40px;
box-sizing: border-box;
border: 1px solid #C4C4C4;
outline: none;
}
.studio-widget-search-01 .s-search:focus
{
outline: none;
}
.studio-widget-search-01 .s-search::placeholder
{
color: #C4C4C4;
font-size: 16px;
font-weight: normal;
}
.studio-widget-search-01 .s-btn
{
position: absolute;
width: auto;
height: auto;
top: 11px;
right: 10px;
z-index: 2;
color: #C4C4C4;
font-size: 18px;
}
.studio-widget-search-01 .s-btn:hover
{
cursor: pointer;
}.studio-widget-video
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-video .studio-video-responsive
{
position: relative;
width: 100%;
min-width: 17.5em;
margin:0 auto;
}
.studio-widget-video .studio-video-responsive .s-video
{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin:0 auto;
}
.studio-widget-video .studio-video-responsive .s-video video
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.studio-widget-video-embed
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-video-embed .studio-video-responsive
{
width: 100%;
min-width: 17.5em;
margin:0 auto;
}
.studio-widget-video-embed .studio-video-responsive .s-video
{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin:0 auto;
}
.studio-widget-video-embed .studio-video-responsive .s-video iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.studio-video-thumbnail
{
width: 100%;
height: auto;
min-width: 17.5em;
min-height: 330px;
margin:0 auto;
}
.studio-video-thumbnail .s-thumb
{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin:0 auto;
}
.studio-video-thumbnail .s-thumb .s-image
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.studio-video-thumbnail .s-thumb .s-link
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.studio-video-thumbnail .s-thumb .s-link .s-icon-play
{
position: relative;
top: initial;
left: initial;
width: auto;
height: auto;
}
.studio-video-thumbnail .s-title
{
font-size: 18px;
text-align: center;
font-weight: normal;
padding: 10px;
}
.studio-widget-video-youtube
{
position: relative;
width: auto;
height: auto;
}
.studio-widget-video-youtube .studio-video-responsive
{
width: 100%;
min-width: 17.5em;
margin:0 auto;
}
.studio-widget-video-youtube .studio-video-responsive .s-video
{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin:0 auto;
}
.studio-widget-video-youtube .studio-video-responsive .s-video iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.studio-widget-table-row
{
position: relative;
width: 100%;
height: auto;
padding: 20px;
background-color: #F7F8FA;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
@media(min-width: 1200px)
{
.studio-widget-table-row
{
flex-direction: row;
}
}
.studio-widget-table-row .studio-col
{
position: relative;
width: 100%;
height: auto;
margin-top: 7px;
margin-bottom: 7px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
@media(max-width: 768px)
{
.studio-widget-table-row .studio-col-number-1
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-2
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-3
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-4
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-5
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-6
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-7
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-8
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-9
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-10
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-11
{
width:100% !important;
}
.studio-widget-table-row .studio-col-number-12
{
width:100% !important;
}
.studio-widget-table-row .studio-title
{
font-weight: bold;
}
}
.studio-widget-table-row .studio-title h2, h3, h4, h5, h6
{
margin: 0;
padding: 0;
}
.studio-widget-table-row .studio-description
{
font-weight: normal;
}#studio-agents-for-map-br
{
width: 100%;
height: 100%;
}
#spw-map-pop
{
z-index: 999999 !important;
}
.studio-agents-for-map-br-state 
{ 
fill: #F4E3A0;
cursor: pointer;
}
.studio-agents-for-map-br-state-hover
{ 
fill:#F3E9C9;
}
.studio-agents-for-map-br-text
{ 
fill:#000;
font-family: Arial;;
cursor:pointer;
font-size: 8px;
}
.studio-agents-for-map-br-text-hover 
{ 
fill:#000;
}
.studio-agents-for-map-br-circle 
{ 
display: none !important;
}
.studio-agents-for-map-br-pop
{
position: fixed;
font-family: Arial;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 999999 !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.studio-agents-for-map-br-pop-background
{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.25);
}
.studio-agents-for-map-br-pop-window
{
position: relative;
width: 100%;
height: 100%;
max-width: 320px;
max-height: 320px;
background-color: #FFF;
box-sizing: border-box;
padding: 20px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
@media(min-width: 768px)
{
.studio-agents-for-map-br-pop-window
{
max-width: 600px;
max-height: 450px;
}
}
.studio-agents-for-map-br-pop-window-close
{
position: absolute;
width: 30px;
height: 30px;
top: 10px;
right: 10px;
z-index: 11000;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 28px;
color: #666;
}
.studio-agents-for-map-br-pop-window-close img
{
max-width: 30px;
max-height: 30px;
}
.studio-agents-for-map-br-pop-window-content
{
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow-y: auto;
padding: 25px;
}
.studio-agents-for-map-br-pop-window-content-title
{
position: relative;
width: 100%;
height: auto;
font-size: 36px;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 25px;
border-bottom: 4px solid #CCC;
}
.studio-agents-for-map-br-pop-window-content-item
{
margin-top: 20px;
margin-bottom: 20px;
}
.studio-agents-for-map-br-pop-window-content-item-name
{
font-weight: bold;
font-size: 16px;
}
.studio-agents-for-map-br-pop-window-content-item-description
{
font-size: 14px;
font-weight: 300;
}
.studio-agents-for-map-br-pop-preload
{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.25);
z-index: 9999999 !important;
display: none;
justify-content: center;
align-items: center;
font-family: Arial;
}
.studio-agents-for-map-br-pop-preload-open
{
display: flex;
}
.studio-agents-for-map-br-pop-preload-text
{
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFF;
border-radius: 25px;
}.studio-budget-list
{
position: relative;
display: block;
width: auto;
height: auto;
}
.studio-budget-list .spw-header
{
padding-left: 25px;
padding-right: 25px;
height: 60px;
border-bottom: 1px solid #E5E5E5;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
box-sizing: border-box;
font-weight: bold;
font-size: 18px;
}
.studio-budget-list .spw-header .spw-row
{
padding: 0;
}
.studio-budget-list .spw-header .spw-row .spw-col
{
}
.studio-budget-list .spw-header .spw-row .spw-col-title
{
}
.studio-budget-list .spw-header .spw-row .spw-col-quantity
{
}
.studio-budget-list .spw-header .spw-row .spw-col-delete
{
}
.studio-budget-list .spw-header .spw-row:hover
{
background: none;
}
.studio-budget-list .spw-contents
{
margin-top:30px;
margin-bottom: 30px;
}
.studio-budget-list .spw-contents .spw-row
{
font-size: 16px;
font-weight: normal;
}
.studio-budget-list .spw-row
{
position: relative;
width: 100%;
height: auto;
min-height: 60px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
box-sizing: border-box;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #F7F8FA;
}
.studio-budget-list .spw-row:hover
{
background-color: #F7F8FA;
}
.studio-budget-list .spw-col
{
position: relative;
width: calc(100% / 3);
}
.studio-budget-list .spw-col-title
{
width: 70%;
text-align: left;
}
.studio-budget-list .spw-col-quantity
{
width: 20%;
text-align: center;
}
.studio-budget-list .spw-col-quantity input
{
width: 60px;
height: 40px;
text-align: center;
font-size: 18px;
font-weight: bold;
border:0;
background-color: #EEE;
}
.studio-budget-list .spw-col-delete
{
width: 10%;
text-align: center;
cursor: pointer;
}
.studio-budget-list .spw-product-name
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
box-sizing: border-box;
}
.studio-budget-list .spw-product-name .spw-product-image
{
position: relative;
width: 100px;
height: 100px;
background-color: #CCC;
box-sizing: border-box;
display: none;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
@media(min-width: 768px)
{
.studio-budget-list .spw-product-name .spw-product-image
{
display: block;
}
}
.studio-budget-list .spw-product-name .spw-product-title
{
position: relative;
width: 100%;
height: auto;
padding-left: 10px;
box-sizing: border-box;
}
.studio-budget-list .spw-buttons
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
margin-top: 40px;
}
@media(min-width: 768px)
{
.studio-budget-list .spw-buttons
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
}
.studio-budget-list .spw-buttons .spw-col-left
{
position: relative;
width: 100%;
height: 50px;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 20px;
}
@media(min-width: 768px)
{
.studio-budget-list .spw-buttons .spw-col-left
{
width: 50%;
margin-top: 0;
}
}
.studio-budget-list .spw-buttons .spw-col-left .studio-widget-button
{
}
.studio-budget-list .spw-buttons .spw-col-left .studio-widget-button-link
{
}
.studio-budget-list .spw-buttons .spw-col-left .studio-widget-button-icon
{
}
.studio-budget-list .spw-buttons .spw-col-left .studio-widget-button-text
{
}
.studio-budget-list .spw-buttons .spw-col-right
{
position: relative;
width: 100%;
height: 50px;
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-top: 20px;
}
@media(min-width: 768px)
{
.studio-budget-list .spw-buttons .spw-col-right
{
width: 50%;
margin-top: 0;
}
}
.studio-budget-list .spw-buttons .spw-col-right .studio-widget-button
{
}
.studio-budget-list .spw-buttons .spw-col-right .studio-widget-button-link
{
}
.studio-budget-list .spw-buttons .spw-col-right .studio-widget-button-icon
{
order: 2;
margin: 0;
padding: 0;
padding-left: 20px;
}
.studio-budget-list .spw-buttons .spw-col-right .studio-widget-button-text
{
order: 1;
}
.studio-budget-finalize
{
position: relative;
width: auto;
height: auto;
}
.studio-budget-finalize .spw-content
{
position: relative;
width: auto;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
}
.studio-budget-finalize .spw-content .spw-row
{
width: 100%;
box-sizing: border-box;
}
@media(min-width: 768px)
{
.studio-budget-finalize .spw-content .spw-row
{
width: 50%;
box-sizing: border-box;
}
}
.studio-budget-finalize .spw-content .spw-row .spw-row-content
{
margin: 5px;
padding: 5px;
}
.studio-budget-finalize .spw-content .spw-row .spw-row-content input
{
text-indent: 20px;
border:0;
background-color: #F7F8FA;
}
.studio-budget-finalize .spw-content .spw-row .spw-row-content input[type=text]
{
height: 60px;
}
.studio-budget-finalize .spw-content .spw-row .spw-row-content input::placeholder
{
font-size: 18px;
font-weight: 300;
color: inherit;
}
.studio-budget-finalize .spw-content .spw-row.spw-submit
{
width: 100%;
}
.studio-budget-finalize .spw-content .spw-row.spw-submit .studio-widget-button
{
width: 100%;
height: 60px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.studio-budget-finalize .spw-content .spw-row.spw-submit .studio-widget-button .studio-widget-button-icon
{
margin: 0;
padding:0;
padding-left: 20px;
order: 2;
}
.studio-budget-finalize .spw-content .spw-row.spw-submit .studio-widget-button .studio-widget-button-text
{
order: 1;
}
.studio-budget-finalize .spw-input-validation-error
{
border: 2px solid red !important;
}
.studio-widget-send-successfully
{
}
.studio-widget-send-successfully .spw-budget-number
{
text-align: center;
text-transform: uppercase;
}
.studio-widget-send-successfully .spw-budget-number span
{
text-transform: lowercase;
font-size: 14px;
font-weight: normal;
}
.studio-widget-send-successfully .studio-budget-list
{
margin-top: 50px;
}
.studio-widget-send-successfully .spw-header
{
}
.studio-widget-send-successfully .spw-row
{
border: 0;
min-height: 25px;
}
.studio-widget-send-successfully .spw-row:hover
{
background:none;
}
.studio-widget-send-successfully .spw-col-title
{
}
.studio-widget-send-successfully .spw-col-quantity
{
}
.studio-widget-send-successfully .spw-contents
{
}
.studio-widget-send-successfully .spw-contents .spw-row
{
padding-left: 20px;
}
.studio-widget-send-successfully .spw-contents .spw-row .spw-col
{
}
.studio-widget-send-successfully .spw-contents .spw-row .spw-col .spw-col-title
{
}
.studio-widget-send-successfully .spw-contents .spw-row .spw-col .spw-col-quantity
{
}
.studio-courses-single-details
{
position: relative;
width: auto;
height: auto;
}
.studio-courses-single-details .s-title
{
margin:0;
padding: 0;
margin-bottom: 35px;
}
.studio-courses-single-details .s-items
{
position: relative;
width: auto;
height: auto;
}
.studio-courses-single-details .s-items .s-item
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 12px;
margin-top: 12px;
}
.studio-courses-single-details .s-items .s-item .s-icon
{
position: relative;
width: auto;
height: auto;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
margin-right: 20px;
font-size: 20px;
}
.studio-courses-single-details .s-items .s-item .s-icon img
{
position: relative;
width: auto;
height: auto;
margin:0;
padding: 0;
}
.studio-courses-single-details .s-items .s-item .s-text
{
font-size: 18px;
font-weight: 300;
}
.studio-courses-price
{
position: relative;
width: auto;
height: auto;
font-weight: bold;
font-size: 36px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
.studio-courses-price .s-prefix
{
margin-right: 5px;
}
.studio-courses-price .s-sufix
{
font-weight: 400;
font-size: 16px;
margin-left: 7px;
}
.studio-courses-chapters
{
position: relative;
width: auto;
height: auto;
}
.studio-courses-chapters .s-title
{
position: relative;
width: auto;
height: auto;
margin-bottom: 40px;
}
.studio-courses-chapters .s-items
{
position: relative;
width: auto;
height: auto;
}
.studio-courses-chapters .s-items .s-item
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
}
.studio-courses-chapters .s-items .s-item .s-icon
{
margin-right: 20px;
font-size: 20px;
}
.studio-courses-chapters .s-items .s-item .s-text
{
font-size: 18px;
}
.studio-courses-search .studio-widget-search-01
{
}
.studio-courses-search .studio-widget-search-01 .s-search
{
height: 50px;
border-radius: 15px;
outline: none;
}
.studio-courses-search .studio-widget-search-01 .s-search:focus
{
outline: none;
}
.studio-courses-search .studio-widget-search-01 .s-btn
{
background-color: #C92838;
height: 50px;
width: 50px;
top: 0;
right: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #FFF;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
font-size: 20px;
}  .studio-carousel-with-categories .studio-horizontal-categories
{
position: relative;
width: auto;
height: auto;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories
{
position: relative;
width: auto;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-btn-menu-select
{
position: relative;
width: fit-content;
height: 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
cursor: pointer;
font-size: 18px;
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-btn-menu-select
{
display: none;
}
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-btn-menu-select .s-text
{
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-btn-menu-select .s-icon
{
margin-left: 15px;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items
{
position: absolute;
width: 90%;
height: 300px;
left: 50%;
top: 50px;
margin-left: -45%;
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 100;
background-color: #EEE;
border: 1px solid #EEE;
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items
{
position: relative;
width: 100%;
max-width: initial;
height: auto;
display: flex;
top: initial;
left: initial;
margin: initial;
overflow-y: initial;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
border: 0;
background-color: transparent;
}
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items.s-hidden-on-mobile
{
display: none
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items.s-hidden-on-mobile
{
display: flex;
}
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item
{
position: relative;
width: auto;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
border: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
padding-bottom: 7px;
text-decoration: none;
color: #8A8A8A;
margin: 7px;
font-size: 16px;
border-radius: 20px;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item:hover
{
transform: none;
}
@media(min-width: 1200px) {
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item
{
position: relative;
width: auto;
height: 60px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border: 1px solid #8A8A8A;
border-radius: 50px;
padding-left: 30px;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
color: #8A8A8A;
margin: 10px;
font-size: 18px;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item:hover
{
transform: scale(1.03);
}
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item.s-active
{
background-color: #333;
border: 1px solid #333;
color: #FFF;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item.s-active:hover
{
transform: initial;
}
.studio-carousel-with-categories .studio-horizontal-categories .s-categories .s-items .s-item.s-last
{
background-color: transparent;
color: #8A8A8A;
border: 0;
font-weight: bold;
} .studio-carousel-with-categories .s-carousel
{
margin-top: 50px;
}
.studio-carousel-with-categories .studio-carousel
{
position: relative;
width: auto;
height: auto;
padding-left: 40px;
padding-right: 40px;
}
.studio-carousel-with-categories .studio-carousel .s-previous
{
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 5px;
font-size: 30px;
margin-top: -30px;
cursor: pointer;
z-index: 10;
}
.studio-carousel-with-categories .studio-carousel .s-next
{
position: absolute;
width: auto;
height: auto;
top: 50%;
right: 5px;
font-size: 30px;
margin-top: -30px;
cursor: pointer;
z-index: 10;
}
.studio-carousel-with-categories .studio-carousel .jcarousel
{
position: relative;
width: auto;
height: auto;
overflow: hidden;
}
.studio-carousel-with-categories .studio-carousel .jcarousel .s-items
{
}
.studio-carousel-with-categories .studio-carousel .jcarousel .s-items .s-item
{
float: left;
}
.studio-carousel-with-categories .studio-carousel .s-items
{
position: relative;
width: 10000em;
height: auto;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item
{
position: relative;
width: 200px;
height: 320px;
box-sizing: border-box;
margin: 10px;
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-carousel .s-items .s-item
{
position: relative;
width: 330px;
height: 470px;
box-sizing: border-box;
margin: 10px;
}
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-link
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-image
{
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-image:hover .s-overlay-video
{
opacity: 1;
background-color: rgba(0, 0, 0, 0.3);
transition: all 0.5s;
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-overlay-video
{
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
z-index: 5;
opacity: 0;
background-color: rgba(0, 0, 0, 0);
transition: all 0.5s;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 60px;
color: #FFF;
text-decoration: none;
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-image
{
position: relative;
width: 330px;
height: 330px;
overflow: hidden;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-text
{
position: relative;
width: auto;
height: 80px;
background-color: #333;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #FFF;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-left: 10px;
padding-right: 10px;
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-text
{
height: 120px;
}
}
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-text h3
{
font-size: 16px;
}
@media(min-width: 1200px)
{
.studio-carousel-with-categories .studio-carousel .s-items .s-item .s-text h3
{
font-size: 20px;
}
}
.studio-coworking-list
{
}
.studio-coworking-list .studio-widget-post-image
{
max-height: 200px;
}
.studio-coworking-list .studio-widget-post
{
background-color: #EEEEEE;
border: 0;
height: 420px;
transition: 0.3s transform;
}
@media(min-width: 1200px)
{
.studio-coworking-list .studio-widget-post:hover
{
transform: scale(1.05);
transition: 0.3s transform;
}
}
.studio-coworking-list .studio-widget-post-content-title
{
text-align: left;
color: #282828;
}
.studio-coworking-list .studio-widget-post-content-title h2
{
font-size: 18px;
line-height: 24px;
}
@media(min-width: 1200px)
{
.studio-coworking-list .studio-widget-post-content-title h2
{
font-size: 22px;
line-height: 28px;
}
}
.studio-coworking-list .studio-widget-post-content-description .s-coworking-description
{
text-align: left;
font-size: 14px;
}
.studio-coworking-list .studio-widget-post-content-description .s-coworking-description .s-coworking-type
{
color: #94C11F;
}
.studio-coworking-list .studio-widget-post-content-description .s-coworking-description .s-coworking-region
{
margin-top: 10px;
color: #282828;
} .studio-coworking-filter
{
position: relative;
width: auto;
height: auto;
}
.studio-coworking-filter .s-form-field
{
width: 100%;
height: 50px;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
outline-color: #999;
}
.studio-coworking-filter .s-form-field::placeholder
{
color: #A5A5A5;
font-size: 14px;
}
.studio-coworking-filter .s-btn-send
{
width: 100%;
height: 50px;
font-size: 16px;
} .studio-coworking-single-feature
{
position: relative;
width: auto;
height: auto;
}
.studio-coworking-single-feature .s-items
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.studio-coworking-single-feature .s-items .s-item
{
position: relative;
width: auto;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
background-color: #94C11F;
color: #FFF;
border-radius: 50px;
margin: 7px;
font-size: 14px;
font-weight: 400;
}
.studio-coworking-single-feature .s-items .s-last-item
{
background-color: #94C11F;
color: #FFF;
width: 35px;
height: 35px;
border-radius: 50px;
} .studio-coworking-single-metas
{
position: relative;
width: auto;
height: auto;
}
.studio-coworking-single-metas .s-items
{
position: relative;
width: 100%;
height: auto;
display:flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
@media(min-width: 1200px)
{
.studio-coworking-single-metas .s-items
{
flex-wrap: nowrap;
}
}
.studio-coworking-single-metas .s-items .s-item
{
margin-left: 10px;
margin-right: 10px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
text-align: center;
}
.studio-coworking-single-metas .s-items .s-item.s-type
{
width: 100%;
display: block;
color: #94C11F;
}
@media(min-width: 1200px)
{
.studio-coworking-single-metas .s-items .s-item.s-type
{
width: auto;
display: inline;
}
}
.studio-coworking-single-metas .s-items .s-bar
{
display: none;
}
@media(min-width: 1200px)
{
.studio-coworking-single-metas .s-items .s-bar
{
display: inline;
}
} .studio-coworking-single-contacts
{
position: relative;
width: auto;
height: auto;
}
.studio-coworking-single-contacts .s-items
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
}
.studio-coworking-single-contacts .s-items .s-item
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-top: 7px;
margin-bottom: 7px;
}
.studio-coworking-single-contacts .s-items .s-item .s-icon
{
position: relative;
width: 30px;
height: auto;
font-size: 16px;
color: #94C11F;
}
@media(min-width: 1200px)
{
.studio-coworking-single-contacts .s-items .s-item .s-icon
{
width: 40px;
font-size: 20px;
}
}
.studio-coworking-single-contacts .s-items .s-item .s-text
{
position: relative;
width: 100%;
height: auto;
font-size: 13px;
color: #000;
}
@media(min-width: 1200px)
{
.studio-coworking-single-contacts .s-items .s-item .s-text
{
font-size: 14px;
}
} .studio-coworking-customer-area
{
}
.studio-coworking-customer-area .s-header
{
text-align: center;
} .studio-coworking-customer-area .s-login
{
position: relative;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
}
.studio-coworking-customer-area .s-login .s-form
{
position: relative;
width: 100%;
max-width: 450px;
height: auto;
box-sizing: border-box;
padding: 20px;
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
@media(min-width: 1200px)
{
.studio-coworking-customer-area .s-login .s-form
{
padding: 50px;
}
}
.studio-coworking-customer-area .s-login .s-form .s-title
{
text-align: center;
font-size: 22px;
font-weight: bold;
color: #000;
}
.studio-coworking-customer-area .s-login .s-form form
{
margin-top: 40px;
}
.studio-coworking-customer-area .s-login .s-form form .s-row
{
position: relative;
width: auto;
height: auto;
margin-top: 7px;
margin-bottom: 7px;
}
.studio-coworking-customer-area .s-login .s-form form .s-row .s-input
{
width: 100%;
height: 60px;
border: 1px solid #EEE;
padding-left: 10px;
padding-right: 10px;
}
.studio-coworking-customer-area .s-login .s-form form .s-row .s-submit
{
width: 100%;
height: 60px;
text-align: center;
background-color: #94C11F;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.05em;
border: 0;
font-size: 16px;
font-weight: bold;
cursor:pointer;
}
.studio-coworking-customer-area .s-login .s-form .s-btn-request-login-senha
{
text-align: center;
margin-top: 40px;
}
.studio-coworking-customer-area .s-login .s-form .s-btn-request-login-senha a
{
text-decoration: none;
color: #000;
font-size: 16px;
font-weight: 600;
}
.studio-coworking-customer-area .s-login .s-form .s-notify
{
position: relative;
width: auto;
height: auto;
padding: 20px;
text-align: center;
font-size: 14px;
background-color: #FFF;
border: 1px solid red;
color: red;
font-weight: bold;
margin-top: 25px;
} .studio-coworking-customer-area .s-my-space
{
position: relative;
width: auto;
height: auto;
}
.studio-coworking-customer-area .s-my-space .studio-widget-post
{
background-color: #FFF;
}
.studio-coworking-customer-area .s-my-space .studio-widget-post .studio-widget-post-content-title
{
text-align: left;
font-weight: bold;
}
.studio-coworking-customer-area .s-my-space .studio-widget-post .studio-widget-post-content-title h2
{
font-size: 20px;
}
.studio-coworking-customer-area .s-my-space .studio-widget-post .studio-widget-post-content-description
{
text-align: left;
}
.studio-coworking-customer-area .s-my-space .studio-widget-post .studio-widget-post-content-description .s-coworking-description .s-coworking-type
{
color: #94C11F;
font-weight: normal;
font-size: 14px;
}
.studio-coworking-customer-area .s-my-space .studio-widget-post .studio-widget-post-content-description .s-coworking-description .s-coworking-region
{
margin-top: 10px;
font-size: 14px;
} .studio-coworking-customer-area .s-contents
{
margin-top: 60px;
}  .studio-coworking-btn-login
{
position: relative;
width: fit-content;
height: auto;
border: 0;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #FFF;
display: flex;
flex-wrap: nowrap;
}
@media(min-width: 1200px)
{
.studio-coworking-btn-login
{
border: 1px solid #FFF;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
}
}
.studio-coworking-btn-login .s-icon
{
color: #FFF;
}
.studio-coworking-btn-login .s-text
{
color: #FFF;
margin-left: 10px;
}
.studio-coworking-display-user
{
position: relative;
width: fit-content;
height: auto;
color: #FFF;
}
.studio-coworking-display-user .s-display-user
{
cursor: pointer;
}
.studio-coworking-display-user .s-display-user .s-name
{
margin-right: 5px;
font-size: 14px;
}
@media(min-width: 1200px)
{
.studio-coworking-display-user .s-display-user .s-name
{
font-size: 16px;
margin-left: 15px;
}
}
.studio-coworking-display-user .s-menu
{
position: absolute;
width: 200px;
height: auto;
right: 0;
top: 30px;
display: flex;
flex-direction: column;
padding: 20px;
background-color: #FFF;
-webkit-box-shadow: 5px 5px 9px 2px rgba(0,0,0,0.39);
box-shadow: 5px 5px 9px 2px rgba(0,0,0,0.39);
z-index: 10;
}
.studio-coworking-display-user .s-menu .s-item
{
position: relative;
width: auto;
height: auto;
margin-top: 7px;
margin-bottom: 7px;
}
.studio-coworking-display-user .s-close
{
display: none;
} .acf-fields.acf-form-fields
{
background-color: #FFF;
padding: 20px;
margin-bottom: 50px;
-webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.46);
-moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.46);
box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.46);
}
@media(min-width: 1200px)
{
.acf-fields.acf-form-fields
{
padding: 50px;
}
}
.acf-field
{
border: 0 !important;
}
@media(max-width: 1200px)
{
.acf-field
{
width: 100% !important;
}
}
.acf-button
{
width: auto;
height: auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #124395;
color: #FFF;
text-align: center;
font-size: 16px;
font-weight: bold;
border: 0;
text-transform: uppercase;
}
.acf-button.button
{
background-color: #FFF;
border: 1px solid #94C11F;
color: #94C11F;
font-weight: bold;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
}
.acf-button.button.button-primary.acf-gallery-add
{
background-color: #FFF;
border: 1px solid #94C11F;
color: #94C11F;
font-weight: bold;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
}
.acf-gallery-toolbar
{
position: relative;
width: auto;
height: auto;
border: 0 !important;
padding-bottom: 25px;
}
.acf-button.button.button-primary.button-large
{
width: 280px;
background-color: #94C11F;
color: #FFFF;
font-weight: bold;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
cursor: pointer;
} .studio-coworking-feedback
{
position: relative;
width: auto;
height: auto;
padding: 30px;
border: 2px solid red;
margin-top: 30px;
margin-bottom: 30px;
color: red;
}
.studio-coworking-feedback-success
{
position: relative;
width: auto;
height: auto;
margin-top: 30px;
margin-bottom: 30px;
color: blue;
}
.spw-lgpd
{
}
.spw-lgpd .lgpd-overlay
{
position: fixed;
width: 100%;
height: 100%;
top:0;
left: 0;
z-index: 2000;
}
.spw-lgpd .lgpd-pop
{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left:0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index: 2002;
}
.spw-lgpd .lgpd-hide
{
display: none;
}
.spw-lgpd .lgpd-pop-box
{
position: relative;
width: 90%;
max-width: 900px;
height: 100%;
max-height: 450px;
background: #FFFFFF;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
border-radius: 20px;
z-index: 2003;
box-sizing: border-box;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-pop-box
{
max-height: 600px;
}
}
.spw-lgpd .lgpd-pop-box-wrap
{
padding: 40px;
box-sizing: border-box;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-pop-box-wrap
{
padding: 80px;
box-sizing: border-box;
}
}
.spw-lgpd .lgpd-pop-box-content
{
position: relative;
width: auto;
height: 370px;
font-weight: normal;
overflow-y: auto;
}
.spw-lgpd .lgpd-pop-box-content h1
{
font-size: 24px;
line-height: 22px;
margin-top: 0;
margin-bottom: 30px;
}
.spw-lgpd .lgpd-pop-box-content h2
{
font-size: 18px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 20px;
}
.spw-lgpd .lgpd-pop-box-content h3
{
font-size: 16px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.spw-lgpd .lgpd-pop-box-content h4
{
font-size: 14px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
.lgpd-pop-box-content-text
{
font-size: 14px;
line-height: 24px;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-pop-box-content
{
height: 440px;
font-size: 18px;
line-height: 30px;
padding-left: 20px;
padding-right: 20px;
}
.spw-lgpd .lgpd-pop-box-content h1
{
font-size: 28px;
}
.spw-lgpd .lgpd-pop-box-content h2
{
font-size: 22px;
line-height: 26px;
margin-top: 20px;
margin-bottom: 20px;
}
.spw-lgpd .lgpd-pop-box-content h3
{
font-size: 18px;
line-height: 22px;
margin-top: 10px;
margin-bottom: 10px;
}
.spw-lgpd .lgpd-pop-box-content h4
{
font-size: 16px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
}
.spw-lgpd .lgpd-pop-box-close
{
position: absolute;
width: auto;
height: auto;
padding: 5px;
right: 5px;
top: 10px;
z-index: 2003;
font-size: 30px;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-pop-box-close
{
right: 10px;
top: 10px;
}
}
.spw-lgpd .lgpd-pop-box-close:hover
{
cursor: pointer;
}
.spw-lgpd .lgpd-notice
{
position: fixed;
width: 100%;
height: auto;
box-sizing: border-box;
bottom: 0;
left:0;
background-color: #FFF;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
z-index: 2001;
border-top: 1px solid #4F4F4F;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-notice
{
width: 100%;
max-width: 500px;
left:unset;
right: 50px;
bottom: 50px;
border-radius: 20px;
border-top: 0;
}
}
.spw-lgpd .lgpd-notice-wrap
{
padding: 20px;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-notice-wrap
{
padding: 50px;
}
}
.spw-lgpd .lgpd-notice-text
{
font-weight: 500;
font-size: 14px;
line-height: 22px;
}
@media(min-width: 768px)
{
.spw-lgpd .lgpd-notice-text
{
font-size: 16px;
line-height: 24px;
}
}
.spw-lgpd .lgpd-notice-text a
{
color: inherit;
font-weight: bold;
}
.spw-lgpd .lgpd-notice-button
{
position: relative;
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border: 1px solid #4F4F4F;
color: #4F4F4F;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
margin-top: 30px;
text-decoration: none;
}