/*
Theme Name: Starter Block Theme v4
Theme URI: https://jakson.co/
Author: https://jakson.co/
Author URI: https://jakson.co/
Description: A bare bones, blank canvas starter theme for building WordPress Block Themes using the Full Site Editor. It includes only the templates and essential settings you need to create sites fast! 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter-block-theme-v4
Tags: Block editor patterns, Block editor styles, Block themes, Template editing

/*  Smooth Scroll */

@import url("https://use.typekit.net/hbe5cpc.css");

html {
  scroll-behavior: smooth;
}

/*  Reduced motion prefs  */
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/*  Navigation Block Breakpoint. Credit: https://wpdocs.io/ */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: block !important;
}

body
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
    .is-menu-open
  ) {
  display: none !important;
}

/* Change the width to the breakpoint of the Nav */
@media (min-width: 782px) {
  body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  body
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
  }
}

/* end nav break point */

/* Nicely wrapped headlines */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* I've no idea why when you add a background color to a column, WP by default adds padding to it... so weird - this get's rid of that */
:where(.wp-block-columns.has-background) {
  padding: initial;
}

/* Pull Quote */
.wp-block-pullquote blockquote {
  display: grid;
  gap: 20px;
}

.wp-block-pullquote cite {
  font-size: 80%;
  font-weight: 600;
}

/* Search Block */
.wp-block-search__input {
  border: 1px solid;
}

.wp-block-search__button {
  box-shadow: none;
  border: 1px solid var(--wp--preset--color--custom-off-black);
  border-radius: 0;
  color: white;
  padding: 0.4rem 1rem 0.5rem 1rem;
  font-weight: 500;
}

/* Comments */
.comment-form-cookies-consent {
  font-size: 14px;
  line-height: 2;
}

/* Keeps our titles link as the off black color in things like the query loop*/
.wp-block-post-title :where(a) {
  color: var(--wp--preset--color--custom-off-black);
}

/* Button hover state  - core button block still does not have this and it can't be done in theme.json! */

.wp-block-button__link,
a {
  transition: 0.3s;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
#commentform .form-submit.wp-block-button input:hover {
  background: var(--wp--preset--color--custom-white);
  color: var(--wp--preset--color--custom-off-black);
}

.wp-block-button .wp-block-button__link:hover {
  background: var(--wp--preset--color--custom-custom-white);
  color: var(--wp--preset--color--off-black);
  border-color: var(--wp--preset--color--custom-off-black);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--custom-off-black);
  color: var(--wp--preset--color--custom-white);
  border-color: var(--wp--preset--color--custom-off-black);
}

a:hover:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button) {
  text-decoration: underline !important;
}


body, p, body * {
	line-height: 1.5;
	color: #004751;
}
p {
	line-height: 1.5 !important;
    letter-spacing: -0.025em;
}
.has-white-color, .has-white-color * {
	color: #ffffff;
}
header {
    background: #179891;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index:3;
}
.header-left {
    max-width: 44%;
}
.wp-block-site-logo img {
    height: 52px !important;
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
}
.fullpage .is-layout-constrained > .alignwide {
    max-width: none;
}
.wp-block-lsdp-language-switcher ul, ul.wp-block-lsdp-language-switcher {
    background: transparent;
    padding: 0 !important;
}
.lsdp-lang-item a {
    padding: 0px;
    margin: 0 5px;
    border: 2px solid #00000075;
    border-radius: 50px;
    opacity: 0.5;
}
.lsdp-lang-item.current-lang a {
    border-color: #fff!important;
    opacity: 1;
}

.lsdp-lang-item a:hover {
    border-color: #000;
    opacity: 1;
}

html:not(.has-modal-open) .transparent-header svg, header svg {
    fill: #fff!important;
}
body.logged-in header {
    top: 32px;
}
footer {
	margin-top: 0!important; 
}
p {
    margin: 1.5rem 0;
}
p a, p a em {
    color: #179891;
	font-weight: 600!important;
}
.has-white-color p a, .has-white-color p a em {
    color: #d8e3b9;
}

h1, h2, .numbers h4 {
	font-family: "alfarn-2", sans-serif!important;
	font-weight: 700!important;
	font-style: normal;
}
/*h2:after {
    content: "\2022\2022\2022\2022\2022";
    display: block;
    width: 100%;
    font-family: 'Montserrat';
    letter-spacing: -0.05em;
    line-height: 1;
    text-align: match-parent;
	color: #d8e3b9;
}*/
h1, h2 {
	line-height: 1.3;
    margin-bottom: 1.5rem !important;
}
h3 {
	font-weight: 700;
    letter-spacing: -0.015em;
    font-size: 1.35em;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}
h4 {
    font-weight: 400;
    letter-spacing: -0.02em;
    font-style: italic;
    font-size: 1.25em;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
.numbers h4 {
    font-size: 1.5rem;
}

.wp-block-button a:hover, .wp-block-button a:focus {
    background: #004751 !important;
    color: #fff !important;
}
.wp-block-button a:active {
    background: #57a89c !important;
    color: #fff !important;
}

main, main.is-style-starter-group {
    margin-top: 84px!important;
}
.transparent-header main, .transparent-header main.is-style-starter-group {
    margin-top: 0!important;
}
.transparent-header header {
    /*background: #1798915c;*/
	background: transparent!important;
    color: #fff;
}
header.scrolled {
    background: #179891ed!important; 
}

.transparent-header header .wp-block-site-logo {
    /*filter: brightness(100) drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.2));*/
	filter: brightness(100);
}

.accordions .wp-block-cover:has(.is-open) img {
    opacity: 0.2;
}
.accordions .wp-block-cover {
    min-width: 100%;
}

.text-2cols {
	columns: 2;
	gap: 2em;
}


.promo-tabs .wp-block-tab-list button img {
    min-height: 30px;
	max-height: 90px
}
.promo-tabs .wp-block-tab-list button.h07 img {
    height: 42px;
}
.promo-tabs .wp-block-tab-list button.h08 img {
    height: 48px;
}
.promo-tabs .wp-block-tab-list button.h09 img {
    height: 54px;
}
.promo-tabs .wp-block-tab-list button.h11 img {
    height: 66px;
}
.promo-tabs .wp-block-tab-list button.h12 img {
    height: 72px;
}
.promo-tabs .wp-block-tab-list button.h13 img {
    height: 78px;
}
.promo-tabs .wp-block-tab-list button.h14 img {
    height: 84px;
}
.promo-tabs .wp-block-tab-list button.h15 img {
    height: 90px;
}
.promo-tabs .wp-block-tab-list button {
    min-height: 120px;
    max-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2em !important;
    border-bottom: 2px solid #e1f3f2 !important;
    box-sizing: border-box;
    width: 33.3%;
    margin-top: 15px;
}
:where(.wp-block-tab-list button)[aria-selected=true]:before {
    border-bottom: 3px solid;
    bottom: -2px;
    color: #179891;
}

.accordions h3 button {
    padding: 60px 20px;
	transition: all 0.3s ease-in-out;
}
.accordions .is-open h3 button {
    background: transparent !important;
    padding: 20px!important;
	align-items: start;
}
.accordions .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    margin-top: 9px;
}
.accordions .is-open h3 button span.wp-block-accordion-heading__toggle-title {
    color: #d8e3b9;
}
.accordions h3 button span.wp-block-accordion-heading__toggle-title {
    font-weight: 400;
    padding-right: 15px;
}
.accordions .wp-block-accordion-panel {
    margin: 0 !important;
    padding: 0 20px;
}
.accordions .is-open .wp-block-accordion-panel {
    padding-bottom: 30px;
	transition: all 0.3s ease-in-out;
}
.accordions span.wp-block-accordion-heading__toggle-icon {
    font-size: 2em;
    font-weight: 600;
    width: 24px;
    height: 18px;
}
.accordions button span {
    text-decoration: none !important;
}
.accordions .wp-block-cover:not(:has(.is-open)):hover {
    box-shadow: 0px 0px 15px #08272b;
}
.accordions .wp-block-cover img {
	transition: transform 0.5s ease-in-out;
}
.accordions .wp-block-cover:hover img {
    transform: scale(1.1);
}
.accordions ul.wp-block-list {
    padding-left: 20px;
}


.div-divider {
    position: relative;
    display: block;
    height: 50px;
    max-width: none;
}
.wave-green-one {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    z-index: 1;
}

.wave-green-one svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 33px;
}

.wave-green-one .shape-fill {
    fill: #57A89C;
}


html.has-modal-open .wp-block-site-logo {
	z-index:100001;
}
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
    background: #179891!important;
}
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul {
	gap: 0.6em!important;
    margin-top: 50px;
}
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul li a,
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul li a span {
    color: #fff !important;
	font-family: "alfarn-2", sans-serif!important;
	font-weight: 700!important;
	font-style: normal;
    letter-spacing: 0;
    font-size: 2rem;
	line-height: 1.3;
    text-transform: none;
}
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul li a:hover,
.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul li a:hover span {
    color: #d8e3b9 !important;
	text-decoration: none!important;
}
button.wp-block-navigation__responsive-container-close svg {
    fill: #fff;
    width: 36px;
    height: 36px;
}

.logo-footer img {
    height: 50px;
    filter: invert(1) grayscale(1) brightness(10);
}
.logo-footer.logo-footer-natgeo img {
    filter: none;
}
.logo-footer-gov img {
    height: 80px;
}
.logo-footer-arditi img {
    height: 38px;
}
.logo-footer-natgeo img {
    height: 65px;
}
.logo-footer-foa img {
    height: 45px;
}

.numbers p {
    margin-top: 0.25em;
}

.no-wrap {
	text-wrap: auto;
}

.accordions-col {
	width: 33%;
}
html.has-modal-open .div-divider {
	display: none!important;
}

.wp-block-cover.alignfull.is-light {
    padding: 0;
}

.arrow-list {
    padding-left: 20px;
}
::marker {
    color: #179891;
    font-weight: 600;
}

.mom-info-title {
    margin-bottom: 18px !important;
}
.mom-info-sheet {
    padding: 15px 0 !important;
    margin: 0 !important;
}
.mom-info-description {
    margin-bottom: 5px;
}
.mom-sidebar-header h2 {
    margin: 0 0 5px 0 !important;
}

@media (max-width: 800px) {
    .mom-sidebar {
        max-height: none;
    }
    .mom-map-area {
        display: table;
    }
    .mapboxgl-canvas,
    .mom-map-area, 
    #madeira-ocean-map {
        height: 85Vw;
    }
    .mom-info-panel.is-open {
        display: block;
        position: relative;
        top: 0;
        left: 0;
    }
}


@media only screen and (max-width: 768px) {
	.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul li a,
	.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul li a span {
		font-size: 1.6rem;
		line-height: 1.3;
	}
	.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) ul {
		gap: 0.8em!important;
	}
	.text-2cols {
		columns: 1;
		gap: 0;
	}
    .span-m-2 {
        grid-column: span 2;
    }
	.accordions-col {
		width: 100%;
	}
	.promo-tabs .wp-block-tab-list button {
		min-height: 95px;
		max-height: 95px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 15px !important;
		border-bottom: 2px solid #e1f3f2 !important;
		box-sizing: border-box;
		width: 50%;
		margin-top: 5px;
	}
	.footer-logo-social {
		width: 100%;
	}
    .logo-footer-mo {
        max-width: 50%;
    }
	.home-expo-logo {
		max-width: 250px;
	}
    .logo-institucionais-gov {
        width: 100%!important;
        max-width: 374px!important;
        margin: 0 auto!important;
    }
}
@media only screen and (max-width: 530px) {
	.header-button {
		display: none!important;
	}
}

.testimonial-slider figure img {
    box-shadow: 0 0 0 4px #004751, 6px -2px 0 2px #159690;
    margin-top: 4px;
}
.testimonial-slider.wp-block-cb-carousel-v2 .cb-button-next, .testimonial-slider.wp-block-cb-carousel-v2 .cb-button-prev {
    color: #fff!important;
}
.testimonial-slider.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
    background: #fff!important
}

.logos-institucionais {
    align-items: center;
    justify-content: center;
}
.logos-institucionais img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.img25 img {
    height: 25px!important;
    width: auto!important;
}
.img30 img {
    height: 30px!important;
    width: auto!important;
}
.img35 img {
    height: 35px!important;
    width: auto!important;
}
.img40 img {
    height: 40px!important;
    width: auto!important;
}
.img45 img {
    height: 45px!important;
    width: auto!important;
}
.img50 img {
    height: 50px!important;
    width: auto!important;
}
.img55 img {
    height: 55px!important;
    width: auto!important;
}
.img60 img {
    height: 60px!important;
    width: auto!important;
}
.img65 img {
    height: 65px!important;
    width: auto!important;
}
.img70 img {
    height: 70px!important;
    width: auto!important;
}
.img75 img {
    height: 75px!important;
    width: auto!important;
}
.img80 img {
    height: 80px!important;
    width: auto!important;
}
.img85 img {
    height: 85px!important;
    width: auto!important;
}
.img90 img {
    height: 90px!important;
    width: auto!important;
}

html[lang="en-GB"] .header-button-pt {
    display: none;
}
html[lang="pt-PT"] .header-button-en {
    display: none;
}