/*
Theme Name: Mads
Theme URI: http://www.909webstudio.com.br
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: Mads
*/

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

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

p{
    margin: 0;
    padding: 0;
}

/* :target {
	scroll-margin-top: 80px;
}
 */

/*** Animações ***/
@keyframes movimentoImg {
  0%, 20%   { transform: rotate(0deg); }
  25%       { transform: rotate(2deg); }
  30%       { transform: rotate(-2deg); }
  35%       { transform: rotate(1deg); }
  40%       { transform: rotate(0deg); }
  100%      { transform: rotate(0deg); }
}

.img-movimento{
  display: inline-block;
  animation: movimentoImg 4s infinite ease-in-out;
}

@keyframes vibracaoSuave {
  0%, 15%   { transform: translateX(0); }
  16%       { transform: translateX(-2px); }
  20%       { transform: translateX(2px); }
  24%       { transform: translateX(-2px); }
  28%       { transform: translateX(2px); }
  32%       { transform: translateX(-1px); }
  36%       { transform: translateX(1px); }
  40%       { transform: translateX(0); }
  100%      { transform: translateX(0); }
}

.vibrar{
  animation: vibracaoSuave 5s infinite ease-in-out;
}

.vibrar:hover{
	animation-play-state: paused;
}

/*** 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 .linha{
	margin-bottom: 15px;
}

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

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

.form-tema .controle input:not([type="submit"]), .form-tema .controle textarea{
	font-family: "Roboto", Sans-serif !important;
	font-size: 16px;
	font-weight: 400 !important;
	width: 100% !important;
	background-color: var(--e-global-color-primary);
	border: 0 !important;
	border-radius: 40px !important;
	padding: 16px 24px !important;
}

.form-tema .controle input:not([type="submit"]){
    color: var(--e-global-color-text);
    margin-bottom: 2px !important;
}

.form-tema .controle textarea{
    height: 120px;
	color: var(--e-global-color-text);
    margin-bottom: 2px !important;
}

/* placeholder */
.form-tema .controle *::placeholder{
	font-family: "Roboto", Sans-serif !important;
	font-size: 16px;
	font-weight: 400 !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"]{
	margin-left: 72px;
	margin-bottom: 0;
	padding: 15px 26px 14px !important;
	text-transform: uppercase;
	font-size: 16px;
}

.form-tema .controle.submit input[type="submit"]:hover{
	color: #000;
	cursor: pointer;
}

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

.form-tema .wpcf7-response-output{
	font-family: "Roboto", Sans-serif;
	color: #000;
	margin: 0 !important;
	font-size: 13px;
    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: 40px;
}

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

@media only screen and (max-width: 800px){
	/*** Formulário ***/
	.form-tema .controle.w-30, .form-tema .controle.w-50, .form-tema .controle.w-70{
		 max-width: 100%;
	}
}