/*
 Theme Name:     Vidyarthi Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/twenty-seventeen-child-theme/
 Description:    A bare-bones child theme for use with WordPress Twenty Seventeen Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://www.ezau.com/
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	/*background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;*/
	font-size: 16px;
	position: relative;
	font-family: 'Poppins', sans-serif;
}

.navigation-top .wrap {
	padding: 0;
}

.navigation-top a {
	color: #FFF;
	font-weight: 400;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}


.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #0098ff;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #031f4b;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: none !important;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
	position:relative;
	cursor:pointer;
}

.main-navigation a:hover {
	color: #0098ff;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: none;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}
.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}
body.admin-bar #masthead{top:32px;}
.header-bottom{position:relative;}
.site-header .search-field {
	background-color: transparent;
	background-image: url(img/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 1px;
	color:#000 !important;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
	border-radius:5px;
	background-image: url(img/search-icon-focus.png);
	
}
.search-form .search-submit {
    display: none;
}
.site-footer a:hover{color:#0098ff;}
.page-banner h2{font-size:1.75rem;position:relative;display:inline-block;font-weight:400 !important;}
.page-banner h2:before, .page-banner h2:after{content:"";background:#FFF;width:0.375rem;height:0.375rem;position:absolute;    top: 50%;border-radius:50%;margin-top:-3px;}
.page-banner h2:before{left: -1rem;}
.page-banner h2:after{right:-1rem;}
.elementor-accordion-item {margin-bottom:1rem;}

.header-top * { font-weight:normal !important;}



@media screen and (max-width: 1023px){
	.header-top p{ font-size:14px;}
}
@media screen and (min-width: 768px) {
.header-top div[class*="col-"]{
    justify-content: center;
    display: flex;
    flex-direction: column;}	
	.header-top div[class*="col-"]:nth-child(1){
		flex: 0 0 15%;
		max-width:15%;
	}
	.header-top div[class*="col-"]:nth-child(2){
		flex: 0 0 36.5%;
		max-width:36.5%;
	}
	.header-top div[class*="col-"]:nth-child(3){
		flex: 0 0 28%;
		max-width:28%;
	}
	
	.header-top div[class*="col-"]:nth-child(4){
		flex: 0 0 20.5%;
		max-width:20.5%;
	}
	
	.text-sm-left{text-align:left;}
}
@media only screen and (min-device-width : 1024px){
	.header-top div[class*="col-"]:nth-child(2){
		flex: 0 0 40.5%;
		max-width:40.5%;
	}	
	.header-top div[class*="col-"]:nth-child(4){
		flex: 0 0 16.5%;
		max-width:16.5%;
	}	
}
@media only screen and (min-width : 1170px){
.header-top div[class*="col-"]:nth-child(2){
		flex: 0 0 46.5%;
		max-width:46.5%;
	}
	.header-top div[class*="col-"]:nth-child(3){
		flex: 0 0 22%;
		max-width:22%;
	}	
}


@media screen and (min-width: 992px) {
	.search-form{position: absolute;
    right: 0;
    top: 12px;}
	.main-navigation ul#top-menu > li:first-child{padding-left:0;}
	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation li {
		padding: 1em;
		position:relative;
	}

	.main-navigation ul ul {
		background: #031f4b;
		border: none;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
		/*-webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);*/
		-webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
	    -webkit-transition: all 0.1s;
    transition: all 0.1s;
	}
	ul#top-menu > li > a:after{content:"|";/*padding:0 0.25rem;*/position:absolute;top:9px;right:-17px;}
	ul#top-menu > li:last-child > a:after{content:"";}
	.main-navigation ul ul li{padding:0.5em;}
	.main-navigation ul#top-menu li{}
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		/*padding: 0.75em 1.25em;*/
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #0098ff;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
		
	}
	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

}



@media screen and (max-width: 991px) {
	.site-header .search-bar {
		position: absolute;
		right: 20px;
		top: 0;
	}
	.header-top div[class*="col-"]{margin-bottom:0.75rem;}
}




.fc-white, .fc-white *:not(a) {color: #ffffff !important;}
h1,h2,h3,h4,h5,h6{color:#031f4b;font-family: 'Raleway', sans-serif;line-height:1.5;margin-bottom:0.5rem;margin-top:0;text-transform:uppercase;letter-spacing:1px;font-weight:600;}
h2{font-size:1.40rem;}
h3{font-size:1.35rem;}
h4{font-size:1.2rem;}
h5{font-size:16px;}
body{background:#FFF;color:#000000;position:relative;line-height:1.4;font-weight:400;font-size:16px;font-family: 'Raleway', sans-serif;padding:0;margin:0;}
#main ul li{padding-bottom:12px;}
.guided-work ul{padding-left:0;}
/*.guided-work li{font-size:15px;}*/
a{color:#000000;text-decoration:none;}
a:hover, a:focus{color:#023b94;}
.bg-darkblue{background:#031f4b;}
.bg-skyblue{background:#023b94;}
.fc-skyblue{color:#023b94;}
.fc-darkblue{color:#031f4b;}
.ff-poppins{font-family: 'Poppins', sans-serif;}
.ff-raleway{font-family: 'Raleway', sans-serif;}
p{margin-bottom:10px;margin-top:0;}
img{max-width:100%;height:auto;}
a.logo{display:block;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-22{font-size:1.35rem;}
.fs-26{font-size:1.625rem;}
.header-top{border-top:12px solid #0098ff;padding:1rem 0;}
.text-center{text-align:center;}
.text-uppercase{text-transform:uppercase;}
.text-normal{text-transform:none;}
.text-capitalize{text-transform:capitalize;}
.fw-normal{font-weight:400;}
.ls-0{letter-spacing:0;}
.ls-1{letter-spacing:1px;}
.mb-0{margin-bottom:0;}
.align-center{align-items:center;}

.mb-2{margin-bottom:1rem;}
.mb-3{margin-bottom:1.5rem;}
.mb-4{margin-bottom:2rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}




/* scroll to top */

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s, transform .3s ;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  transform:translateY(50px);
  background-image:url(img/up.png);
  background-position:center 14px;
  background-repeat: no-repeat;
}

#button:hover {
  cursor: pointer;
  background-color: #023b94;
}
#button:active {
  background-color: #023b94;
}
#button.show {
  opacity: 1;
  visibility: visible;
  transform:translateY(0px);  
}

@media screen and (max-width:767px){
	.site-header .search-bar{top:0;}
	.header-top { text-align:center;}
	.logo { margin-bottom:12px;}
}

html {
   font-size:16px;
  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width:992px){
  html{
    font-size:87.5%; 
  }
}
@media screen and (max-width:768px){
  html{
    font-size:75%;
  }
}
@media screen and (max-width:480px){
  html{
    font-size:62.5%;
  }
}
input[type=text], input[type=tel], input[type=email], textarea, .form-control  {
	border:none;
	border:1px solid #bfbfbf;
	border-radius:8px;
	max-height:40px;
	width:100%;
	padding: .375rem .75rem;
}
input[type="submit"] {
    background: #023b94;
    border-radius: 20px;
    color: #FFF;
    padding: 8px 12px;
    min-width:250px;
    border: 2px solid #023b94;
    height: 40px;
}

.elementor-accordion .elementor-accordion-item {
    border-width: 0px !important;
}
.elementor-accordion .elementor-tab-title {
    background-color: #F1F1F1 !important;
}