/*-------------------------------------------------------
Theme Name: Tema Biana Solutions
Author: Cloudbyte
Author URI: https://cloudbyte.pt/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

/***** TWEAKS *****/

.img_cover img {object-fit: cover;}
#main-header{-webkit-box-shadow: none; box-shadow:none;}
img{pointer-events:none;}
h1 {padding-bottom: 30px;}

/* Blog tweaks */
.single-post .et_pb_post_content ul {line-height: 1.7em;}
.single-post .et_pb_post_content ul li:not(:last-child) {margin-bottom: 10px;}


/* ---------- MENUS ---------- */

/*** TopBar ***/

#et-secondary-menu>ul>li>a:hover {
	opacity: 1;
	color: red;
}
#top-header .container{padding:0;}
#top-header .container #et-secondary-menu{float:none;}
#top-header .container #et-secondary-menu #et-secondary-nav.menu{display:flex;min-height: 40px;align-items: center;}
#top-header .container #et-secondary-menu #et-secondary-nav.menu li{margin: 0;}
#top-header .container #et-secondary-menu #et-secondary-nav.menu li a{padding: 15px !important;font-weight: 400;}
#et-secondary-menu>ul>li a{padding-bottom:0;}
#et-secondary-nav li>ul{width:fit-content;padding:0;right: -2px;}
#et-secondary-nav li>ul li{padding:0;}
#top-header.et-fixed-header{transform:translatey(-150%);opacity:0;}
#et-secondary-nav .menu-item-has-children>a:first-child:after{top: 50%;transform: translateY(-50%);}
#top-header .container #et-secondary-menu #et-secondary-nav.menu li.cb_calendario_fiscal{margin-left:auto;}

/* Icons Top Menu Items */
#top-header .container #et-secondary-menu #et-secondary-nav.menu li.cb_area_pessoal > a,
#top-header .container #et-secondary-menu #et-secondary-nav.menu li.cb_calendario_fiscal > a,
#top-header .container #et-secondary-menu #et-secondary-nav.menu li.cb_lingua > a{padding-left:30px !important;}
.cb_area_pessoal > a:before,
.cb_calendario_fiscal > a:before,
.cb_lingua > a:before{
	content: '\e08a';
	 font-family: ETmodules;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transition: opacity .4s ease-in-out, background-color .4s ease-in-out;
    transition: opacity .4s ease-in-out, background-color .4s ease-in-out;
}
.cb_calendario_fiscal > a:before{content:'\e023'}
.cb_lingua > a:before{content:'\e0e3'}
.cb_area_pessoal:hover > a:before,
.cb_calendario_fiscal:hover > a:before,
.cb_lingua:hover > a:before {
	color:#FF3800;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media (max-width: 1180px){
	/*.cb_area_pessoal,.cb_calendario_fiscal,.cb_lingua {padding-left: 5% !important;}*/
	.cb_area_pessoal a,.cb_calendario_fiscal a,.cb_lingua a {position: relative;}
	.cb_area_pessoal a:before {top: 50%;transform: translateY(-50%);left: calc(50% - 65px);}
	.cb_calendario_fiscal a:before {top: 50%;transform: translateY(-50%);left: calc(50% - 85px);}
	.et_fixed_nav #top-header{z-index:2;}
}
@media (max-width: 1024px){
	#et-secondary-nav .cb_area_pessoal > a:before{left: calc(50% - 45px);}
	#et-secondary-nav .cb_calendario_fiscal > a:before{left: calc(50% - 65px);}
}
@media (max-width: 480px){
	.cb_area_pessoal > a:before{left: calc(50% - 65px);}
	.cb_calendario_fiscal > a:before{left: calc(50% - 85px);}
}

/** Ticker **/

@keyframes verticalTicker {
    from { transform: translateY(100%); }
    to { transform: translateY(-120%); }
}
.ticker_wrapper{font-weight:400;}
.menu_link_calendario_fiscal{display:flex;align-items:center;}
.ticker_date{font-size:14px;font-weight:600;}

.vertical-ticker {
    height: 40px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
.vertical-ticker:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: rgb(233,197,255);
	background: linear-gradient(0deg, rgba(233,197,255,1) 0%, rgba(233,197,255,.6) 10%, rgba(233,197,255,0) 35%, rgba(233,197,255,0) 73%, rgba(233,197,255,.6) 90%, rgba(233,197,255,1) 100%);
	z-index:999;
}

.vertical-ticker li, .static-ticker li {
    position: absolute;
	font-size:14px !important;
	font-weight:600;
	color:#FF3800;
    width: 100%;
    animation: verticalTicker 6s linear infinite;
	min-height:30px;
	text-align:left !important;
	padding-left:10px;
}
.static-ticker li {
	animation: none;
	display: flex !important;
    align-items: center;
	padding-left:5px;
}

@media screen and (max-width: 1180px) {
	#mobile_menu .ticker_wrapper,#mobile_menu .vertical-ticker, #mobile_menu .menu_link_calendario_fiscal{display:none;}
}

/*** Main Menu ***/
#main-header #top-menu li.current-menu-item>a, #main-header #top-menu-nav>ul>li:hover >a {
	color: #4747FD;
	opacity: 1 !important;
}

/* On scroll */
.et_menu_container:before {
	content: "";
    height: 100%;
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2024/04/icon_biana_vermelho.svg);
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: 0 50%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1ms ease-in-out 1ms;
}
.et-fixed-header .et_menu_container:before {
	visibility: visible;
	opacity: 1;
	transition: opacity 400ms ease-in-out 400ms;
}
.et_fixed_nav #main-header.et-fixed-header {background-color: #E9C5FF;}
body.et_fixed_nav.et_secondary_nav_enabled #main-header.et-fixed-header{top:0 !important;}
.et-fixed-header .logo_container > a{
display: inline-block;
  height: 60px;
  top: 0;
  left: 0;
  max-width: 40px;
}
/* Fixed Navigation Bar on mobile devices */
@media screen and (max-width: 980px) {
    #main-header.et-fixed-header {
        position: fixed;
    }
	
    .logged-in #main-header.et-fixed-header {
        top: 0 !important;
	transition: all .3s 0s;
    }
}

.et_hide_fixed_logo #main-header.et-fixed-header .logo_container, .et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container {
    height: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


/* Mobile - Menu */
.mobile_menu_bar:before {color: #222 !important;}
.et_mobile_menu {border-color: #222 !important; background: #f3f3f3;}
.et_mobile_menu li a {border: none;}
.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';}

.mobile_menu_bar.mobile_menu_bar_toggle{z-index: 999999;}
.et_mobile_menu{position:fixed;top:0;background:#E9C5FF;border:none;padding: 90px 5% 0;}
.et_mobile_menu:before{
	content: "";
    position: absolute;
    left: 20px;
	top:20px;
    display: inline-block;
    width: 38px;
    height: 50px;
    background-image: url(/wp-content/uploads/2024/04/icon_biana_vermelho.svg);
    background-size: 37.5px 50px;
    background-repeat: no-repeat;
}
.et_mobile_menu li{text-align:center;border-top: solid 1px rgba(255 255 255 / .2);padding: 10px 0;}
.et_mobile_menu li:first-child{border-top:none;}

.logo_container > a {display: inline-block; background: #fff; height: 100px; position: absolute; top: 30px; left: 0;}
.logo_container > a > #logo {
	height: 100%;
    max-height: initial;
    width: auto;
    max-width: initial;
}
#main-header .et_mobile_menu li ul,.et_mobile_menu li li{padding-left:0 !important;}
@media (max-width: 1180px){
	li.trp-language-switcher-container.cb_lingua > a{display:none;}
}

@media (max-width: 980px){
	.logo_container > a {height: 70px;}
	li.trp-language-switcher-container.cb_lingua > a{display:none;}
}

/*.listagem_clientes .listagem_clientes_content a img {filter: grayscale(1);transition:all 400ms ease-in-out;}
.listagem_clientes .listagem_clientes_content a:hover img {filter: grayscale(0);}*/


/* ---------- BLOG ---------- */

/*** Featured image ***/
.featured_img .et_pb_image_wrap img {
	margin-top: 70px; 
	border: 1px solid #EDEDED;
}

@media (max-width: 769px) {
	.featured_img .et_pb_image_wrap img {margin-top: 40px;}
}

/* Blog excerpt */
.single .blog_excerpt > div > h2 {margin-bottom: 40px;}
.single .blog_excerpt > div > h2:empty {margin-bottom: 0 !important; padding-bottom: 0;} /* remove margin and padding from empty excerpt field */

/* Paragraph */
.blog_p_text p {padding-bottom: 25px !important;}

/* Remove category link */
.blog_no_links .et_pb_post .post-meta a, .et_pb_title_meta_container {
	pointer-events: none;
}


/*** START - Pagination ***/

/* Archive page - change pagination text */
.pagination .alignleft a:before {
    content: '← Anteriores';
    visibility: visible;
}
.pagination .alignright a:before {
	content: 'Próximos →';
    visibility: visible;
}
.pagination .alignleft a, .pagination .alignright a {visibility: collapse;}

/* Article page */
.cb_post_nav_wrapper {display: flex; justify-content: space-between;}
.cb_post_nav_wrapper a {
	display: inline-block;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #222222;
    letter-spacing: 1px;
    transition: color 300ms ease 0ms;
}
.cb_post_nav_wrapper a:hover {color: #4747FD;}

/*** END - Pagination ***/


/*** BLOG grid - featured post ***/
/* add media query so changes only affect tablet and desktop */

@media (min-width: 767px) {
	.blog_featured_post .entry-featured-image-url {
		width: 40%;
		float: left;
		margin-bottom: 0 !important;
	}
	.blog_featured_post .entry-title, .blog_featured_post .post-meta, .blog_featured_post .post-content {
		width: 60%;
		float: left;
		padding: 0 50px;
	}
	.blog_featured_post .et_pb_post a img {max-height: 400px;}
}

.blog_featured_post .has-post-thumbnail {margin-bottom: 0;} /* remove margin-bottom from article */


/*** START - Social media share ***/
.social_share_title {
	font-weight: 500;
	font-size: 14px;
	color: #999;
	margin-right: 10px;
}

@media (min-width: 320px) and (max-width: 980px) { 
	.social_share_title {display: none;}
}

.social_share_wrapper .et_pb_code_inner {display:flex; width:100%; flex-wrap:wrap;}

.social_share_btn {
	font-family: etmodules;
    font-size: 14px;
    background: rgba(29, 30, 37, .1);
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    height: 32px;
    width: 32px;
	margin-right: 20px;
	transition: all 300ms ease-in-out;
}

.social_share_btn:last-child {margin-right: 0;}
.social_share_btn:hover {background: #999999; color: #fff;}

/*** END - Social media share ***/


/* ---------- FORMINATOR FORMS ---------- */

/*** General settings ***/
form.forminator-ui.forminator-design--flat {padding: 30px !important;} /* padding around form */
form .hide_label div.forminator-field label.forminator-label {display: none !important;} /* hide label */
.forminator-ui.forminator-design--flat .forminator-consent .forminator-checkbox-box {color: #4747FD !important;} /* consent checked icon */

/*** Inputs and textareas settings ***/
.forminator-ui.forminator-design--flat .forminator-input, .forminator-ui.forminator-design--flat .forminator-textarea {padding: 16px !important;}

/*** Buttons ***/
.forminator-ui.forminator-design--flat button.forminator-button.forminator-button-submit,
.forminator-ui.forminator-design--flat button.forminator-button.forminator-button-next,
.forminator-ui.forminator-design--flat button.forminator-button.forminator-button-back {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	border-radius: 50px !important;
    letter-spacing: 2px;
    padding: 15px 40px !important;
	float: right;
}
.forminator-button.forminator-button-submit:after{
	content:"$";
	opacity: 0;
    position: absolute;
	line-height: inherit;
    font-size: inherit !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
	transition: all 300ms ease 0ms;
}
.forminator-button.forminator-button-submit:hover:after{
	left: auto;
    margin-left: .3em;
    opacity: 1;
}

/* remove shadow on buttons */
.forminator-ui.forminator-design--flat button.forminator-button.forminator-button-submit:hover,
.forminator-ui.forminator-design--flat button.forminator-button.forminator-button-next:hover,
.forminator-ui.forminator-design--flat button.forminator-button.forminator-button-back:hover,
.forminator-ui.forminator-design--flat .forminator-button:focus {box-shadow: none !important;} 

/*** Pagination ***/
@media (min-width: 769px) {
.forminator-pagination-steps{position:relative;margin:0px 0 100px !important;}
.forminator-step{position:static;}
.forminator-step:not(.forminator-current) .forminator-step-label{
	opacity:0;
	visibility:hidden;
	position: absolute;
    top: -45px;
    width: fit-content;
	min-width: max-content;
	text-wrap:balance !important;
    display: inline-block !important;
	background: #4747fd;
    padding: 5px 10px;
    color: #fff !important;
	border-radius: 40px;
	transition:opacity 300ms ease-in-out;
}
.forminator-current > .forminator-step-label{
	position: absolute;
	width:100%;
	display: inline-block !important;
	background: #4747fd;
	width:100%;
	text-align:left !important;
	top:50px;
	padding:10px;
	left:0;
	font-size:16px !important;
	font-weight:600 !important;
	color:#fff !important;
}
.forminator-step:hover > .forminator-step-label{
	opacity:1;
	visibility:visible;
}
.forminator-step:not(.forminator-current) .forminator-step-label:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #4747fd;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}
}


/* ---------- FOOTER ---------- */

/*show desktop menu on phone - remove hamburguer icon */
@media (max-width: 980px) {
	.cb_open_mobile_menu .et_pb_menu__menu {
		display: flex!important;
	}
	.cb_open_mobile_menu .et_mobile_nav_menu {
		display: none!important;
	}
}


/*** Vertical menu on footer ***/

/* make the menu items fullwidth and add space between them */
.cb_vertical_menu .et_pb_menu__menu nav ul li {
	display: block !important;
	width: 100% !important;
	margin: 10px 0 !important;
}

@media (max-width: 980px) {
	/* open the mobile menu up and use on all devices */
	.et-db #et-boc .et-l .cb_vertical_menu .et_pb_menu__menu {display: flex;}
	/* hide the hamburger icon */
	.et-db #et-boc .et-l .cb_vertical_menu .et_mobile_nav_menu {display: none;}
}


/* -------------- Tablet Fixes ------------------ */

@media only screen and (min-width: 981px) and (max-width: 1180px) {
	#et_mobile_nav_menu {display: block;}
	#top-menu {display: none;}
	h1{font-size:80px !important;}	
	.container,.et_pb_row{width:90% !important;max-width:1600px !important;}
	.img_quem_somos .et_pb_image_wrap {transform: translateY(40%) translateX(7%);}
	
	.img_servicos .et_pb_image_wrap {transform: translateY(40%) translateX(-1%);}
	.img_servicos .et_pb_image_wrap img{transform: translateX(30%);}
	
	.img_orcamentos .et_pb_image_wrap {transform: translateY(5%) translateX(1%);}
	.img_orcamentos .et_pb_image_wrap img{transform: translateX(30%);}
	
	.et_pb_section .et_pb_row.contact_form_row{padding: 0 0 !important;}
	
	.et-l--footer .et_pb_section .et_pb_row .et_pb_column{width: 21% !important;}
	.et-l--footer .et_pb_section .et_pb_row .et_pb_column:first-of-type{width: 25% !important;}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.img_quem_somos,.img_servicos, .img_orcamentos {margin:0 !important;}
}


/* -------------- EventOn ------------------ */

.eventon_events_list .past_event {display:none;}
.eventon_fullcal {overflow: visible !important; margin-bottom:135px;}
.eventon_fullcal:before, .eventon_fullcal:after {
	content:'Nota:';
	position:absolute;
	top:calc(100% + 40px);
	font-weight:600;
	max-width:90%;
}
html[lang="en-GB"] .eventon_fullcal:before {content:'Note:';}
html[lang="fr-FR"] .eventon_fullcal:before {content:'Remarque :';}

.eventon_fullcal:after {
	content:'A BIANA SOLUTIONS não se responsabiliza por eventuais alterações dos prazos decorrentes de alterações na legislação.';
	font-weight:400;
	text-indent:50px;
	text-wrap:balanced;
}
html[lang="en-GB"] .eventon_fullcal:after {content:"BIANA Solutions is not responsible for any changes in deadlines resulting from changes in legislation.";}
html[lang="fr-FR"] .eventon_fullcal:after {content:"BIANA Solutions n'est pas responsable des modifications de délais dues à des changements de législation."; text-indent:96px;}

.evofc_month {position:relative;}
.evofc_month:before,.evofc_month:after {
	content:'Obrigações declarativas';
	position:absolute;
	bottom:-40px;
	left:0;
	padding-left:15px;
	font-size:.7em;
	color:#666;
	margin-bottom:10px;
	display:block;
	background-image: url("data:image/svg+xml,%3Csvg height='5' width='5' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2.5' cx='2.5' cy='2.5' fill='%2300bc9d' /%3E%3C/svg%3E");
	background-size:10px;
	background-position:left center;
	background-repeat:no-repeat;
}
.evofc_month:after {
	content:'Obrigações de pagamento';
	bottom:-60px;
	background-image: url("data:image/svg+xml,%3Csvg height='5' width='5' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2.5' cx='2.5' cy='2.5' fill='%23ff3700' /%3E%3C/svg%3E");
}
html[lang="en-GB"] .evofc_month:before {content:'Reporting obligations';}
html[lang="en-GB"] .evofc_month:after {content:'Payment obligations';}

html[lang="fr-FR"] .evofc_month:before {content:'Obligations déclaratives';}
html[lang="fr-FR"] .evofc_month:after {content:'Obligations de paiement';}

@media (max-width: 550px) {.eventon_fullcal:after {text-indent:40px; max-width:100%;}}
@media (max-width: 389px) {.eventon_fullcal {margin-bottom:160px;}}