/* 

Theme Name: Minuto De Accion

*/
:root {
    --olive-light: #769772;
    --olive: #52684f;
    --olive-md: #2f3a2f;
    --olive-dark: #3b4939;
    --main-bg: #FFF7CC;
    --footer-cta-bg: #665600;
    --lora: "Lora", serif;
}


.lora {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.lora-medium {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.lora-semibold {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.lora-bold {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.gilda {
  font-family: "Gilda Display", serif;
  font-weight: 400;
  font-style: normal;
}
.gilda-medium {
  font-family: "Gilda Display", serif;
  font-weight: 500;
  font-style: normal;
}
.gilda-semibold {
  font-family: "Gilda Display", serif;
  font-weight: 600;
  font-style: normal;
}
.gilda-bold {
  font-family: "Gilda Display", serif;
  font-weight: 700;
  font-style: normal;
}

.main-nav{
    display: flex;
    list-style-type: none;
    column-gap: 20px;
    justify-content: end;
}
.main-nav a {
    text-decoration: none;
    font-size: 18px;
}

.custom-logo {
    max-width: 70px;
}

.custom-shape-divider-bottom-1757360109 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1757360109 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}

.custom-shape-divider-bottom-1757360109 .shape-fill {
    fill: #FFFFFF;
}

#post h2 {
  font-size: 32px;
  line-height: 120%;
  font-family: "Gilda Display", serif;
  font-weight: 600;
  font-style: bold;
  /* padding-bottom: 16px; */
}

#post img {
  border-radius: 5%;
  box-shadow: 0 4px 6px -1px black;
  margin:10px 0 10px 0 ;
}

#post p, li {
  font-size: 18px;
  font-family: "Lora", serif;
}


a.wp-block-button__link[href*="print-my-blog"] {
  background-color: green;
  color: #fff;              
  border: none;
  border-radius: 25px;
  padding: 10px 16px;
  margin-bottom: 15px;
  text-decoration: none;     
  display: inline-block; 
  

  transition: 
    background-color 0.3s ease,
    transform 150ms cubic-bezier(0, 0, 0.2, 1);
}

a.wp-block-button__link[href*="print-my-blog"]:hover {
  background-color: rgb(2, 211, 2);
  transform: scale(1.1); 
}

div.pmb-print-this-page {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

div a.button__link {
  max-width: 222px;
}

/* download pdf post print styles */
@media print {
  header, nav, footer, .sidebar, .ad, .no-print {
    display: none !important;
  }

  main, article {
    max-width: 750px;
    margin: 0 auto;
  }

  body {
    font: 12pt/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: #111;
  }

  img, figure {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  h1, h2, h3 { break-after: avoid; }
} 


/* Contact form submit button styles */
#cf7-submit {
  background-color: var(--footer-cta-bg);
  border: var(--footer-cta-bg) solid 1px;

  transition: 
    background-color 0.3s ease,
    transform 150ms cubic-bezier(0, 0, 0.2, 1);
}

#cf7-submit:hover {
  background-color: var(--footer-cta-bg-bg);
  color: black;
  border: var(--footer-cta-bg) solid 1px;
  scale: 105% 105%;
  cursor: pointer;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}



/* News letter form styles */
div.tnp-subscription {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 auto 0 auto !important;
  padding-top: 24px !important;
  max-width: none !important;
}

@media (min-width: 1024px){
  div.tnp div.tnp-subscription {
    width: 600px !important;
  }
}

/* first name */
.tnp-field {
  font-family: var(--lora) !important;
}
.tnp-field label {
  padding-bottom: 8px !important;
  margin: 0 !important;
  font-size: 16px !important;
}
.tnp-name {
  background-color: #fff !important;
  height: 48px !important;
  border: 1px solid rgb(225, 227, 232) !important; 
  border-radius: 0.75rem !important;
  padding-left: 8px !important;
  
}

#tnp-1 {
  margin-bottom: 24px !important;
}

/* email */
.tnp-email {
  background-color: #fff !important;
  height: 48px !important;
  border: 1px solid rgb(225, 227, 232) !important; 
  border-radius: 0.75rem !important;
  padding-left: 8px !important;
  
}

#tnp-2 {
  margin-bottom: 24px !important;
}

/* submit */
.tnp-submit {
  background-color: var(--olive) !important;
  border: var(--olive) solid 1px !important;
  padding: 12px 24px !important;
  min-width: 102px !important;
  border-radius: 0.75rem !important;
  font-family: var(--lora);
  font-weight: 500;

  transition: 
    background-color 0.3s ease,
    transform 150ms cubic-bezier(0, 0, 0.2, 1) !important;
}

.tnp-submit:hover {
  background-color: var(--main-bg) !important;
  color: black !important;
  border: var(--footer-cta-bg) solid 1px !important;
  scale: 105% 105% !important;
  cursor: pointer !important;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
}

footer a {
  font-size: 18px !important;
}

@media screen and (max-width: 767px) {
 .menu-item a {
    font-size: 2rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 28px !important;
  }
}

#menu-navigation-1 {
  margin-bottom: 28px !important;
}