/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/
/* Utilidades e hacks
--------------------------------------------------------------*/
span.term-list-comma-hack {
  padding-right: .5ch;
}

/* Teste sticky, não funciona */
.sticky-block {
  position: sticky;
  top: 100px;
  z-index: 1000;
  /* Ensure it stays above other content */
}

/* Vem do GeneratePress anterior */
.alignright {
  float: right;
  margin-left: 1.5em;
}

/* Cursos
--------------------------------------------------------------*/
details.empform_program_summary>div>h3,
details.empform_program_summary>div>ul>h3,
.empform_program_container > h3 {
  font-size: 17px;
  font-weight: 700;
  padding-top: 1em;
}

details.empform_program_summary>div>h4,
details.empform_program_summary>div>ul>h4,
.empform_program_container > h4 {
  font-size: 15px;
  font-weight: 700;
  margin-block-end: 0;
}

/* E-learning notice
--------------------------------------------------------------*/
article.courses_place-e-learning-videoconferencia p.courses-schedule::after,
article.courses_place-e-learning-videoconferencia li.meta-categories::after {
  /* content: "Também em e-learning"; */
  content: "Formação online em direto ou presencial";
  font-size: 1em;
  font-weight: 700;
  display: block;
  padding-top: .75em;
  color: #407879;
  margin-inline-start: 0;
}

article.courses_place-e-learning-videoconferencia:not(.courses_place-presencial-lisboa) p.courses-schedule::after,
article.courses_place-e-learning-videoconferencia:not(.courses_place-presencial-lisboa) li.meta-categories::after {
  /* content: "Também em e-learning"; */
  content: "Formação online em direto";
  font-size: 1em;
  font-weight: 700;
  display: block;
  padding-top: .75em;
  color: #407879;
  margin-inline-start: 0;
}

article.courses_place-presencial-lisboa:not(.courses_place-e-learning-videoconferencia) p.courses-schedule::after,
article.courses_place-presencial-lisboa:not(.courses_place-e-learning-videoconferencia) li.meta-categories::after {
  /* content: "Também em e-learning"; */
  content: "Formação presencial";
  font-size: 1em;
  font-weight: 700;
  display: block;
  padding-top: .75em;
  color: #407879;
  margin-inline-start: 0;
}

/* Parcerias
--------------------------------------------------------------*/
/*div.partners-section > div > div {
height: auto !important;
position: relative;
}*/
.partners-section {
  margin-bottom: 40px;
}

.grid-container.parcerias {
  width: var(--theme-default-editor, var(--theme-block-width));
  margin-left: auto;
  margin-right: auto;
  max-width: 1290px;
}

.parcerias .grid {
  height: auto !important;
  position: relative;
  padding-top: 30px;
}

.parcerias .grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.parcerias .container {
  margin: auto;
  max-width: 1100px;
  margin-bottom: 20px;
}

.parcerias .responsive-image {
  max-width: 100%;
}

.parcerias .cell {
  margin: 0.25rem;
}

.parcerias .cell img {
  display: block;
}

@media screen and (max-width: 479px) {
  .parcerias .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .parcerias .cell {
    width: calc(100%);
    margin: 0.5rem;
  }
}

@media screen and (min-width: 480px) {
  .parcerias .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .parcerias .cell {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
}

@media screen and (min-width: 768px) {
  .parcerias .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .parcerias .cell {
    width: calc(25% - 1rem);
    margin: 0.5rem;
  }
}

@media screen and (min-width: 1000px) {
  .parcerias .cell {
    width: calc(20% - 1rem);
    margin: 0.5rem;
  }
}

/* Extra (GP Elements) */
.caixa-alerta {
  margin-top: 20px;
  font-size: .9em;
  font-weight: 600;
}

/* Buttons */
.button, .wp-block-button .wp-block-button__link {
  border-radius: 5px;
}

/* STB
--------------------------------------------------------------*/
input.referer-page {
	display:none;
}

form.wpcf7-form>p:not(.wpcf7-hidden) {
  line-height: 1em;
  margin-bottom: .5em;
  font-weight: 600;
  font-size: .9em;
}

select.wpcf7-form-control:not(.wpcf7-hidden),
input.wpcf7-form-control:not(.wpcf7-hidden) {
  margin-top: .5em;
}

label>span.wpcf7-list-item-label {
  font-size: inherit;
}

@media (max-width: 767px) {
  form.wpcf7-form>p {
    line-height: 1em;
    margin-bottom: .35em;
    font-weight: 600;
    font-size: 75%;
  }

  label>span.wpcf7-list-item-label {
    font-size: .85em !important;
  }

  .wpcf7-form-control .wpcf7-submit .button .alignright {
    margin-inline-start: 0 !important;
  }
}

form.wpcf7-form>p>span>input,
form.wpcf7-form>p>span>select {
  font-weight: 600;
  margin-bottom: 5px;
}

form.wpcf7-form>p>span>select {
  background-color: var(--has-classic-forms, var(--theme-form-field-background-initial-color));
  font-family: inherit;
  font-size: var(--theme-form-font-size);
  color: var(--theme-form-text-initial-color, var(--theme-text-color));
  padding: var(--has-classic-forms, var(--theme-form-field-padding, 0 12px));
  border-width: var(--theme-form-field-border-width, 1px);
  border-style: var(--theme-form-field-border-style, solid);
  border-color: var(--theme-form-field-border-initial-color);
  border-radius: var(--has-classic-forms, var(--theme-form-field-border-radius, 3px));
}

form.wpcf7-form>p>input.wpcf7-submit {
  background-color: #00509d;
  color: #ffffff;
  font-weight: 700;
  font-size: 1em;
}

form.wpcf7-form>p>input.wpcf7-submit:hover {
  background-color: #003f88;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: .9em;
  font-weight: 500;
  font-style: italic;
  margin-top: 0px !important;
  margin-bottom: 5px;
  color: #b10606;
}

form.wpcf7-form>div.wpcf7-response-output {
  margin: 0em;
  padding: 0.5em;
  font-weight: 700;
  font-size: .9em;
  font-style: normal;
  line-height: 1.25em;
  background-color: #f2d0d0;
  border-radius: .5em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #b10606;
}

span.form-contacto-assunto {
  display: grid;
  margin-bottom: 1em;
}

span.form-contacto-assunto > span.wpcf7-list-item {
  margin-left: 0px;
  line-height: 1.25em;
}

form#formulario-aula {
    color: #ffffff;
}

form#formulario-aula a {
    color: var(--theme-palette-color-10);
}

form#formulario-aula a:hover {
    color: var(--theme-palette-color-9);
}

form#formulario-aula>p>input.wpcf7-submit {
	background-color: var(--theme-palette-color-10);
	color: var(--theme-palette-color-3);
}

form#formulario-aula>p>input.wpcf7-submit:hover {
	background-color: var(--theme-palette-color-9);
	color: var(--theme-palette-color-4);
}

.wpcf7-response-output {
    color: #000000;
}

.gspb_slidingPanel-close {
  border-radius: 1em;
}

div.wpcf7 .ajax-loader {
  background-image: url(//empower.pt/wp-content/themes/blocksy-child/images/loading-spin.svg) !important;
}

/* CF7 loader https://www.thriveuk.com/quick-tips-change-default-contact-form-7-ajax-spinner/ */
/* First we hide the default CF7 loader */
/* .wpcf7-spinner::before {
  display:none;
}

/* Add a new custom CF7 loader */
.new-spinner .wpcf7-spinner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  border-top: 2px solid #262b2e;
  border-right: 2px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  background-color: inherit;
}
/* Style the new loader element */
.new-spinner .wpcf7-spinner::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border-bottom: 2px solid #FF3D00;
  border-left: 2px solid transparent;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

/* Google reviews */
span.wprs_rd_more {
    color: #00509D;
    font-style: normal;
    font-size: .9em;
}

/* Flip card https://codepen.io/ananyaneogi/pen/Ezmyeb */
.flip-card {
  background-color: transparent;
  /* width: 300px;
  height: 300px; */
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.flip-card:focus {
  outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flip-card-front {
  z-index: 20;
}

.flip-card-back {
  transform: rotateY(180deg);
  z-index: 19;
}


/* Tooltip https://theadminbar.com/creating-animated-tooltips-in-generateblocks/ */

.tooltip{
	position: relative;
}

.tooltip:before,
.tooltip:after{
	--scale: 0;
	--arrow-size: 8px;
	--tooltip-color: hsla(191, 0%, 95%, 0.9);
        --tooltip-text-color: #222222;
	position: absolute;
	top: -.25rem;
	left: 50%;
	transform: translateX(-50%)  translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.tooltip:before{
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
        color: var(--tooltip-text-color);
	font-size: .8rem;
	line-height: 1;
	padding: .4rem .6rem;
	width: max-content;
	background: var(--tooltip-color);
	border-radius: .3rem;
	text-align: center;
}

.tooltip:hover:before,
.tooltip:hover:after{
	--scale: 1;
}

.tooltip:after{
	--translate-y: calc(-1 * var(--arrow-size));
	content:'';
	border: var(--arrow-size) solid transparent;
	border-top-color: var(--tooltip-color);
	transform-origin: top center;
}

/* Outros */
form.wpcf7-form>div.wpcf7-response-output {
	background-color: #C3E4E7;
}

.boxzilla-aula-gratis-mobile {
  background-color: transparent;
}

.post-13981 article.entry-card.card-content {
    background-color: #f9efbc;
}

p.black-friday {
    margin: 20px 0;
    padding-bottom: 20px;
}

p.black-friday span.wpcf7-form-control-wrap.mensagem {
    line-height: 2.5em;
}