/* --------------------------------------------------------------------------
 * OktaMedia Framework
 * --------------------------------------------------------------------------
 * Copyright (C) 2018 OktaMediaCentre. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: OktaMedia.com
 * Websites:  http://www.oktatheme.com -  http://www.oktamedia.com
 * This file may not be redistributed in whole or significant part.
 * --------------------------------------------------------------------------*/
 
/*************************************************
	GLOBAL
*************************************************/
.site.layout-boxed .okta-wrapper {
	color: #555;
	background-color: #efefef;
}

a {
    color: #28a745;
}
a:hover, a:focus {
	color: #026d1b;
}

/*************************************************
	RCOLOR AND BACKGROUND
*************************************************/
.bg-black {
    background-color: #000 !important;
}
.text-black {
    color: #000 !important;
}

.bg-primary {
    background-color: #28a745 !important;
}


/*************************************************
	HEADER
*************************************************/
.okta-header.header-style1 .okta-bg-header {
	background-color: #000;
	background-image: url("../images/header.jpg");
	background-repeat: repeat;
	background-position: top center;
}
.okta-header.header-style2  {
	background-color: #000;
	background-image: url("../images/header.jpg");
	background-repeat: repeat;
	background-position: top center;
}
.okta-header.header-style3  {
	background-color: #000;
	background-image: url("../images/header.jpg");
	background-repeat: repeat;
	background-position: top center;
	border-bottom: 5px solid #28a745;
}

.nav-lang a:not([href]):not([tabindex]) {
    color: #fff;
}

/*************************************************
	MENU NAVBAR
*************************************************/
.okta-mainnav.navbar {
	background-color: #28a745;
}
.okta-mainnav .navbar-nav .nav-link {
    color: rgba(0,0,0,.7);
}
.okta-mainnav .navbar-nav .nav-link:focus, 
.okta-mainnav .navbar-nav .nav-link:hover,
.okta-mainnav .navbar-nav .active > .nav-link, 
.okta-mainnav .navbar-nav .nav-link.active {
	color: #fff;
	background-color: transparent;
}
.okta-mainnav .navbar-nav .active > .nav-link, 
.okta-mainnav .navbar-nav .nav-link.active {
    color: #fff;
	background-color: transparent;
}

@media only screen and (max-width: 767px) {
	.okta-header.header-style3 .okta-mainnav.navbar {
		background-color: transparent;
	} 
}

/*************************************************
	MENU DROPDOWN
*************************************************/
.navbar-nav .dropdown-menu {
	background-color: #026d1b;
}
.navbar-nav .dropdown-menu .nav-link {
	color: rgba(255,255,255,.8);
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.navbar-nav .dropdown-menu  .nav-link:focus, 
.navbar-nav .dropdown-menu  .nav-link:hover {
    color: #fff;
	background-color: #28a745;
}
.navbar-nav .dropdown-menu .active > .nav-link, 
.navbar-nav .dropdown-menu .nav-link.active, 
.navbar-nav .dropdown-menu .nav-link.show, 
.navbar-nav .dropdown-menu .show > .nav-link {
    color: #fff;
	background-color: #28a745;
}

/*************************************************
	NAVBAR FIXED
*************************************************/
.scrollDown .okta-header-fixed,
.scrollUp .okta-header-fixed {
	border-bottom: 5px solid #000;
}
.okta-off-canvas-header {
	border-bottom: 5px solid #28a745;
}

.scrollDown .okta-header.header-style3 .okta-header-fixed, 
.scrollUp .okta-header.header-style3 .okta-header-fixed {
    background-color: #28a745;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.scrollDown .okta-header.header-style3 .okta-logo img,
.scrollUp .okta-header.header-style3 .okta-logo img {
    max-height: 50px;
}
.scrollDown .okta-header.header-style3 .okta-mainnav.navbar,
.scrollUp .okta-header.header-style3 .okta-mainnav.navbar {
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.scrollDown .okta-header.header-style3 .nav-lang,
.scrollUp .okta-header.header-style3 .nav-lang {
	display: none;
}

/*************************************************
	RESULT
*************************************************/


/*************************************************
	MODULE
*************************************************/
.module-title {
	color: #000;
}
.okta-sidebar .okta-module {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.okta-sidebar .module-title {
    border-bottom: 5px solid #28a745;
	background-color: rgba(0,0,0,.125);
	padding: .5rem;
	text-align: center;
}
.okta-sidebar .module-title span {
    border-bottom: 5px solid #000;
	padding-bottom: .5rem;
}


/*************************************************
	MODULE MENU
*************************************************/
.okta-nav.nav .nav-link {
	color: #000;
}
.okta-nav.nav .nav-link:focus, 
.okta-nav.nav .nav-link:hover,
.okta-nav.nav .nav-link.active {
	color: #28a745;
    background-color: transparent;
}


/*************************************************
	MODULE MENU FOOTER
*************************************************/



/*************************************************
	SLIDESHOW
*************************************************/
.swiper-container {
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
}
.layout-boxed .swiper-container  {
	box-shadow: none;
}
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23C0A062'%2F><%2Fsvg>") !important;
}
.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23C0A062'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-pagination-bullet-active {
    background: #28a745 !important;
}


/*************************************************
	MAIN BODY
*************************************************/
.okta-mainbody > .container > .bg-container {
	background-color: #efefef !important;
	border-radius: .25rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
}
.okta-module-main-top .bg-container {
	background-color: #343a40;
	color: #fff;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: .1rem;
	border-radius: .25rem;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
}
.okta-module-main-bottom .bg-container {
	background-color: #343a40;
	color: #fff;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: .25rem;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
}
.okta-mainbody blockquote {
    border-left: 5px solid #28a745; 
}

/*************************************************
	PAGE HEADER
*************************************************/
.page-title, .page-header h1 {
    color: #000;
}

/*************************************************
	PAGINATION
*************************************************/
.page-link {
    color: #28a745;
}
.page-link:hover {
    color: #28a745;
}

/*************************************************
	FOOTER
*************************************************/