/* 
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
*/

/* Add your custom styles here */
a{color:#000080;text-decoration:none !important;}
.main-navigation ul li {
	/*width: 100%;*/
}
.main-navigation li.fa::before {
	float: left;
	margin-top: 14px;
	/*width: 30px;*/color:#FFF;right:-10px;position:relative;
}
.main-navigation .fa a.hfe-menu-item{/*padding-left:5px !important;*/}
.main-navigation ul li .hfe-has-submenu-container a{display: -webkit-box;}
.section-divider {
    display: inline-block;
    position: relative;
    height: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #19b7f1;
    width: 90px !important;
    margin-top: 0;
    margin-bottom: 10px;
    overflow: hidden
}

.section-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1.1px;
    height: 7px;
    width: 8px;
    background-color: #fff;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: dot-move;
    animation-name: dot-move;
}

@-webkit-keyframes dot-move {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@-webkit-keyframes dot-move {
    from {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -ms-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@keyframes dot-move {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}
.list-of-scope ul{display: flex;flex-wrap: wrap;list-style: none;padding-left: 0;}
.list-of-scope ul li{flex: 0 0 33%;outline: 1px solid;margin:0 0.1% 0.3% !important;background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .075);
    box-shadow: 0 0 15px rgba(0, 0, 0, .075);
    border: 1px solid rgba(128, 137, 150, .1);border-radius:8px;}
.list-of-scope ul li span{padding: 3px 3px 3px 15px;color: #233d63;text-decoration: none;font-size: 17px;position: relative;font-weight: 600;width:100%;}
.list-btn {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 20px 10px 50px;
    text-align: left;
    color: #233d63;
    text-decoration: none;
    font-size: 17px;
    position: relative;
    font-weight: 600;
    background-color: rgba(127, 136, 151, .07);
    border: 0;
}

.submission-card-item {border-radius: 8px;margin: 30px 0;background:#f6f6f6;padding:10px;}
.submission-card-item .submission-card-body{display: flex;flex-wrap: wrap;list-style: none;padding-left: 0;}
.submission-card-item .submission-card-body .input-box{flex: 0 0 48%;margin:0 1% !important;}
.submission-card-item .submission-card-body .input-box.col-lg-12{width:100% !important;flex: 0 0 100%;}
.label-text {
    font-size: 17px;
    color: #000080;
    font-weight: 600;
}
.label-text span{padding:5px;background:#000080;color:#FFF;}
.form--control {
    height: 38px;
    /*padding-left: 45px;*/
    font-size: 15px;
    color: #233d63;
    border-color: #ec268f;
    font-weight: 600;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.form--control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #15c56b
}
.submission-card-item .submission-card-body .input-box .qbutton{background:#F68212;color:#000;border-color:#000;font-weight:500;}
.form--control-gray {
    background-color: rgba(127, 136, 151, .1);
    border-color: transparent
}

.form--control-gray:focus {
    background-color: rgba(127, 136, 151, .1)
}

.form-group {
    position: relative
}

.input-group .form-control:not(:first-child) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.input-icon {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 18px;
    z-index: 4
}
input[type="file"] {
  margin: auto;
  padding: 5px;
  border: 2px dashed #bbb;
  background-color: #fff;
  transition: border-color .25s ease-in-out;
  &::file-selector-button{
  /*padding: 1em 1.5em;*/
  border-width: 0;
  border-radius: 2em;
  background-color: hsl(210 70% 30%);
  color: hsl(210 40% 90%);
  transition: all .25s ease-in-out;
  cursor: pointer;
  margin-right: 1em;
  }
  &:hover {
  border-color: #888;
    
  &::file-selector-button{
    
    background-color: hsl(210 70% 40%);
    }
  }
}
.input-box.btn-box{text-align:center;}
.input-box.btn-box .theme-btn{    padding: 10px 40px 10px 40px;    background-color: #000080; border-color:#000080;color:#FFF;font-weight:700;}
.editorial-nav {min-width:160px;}
.hfe-nav-menu li.hfe-button-wrapper a{box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    /*background: rgb(96, 9, 240);
    background: linear-gradient(0deg, #008240 0%, #07cf69 100%);
    border: none;*/}
.hfe-nav-menu li.hfe-button-wrapper.current_page_item a{color:#000 !important;}
.title-icon .elementor-heading-title b{padding: 10px;
    background: #024766;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    position: relative;
    display: inline-block;
    line-height: 39px;font-size: 30px;}
.hfe-menu-item .emoji{width:1.5em !important;height:1.5em !important;}
.manuscript-type-table table{background: #f0f0f0;}
.manuscript-type-table th, .manuscript-type-table td{padding: 5px !important;vertical-align: middle;font-weight: 600;}
.manuscript-type-table th:first-child{min-width: 150px;}
.manuscript-type-table tr td:first-child{text-align:center;color:#000080;font-weight:bold;}
.contact-menu-icon .hfe-menu-item{/*font-size:1px;opacity:0;*/}
/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header {
	top: 0;position: fixed !important;width: 100%;
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}

/***
* class: .logo
*/

@media screen and (max-width: 700px) {
	.manuscript-type-table {}
	.manuscript-type-table table,
    .manuscript-type-table table thead,
    .manuscript-type-table table tbody,
    .manuscript-type-table table th,
    .manuscript-type-table table td,
    .manuscript-type-table table tr {
                display: block;
            }

            .manuscript-type-table table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

           .manuscript-type-table table tr {
                margin-bottom: 20px;
                border: 1px solid #ddd;
            }

            .manuscript-type-table table td {
                border: none;
                position: relative;
                padding-left: 50%;
            }

           .manuscript-type-table table td:before {
                position: absolute;
                left: 6px;
                content: attr(data-label);
                font-weight: bold;display:none;
            }
}

@media (max-width:1024px) {
    .main-navigation li.fa::before{display:none;}
	.main-navigation li.current-menu-item a.active{color:#000;}
}
@media (max-width:768px) {
	.submission-card-item .submission-card-body .input-box{flex: 0 0 100%;margin: 0 0% !important;}
}