/**
Theme Name: Viva Marketing
Author: Mi Página en WordPress
Author URI: https://www.mipaginaenwordpress.com/
Description: Tema hijo de Astra para las configuraciones generales del proyecto web.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: viva-marketing
Template: astra
*/

.elementor-sticky--active{
	z-index:99999 !important;
}

.elementor-icon-list-icon i {
    vertical-align: middle;
    margin-right: 14px;
}

.services-list .elementor-icon-list-text {
    letter-spacing: inherit;
    transition: all .3s ease;
}

.services-list .elementor-icon-list-text:hover {
    letter-spacing: 3px;
}

.services-wrapper {
    min-height: 412px;
}

/* forms newsletter */

/* sidebar post */

#hubspot-sidebar-form .hs_firstname, #hubspot-sidebar-form .hs_email {
    margin-bottom: 5%;
}

#hubspot-sidebar-form .hs_firstname label, #hubspot-sidebar-form .hs_email label {
    display: none;
}

#hubspot-sidebar-form .hs-form-field {
    width: 100%;
}

#hubspot-sidebar-form .hs_firstname input, #hubspot-sidebar-form .hs_email input {
    background-color: #ffffff;
    padding: 0px 0px 0px 20px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: var( --e-global-color-primary);
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    font-family: "Montserrat", Sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    text-transform: lowercase;
}

#hubspot-sidebar-form .no-list {
    list-style: none;
}

#hubspot-sidebar-form .hs_firstname .no-list, #hubspot-sidebar-form .hs_email .no-list {
    display: none !important
}

#hubspot-sidebar-form .hs-error-msgs {
    padding: 3px 0;
    font-size: 12px;
    color: #E00612;
}

#hubspot-sidebar-form .form-columns-2 {
    max-width: 80% !important;
    margin: auto;
    display: block;
}

#hubspot-sidebar-form .inputs-list {
    list-style: none;
}

#hubspot-sidebar-form fieldset.form-columns-1 input[type=checkbox] {
    top: 5px;
    position: relative;
}

#hubspot-sidebar-form .legal-consent-container .hs-form-booleancheckbox-display>span a {
    text-decoration: underline;
    color: #C23226;
}

#hubspot-sidebar-form .legal-consent-container .hs-form-booleancheckbox-display>span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: lowercase;
}

#hubspot-sidebar-form .hs_recaptcha {
    display: none;
}

#hubspot-sidebar-form .actions {
    max-width: 80%;
    margin: auto;
}

#hubspot-sidebar-form .actions input {
    width: 100%;
    border-radius: 0;
    background-color: #231f2c;
    padding: 8px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
}

#hubspot-sidebar-form .legal-consent-container .hs-error-msgs label, #hubspot-sidebar-form .hs-main-font-element {
    color: #f2545b;
    font-size: 14px;
}

/* footer */

.hubspot-footer-form .hs_firstname label, .hubspot-footer-form .hs_email label {
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 2px;
}

.hubspot-footer-form .hs_firstname input, .hubspot-footer-form .hs_email input {
    background-color: #FFFFFF00;
    padding: 9px 6px 9px 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    width: 100%;
}

.hubspot-footer-form .hs_firstname input::placeholder, .hubspot-footer-form .hs_email input::placeholder {
    color: #fff;
}

.hubspot-footer-form .no-list {
    list-style: none;
}

.hubspot-footer-form .hs_firstname .no-list, .hubspot-footer-form .hs_email .no-list {
    display: none !important
}

.hubspot-footer-form .hs_recaptcha {
    display: none;
}

.hubspot-footer-form .inputs-list {
    list-style: none;
    color: #fff;
    margin: 5px 0;
}

.hubspot-footer-form fieldset.form-columns-1 input[type=checkbox] {
    top: 5px;
    position: relative;
}

.hubspot-footer-form .legal-consent-container .hs-form-booleancheckbox-display>span a {
    text-decoration: underline;
    color: #C23226;
}

.hubspot-footer-form .legal-consent-container .hs-form-booleancheckbox-display>span {
    font-size: 0.75em;
    font-weight: 400;
    text-transform: lowercase;
}

.hubspot-footer-form .actions {
    max-width: 80%;
    margin: 0;
}

.hubspot-footer-form .actions input {
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    padding: 8px 0;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 600;
    max-width: 215px;
}

.hubspot-footer-form .submitted-message {
    color: #fff !important;
}

.hubspot-footer-form .legal-consent-container .hs-error-msgs label, .hubspot-footer-form .hs-main-font-element {
    color: #f2545b;
    font-size: 14px;
}

@media only screen and (max-width:768px) {
    .hubspot-footer-form {
        max-width: 50%;
        margin: auto;
    }
}

@media only screen and (max-width:600px) {
    .hubspot-footer-form {
        max-width: 90%;
        margin: auto;
    }
    .hubspot-footer-form fieldset.form-columns-2 .hs-form-field {
        width: 100%;
        float: left;
    }
}

/* contact-form */

.hubspot-contact-form fieldset.form-columns-1 input[type="checkbox"] {
    /* width: 95% !important; */
}

.hubspot-contact-form .hs-form-required, .hubspot-contact-form .hs-error-msgs, .hubspot-contact-form .inputs-list a {
    color: #C23226;
}

.hubspot-contact-form fieldset {
    max-width: inherit !important;
	margin: 15px 0 !important;
}

.hubspot-contact-form .hs-fieldtype-text,
.hubspot-contact-form .hs-fieldtype-select {
    font-size: 13px;
}

.hubspot-contact-form .hs-fieldtype-text input,
.hubspot-contact-form .hs-fieldtype-select select {
    width: 100%;
	height: 54px;
}

.hubspot-contact-form fieldset.form-columns-1 input[type="checkbox"], 
.hubspot-contact-form fieldset.form-columns-1 input[type="radio"] {
	margin-right: 10px;
}

.hubspot-contact-form .hs-form-checkbox label span {
	font-size: 14px;	
}

.hubspot-contact-form .hs-fieldtype-checkbox > label {
	display: block;
	margin-bottom: 10px;
}

.hubspot-contact-form fieldset.form-columns-1 .hs-input[type="text"] {
    width: 100% !important;
	height: 54px;
}


.hubspot-contact-form .hs-fieldtype-text input::placeholder,
.hubspot-contact-form .hs-fieldtype-select select::placeholder {
    color: #666;
    font-size: 16px;
}

.hubspot-contact-form .legal-consent-container .hs-form-booleancheckbox-display>span{
	font-size:13px;	
    line-height: 1.6;
}

.hubspot-contact-form fieldset.form-columns-1 input[type="checkbox"], .hubspot-contact-form fieldset.form-columns-1 input[type="radio"] {
    margin: 4px 10px 0 0;
}

.hubspot-contact-form .form-columns-1 {
    margin-top: 15px;
    font-size: 13px;
}

.hubspot-contact-form .form-columns-1 textarea {
    width: 100% !important;
    min-height: 150px;
    font-size: 16px;
}

.hubspot-contact-form .inputs-list {
    list-style: none;
    margin: 0 0 15px 0;
    font-size: 16px;
}


.hubspot-contact-form .hs_recaptcha {
    display: none;
}

.hubspot-contact-form .actions input {
    background: #231f2c !important;
    border-color: #231f2c;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    font-family: Montserrat;
}

.join-us-form {
	cursor: pointer !important;
}

/*FOOTER*/

@media only screen and (min-width: 768px) {
	.hubspot-contact-form fieldset.form-columns-1 input[type="tel"] {
		width: 100% !important;
	}
}

@media only screen and (max-width: 768px) {
	.site-footer,
	.site-footer div {
		background-color: #181520;
		background-image: none !important;
	}
	
	.site-footer .form-wrapper div,
	.site-footer .form-wrapper .elementor-widget-wrap {
		background-color: #2c2632;
	}
	
	.site-footer .form-wrapper .lcol .elementor-widget-wrap {
		background-image: linear-gradient(102deg, #FFFFFF00 75%, #FFFFFF42 75%) !important;
	}
}
.elementor-element-aeefd6d.hubspot-footer-form.elementor-widget{

    height: 275px;
    overflow: hidden;
}
.elementor-element-73811d0.hubspot-footer-form{
	height: 350px;
    overflow: hidden;
}

.elementor-lightbox {
	z-index: 99999;
}