/* Set up scalable font sizes */
html {
	font-size: 16px !important;
  --14px: 0.875rem;
  --15px: 0.9375rem;
  --16px: 1rem;
  --17px: 1.0625rem;
  --18px: 1.125rem;
  --19px: 1.1875rem;
  --20px: 1.25rem;
  --21px: 1.3125rem;
	--22px: 1.375rem;
	--23px: 1.4375rem;
	--24px: 1.5rem;
	--25px: 1.5625rem;
  --26px: 1.625rem;
  --27px: 1.6875rem;
  --28px: 1.75rem;
  --29px: 1.8125rem;
  --30px: 1.875rem;
	--31px: 1.938rem;
	--32px: 2rem;
	--33px: 2.0625rem;
  --34px: 2.125rem;
  --35px: 2.1875rem;
  --36px: 2.25rem;
  --37px: 2.3125rem;
  --38px: 2.375rem;
  --39px: 2.4375rem;
  --40px: 2.5rem;
  --41px: 2.5625rem;
  --42px: 2.625rem;
  --43px: 2.6875rem;
  --44px: 2.75rem;
  --45px: 2.8125rem;
  --46px: 2.875rem;
  --47px: 2.9375rem;
  --48px: 3rem;
}

/* Font size for all paragraphs on site */
.entry-content p {
	font-size: var(--20px);
}

/* Details dropdown styling */
details, ul, li {
	font-size: var(--18px);
  line-height: 1.5 !important;
}

/* Remove page titles */
.page .entry-title {
	display: none !important;
}

/* Fix native Datawrapper embeds */
.wp-block-embed,
.wp-block-embed__wrapper,
.wp-block-embed iframe {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
	margin: 10px !important
}

iframe[src*="datawrapper"] {
    display: block;
    width: 100% !important;
}

/* Padding for embedpress embeds */
.wp-block-embedpress-embedpress {
	padding: 10px;
	margin-bottom: 0px !important;
	width: 100%;
  max-width: 100%;
}

/* Responsive Datawrapper embeds */
.wp-block-embedpress-embedpress .gutenberg-block-wrapper .ep-embed-content-wrapper .ose-datawrapper iframe {
	  width: 100% !important;
    min-width: 0 !important;
    border: 0;
}

/* .embedpress-wrapper iframe,
.embedpress-embed iframe,
iframe[src*="datawrapper"] {
    width: 100% !important;
    min-width: 0 !important;
    border: 0;
} */

.wp-block-paragraph {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Footer specific styling - Target only the second column */
.footer-section .wp-block-columns .wp-block-column:last-child p {
    text-align: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* First column (left side) styling */
.footer-section .wp-block-columns .wp-block-column:first-child p {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Footer image alignment */
.footer-section .wp-block-columns .wp-block-column:first-child .wp-block-image {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.footer-section .wp-block-columns .wp-block-column:first-child .wp-block-image img {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Override any container constraints */
.footer-section .wp-block-columns {
    max-width: 100% !important;
    width: 100% !important;
}

.footer-section .wp-block-column {
    max-width: 100% !important;
    width: 100% !important;
}

/* Change link hover color in paragraph elements */
p a:hover {
	color: #3795d4;
	text-decoration: underline;
}

/* Link hover color for page footer */
.site-info a:hover {
	color: #3795d4;
	text-decoration: underline; 
}

/* Link hover color for site title */
.site-title a:hover {
	color: #1F699B;
	text-decoration: none; 
}

/* Link hover color for list items */
ul li a:hover {
	color: #3795d4;
	text-decoration: underline; 
}

/* Shadow and transition for button */
.uagb-button__wrapper .uagb-buttons-repeater {
    transition: 0.3s;
}

/* Make submenu links to wrap */
.main-navigation .sub-menu li a,
#site-navigation .sub-menu li a,
.sub-menu li a {
  white-space: normal !important;
  word-break: break-word !important;
  display: block;
  line-height: 1.4;
}

/* Restrict dropdown width so text wraps */
.main-navigation .sub-menu,
#site-navigation .sub-menu,
.sub-menu {
  max-width: 260px !important;
  width: 260px;
}