/*
Theme Name: Conecta Saúde
Theme URI: https://909webstudio.com.br/aprovacao/suporte/conecta-saude
Author: Kendric Gabriel <suporte@909webstudio.com.br>
Author URI: http://www.909webstudio.com.br
Description: Este tema foi criado pela 909 Web Studio.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: tags
Text Domain: Conecta Saúde
*/

/*** Padrão ***/
html, body{
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4{
    padding: 0;
    margin: 0;
}

p{
	color: var(--corTexto);
    margin: 0;
    padding: 0;
}

:target{
	scroll-margin-top: 90px;
}

/*** Animações ***/
.animacao-frame{
    animation: animacaoFrame 30s infinite linear;
}

@keyframes animacaoFrame{
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

.move-bounce{
    animation: moveBounce 10s linear infinite;
}

@keyframes moveBounce{
    0% {
        transform: translateY(0px);
    }
    
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}

/*** Botão WhatsApp ***/
/* #btn-whatsapp.btn{
    position: fixed;
    bottom: 3%;
    right: 2%;
    background-color: #42e057;
    color: #fff;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 0;
    font-size: 34px;
    box-shadow: 0 1px 8px rgb(102, 102, 102, .8);
    z-index: 99999;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
} */

/*** Formulário ***/
.form-tema{
	--gap: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	row-gap: var(--gap);
}

.form-tema .controle{
    width: 100%;
    font-size: 14px;
}

.form-tema .controle p:nth-last-of-type(1) {
    display: block !important;
}

.form-tema .linha{
	margin-bottom: 15px;
}

.form-tema .controle.w-30{
	 max-width: calc(30% - (var(--gap) * 0.8));
}

.form-tema .controle.w-50{
	 max-width: calc(50% - (var(--gap) * 0.8));
}

.form-tema .controle.w-70{
	 max-width: calc(70% - (var(--gap) * 0.8));
}

.form-tema p{
    width: 100%;
}

.form-tema .controle p:nth-last-of-type(1) {
    display: block !important;
}

.form-tema .controle .wpcf7-form-control-wrap[data-name="data"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

.form-tema .controle input:not([type="submit"]),
.form-tema .controle textarea,
.form-tema .controle select{
	font-family: "Montserrat", Sans-serif !important;
	font-size: 16px;
	font-weight: 500 !important;
	color: #555D64;
	width: 100% !important;
	background-color: rgba(65, 143, 222, 0.15);
	border: 0 !important;
	border-radius: 10px !important;
	outline: 0;
	padding: 18px 16px !important;
	margin-bottom: 2px !important;
}

.form-tema .controle textarea{
    height: 120px;
}

.form-tema .controle .wpcf7-form-control-wrap[data-name="data"] input[type="date"]{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
	height: 54px !important;
    line-height: 54px;
    padding: 0 0 0 42px !important;
	appearance: none;
    -webkit-appearance: none;
}

.form-tema .controle .wpcf7-form-control-wrap input[type="date"]::-webkit-date-and-time-value,
.form-tema .controle .wpcf7-form-control-wrap input[type="date"]::-webkit-datetime-edit{
    padding: 0;
    margin: 0;
    line-height: 54px;
}

.form-tema .controle .wpcf7-form-control-wrap input[type="date"]::-webkit-calendar-picker-indicator{
    opacity: 0;
    position: absolute;
    right: 16px;
}

/* placeholder */
.form-tema .controle *::placeholder{
	font-family: "Montserrat", Sans-serif !important;
	font-size: inherit;
	font-weight: inherit !important;
	color: inherit;
}
/**/

.form-tema .controle.submit{
	margin-top: 20px;
}

.form-tema .controle.submit p{
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.form-tema .controle.submit input[type="submit"]{
    background-color: var(--e-global-color-primary);
    border-radius: 44px;
	font-size: 16px;
    font-weight: 700 !important;
	color: #fff;
	margin-left: 68px;
	margin-bottom: 0;
	padding: 14px 26px 13px !important;
}

.form-tema .controle.submit input[type="submit"]:hover{
	cursor: pointer;
	background-color: var(--e-global-color-secondary);
}

/* Agendamento */
.form-tema.t-agendamento .controle input:not([type="submit"]), 
.form-tema.t-agendamento .controle select{
	background-color: #fff !important;
    border: 1px solid var(--e-global-color-primary) !important;
    padding: 17px 16px 16px 42px !important;
    border-radius: 8px !important;
}

.form-tema.t-agendamento .controle select.icon-back-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
}

.form-tema.t-agendamento .controle.submit{
	margin-top: 16px;
}

.form-tema.t-agendamento .controle.submit p{
	display: flex !important;
	justify-content: flex-start;
}

.form-tema.t-agendamento .controle.submit input[type="submit"]{
	text-transform: uppercase;
	margin-left: 0;
}

/* date */
.form-tema.t-agendamento .controle input[type="date"]{
	height: 55px;
	padding: 16px 16px 16px 42px !important;
	text-align: left;
	width: 80%;
}

.form-tema .controle input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
/* Fim */

.form-tema .wpcf7-not-valid-tip{
	margin-top: 6px;
	color: #e70e0e;
	font-size: 12px;
	letter-spacing: 0.2px
}

.form-tema .wpcf7-response-output{
	font-family: "Montserrat", Sans-serif;
	color: #000;
	margin: 0 !important;
	font-size: 12px;
    text-align: center;
    padding: 5px 0 6px 0 !important;
    font-weight: 500;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-radius: 10px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-radius: 10px;
}

/* Ícones */
.icon-back{
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: 16px 48% !important;
}

.icon-back-select{
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: 16px 48%,  calc(100% - 16px) 54% !important;
}

.icon-user{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0Z' fill='%23002F6C'/></svg>") !important;
}

.icon-mail{
	  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'><path d='M2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H18C18.55 0 19.0208 0.195833 19.4125 0.5875C19.8042 0.979167 20 1.45 20 2V14C20 14.55 19.8042 15.0208 19.4125 15.4125C19.0208 15.8042 18.55 16 18 16H2ZM10 9L18 4V2L10 7L2 2V4L10 9Z' fill='%23002F6C'/></svg>") !important;
}

.icon-medico{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M2.66665 19.1666C2.16248 19.1666 1.73088 18.9871 1.37185 18.6281C1.01283 18.2691 0.833313 17.8375 0.833313 17.3333V6.33331C0.833313 5.82915 1.01283 5.39755 1.37185 5.03852C1.73088 4.67949 2.16248 4.49998 2.66665 4.49998H6.33331V2.66665C6.33331 2.16248 6.51283 1.73088 6.87185 1.37185C7.23088 1.01283 7.66248 0.833313 8.16665 0.833313H11.8333C12.3375 0.833313 12.7691 1.01283 13.1281 1.37185C13.4871 1.73088 13.6666 2.16248 13.6666 2.66665V4.49998H17.3333C17.8375 4.49998 18.2691 4.67949 18.6281 5.03852C18.9871 5.39755 19.1666 5.82915 19.1666 6.33331V17.3333C19.1666 17.8375 18.9871 18.2691 18.6281 18.6281C18.2691 18.9871 17.8375 19.1666 17.3333 19.1666H2.66665ZM8.16665 4.49998H11.8333V2.66665H8.16665V4.49998ZM9.08331 12.75V15.5H10.9166V12.75H13.6666V10.9166H10.9166V8.16665H9.08331V10.9166H6.33331V12.75H9.08331Z' fill='%23002F6C'/></svg>") !important;
}

.icon-medico-select{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M2.66665 19.1666C2.16248 19.1666 1.73088 18.9871 1.37185 18.6281C1.01283 18.2691 0.833313 17.8375 0.833313 17.3333V6.33331C0.833313 5.82915 1.01283 5.39755 1.37185 5.03852C1.73088 4.67949 2.16248 4.49998 2.66665 4.49998H6.33331V2.66665C6.33331 2.16248 6.51283 1.73088 6.87185 1.37185C7.23088 1.01283 7.66248 0.833313 8.16665 0.833313H11.8333C12.3375 0.833313 12.7691 1.01283 13.1281 1.37185C13.4871 1.73088 13.6666 2.16248 13.6666 2.66665V4.49998H17.3333C17.8375 4.49998 18.2691 4.67949 18.6281 5.03852C18.9871 5.39755 19.1666 5.82915 19.1666 6.33331V17.3333C19.1666 17.8375 18.9871 18.2691 18.6281 18.6281C18.2691 18.9871 17.8375 19.1666 17.3333 19.1666H2.66665ZM8.16665 4.49998H11.8333V2.66665H8.16665V4.49998ZM9.08331 12.75V15.5H10.9166V12.75H13.6666V10.9166H10.9166V8.16665H9.08331V10.9166H6.33331V12.75H9.08331Z' fill='%23002F6C'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M6 7.4L0 1.4L1.4 0L6 4.6L10.6 0L12 1.4L6 7.4Z' fill='%23418FDE'/></svg>") !important;
}

.icon-calendario{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'><path d='M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V0H5V2H13V0H15V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V8H2V18Z' fill='%23002F6C'/></svg>") !important;
}

.icon-telefone{
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23002F6C%22%20aria-hidden%3D%22true%22%20height%3D%2218%22%20width%3D%2218%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%203a2%202%200%200%201%202%20-2h0.9146666666666667c0.5733333333333333%200%201.0733333333333333%200.3906666666666666%201.2126666666666666%200.9466666666666665l0.7366666666666666%202.9486666666666665a1.25%201.25%200%200%201%20-0.4626666666666666%201.3033333333333332l-0.8619999999999999%200.6466666666666666c-0.09%200.06733333333333333%20-0.10933333333333334%200.16599999999999998%20-0.08399999999999999%200.23466666666666663a7.523333333333333%207.523333333333333%200%200%200%204.464666666666666%204.464666666666666c0.06866666666666665%200.025333333333333333%200.16666666666666666%200.005999999999999999%200.23466666666666663%20-0.08399999999999999l0.6466666666666666%20-0.8619999999999999a1.25%201.25%200%200%201%201.3033333333333332%20-0.4626666666666666l2.9486666666666665%200.7366666666666666c0.5559999999999999%200.1393333333333333%200.9466666666666665%200.6393333333333333%200.9466666666666665%201.2133333333333334V13a2%202%200%200%201%20-2%202h-1.5C5.7013333333333325%2015%201%2010.298666666666666%201%204.5V3Z%22%20clip-rule%3D%22evenodd%22%20stroke-width%3D%220.6667%22%3E%3C/path%3E%3C/svg%3E") !important;
}

@media only screen and (max-width: 800px){
	/*** Config ***/
	:target{
		scroll-margin-top: 0;
	}

	/*** Formulário ***/
	.form-tema .controle.w-30, .form-tema .controle.w-50, .form-tema .controle.w-70{
		 max-width: 100%;
	}
	
	/* date */
	.form-tema .controle input[type="date"]{
		display: block;
	}

	.form-tema .controle input[type="date"]::-webkit-calendar-picker-indicator {
		opacity: 0;
		cursor: pointer;
	}
}