/*
Theme Name: Oikonomos Base Theme
Description: Custom theme based on Hello Elementor.
Author: Rachel Cardy
Author URI: https://www.linkedin.com/in/jaxrachel/
Template: hello-elementor
Version: 2.0.0
Text Domain: owsbase
*/

/* DESIGN CSS for this site. Shared core styles (reset, accessibility, Gravity Forms, utility classes) come from the
   Base Theme Foundation must-use plugin and load before this file, so anything here wins. Everything in this file
   may be changed to match the site's design; the plugin's README lists the classes and variables it provides. */

/* GLOBAL */

html { scroll-behavior: smooth; }

.disclaimer {
	font-size:0.8rem;
	line-height:1.1em;
	font-style:italic;
	margin-bottom:0 !important;
}

.elementor-post__excerpt p:after {
	content:"...";
}

/* CUSTOM LIST STYLES - UPDATE TO MATCH SITE DESIGN */

.customList ul, .customList ol {
    margin: 0 0 1rem -0.5rem;
	padding-left: 2rem;
}

.customList ul {
    list-style: none;
}

.customList li {
    margin-top: 2px;
    margin-bottom: 2px;
}

.customList ul li::before {
  content: "\2013";
  color: var( --e-global-color-accent );
  font-weight: bold;
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
}

.customList .wp-block-columns {
    margin-bottom: 0.25rem;
}

@media only screen and (min-width:990px) {
    /* Two-column list: add the class to the list itself or to the widget holding it. */
    ul.twoColumnList, .twoColumnList ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin-top:10px;
}
}

/* BUTTONS IN HORIZONTAL NAVIGATION MENUS - UPDATE TO MATCH SITE DESIGN */

.elementor-nav-menu--layout-horizontal .menuButton .elementor-item {
	padding: 8px 16px !important;
	color: #ffffff !important;
	background-color: var( --e-global-color-primary );
	border-radius: 5px;
	text-transform: uppercase !important;
	font-size: 1.1rem !important;
	font-weight: 500 !important;
}

.elementor-nav-menu--layout-horizontal .menuButton .elementor-item:hover {
	background-color: var( --e-global-color-secondary );
}

.elementor-nav-menu--layout-horizontal .menuButton .elementor-item:before,
.elementor-nav-menu--layout-horizontal .menuButton .elementor-item:after {
	display:none;
	}

.menuIcon i {
	padding: 2px 0 0 8px;
}

/* GRAVITY FORMS OVERRIDES: the plugin styles forms from Site Settings › Theme Style. Only add rules here for what
   Theme Style can't express, e.g. body { --ows-btn-radius: 30px; --ows-confirm-bg: #f6f6f6; } */

/* ACCESSIBILITY: skip links and the #content target printed by header.php (styled here, not in the plugin, so they
   stay hidden even if the plugin is removed) */

.screen-reader-text, .skipLink {
    border: 0;
    border-radius: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus, .skipLink:focus  {
    background-color: #efefef !important;
    clip: none !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #101010 !important;
    display: block;
    font-size: 1rem;
    font: message-box;
    text-decoration: none;
    line-height: normal;
    padding: 12px 20px !important;
    left: 5px;
    top: 5px;
    height: auto;
    width: auto;
    min-width: 230px;
    z-index: 100000;
}

.hideElement {
    border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
} 

.hideElement-focusable:active,
.hideElement-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}