/* 
Theme Name: Hello Elementor Child
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
*/

/*
    Add your custom styles here
*/

* {outline: none;}
i.fa {font-family: "Font Awesome 5 Free"; font-style: normal;}

a { color: #1543B8; }
.page-content a { text-decoration: underline; }

#mobilenav1 nav.hfe-dropdown {width: 300px! important; left: -120px! important; top: 70px; position: absolute;}

#mobilenav {width: 150px; position: absolute; right: 10px;}
#mainfooter a:hover span {text-decoration: underline; }

#phonenav {}
#phonenav .elementor-icon-list-icon {display: block; padding: 5px 1px; background: #1543B8; border-radius: 50%; width: 30px; height: 30px;}
#phonenav .elementor-icon-list-item .elementor-icon-list-icon svg {fill: #fff; height: 17px; margin-bottom: 1px;}


#callnav {width: 50px; position: absolute; right: 50px; top: 10px; z-index: 10;}
#callnav .elementor-icon-list-item {background: #1543B8; border-radius: 50%; display: block; width: 30px; height: 30px; vertical-align: middle;}
#callnav .elementor-icon-list-icon { display: block; vertical-align: middle; padding: 5px 0; margin-left: 10px;}
#callnav .elementor-icon-list-item .elementor-icon-list-icon svg {fill: #fff; height: 17px; margin-bottom: 1px;}


#footer2action {position: fixed; width: 100%; bottom: 0;}
#footer2action .elementor-button-link {display: block; border-radius: 0;}
#footer2action .elementor-button-content-wrapper {width: 50%; margin: 0 auto;}


#latestarticles .eael-grid-post-holder { border-radius: 15px;}
#latestarticles .eael-grid-post-holder img, #latestarticles .eael-entry-overlay { border-top-right-radius: 15px; border-top-left-radius: 15px; }


.mainheader {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;	
	
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff! important;
  border-bottom: 1px solid #ccc;
}

.sticky img {width: 120px;}


#contact1 {background: #eee; padding: 25px; border-radius: 25px;}

#contact1 form p {width: 100%;}
#contact1 form br {display: none;}
#contact1 form label {padding: 0 10px; margin: 10px 0; color: #54595F;}
#contact1 form label span {display: block; padding: 5px 0;}

#contact1 .wpcf7-form input {
    width: 100%;
	margin-top: 5px;
}

#contact1 form textarea {
    height: 100px;
    width: 100%;
}

#contact1 .wpcf7-form input[type="submit"] {
    background: #1543B8;
    color: #fff;
    width: 100%;
}


#contact1 form label.col1 {display: block; width: 100%; float: none; clear: both;}
#contact1 form label.col2 {display: inline-block; width: 50%; float: left;}
#contact1 form label.col3 {display: inline-block; width: 33%; float: left;}

/*
    Blog Section
*/

#primary-content{width: 70%; display: inline-block;}
#primary-sidebar {width: 27%; display: inline-block; float: right;}
.clr {clear: both;}
.mywidgets { margin-bottom: 20px;}
.mywidgets h2, .more-blogs-title {
    color: var(--e-global-color-primary );
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
}

.more-blogs-title {text-align: center;}

.page-content {
    color: var(--e-global-color-text );
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-size: var(--e-global-typography-text-font-size );
    font-weight: var(--e-global-typography-text-font-weight );
}

.sectiondivider {background-color: var(--e-global-color-primary); height: 1px; margin: 50px 0; border: 0;} 

#blogheader {margin-bottom: 50px; min-height: 400px; background-blend-mode: multiply; padding: 150px 0;}
.blogheaderoverlay {background-color: #020101; opacity: 0.5; height: inherit; width: 100%; position: absolute;}
.blog-header-title {height: inherit; width: 100%; position: absolute; padding: 150px 0;}
#blogheader h1 { color: #FFFFFF; font-family: "Inter", Sans-serif; font-size: 48px; font-weight: 800; text-align: center;}
.blog-header-spacer {height: 50px;}

.bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 32%; margin-right: 1%; display: inline-block; padding: 20px; clear: none; float: left}
.bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a {display: block;}
.bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a img {width: 100%;}


/*
    screen sizes
*/


@media (max-width: 1023px) {

}

@media (min-width: 1024px) {

#menu-item-35 {background: #1543B8; border-radius: 3px;}
#menu-item-35 a {color: #fff; background:none;}

/*
#faqs .eael-accordion-list {width: 48%; display: inline-block; margin-right: 1%;}
*/
.faqbox {width: 48%; display: inline-block; margin-right: 1%;}
.sticky .elementor-widget-wrap.elementor-element-populated {padding-top: 1px; padding-bottom: 1px;}

}

@media (min-width: 768px) and (max-width: 1023px) {

.blog-content {max-width: 90%! important;}

}

@media (max-width: 767px) {

#affiliations .gallery {margin: 15px;}
#affiliations .gallery .gallery-item {width: 50%;}

#mainfooter {padding-bottom: 40px;}

#contact1 form label.col2, #contact1 form label.col3 {display: block; width: 100%; float: none;}

.hfe-nav-menu .sub-arrow {font-size: 20px; border: 0! important;}
.hfe-active-menu .hfe-nav-menu-icon svg {width: 22px; height: 22px; line-height: 25px; font-size: 22px;}


#primary-content, #primary-sidebar {width: 100%; display: block; float: none; padding: 0 30px;}

.bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 100%; margin: 0 1%; display: block;}

}