/*
Theme Name: indusface
Text Domain: twentytwenty
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Navigation Menu */
.main-navigation {
	text-align: center;
	border-left:0px solid #374b62;
	border-right:0px solid #374b62;
	background: transparent;
	height:30px;
	z-index: 999;
	position:relative;
}

.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.detail-join-form {
    background: #FFFFFF;
    border: 0.5px solid #D8D8D8;
    padding: 20px;
    margin-bottom: 30px;
}
.join-textbox {
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 5px;
    color: #272727;
    width: 100%;
    margin-bottom: 20px;
}
.join-textarea {
    background: #F5F6F8;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 5px;
    color: #272727;
    height: 100px;
    width: 100%;
    margin-bottom: 20px;
}
.join-submit {
    background: #0AB157 !important;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    padding: 12px 5px;
    text-align: center;
}


@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px solid #ededed;
		border-top: 0px solid #ededed;
		display: flex !important;
		text-align: right;
		width: 100%;
		padding:0px;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #212529;
		text-transform: none;
		white-space: nowrap;
		font-size:15px;
		padding: 0 10px 0px;
		line-height: 30px;
		transition:all 300ms linear;
		margin:0 -1px 0 2px;
		font-weight: 400;
		text-transform:none;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #035BAD;;
		background: transparent;
	}
	.main-navigation li {
		margin: 0 0px 0 0;
		position: relative;
		
	}
	.main-navigation li ul {
		margin: 0px 0px 0px -1px;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		text-align:left;
		padding-top:12px;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	
	.main-navigation li ul li a {
		background:#035BAD;
		border-bottom: 1px solid #ededed;
		border-left: 1px solid #ededed;
		border-right: 1px solid #ededed;
		display: block;
		font-size: 14px;
		line-height: 25px;
		padding: 5px 10px;
		width: 240px;
		white-space: normal;
		text-shadow:none;
		color: #fff;
		text-transform:none;
		font-weight:400;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #f8f8f8;
		color: #035BAD;
		font-weight:normal;
		transition-duration: 500ms;
    	transition-timing-function:  ease;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #212529;
		background:#fff;
		
	}
	
	.main-navigation li ul{ right:0px;left:0px;}
	
	
#return-to-top .upIcon{ content: url(assets/images/up1.svg);}
#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 0px;
    background: rgba(0, 122, 185, 0.5);
  	padding:5px 8px 9px 10px;
	  border-radius:5px 0px 0px 5px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	  z-index:99;
}
#return-to-top:hover {
   background: rgba(0, 122, 185, 1);
}
.menu-item-has-children a{ position:relative;}	
.menu-item-has-children a:after{ content: "\f140"; font-family:'dashicons'; position:absolute; right:-5px; top:0px}
.menu-item-has-children .sub-menu a:after{ content:normal;}	
}