// Variables
@color-primary: #E7BC0F;
@color-secondary: #DC5912;
@color-tertiary: #29612B;
@color-quaternary: #9A191E;
@color-quinary: #233980;
@transparent: ~"rgba(0, 0, 0, .0)";
@color-white: #FFFFFF;
@color-gray-50:  #F8F8F8;
@color-gray-100: #EFEFEF;
@color-gray-200: #CCCCCC;
@color-gray-300: #949494;
@color-gray-400: #666666;
@color-gray-500: #333333;
@color-black: #000000;
@theme-border-radius: 50px;
@theme-font-family-primary: 'Poppins', sans-serif;
@window-border-radius: 150px 150px 0 0;
// Default styles
body {
color: @color-gray-500;
font-weight: 400;
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
padding-bottom: 24px;
}
h1 {
font-size: 40px !important;
line-height: 48px;
}
h2 {
font-size: 32px !important;
line-height: 40px;
}
h3 {
font-size: 24px !important;
line-height: 32px;
}
p {
font-size: 16px;
font-weight: 400;
padding-bottom: 16px;
}
div.et_pb_section {
padding: 48px 0;
}
div.et_pb_row {
padding: 16px;
}
.container,
.et_pb_row {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 768px) {
html.js {
margin-top: 0 !important;
#wpadminbar {
display: none;
}
}
div.et_pb_section {
padding: 24px 0;
}
div.et_pb_column {
margin-bottom: 24px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 16px;
}
.et_pb_post h2 {
padding-bottom: 16px !important;
}
h1 {
font-size: 32px !important;
line-height: 40px;
}
h2 {
font-size: 24px !important;
line-height: 32px;
}
h3 {
font-size: 20px !important;
line-height: 24px;
}
p {
font-size: 14px;
padding-bottom: 16px;
}
}
// Components
#main-header {
box-shadow: unset;
.et_menu_container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 16px;
&::after {
display: none;
}
.logo_container {
display: inline-block;
position: static;
width: auto;
height: auto;
.logo_helper {
display: none;
}
svg {
path {
fill: @color-secondary;
}
}
}
#et-top-navigation {
padding: 0 !important;
float: unset;
> nav {
> ul {
> li {
&:last-child {
padding-right: 0;
}
}
}
}
nav {
ul {
li {
padding-right: 32px;
a {
padding: 0;
font-size: 18px;
&:hover {
color: @color-primary;
background-color: unset;
opacity: 1;
}
}
&.menu-item-has-children {
padding-right: 48px;
> a {
&::after {
right: -21px;
font-size: 20px;
transition: transform .5s;
}
}
&.et-show-dropdown {
> a {
&::after {
transform: rotateZ(180deg);
top: 3px;
}
}
}
.sub-menu {
width: auto;
min-width: unset;
padding: 16px 0;
border-radius: 5px;
top: ~"calc(100% + 16px)";
background-color: @color-secondary;
&::before {
content: "";
left: 0;
top: -16px;
width: 100%;
height: 16px;
display: block;
position: absolute;
}
&::after {
content: "";
top: -19px;
right: 28px;
display: block;
border: 8px solid;
border-color: @transparent @transparent @color-secondary @transparent;
position: absolute;
}
li {
width: 100%;
padding: 0 16px;
a {
width: 100%;
color: @color-white;
margin-bottom: 16px;
font-size: 16px;
line-height: 18px;
&:hover {
color: @color-primary;
}
}
&:last-child {
a {
margin: 0;
}
}
}
}
}
}
}
}
}
}
// Fixed Menu
&.et-fixed-header {
background-color: @color-white;
.et_menu_container {
.logo_container {
svg {
path {
fill: @color-primary;
}
}
}
}
#et-top-navigation {
nav {
ul {
li {
a {
&:hover {
color: @color-secondary !important;
}
}
&.menu-item-has-children {
.sub-menu {
background-color: @color-white;
}
}
}
}
}
}
}
}
@media (max-width: 980px) {
#main-header {
top: 0 !important;
position: fixed !important;
background-color: @color-secondary;
.et_menu_container {
padding: 8px 16px;
#et-top-navigation {
.mobile_menu_bar {
padding: 0;
&::before {
left: -6px;
color: @color-white;
}
}
.closed {
.et_mobile_menu {
-webkit-transform: ~"translateX(100%)";
-moz-transform: ~"translateX(100%)";
-ms-transform: ~"translateX(100%)";
-o-transform: ~"translateX(100%)";
transform: ~"translateX(100%)";
}
}
.opened {
.mobile_menu_bar {
&::before {
content: '\4d';
}
}
.et_mobile_menu {
-webkit-transform: ~"translateX(0)";
-moz-transform: ~"translateX(0)";
-ms-transform: ~"translateX(0)";
-o-transform: ~"translateX(0)";
transform: ~"translateX(0)";
}
}
.et_mobile_menu {
top: 57px;
padding: 16px 0 !important;
border: unset;
background-color: @color-secondary;
border-radius: 0;
display: block !important;
height: ~"calc(100vh - 57px) !important";
right: 0;
position: fixed;
overflow: auto;
-webkit-transition: -webkit-transform 0.5s 0s;
-moz-transition: -moz-transform 0.5s 0s;
transition: transform 0.5s 0s;
-overflow-scrolling: touch !important;
-webkit-overflow-scrolling: touch !important;
li {
a {
padding: 12px 16px;
font-size: 14px;
font-weight: 700;
background-color: @transparent;
color: @color-primary;
border-color: @transparent;
display: inline-block;
}
&.menu-item-has-children {
.sub-menu {
padding: 0;
li {
padding-left: 0;
}
}
}
&.hide-mobile {
> a {
display: none;
}
}
}
> li {
&:last-child {
a {
border: 0;
}
}
}
}
}
.logo_container {
svg {
width: auto;
height: 35px;
path {
fill: @color-white;
}
}
}
}
// Fixed Menu
&.et-fixed-header {
position: fixed;
top: 0 !important;
background-color: @color-secondary;
.et_menu_container {
.logo_container {
svg {
path {
fill: @color-white;
}
}
}
}
}
}
}
#main-footer {
&::after {
content: "";
background: url(//flordemaioteatro.com.br/wp-content/themes/flordemaio/css/components/images/flor-asterisco.jpg) repeat-x left / 256.8px;
display: block;
width: 100%;
height: 48px;
}
#footer-widgets {
display: flex;
padding: 80px 0 24px;
.footer-widget {
margin-bottom: 0;
.widget_nav_menu {
h2 {
font-size: 24px !important;
line-height: 24px;
font-weight: 500;
padding-bottom: 12px;
margin-bottom: 12px;
position: relative;
&::after {
content: "";
display: block;
width: 160px;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: @color-white;
}
}
.menu {
li {
padding: 0;
line-height: 24px;
margin-bottom: 8px;
&::before {
display: none;
}
a {
font-size: 16px;
}
}
}
}
&:last-child {
width: auto;
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
margin: 0 0 0 auto;
.fwidget {
margin-bottom: 8px;
width: 100%;
&:first-child {
figure {
width: 126px;
margin: 0 0 0 auto;
}
}
&:last-child {
div {
display: flex;
justify-content: center;
figure {
margin: 0;
& + figure {
margin-left: 16px;
}
}
}
}
}
}
}
}
#footer-bottom {
padding: 16px 0;
#footer-info {
padding: 0;
float: none;
font-size: 14px;
text-align: center;
}
}
}
@media (max-width: 768px) {
#main-footer {
#footer-widgets {
flex-wrap: wrap;
padding: 48px 0 16px;
&::after {
display: none;
}
.footer-widget {
margin-bottom: 32px !important;
&:nth-child(3) {
margin: 0 !important;
}
&:last-child {
.fwidget {
margin-bottom: 8px !important;
&:first-child {
figure {
width: 126px;
margin: 0 auto;
}
}
&:last-child {
margin-bottom: 0 !important;
}
}
}
}
}
#footer-bottom {
padding: 0 0 16px;
}
}
}
.main-slider {
padding: 0 !important;
.et_pb_slide {
padding: 0;
.et_pb_container {
max-width: 100%;
height: auto !important;
.et_pb_slide_image {
width: 100%;
margin: 0 !important;
animation-name: none;
position: static;
img {
width: 100%;
max-height: unset !important;
animation-name: none;
}
}
.et_pb_slide_description {
display: none;
}
}
.et_pb_section_video_bg {
position: static;
.mejs-video {
position: static;
}
}
}
.et-pb-slider-arrows {
a {
&.et-pb-arrow-prev {
left: 16px;
&::before {
content: url(//flordemaioteatro.com.br/wp-content/themes/flordemaio/css/components/images/arrow-left-circle.svg);
}
}
&.et-pb-arrow-next {
right: 16px;
&::before {
content: url(//flordemaioteatro.com.br/wp-content/themes/flordemaio/css/components/images/arrow-right-circle.svg);
}
}
}
}
}
@media (max-width: 768px) {
.main-slider {
.et_pb_slide {
.et_pb_container {
.et_pb_slide_image {
display: block !important;
}
}
}
}
}
.wpforms-container.default-form {
margin-bottom: 32px;
.wpforms-form {
.wpforms-field-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.wpforms-field {
width: 100%;
padding: 0 0 24px;
&.half-field {
width: 48%;
}
.wpforms-field-label {
font-size: 16px;
font-weight: 500;
padding: 0 0 8px;
margin: 0;
.wpforms-required-label {
padding-left: 4px;
}
}
input,
textarea {
padding: 8px;
border: 1px solid @color-gray-300;
border-radius: 5px;
}
}
}
.wpforms-submit-container {
padding: 0;
.wpforms-submit {
color: @color-white;
display: inline-block;
border: 1px solid @color-quinary;
border-radius: @theme-border-radius;
background-color: @color-quinary;
line-height: 16px !important;
padding: 8px 24px !important;
}
}
}
.wpforms-confirmation-container-full {
border-color: @color-tertiary;
background-color: @color-tertiary;
color: @color-white;
border-radius: 5px;
}
}
.sinopse {
h1 {
color: @color-secondary;
}
.et_pb_row {
.et_pb_module {
margin-bottom: 32px;
}
}
}
@media (max-width: 768px) {
.sinopse {
.et_pb_row {
.et_pb_module {
margin-bottom: 24px;
}
}
}
}
.datasheet {
h2 {
text-align: center;
}
.et_pb_row {
&:last-child {
display: flex;
align-items: stretch;
justify-content: space-between;
.et_pb_column {
margin: 0;
width: 24%;
}
.et_pb_module {
margin-bottom: 32px;
}
}
&::after {
display: none;
}
}
}
@media (max-width: 768px) {
.datasheet {
.et_pb_row {
&:last-child {
flex-direction: column;
.et_pb_column {
width: 100%;
}
.et_pb_module {
margin-bottom: 24px;
}
}
}
}
}
.et_pb_filterable_portfolio {
.et_pb_portfolio_filters {
ul {
display: flex;
gap: 16px;
align-items: center;
justify-content: center;
li {
a {
margin: 0;
padding: 16px;
border: unset;
color: @color-gray-400;
background-color: @transparent !important;
&.active {
color: @color-primary;
font-weight: 700;
}
&:hover {
color: @color-primary;
}
}
}
}
}
.et_pb_portfolio_items_wrapper {
.et_pb_portfolio_items {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.et_pb_portfolio_item {
margin: 0 0 48px;
width: 48%;
display: flex;
flex-direction: column;
> a {
order: 0;
.et_portfolio_image {
-webkit-transition: .3s -webkit-filter linear;
-moz-transition: .3s -moz-filter linear;
-moz-transition: .3s filter linear;
-ms-transition: .3s -ms-filter linear;
-o-transition: .3s -o-filter linear;
transition: .3s filter linear, .3s -webkit-filter linear;
&:hover {
filter: ~"contrast(75%)";
}
.et_overlay {
border: unset;
background-color: @transparent;
&::before {
display: none;
}
}
img {
width: 100%;
border-radius: 40px;
}
}
}
.post-meta {
order: 1;
margin: 24px 0;
line-height: 1;
font-size: 0;
a {
font-size: 12px;
font-weight: 500;
line-height: 16px;
cursor: default;
pointer-events: none;
display: inline-block;
text-transform: uppercase;
+ a {
margin-left: 16px;
}
}
}
.et_pb_module_header {
order: 2;
margin: 0;
font-weight: 500;
}
}
}
.et_pb_portofolio_pagination {
border: unset;
ul {
display: flex;
align-items: center;
justify-content: flex-end;
li {
padding: 0;
height: 32px;
+ li {
margin-left: 16px;
}
&.page {
a {
color: @color-secondary;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
&:hover {
font-weight: 700;
}
&.active {
font-weight: 700;
color: @color-white;
background-color: @color-primary;
}
}
}
&.prev {
a {
width: 32px;
height: 32px;
content: url(//flordemaioteatro.com.br/wp-content/themes/flordemaio/css/components/images/arrow-left-circle-orange.svg);
}
}
&.next {
a {
width: 32px;
height: 32px;
content: url(//flordemaioteatro.com.br/wp-content/themes/flordemaio/css/components/images/arrow-right-circle-orange.svg);
}
}
}
}
}
}
@media (max-width: 768px) {
.et_pb_filterable_portfolio {
.et_pb_portfolio_filters {
margin-bottom: 32px;
ul {
gap: unset;
overflow-x: auto;
justify-content: unset;
li {
width: auto !important;
padding-bottom: 0;
a {
padding: 16px 12px;
border-radius: 0;
white-space: nowrap;
}
}
}
}
.et_pb_portfolio_items_wrapper {
.et_pb_portfolio_item {
width: 100%;
margin-right: 0 !important;
&:last-child {
margin-bottom: 0;
}
}
}
.et_pb_portofolio_pagination {
ul {
overflow-x: auto;
justify-content: unset;
padding-bottom: 12px;
li {
+ li {
margin-left: 8px;
}
}
}
}
}
}
.image-text-floating {
.et_pb_column {
position: relative;
.et_pb_image {
margin: 0 104px 104px 0;
img {
border-radius: 40px;
}
}
.et_pb_text {
position: absolute;
right: 0;
bottom: 0;
width: 75%;
height: auto;
padding: 32px;
background-color: @color-secondary;
border-radius: 40px;
.et_pb_text_inner {
* {
color: @color-white;
}
}
}
}
}
@media (max-width: 768px) {
.image-text-floating {
&.et_pb_section,
.et_pb_row {
padding: 0;
}
.et_pb_column {
.et_pb_image {
margin: 0;
img {
border-radius: 0;
}
}
.et_pb_text {
width: 100%;
background-color: @color-white;
padding: 40px 16px;
margin-top: 0;
position: static;
border-radius: 0;
.et_pb_text_inner {
h2 {
color: @color-secondary;
}
p {
color: @color-gray-500;
}
}
}
}
}
}
.calendar {
background-color: @color-quinary;
.et_pb_row {
display: flex;
align-items: center;
justify-content: space-between;
.et_pb_text {
.et_pb_text_inner {
* {
color: @color-white;
}
}
}
.et_pb_button_module_wrapper {
text-align: right;
}
}
}
@media (max-width: 768px) {
.calendar {
.et_pb_row {
flex-wrap: wrap;
.et_pb_button_module_wrapper {
text-align: left;
}
}
}
}
body {
div#page-container {
.et_pb_section {
.et_pb_button {
color: @color-white;
display: inline-block;
border: 1px solid @color-secondary;
border-radius: @theme-border-radius;
background-color: @color-secondary;
line-height: 16px !important;
padding: 16px 24px !important;
&:hover {
padding: 16px 24px 16px 40px !important;
&::before {
margin-left: -24px;
line-height: 14px;
}
}
}
}
}
}
@media (max-width: 768px) {
body {
div#page-container {
.et_pb_section {
.et_pb_button {
padding: 12px 24px !important;
&:hover {
padding: 12px 24px 12px 40px !important;
}
}
}
}
}
}
.rounded-images {
h2 {
text-align: center;
color: @color-tertiary;
}
.et_pb_row_4col {
display: flex;
justify-content: space-between;
&::after {
display: none;
}
.et_pb_column {
width: 22%;
margin-right: 0;
&.et_pb_column_empty {
display: block;
}
}
.et_pb_image {
margin-bottom: 0;
text-align: center;
img {
border-radius: @window-border-radius;
}
}
&:not(.hover-effect) {
.et_pb_text {
margin-top: 24px;
text-align: center;
p {
font-size: 20px;
font-weight: 700;
}
}
}
&.team {
.et_pb_column {
cursor: pointer;
&.et_pb_column_empty {
cursor: default;
}
}
}
}
.hover-effect {
overflow: hidden;
.et_pb_image {
margin: 0;
img {
-webkit-transition: -webkit-filter 200ms;
-moz-transition: -moz-filter 200ms;
transition: -webkit-filter 200ms, filter 200ms;
}
}
.et_pb_text {
margin: 0;
bottom: 0;
width: 100%;
padding: 0 16px;
position: absolute;
pointer-events: none;
p,
h3 {
color: @color-white;
}
p {
height: 0;
line-height: 1.2;
-webkit-transform: ~"translateY(100%)";
-moz-transform: ~"translateY(100%)";
-o-transform: ~"translateY(100%)";
transform: ~"translateY(100%)";
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
}
}
.et_pb_column {
&:hover {
.et_pb_image {
img {
filter: brightness(50%);
}
}
.et_pb_text {
h3 {
padding-bottom: 0;
}
p {
height: auto;
padding: 16px 0 32px;
-webkit-transform: ~"translateY(0)";
-moz-transform: ~"translateY(0)";
-o-transform: ~"translateY(0)";
transform: ~"translateY(0)";
}
}
}
}
}
}
@media (max-width: 768px) {
.rounded-images {
h2 {
padding-bottom: 8px;
}
.et_pb_row_4col {
padding: 0 16px;
&.et_pb_row {
.et_pb_column {
width: 48% !important;
margin-bottom: 16px;
}
}
&:not(.hover-effect) {
.et_pb_column {
&:nth-child(1),
&:nth-child(2) {
.et_pb_text {
margin-bottom: 24px;
}
}
&.et_pb_column_empty {
display: none;
}
}
.et_pb_text {
p {
font-size: 16px;
line-height: 20px;
}
}
}
}
.hover-effect {
.et_pb_text {
padding: 0 12px;
h3 {
font-size: 18px !important;
}
}
.et_pb_column {
.et_pb_text {
h3 {
padding-bottom: 24px !important;
}
p {
display: none;
}
}
}
}
}
}
.support {
background-color: @color-primary;
.et_pb_module {
text-align: center;
h2 {
color: @color-secondary;
}
}
}
@media (max-width: 768px) {
.support {
.et_pb_module {
text-align: left;
}
}
}
.why-choose {
padding: 0 !important;
.et_pb_row {
width: 100%;
max-width: unset;
padding-left: 0;
padding-right: 0;
}
.et_pb_image {
margin-bottom: 0 !important;
text-align: center;
}
.et_pb_text {
max-width: 600px;
width: 45%;
position: absolute;
top: 50%;
left: ~"calc((100% - 1280px) / 2)";
transform: ~"translateY(-50%)";
padding-left: 16px;
.et_pb_text_inner {
padding: 32px;
background-color: @color-white;
border-radius: 40px;
}
}
h2 {
color: @color-quinary;
}
}
@media (max-width: 1280px) {
.why-choose {
.et_pb_text {
left: 16px;
padding-left: 0;
}
}
}
@media (max-width: 980px) {
.why-choose {
background-color: @color-white;
.et_pb_row {
padding-top: 0;
padding-bottom: 0;
}
.et_pb_text {
position: static;
top: unset;
left: unset;
transform: unset;
width: 100%;
max-width: unset;
.et_pb_text_inner {
border-radius: 0;
background-color: @transparent;
padding: 48px 16px 0;
}
}
h2 {
color: @color-quaternary;
}
p {
color: @color-gray-500;
}
}
}
@media (max-width: 768px) {
.why-choose {
.et_pb_text {
.et_pb_text_inner {
padding: 40px 16px 0;
}
}
}
}
.depositions {
h2 {
padding: 0 !important;
color: @color-secondary;
}
.swiper,
&.swiper {
padding: 16px 0;
overflow-x: hidden;
margin: 0 auto;
width: ~"calc(100% - 32px)";
.et_pb_text {
margin-bottom: 0;
.et_pb_text_inner {
width: 95%;
margin: 0 auto;
padding: 32px;
border: 1px solid @color-gray-100;
border-radius: 40px;
p {
font-style: italic;
}
strong {
font-size: 18px;
font-style: unset;
color: @color-secondary;
}
}
}
.swiper-pagination {
position: static;
clear: both;
padding: 32px 0 0;
span {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 8px;
border-radius: 50%;
background-color: @color-gray-400;
&.swiper-pagination-bullet-active {
background-color: @color-secondary;
}
}
}
}
}
@media (max-width: 768px) {
.depositions {
.swiper,
&.swiper {
.et_pb_text {
.et_pb_text_inner {
width: 100%;
padding: 24px;
strong {
font-size: 16px;
}
}
}
.swiper-pagination {
padding: 24px 0 0;
span {
width: 20px;
height: 20px;
margin: 0 12px;
}
}
}
}
}
.title {
&.et_pb_section {
padding: 24px 0 0;
h1 {
text-align: center;
padding-bottom: 16px;
}
}
}
.time-line {
overflow: hidden;
max-height: 1180px;
transition: max-height 0.5s ease-in-out;
h2 {
color: @color-secondary;
}
h3 {
padding: 0;
color: @color-secondary;
text-transform: uppercase;
span {
font-weight: inherit !important;
}
}
.et_pb_row {
&:nth-child(n + 2) {
display: flex;
padding: 0;
.et_pb_column {
position: relative;
padding-left: 16px;
width: ~"calc(50% - 80px)";
&::before {
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
bottom: 0;
right: -81.5px;
background-color: @color-secondary;
}
&::after {
content: "";
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
position: absolute;
top: 50%;
right: -88px;
transform: translateY(-50%);
background-color: @color-secondary;
}
}
}
&:nth-child(2n + 3) {
justify-content: flex-end;
.et_pb_column {
padding-left: 0;
padding-right: 16px;
&::before {
right: unset;
left: -81.5px;
}
&::after {
right: unset;
left: -88px;
}
}
}
&:nth-child(2),
&:nth-last-child(2) {
.et_pb_column {
&::before {
height: 50%;
}
}
}
&:nth-last-child(2) {
.et_pb_column {
&::before {
top: 0;
bottom: unset;
}
}
}
&:last-child {
width: 100%;
max-width: 100%;
display: block;
text-align: center;
.et_pb_column {
width: 100%;
padding: 32px 0 0 !important;
margin: 0 !important;
&::before,
&::after {
display: none;
}
}
&.loading {
left: 0;
bottom: 0;
position: absolute;
.et_pb_column {
background: linear-gradient(0, #fff 20%, rgba(255,255,255,0) 100%);
}
}
}
.et_pb_image {
margin-bottom: 16px;
img {
border-radius: 10px;
}
}
.et_pb_column {
.et_pb_text {
&:nth-child(2) {
margin-bottom: 8px;
p {
font-weight: 700;
color: @color-quinary;
span {
font-weight: inherit !important;
}
}
}
&:nth-child(3) {
margin-bottom: 16px;
}
}
}
}
}
@media (max-width: 768px) {
.time-line {
.et_pb_row {
&:nth-child(n + 2) {
.et_pb_column {
width: 100%;
padding: 0 16px 0 40px;
margin-bottom: 56px;
&::before {
left: 16px;
right: unset;
height: ~"calc(100% + 56px)";
}
&::after {
display: none;
}
}
}
&:nth-child(2n + 3) {
justify-content: flex-start;
}
&:nth-child(2) {
.et_pb_column {
&::before {
top: 0;
bottom: unset;
}
}
}
&:nth-last-child(2) {
.et_pb_column {
margin-bottom: 0;
&::before {
top: -56px;
}
}
}
.et_pb_column {
.et_pb_text {
&:nth-child(2) {
margin-bottom: 16px;
&::after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: -21px;
transform: translateY(-50%);
border: 10px solid;
border-color: @transparent @transparent @transparent @color-secondary;
}
p {
line-height: 1;
}
}
}
}
}
}
}
.popup-person {
color: @color-gray-500 !important;
height: 95% !important;
max-height: 680px !important;
display: flex !important;
align-items: center;
padding: 24px;
.ays_content_box {
width: 100%;
padding: 0;
> p {
display: none;
}
.et_pb_section {
padding: 0;
.et_pb_row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
width: 100%;
max-width: unset;
&::after {
display: none;
}
.et_pb_column {
margin: 0;
&:first-child {
width: 25%;
}
&:last-child {
width: ~"calc(75% - 40px)";
}
}
}
}
.et_pb_image {
text-align: center;
margin-bottom: 0;
img {
width: 100%;
max-width: 350px;
border-radius: @window-border-radius;
}
}
.et_pb_text {
margin-bottom: 24px;
&:nth-child(2) {
a + a {
margin-left: 16px;
}
}
h2 {
text-align: left;
}
p {
text-align: left;
color: @color-gray-500;
}
}
}
.ays-pb-modal-close {
top: 24px !important;
right: 32px !important;
background: @color-primary;
padding: 4px 16px;
border-radius: 40px;
text-transform: uppercase;
font-weight: 700;
}
}
@media (max-width: 768px) {
div.popup-person {
display: block !important;
height: 100vh !important;
max-height: unset !important;
border-radius: 0 !important;
margin: 0 !important;
top: 0 !important;
padding: 16px !important;
.ays_content_box {
.et_pb_section {
.et_pb_row {
display: block;
.et_pb_column {
float: unset;
&:first-child {
width: 100%;
margin: 32px 0 24px;
}
&:last-child {
width: 100%;
}
}
}
}
}
.ays-pb-modal-close {
top: 8px !important;
right: 8px !important;
}
}
}
.pages-form {
.et_pb_row,
&.et_pb_row {
max-width: 540px;
.et_pb_module {
margin: 0;
}
}
}
.workshop {
h1,
h3 {
color: @color-tertiary;
}
.et_pb_row {
.et_pb_module {
margin-bottom: 0;
}
}
}
@media (max-width: 768px) {
.sinopse {
.et_pb_row {
.et_pb_module {
margin-bottom: 24px;
}
}
}
}
.filter-content {
padding-bottom: 0 !important;
ul {
display: flex;
gap: 16px;
padding: 0;
list-style: none;
align-items: center;
justify-content: center;
li {
a {
margin: 0;
padding: 16px;
border: unset;
cursor: pointer;
color: @color-gray-400;
&.active {
font-weight: 700;
color: @color-primary;
}
&:hover {
color: @color-primary;
}
}
}
}
}
// Pages
@media (min-width: 980px) {
.home {
#page-container {
padding: 0 !important;
margin: 0 !important;
}
#main-header {
top: 0;
left: 0;
width: 100%;
position: fixed;
background-color: @transparent;
&.et-fixed-header {
background-color: #fff;
.et_menu_container {
.logo_container {
svg {
path {
fill: @color-primary;
}
}
}
}
#et-top-navigation {
nav {
ul {
li {
&.menu-item-has-children {
.sub-menu {
background-color: @color-white;
}
}
}
}
}
}
}
.et_menu_container {
.logo_container {
svg {
path {
fill: @color-white;
}
}
}
}
#et-top-navigation {
nav {
ul {
li {
a {
color: @color-white;
}
&.current_page_item {
a {
color: @color-primary;
}
}
&.menu-item-has-children {
.sub-menu {
background-color: @color-secondary;
}
}
}
}
}
}
}
}
}
.about-us {
.et_pb_row {
display: flex;
align-items: center;
justify-content: space-between;
&::after {
display: none;
}
.et_pb_column {
width: ~"calc(50% - 20px)";
margin: 0;
}
&:last-child {
.et_pb_column {
width: 100%;
}
}
img {
border-radius: 40px;
}
}
}
.award {
h2 {
color: @color-primary;
text-align: center;
}
h3 {
padding: 0;
font-weight: 400;
color: @color-secondary;
}
.et_pb_row {
&:nth-child(n + 2) {
display: flex;
justify-content: space-between;
.et_pb_column {
width: 31%;
margin: 0;
.et_pb_text {
margin-bottom: 16px;
&:nth-child(2) {
p {
font-weight: 700;
color: @color-quinary;
}
}
ul {
padding: 16px;
}
}
}
}
&::after {
display: none;
}
}
}
@media (max-width: 768px) {
.about-us {
.et_pb_row {
flex-wrap: wrap;
.et_pb_column {
width: 100%;
.et_pb_image {
margin: 24px 0 0;
}
}
}
}
.award {
h2 {
padding: 0;
}
.et_pb_row {
&:nth-child(n + 2) {
flex-wrap: wrap;
.et_pb_column {
width: 100%;
margin-bottom: 32px;
&:last-child {
margin-bottom: 0;
}
}
}
.et_pb_column {
float: none;
}
}
}
}
.contact-form {
padding: 0 !important;
.et_pb_row {
display: flex;
align-items: stretch;
padding: 0 ~"calc((100% - 1280px) / 2)";
max-width: 100%;
background-image: linear-gradient(90deg, @color-tertiary 50%, @color-white 50%);
.et_pb_column {
margin: 0;
width: 50%;
&:first-child {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 16px;
.et_pb_module {
width: 100%;
}
h1 {
color: @color-white;
}
ul {
padding: 0;
list-style: none;
li {
display: flex;
align-items: center;
margin-bottom: 24px;
&:last-child {
margin-bottom: 0;
}
img {
margin-right: 16px;
}
a {
color: @color-white;
&:hover {
text-decoration: underline;
}
}
}
}
}
&:last-child {
padding: 24px 16px 0 32px;
}
.et_pb_module {
margin-bottom: 0;
}
}
&::after {
display: none;
}
}
}
@media (max-width: 768px) {
.contact-form {
.et_pb_row {
padding: 0;
flex-direction: column;
background-image: unset;
.et_pb_column {
width: 100%;
&:first-child {
padding: 32px 16px;
background-color: @color-quinary;
ul {
li {
margin-bottom: 16px;
}
}
}
&:last-child {
padding: 32px 16px 0;
}
}
}
}
}
.repertory {
h1 {
text-align: center;
color: @color-quinary;
}
.et_pb_column {
.et_pb_module {
margin-bottom: 0;
}
}
}
.project {
.et_pb_fullwidth_section {
padding: 0;
}
.rounded-images {
h2 {
color: @color-gray-500;
}
}
}
.party-animation {
h2 {
color: @color-tertiary;
}
.et_pb_column {
.et_pb_module {
margin: 0;
}
}
}
.education {
h1 {
color: @color-secondary;
}
.et_pb_row:first-child {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
&::after {
display: none;
}
.et_pb_column {
width: 48%;
margin: 0;
img {
border-radius: 40px;
}
}
}
.et_pb_column {
.et_pb_module {
margin-bottom: 0;
}
}
}
@media (max-width: 768px) {
.education {
.et_pb_row:first-child {
.et_pb_column {
width: 100%;
&:first-child {
margin: 0 0 32px;
}
}
}
}
}
.intervention {
h1 {
color: @color-tertiary;
}
.et_pb_row:first-child {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
&::after {
display: none;
}
.et_pb_column {
width: 48%;
margin: 0;
img {
border-radius: 40px;
}
}
}
.et_pb_column {
.et_pb_module {
margin-bottom: 0;
}
}
}
.events {
&.et_pb_section {
display: none;
}
}
.events,
.company {
&.et_pb_section {
padding: 0;
.et_pb_module {
margin-bottom: 0;
}
}
.gallery {
margin-bottom: 64px;
h3 {
color: @color-tertiary;
}
.et_pb_image {
margin-top: 40px;
}
}
.depositions {
&.swiper {
margin-bottom: 64px;
}
}
}
@media (max-width: 768px) {
.intervention {
.et_pb_row:first-child {
.et_pb_column {
width: 100%;
&:first-child {
margin: 0 0 32px;
}
}
}
}
.events,
.company {
.gallery {
margin-bottom: 48px;
.et_pb_image {
margin-top: 32px;
}
}
.depositions {
&.swiper {
margin-bottom: 32px;
}
}
}
}