/*
Theme Name: Unbias Theme
Theme URI: https://unbiasthenews.org/
Author: Cecilia Palmér
Author URI: https://fashionandcode.com
Template:  twentytwentyone
*/


:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, Lora, serif);
	--global--font-secondary: var(--font-headings, Lora, serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray);

	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-green);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

	/* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: var(--global--color-secondary);
	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);
	--primary-nav--color-link-hover: var(--global--color-primary-hover);
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);



	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0px;
}

.elementor-kit-1236 p { margin-bottom:1.5em; }

body p a { text-decoration:underline; border-bottom: 0 none;}

body .elementor-element-populated a {color:inherit;}
a:hover {
	background-color: #FCFF71;
	color: inherit;
}

ul { padding-left: 1em; }
.wpb_text_column ul {list-style: unset;}
li {padding: 14px 0px 0px 0px;}

.elementor-image a:hover {background-color: transparent;}

.nav>li>a {
	font-family: "RationalTW", sans-serif, monospace;
	font-size: 0.7em;
	line-height: 0.7em;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.03em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.nav>li>a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.main-nav-fullscreen-style-1 {
	margin: 0 !important;
}

.admin-bar .is-stuck {
    padding: 12px 0px !important;
}



.lqd-contact-form label  {
	font-family: "RationalTW", sans-serif, monospace;
	line-height: 1.6em;
	letter-spacing: -0.03em;
}

.lqd-contact-form select, .lqd-contact-form input, .lqd-contact-form textarea, .lqd-contact-form .ui-selectmenu-button {
	padding-left: 1em;
}

.lqd-contact-form-button-bordered input[type=submit], .lqd-contact-form-button-bordered button[type=submit] {
	font-family: "RationalTW", sans-serif, monospace;
	font-size: 0.76em;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	line-height: 1.8em;
	letter-spacing: -0.03em;
	text-align: center;
	text-transform: uppercase;
}

.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
	font-size: 0.76em !important;
	font-family: "RationalTW", sans-serif, monospace;
}

b {font-weight: 700;}

blockquote {
	font-size: 19px;
}

.elementor-element blockquote.elementor-blockquote p.elementor-blockquote__content {margin-bottom:0.75em;}

pre {
	color: #f4524d;
	background-color: #fff;
	border: 0px;
	line-height: 1.6;
	margin-bottom: 0;
}

h1, h2, h3 {
	font-family: "WayfinderCF-Heavy" !important;
}

h1, h2 {
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.h1, h1 {
	font-weight: 900 !important;
}

.h2, h2 {
	font-weight: 900 !important;
}

.h3 {
	font-weight: 900 !important;
}

.h4 {
	font-size: 21px !important;
	font-weight: 900 !important;
	  
}

.h5 {
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

h6 {
	margin-top: 6px !important;
}

.btn-txt {
	font-family: "RationalTW", sans-serif, monospace;
	letter-spacing: 0.1em;
}

.info
{
	font-size: 0.7em;
	font-family: "RationalTW", sans-serif, monospace;
	line-height: 1.8em;
}

.submenu-expander {
	color: #16171e !important;
}

.fancy-box-overlay .cb-subtitle {
	background-color: #ff5b5b;
    font-size: 13px;
    font-weight: 600;
}


.testimonial .testimonial-details h5 {
	text-transform: uppercase;
	font-style: italic;
	font-size: 21px;
    color: #16171e;
    font-weight: 900;
}

.testimonial .testimonial-details h6 {
	text-transform: uppercase;
	font-style: italic;
}

.elementor-testimonial-job,
.elementor-testimonial-name{
	border: none !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
	color: #000 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	font-family: "RationalTW", sans-serif, monospace;
	background-color: #67ffb2;
	border-color: #67ffb2;
	padding: 10px 20px 10px 20px;
	margin: 2em 0em 1em;
	font-weight: bold;
	letter-spacing: 0.02em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	font-family: "RationalTW", sans-serif, monospace;
	background-color: #ff3939;
	border-color: #ff3939;
	color: #fff;
	padding: 10px 20px 10px 20px;
	margin: 2em 0em 1em;
	letter-spacing: 0.02em;
}

.wpcf7-not-valid-tip {
	color: #ff0000;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.wpcf7-list-item {
	margin: 0;
	padding-right: 20px
}

.rotate {
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}


.lqd-contact-form input[type=checkbox] {
    width: 25px;
    height: 25px;
    border-radius: 0px !important;
	padding: 0px !important;
      }

.mc4wp-form-basic input[type=date], .mc4wp-form-basic input[type=email], .mc4wp-form-basic input[type=tel], .mc4wp-form-basic input[type=text], .mc4wp-form-basic input[type=url], .mc4wp-form-basic select, .mc4wp-form-basic textarea {
height: 50px !important;
	border: none;
	padding: 16px;
}

.mc4wp-form-basic input[type="checkbox"],.mc4wp-form-basic input [type="radio"] {
	height: 30px;
	width: 30px;
}

.mc4wp-form-basic .mc4wp-notice, .mc4wp-form-theme .mc4wp-notice {
	color: #FCFF71;
}

.mc4wp-form-basic label, .mc4wp-form-theme label {
	font-family: "RationalTW", sans-serif, monospace;
	font-weight: 300;
	font-size: 0.8em;
}

.vc_general.vc_cta3.vc_cta3-style-custom {
	border: none !important;
}

.titlebar-inner {
	padding: 20px 0px 0px !important;
}

.elementor-kit-1236 button {
	background-color: #fff;
	box-shadow: none;
}

.elementor-menu-toggle {
	color: #fff;
	padding: 14px 0px 8px 0px;
}
	
	.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
		background-color: #FCFF5B;
		color: #181B31 !important;
		font-size: 1.3em !important;
}

.elementor-nav-menu a {
	padding: 14px;
}

.elementor-nav-menu a:hover {
	padding: 14px;
	background-color: #181B31 !important;
	color: #fff !important;
}

.elementor-location-footer a:hover {
	color: #181B31!important;
	padding: 0 .25em;
}

.elementor-element-populated .sub-menu .current-menu-item a {
	color:white;
}

/*  additions cecilia@fashionandcode.com */

footer .elementor-icon-list-item a:hover {
    background-color:transparent;
}

footer .elementor-element .elementor-icon-list-item a:hover span.elementor-icon-list-text {
    color: var( --e-global-color-text );
}

footer .elementor-element .elementor-icon-list-item a:link span.elementor-icon-list-text {padding:0 0.5em;transition: all .3s ease-in-out;}
footer .elementor-icon-list-item a:hover span {
    background-color: #FCFF71;
}

#ra-player {
	margin: 1em;
    display: flex;
    justify-content: center;
}

.ra-button {
	font-family: "Rational", Sans-serif;
  font-size: 0.75em;
}

.elementor-heading-title {
	margin: 0.35em auto;
	max-width: calc(100vw - 2rem);
}

@media screen and (max-width:420px) {
	.ra-button {
		width:100%;
	}
}

@media (max-width: 767px) {
.elementor-section .elementor-column.elementor-element > .elementor-element-populated > .elementor-widget-wrap {padding:0 1rem}
.elementor-section .elementor-column.elementor-element > .elementor-element-populated > .elementor-widget-wrap .elementor-widget-theme-post-featured-image {margin:0 -1rem;    width: 100vw;}
	/*mailchimp form*/
	.elementor-1245 .elementor-element.elementor-element-c68bbc7 > .elementor-widget-container {padding:0}
}

@media (max-width:420px) {
.elementor-widget-wrap .elementor-element.elementor-element-44ccdc99 {padding:0}
	.elementor-element-44ccdc99 .elementor-column.elementor-col-33 {width:100%;margin-bottom: 20px;}
}

/*more contrast*/
figcaption {color: #4c4c4e}

.mc4wp-form-basic label.cb-label {
	display: flex;
  align-items: center;
}

/* Accessibility 
 * darker purple #7960cb
 * lighter purple #e0bfff
 * lighter pink #ffc6cc
 * darker pink #c9646d
 * lighter yellow #ffffa3
 * darker yellow #c7cc3f
 * */
div.elementor-element article.elementor-post div.elementor-post__card a.elementor-post__read-more {
	color:#7960cb;
}

/* Author Box */
.m-a-box {display:none}

#ctf .ctf-item {padding:0.5em;}

/* Sinking Cities */

.elementor-element-03e45b4 .elementor-nav-menu a:hover,
.elementor-element-a594f2d .elementor-nav-menu a:hover,
.elementor-element-4d95df8 .elementor-nav-menu a:hover,
.elementor-element-bdf5984 .elementor-nav-menu a:hover {
	background-color: rgba(8, 48, 107,0.4)!important;
}


.postid-10849 .elementor-post-navigation__prev {visibility: hidden;}

#map .mapboxgl-ctrl.mapboxgl-ctrl-attrib button.mapboxgl-ctrl-attrib-button {
    background-color: transparent;
}

.mapboxgl-ctrl-attrib-button {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")
}