/* 
Theme Name: Working@home
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300;400;700&display=swap");


strong, b {
	font-weight: 600;
}

.thin {
	font-weight: 300;
}

.small {
	font-size: 0.7em;
}

.elementor-text-editor li {
	margin-bottom: 0.9rem;
}

.elementor-widget-heading .elementor-widget-container .elementor-heading-title {
	line-height: 1.2;
}

/* remove unnecessary margin from the last paragraph in a widget */
.elementor-widget-text-editor p:last-of-type {
	margin-bottom: 0;
}


/* margins for lists - equal at top & bottom, in line with blockquotes on the left */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	margin: 20px 0;
	padding-left: 2em;
}


/* default quote style */
blockquote {
	font-size: 1.3rem;
	font-weight: 300;
	border-left: 6px solid #fc0;
	padding-left: 20px;
}


/* accessibility buttons */
.accessibility-button {
    font-size: 1.2rem;
    padding: 10px;
    height: 2em;
    display: flex;
    align-items: center;
	transition: 0.2s;
}


.dyslexia {
	font-family: "Comic Neue";
	text-transform: normal;
	letter-spacing: 0;
}


/* links are underlined */
p a,
.elementor form a,
a .elementor-icon-list-text,
.elementor p a,
.accessibility-button .button-text {
	display: inline-block;
	box-shadow: inset 0 -3px 0 0 rgba(255, 204, 0, 0.3);
	transition: 0.3s;
}

p a:hover,
p a:active,
p a:focus,
.elementor form a:hover,
.elementor form a:active,
.elementor form a:focus,
a:hover .elementor-icon-list-text,
a:active .elementor-icon-list-text,
a:focus .elementor-icon-list-text,
.elementor p a:hover,
.elementor p a:active,
.elementor p a:focus,
.accessibility-button:hover .button-text,
.accessibility-button:focus .button-text {
	box-shadow: inset 0 -3px 0 0 rgba(255, 204, 0, 1);
}

/* icon list */
.elementor .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
	padding-left: 0;
	margin-left: 10px;
}


/* twitter icon in menu bar */
nav i.fa-twitter {
	font-size: 1.5rem;
	padding: 0 5px;
}

/*
nav > ul > li:last-of-type a:hover::after,
nav > ul > li:last-of-type:active::after,
nav > ul > li:last-of-type:focus::after {
	display: none;
}

nav > ul > li:last-of-type a:hover i,
nav > ul > li:last-of-type:active i,
nav > ul > li:last-of-type:focus i {
	color: #fc0;
}*/


/* hide things that are purely context for screenreaders */
.screenreader {
	visibility: hidden;
	font-size: 0;
}

/* button labels should be left aligned when the button wraps to 2 lines */
.elementor-button {
	text-align: left;
}



/* add text to the menu toggle button */
.elementor-menu-toggle .eicon-menu-bar::after {
    content: "Menu";
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    bottom: 0.3rem;
    left: 10px;
}

/* all left-aligned icon boxes should stay left-aligned on mobile */
@media screen and (max-width: 599px) {
	
	.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	text-align: left;
}
	
	.elementor-widget-icon-box .elementor-icon-box-wrapper {
		text-align: left;
	}
	
	.elementor-icon-box-title {
		margin-left: 10px;
	}
	
	
	
}