/* 
Theme Name:		 Best Education Child
Theme URI:		 hhttps://thememattic.com/theme/best-education
Description:	 Best Education Child is a child theme of Best Education, created by Ahmed Irfad Nazar
Author:			 Thememattic
Author URI:		 https://thememattic.com
Template:		 best-education
Version:		 1.0.0
*/


/*
    Add your custom styles here
*/

/*@font-face {
font-family: Mosk Extra Bold;
src: url(../fonts/Mosk-Extra-Bold.ttf);
font-weight: bold;
}

@font-face {
font-family: Zafani;
src: url(../fonts/Zafani.otf);
font-weight: normal;
}*/

/*@font-face {
font-family: Coco-BoldCondensed;
src: url(../fonts/Coco-BoldCondensed.otf);
font-weight: normal;
}

@font-face {
font-family: Coco-CondensedItalic;
src: url(../fonts/Coco-CondensedItalic.otf);
font-weight: normal;
}*/

.bg-overlay.overlay-dots {
	opacity: .70;
    background-color: var(--primary-color);
}


.nav-icon {
	border-color: black;
	display: inline-block;
}

@media only screen and (max-width: 991px) {
	.nav-icon-wrapper {
		right: 3px;
		padding: 0;
	}
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .inner-banner {
		background-attachment: initial;
	}
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body .btn-primary,
.mouse-icon .wheel {
	background: var(--primary-color);
}

.main-navigation .menu > ul > li.current-menu-item > a,
.main-navigation .menu > ul > li:hover > a,
.main-navigation .menu > ul > li:focus > a {
    background-color: var(--primary-color);
}

body .btn-primary:hover,
body .btn-primary:focus,
button:hover,
button:focus,
button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    background: var(--secondary-color);
}

.secondary-bgcolor,
.main-navigation .popular-post a,
.main-navigation .sub-menu > li:hover > a,
.main-navigation .sub-menu > li:focus > a,
.footer-bottom .social-icons ul li:hover a:after,
.footer-bottom .social-icons ul li:hover a:after,
.widget.best_education_social_widget .social-widget-menu ul a:hover,
.widget.best_education_social_widget .social-widget-menu ul a:focus,
.widget.best_education_widget_tabbed ul.nav-tabs li:hover a,
.widget.best_education_widget_tabbed ul.nav-tabs li:hover a,
.widget.best_education_widget_tabbed .nav-tabs > li.active > a,
.widget.best_education_widget_tabbed .nav-tabs > li.active > a:focus,
.widget.best_education_widget_tabbed .nav-tabs > li.active > a:hover
.widget.best_education_widget_tabbed .site-footer .widget ul li,
.widget .social-widget-menu ul li a,
.author-info .author-social > a,
.top-bar .social-icons ul li:hover a:after,
.top-bar .social-icons ul li:focus a:after {
    background: var(--secondary-color);
    color: #fff;
}