/* GENERIC */
a, a:hover, a:focus, a:active { color:#8e44ad; }
.page-header { min-height: 146px; } 
.page-header .page-header-top { height: 95px; }
.page-header .page-header-top .page-logo .logo-default { margin-top:10px; }
.page-header .page-header-menu { background:#95a5a6; }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a, 
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.active>a:hover, 
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a, 
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.current>a:hover { background:#6b7879; }
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, 
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, 
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, 
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus, 
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover { background:transparent!important; }
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li>a>i { color:#fff; }
.page-footer { background:#95a5a6; color:#fff; }
.page-footer a { color:#fff; }
.scroll-to-top>i { color: #8e44ad; }
.portlet-body h2, .portlet-body h3, .portlet-body h4 { color:#555;padding-bottom: 10px;border-bottom: 1px solid #929292; }
.lowercase { text-transform: lowercase!important; }
code { color: #8e44ad; }
@media only screen and (max-width:991px) {
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, 
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
		background: #6b7879 !important;
	}	
	.page-header .page-header-menu .hor-menu, .page-header .page-header-menu .hor-menu .navbar-nav { margin-bottom:20px; }
	.first-level-arrow.fa { display:none; }
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a, 
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover, 
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a, 
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover, 
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.open>a, 
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.open>a:hover {
		background: #6b7879 !important;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {
		color: #000 !important; background: #eaeaf2 !important;
	}	
}
/* HOME */
.img-home { max-width:70%; display: block; margin-left: auto; margin-right: auto; }
/* SAMPLES */
.mt-card-item { background: #e7ecf1; }
h3.mt-card-name.samples { border:none; }
.social-icons li { float:inherit; }
#sample-code, #sample-video { height: 420px; }
.loading-sample { position: absolute; left: 42%; top: 160px; z-index: 50; }
#sample-video video { border: 1px solid #eee; width: 100%; height: 100%; }
#gallery-video video { border: 1px solid #eee; width: 100%; height: 100%; max-height: 420px; }
.CodeMirror { height: inherit; }
.mt-element-card .mt-card-item .mt-card-content .mt-card-name { font-size: 14px; height: 185px; padding: 0 5px;}
#modal-sample h4.modal-title::first-letter,
.mt-element-card .mt-card-item .mt-card-content .mt-card-name::first-letter { 
	text-transform: capitalize; 
}
@media (min-width: 992px) {
  .modal-lg { width: 900px; } 
}
@media (min-width: 1120px) {
  .modal-lg { width: 1100px; } 
}
/* TUTORIALS */
.note.note-info { background-color: #faf5fb; border-color: #b087c1; }
.mt-card-name.tutorials { min-height:320px; }
.mt-card-name.tutorials a { color:#8e44ad; }
h3.mt-card-name.tutorials { border:none; margin-bottom: 0!important; }
.mt-element-card .mt-card-item .mt-card-avatar { background-color: #fff; }
.image-centered { display: block; margin-left: auto; margin-right: auto; }
.img-tutorial-70 { max-width: 70%; }
.img-tutorial-100 { max-width: 100%; }
ol.ord-list-tutorials > li { margin: 10px 0; }
pre.pre-fit { width: fit-content; }
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li.li-icon-only>a { color:#fff; }
.social-icons li.li-icon-only { text-indent: 0; }
.social-icons li.li-icon-only > .btn.default:not(.btn-outline) { background-color: #717171; border-color: #717171; }
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a:not(.youtube):hover { color:#fff; background-color: #8e44ad; border-color: #8e44ad; }
.social-icons li.li-icon-only > .btn:not(.btn-sm):not(.btn-lg) {  line-height: 2.3; }
.social-icons li.li-icon-only > .btn { padding:0;  }
.social-icons li.li-icon-only > a > i { position: relative; top: -5px; }
/* FAQs */
summary { cursor: pointer; color:#8e44ad; }
summary:hover { text-decoration: underline; }
summary:focus { outline:none; }