/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/
/*
COLOR REFERENCE
	Purple: #7e0085
	Green: #018577
	Black: #2d2d2d
	Off White: #f1f9f8
	White: #ffffff
	Purple-Green Gradient: #7e0085 - #018577
	Body Text: #2d2d2d
	Headings: #7e0085 - #018577
	Link: #018577
	Link Hover: #7e0085
	Button (text - background - border): #ffffff - #7e0085 - #7e0085 or #7e0085 - #ffffff - #7e0085
	Button Hover (text - background - border): #7e0085 - #ffffff - #7e0085 or #ffffff - #7e0085 - #7e0085

FONT REFERENCE
	BODY: Sofia Pro Regular | 20px | 18px | 16px
	HEADINGS: Sofia Pro
		H1: Sofia Pro Black | 60px | 40px | 30px
		H2: Sofia Pro Black | 40px | 30px | 24px
		H3: Sofia Pro Medium | 36px | 24px | 20px
		H4: Sofia Pro Medium | 30px | 24px | 20px
		H5: Sofia Pro Medium | 30px | 24px | 20px
		H6: Sofia Pro Medium | 30px | 24px | 20px
	MENU: Sofia Pro Regular | 20px
	BUTTON: Sofia Pro Medium | 24px | 20px | 16px

TABLE OF CONTENTS
	Typography
	Header
	Navigation
	Forms
	Buttons
	Headings
	Content
	Meta
	Sidebar
	Footer
	Plugins
	Miscellaneous
	Media Queries
*/
/* ------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------ */
body {
    overflow-wrap: break-word;
}
.elementor-widget-heading .elementor-heading-title {
    line-height: 1.1;
}
.elementor-widget-heading p.elementor-heading-title {
    line-height: 1.3;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: 1.3em;
}
ul + p, ol + p, ul + h1, ol + h1, ul + h2, ol + h2, ul + h3, ol + h3, ul + h4, ol + h4, ul + h5, ol + h5, ul + h6, ol + h6 {
    margin-top: 1.3em;
}
.elementor hr {
    background-color: #ccc;
}
pre, code, kbd, tt, var {
    font-size: inherit;
}
span.uael-heading-text {
    padding-bottom: 10px;
    margin-bottom: -10px;
}
blockquote {
    margin: 0;
    font-style: italic;
}
/* ------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Navigation */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Forms */
/* ------------------------------------------------------------ */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 1 !important;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
    opacity: 1 !important;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
    opacity: 1 !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    opacity: 1 !important;
}
input::placeholder {
    opacity: 1 !important;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline-style: auto !important;
}
.month-dropdown select, .category-dropdown select {
    border-radius: 0;
    border-color: #7e0085;
}
/* ------------------------------------------------------------ */
/* Buttons */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Headings */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Meta */
/* ------------------------------------------------------------ */
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
    padding-top: 3px;
}
.elementor-pagination {
    font-size: 0.8em;
    margin: 4em 0 0;
}
.elementor-pagination .page-numbers {
    display: inline-block;
    margin-bottom: 2em;
}
.elementor-pagination span.page-numbers, .elementor-pagination a.page-numbers {
    display: inline-block;
    color: #5d5dff;
    text-transform: uppercase;
    padding: 0.6em 1.2em;
    border: 2px solid #5d5dff;
    border-radius: 0; /*!important;*/
    background: transparent;
    line-height: 1.1;
}
.elementor-pagination a.page-numbers {
    cursor: pointer;
}
.elementor-pagination span.current, .elementor-pagination span.prev, .elementor-pagination span.next {
    border: 2px solid #4d4b88;
    color: #4d4b88;
}
.elementor-pagination span.dots {
    border: none;
    color: #333333;
    background: transparent;
}
.elementor-pagination a.page-numbers:hover, .elementor-pagination a.page-numbers:active {
    border: 2px solid #4d4b88;
    color: #4d4b88;
}
.comments-area {
    border-top: 1px solid #ccc;
}
.comment-list, .comment-list .children {
    list-style: none;
}
.comment-list {
    padding-left: 0;
    margin-left: 0;
}
.comment-body {
    border: 1px solid #ccc;
    padding: 3em;
    margin: 4em 0;
}
.comment-metadata {
    font-size: 0.8em;
}
/* ------------------------------------------------------------ */
/* Sidebar */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------ */
#credits ul {
    list-style: none;
    padding: 0;
}
#credits ul li {
    padding-bottom: 10px;
}
#credits svg {
    width: 1em;
    vertical-align: middle;
}
#credits a {
    color: #ffffff;
}
#credits a:hover {
    color: #f1f9f8;
}
/* ------------------------------------------------------------ */
/* Plugins */
/* ------------------------------------------------------------ */
/* GTranslate */
.gtranslate_wrapper {
    font-size: 18px;
}
.gtranslate_wrapper .glink {
    border-right: 1px solid #018577;
    padding-right: 10px;
    margin-right: 5px;
}
.gtranslate_wrapper .glink:last-of-type {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
/* ------------------------------------------------------------ */
/* Miscellaneous */
/* ------------------------------------------------------------ */
/* Turn mouse cursor from pointer to text cursor */
.no-link-pointer, a.no-link-pointer, .no-link-pointer > a {
    cursor: default;
}
/* Make phone links look like normal text; be sure to add a class of "phone" and change the color value below to the body text color */
a.phone, a.phone:visited, a.phone:hover, a.phone:focus, a.phone:active {
    color: #333333;
    text-decoration: none;
    cursor: text;
}
iframe {
    vertical-align: bottom;
}
.elementor-social-icon:hover {
    opacity: 1;
}
.uael-gallery-fancybox .fancybox-button {
    padding: 10px;
}
/* If you have a sticky header, add this class to sections with an ID that is used for anchor links */
.anchor-link-scroll-margin-top {
    scroll-margin-top: 100px;
}
/* OPTIONAL: Fixes duplicate arrow on dropdown fields for Gravity Forms Styler if you use GF's Orbital Theme */
.uael-gf-select-custom:after {
    display: none;
}
/* IE10 and IE11 hack for Elementor popups */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .elementor-popup-modal > div {
        position: absolute;
        top: 10%;
        left: 20%;
        right: 20%;
        width: 640px !important;
    }
}
/* ------------------------------------------------------------ */
/* Media Queries - adjust in Elementor > Settings > Style (tab) if Elementor breakpoints are changed. */
/* ------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
    .elementor-nav-menu--toggle {
        margin: -2px 0 0 35px;
    }
}
/* Elementor Tablet Breakpoint */
@media only screen and (min-width: 768px) {
    blockquote {
        font-size: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .elementor-nav-menu--toggle {
        margin: 16px 0 0 35px;
    }
}
@media only screen and (max-width: 1199px) {
    /* Use this class on items that have absolute positioning for desktop but need relative positioning on smaller devices */
    .mobile-relative-positioning {
        position: relative;
    }
    nav {
        padding: 20px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .homepage-map img {
        width: 400px;
        margin-top: 200px;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1619px) {
    .homepage-map img {
        width: 600px;
        margin-top: 130px;
    }
}
/* Elementor Desktop Breakpoint */
@media only screen and (min-width: 1200px) {
    /* Uncomment below if you want to hide main menu arrows on desktop */
    /*
    .elementor-nav-menu--main > ul > li > a > .sub-arrow {
        display: none;
    }
	*/
    /* Uncomment below and apply class .mm-button to menu items that need different styling (in this case, a pill button look) */
    /*
    .mm-button a {
        color: #ffffff !important;
        background: #5d5dff;
        border-radius: 100px;
        margin-left: 20px;
    }
    .mm-button a:hover {
        color: #ffffff !important;
        background: #4d4b88;
    }
	*/
    blockquote {
        font-size: 24px;
    }
    .gtranslate_wrapper .glink {
        padding-right: 25px;
        margin-right: 20px;
    }
    #credits ul li {
        display: inline-block;
        border-right: 1px solid #ffffff;
        padding-right: 12px;
        padding-bottom: 0;
        margin-right: 10px;
    }
    #credits ul li:last-of-type {
        border-right: none;
        padding-right: 0;
    }
}