:root { 
	
    --custom-color: #008399;
    --custom-color-rgb: 00, 131, 153;
    --custom-color-accent: #ffffff;
    --custom-font-family: sans-serif;
    --navigation-item-background-color: #008399;
    --navigation-item-text-color: #ffffff;
}

body {
    font-family: var(--custom-font-family) !important;
}

/* use custom font where needed */
h1,h2,h3,h4,h5,h6,
p,
.carousel-text h1,
.carousel-list,
.enigma_service_detail,
.enigma_heading_title {
    font-family: var(--custom-font-family) !important;
}

.reply a,
a {
	color: var(--custom-color);
	
}
.reply a:hover,
a:hover {
	color: var(--custom-color);
	text-decoration: underline;
}


.main-navigation a {
    font-family: var(--custom-font-family);
    font-weight: 400;
}

.main-navigation a:hover {
    background-color: var(--navigation-item-background-color);
    color: var(--navigation-item-text-color);
	text-decoration: none !important;

}

.dropdown-menu .active a, .navbar .nav-menu > .active > a, .navbar .nav-menu > .active > a:focus, .navbar .nav-menu > .active > a:hover, .navbar .nav-menu > .open > a, .navbar .nav-menu > .open > a:focus, .navbar .nav-menu > .open > a:hover, .navbar .nav-menu > li > a:focus, .navbar .nav-menu > li > a:hover {
    background-color: var(--navigation-item-background-color);
}

.main-navigation ul ul {
/*     background-color: rgba(41, 20, 17, 0.9); */
    background-color: var(--navigation-item-background-color);
     top: 100%;
    left: -999em;
    z-index: 99999;
}

.navigation_menu {
    padding: 10px 0;
    padding-bottom: 40px;
}

@media (max-width: 768px) {
	.navigation_menu {
	    padding: 10px 0;
	    padding-bottom: 10px;
	}
}
.dropdown-menu .active a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
    background-color: var(--navigation-item-background-color);
}

.navbar .nav-menu > .active > a, 
.navbar .nav-menu > .active > a:focus, 
.navbar .nav-menu > .active > a:hover, 
.navbar .nav-menu > .open > a, 
.navbar .nav-menu > .open > a:focus, 
.navbar .nav-menu > .open > a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 0 rgba(201, 201, 201, 1);
    -moz-box-shadow: 0px 0px 0 rgba(201, 201, 201, 1);
    box-shadow: 0px 0px 0 rgba(201, 201, 201, 1);
    color: #fff;
    font-family: Arimo, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.main-navigation a {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    padding: 5px 20px;
    letter-spacing: 1px;
}

.head-contact-info A {
    unicode-bidi: bidi-override !important;
    direction: ltr !important;
    color: #fff;
    font-family: var(--custom-font-family);
    font-weight: 100;
}

.logo h1, .logo p {
    font-family: var(--custom-font-family);
    color: green;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none !important;
}

.hd-img {
    display: none !important;
    
}

.btn-search {
    color: #fff;
    background: var(--custom-color) !important;
    font-size: 14px;
}

.enigma_send_button, #enigma_send_button {
    font-weight: 600;
    font-family: var(--custom-font-family);
    border: 2px solid var(--custom-color);
}

#enigma_send_button:hover,
#enigma_send_button:focus,
.enigma_send_button:hover,
.enigma_send_button:focus { 
	background-position:0 -100%;
	border:2px solid var(--custom-color);
	color:#000;
	background-color:var(--custom-color);
}

/* --------------------------------------------------------------------------------
	Header
   -------------------------------------------------------------------------------- */ 
.header_section {
    background-color: var(--custom-color-accent) !important;
}

.logo {
	padding-top: 10px;
    padding-bottom: 10px;
}

/*Changing title contact info and social media to black -max */
.head-contact-info {
    color: black !important;
}

.head-contact-info i {
    margin-right: 8px;
    font-size: 14px;
    display: inline;
}

.head-contact-info li a {
	color: black !important;
	font-size: 14px;
}

@media (max-width: 768px) {
    .head-contact-info,
    ul.social {
        display: none;
    }
}

.social li {
   border: 2px solid black !important;
   background: gray; 
}

.fa fa-facebook {
     color: black !important;
}

/* Dwarz Title and subtitle green */
.logo A, .logo P {
    color: green !important;
    text-decoration: none !important;
}

/* Line below the title area */
.navigation_menu {
    border-top-color: var(--custom-color) !important;
    /*background-color: pink !important; */ /* Background color for the top navigation menu*/
}

.navbar-nav > LI {
    /*background-color: red !important;*/ /* Default color for navigation links*/
}

.navbar-nav > .open > A, .navbar-nav > LI:hover > A{
    background-color: var(--custom-color) !important; /* Color for navigation links on hover*/
}

.navbar-nav .dropdown-menu {
    background-color: var(--custom-color) !important; /* Default color for sub-navigation links */
}

.navbar-container .navbar-toggle {
    background-color: var(--custom-color) !important;
    border-color: var(--custom-color) !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: var(--custom-color) !important;}

.carousel-text .carousel-list li {
    background-color: var(--custom-color) !important; /* Picture carousel text */
}

.carousel-text .enigma_blog_read_btn {
    background-color: var(--custom-color) !important; /* Picture carousel read-more button */
    border-color: var(--custom-color) !important;
    background-image: linear-gradient(to bottom, var(--custom-color) 50%, #fff 50%) !important;
}

.carousel-text .enigma_blog_read_btn:hover {
    color: var(--custom-color) !important; /* Picture carousel read-more button */
}

.menu-item {
    /* background-color: yellow !important; */
}

.navbar-nav .open{
    background-color: red !important;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a {
	background-color: var(--custom-color) !important;
	color: #ffffff;
}

.dropdown-menu > li.active > a:focus, .dropdown-menu > li.active > a:hover {
    color: #ffffff !important;
}


.collapse ul.nav li.current-menu-parent .dropdown-toggle, .collapse ul.nav li.current-menu-item .dropdown-toggle,
.navbar-default .navbar-collapse ul.nav li.current-menu-parent .dropdown-toggle,.navbar-default .navbar-collapse ul.nav li.current-menu-item .dropdown-toggle
.collapse ul.nav li.current_page_ancestor .dropdown-toggle,.collapse ul.nav li.current_page_ancestor .dropdown-toggle,
.navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle,.navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle
{
	background-color: var(--navigation-item-background-color) !important;
	box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
	color: #fff !important;
	border-radius:0px;
}

/** service  section css ***/
.enigma_service_iocn{
	border: 4px solid var(--custom-color) !important;
	background-color:var(--custom-color) !important;
	background-image: linear-gradient(to bottom, var(--custom-color) 50%, #fff 50%) !important;
}
.enigma_service_area:hover .enigma_service_iocn i {
	color:var(--custom-color) !important;
}

.enigma_service_iocn_2 i{
	border: 4px solid var(--custom-color) !important;
}
.enigma_service_iocn_2 i{
	color: var(--custom-color) !important;
	background-image: linear-gradient(to bottom, #fff 50%, var(--custom-color) 50%) !important;
}

.enigma_service_detail H3 > A {
    color: black !important;
}

/** headings titles css ***/
.enigma_heading_title h3 {
	border-bottom: 4px solid var(--custom-color) !important;
	color: #3b3b3b;
}

#isotope-service-container DIV.service {
    /* width: 50% !important; */
}

/****************portfolio css ********************************************************
********************************************************************************/

.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a {
	background-color: var(--custom-color) !important;
	border:2px solid var(--custom-color) !important;
}
.enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a:hover{
	border:2px solid var(--custom-color) !important;
	color:var(--custom-color) !important;
}
.enigma_home_portfolio_caption {
	border-bottom:4px solid var(--custom-color) !important;
}

.enigma_home_portfolio_caption:hover{
    background: var(--custom-color) !important;
}

.img-wrapper:hover .enigma_home_portfolio_caption{
    background: var(--custom-color) !important;
    border-left:1px solid var(--custom-color) !important;
	border-bottom:4px solid var(--custom-color) !important;
	border-right:1px solid var(--custom-color) !important;
}

.enigma_proejct_button a {
	border: 2px solid var(--custom-color) !important;
}

.enigma_proejct_button a:hover {
	color: var(--custom-color) !important;
	border: 2px solid var(--custom-color) !important;
}

/**************** blog css ********************************************************
********************************************************************************/

/** blog thumbnail css **/
.enigma_blog_thumb_wrapper{
	border-bottom: 5px solid var(--custom-color) !important;

}
.enigma_blog_thumb_wrapper h2 a{
	color:var(--custom-color) !important;
}

.enigma_blog_thumb_wrapper h2:hover a{
	color:var(--custom-color) !important;
}
.enigma_blog_thumb_date li i{
	color: var(--custom-color) !important;
}
.enigma_tags a ,.enigma_cats a{
    background-image: linear-gradient(to bottom, #edf0f2 50%, var(--custom-color) 50%) !important;
 }

.enigma_tags a:hover , .enigma_cats a:hover{
	background-color:var(--custom-color) !important;
}
.enigma_tags a i ,.enigma_cats a i{
	color:var(--custom-color) !important;
}

.enigma_blog_thumb_wrapper span a i{
	color: var(--custom-color) !important;
}

.enigma_blog_read_btn{
	border: 2px solid var(--custom-color) !important;
	background-color:var(--custom-color) !important;
    background-image: linear-gradient(to bottom, var(--custom-color) 50%, #fff 50%) !important;
}

.enigma_blog_read_btn:hover{
	color: var(--custom-color) !important;
}

.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a {
	background-color: var(--custom-color) !important;
}
.enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a:hover{
	border: 2px solid var(--custom-color) !important;
	color: var(--custom-color) !important;
}
/********* Blog Full width css ********/
.enigma_post_date {
	background: var(--custom-color) !important;
}
.enigma_blog_comment:hover i, .enigma_blog_comment:hover h6{
	color:var(--custom-color) !important;
} 
.enigma_fuul_blog_detail_padding h2 a ,.enigma_fuul_blog_detail_padding h2{
	color:var(--custom-color) !important;
}
.enigma_fuul_blog_detail_padding h2  a:hover{
	color:var(--custom-color) !important;
}
/*** blog sidebar css **/
.enigma_recent_widget_post h3 a {
	color:var(--custom-color) !important;
}
.enigma_sidebar_widget {
	border-left: 3px solid var(--custom-color) !important;
	border-right: 3px solid var(--custom-color) !important;
	border-bottom: 3px solid var(--custom-color) !important;
}
.enigma_sidebar_widget_title{
	background:var(--custom-color) !important;
}
.enigma_sidebar_link p a:hover  , .enigma_sidebar_widget ul li a:hover {
	color: var(--custom-color) !important;
}

.enigma_widget_tags a , .tagcloud a {
    background-image: linear-gradient(to bottom, #edf0f2 50%, var(--custom-color) 50%) !important;
 }
.enigma_widget_tags a:hover , .tagcloud a:hover {
	border: 1px solid var(--custom-color) !important;
	background-color:var(--custom-color) !important;
}

/** blog detail **/
.enigma_author_detail_wrapper{
	background: var(--custom-color) !important;
}
.enigma_author_detail_wrapper{
	border-left:2px solid var(--custom-color) !important;
}

/* Footer */
.enigma_footer_widget_area {
    display: none !important;   
}

.enigma_footer_area {
    background: var(--custom-color) !important;
}


/* --------------------------------------------------------------------------------
	Breadcrumb
   -------------------------------------------------------------------------------- */ 

/* Article pages  */
.breadcrumb LI A {
    color: var(--custom-color) !important;
}

.breadcrumb > LI:nth-child(2) > A {
    color: #333!important;
    cursor: text;
}

.enigma_header_breadcrum_title {
	margin-bottom: 0px;
}

.enigma_header_breadcrum_title h1 {
    color: var(--custom-color);
    word-wrap: break-word;
    text-shadow: 2px 2px #ffffff !important;
}

.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #000;
    content: "/\00a0";
}

/* --------------------------------------------------------------------------------
	table opmaak voor klanten lijst; zet een lijst vn ul om in een grid
   -------------------------------------------------------------------------------- */ 
ul.ul_table {
	list-style-type: none;
	-moz-column-width: 11.5em; /* Firefox */
	-webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
	column-width: 20em;
} 

ul.ul_table li {
	height: 250px;
}

/* --------------------------------------------------------------------------------
	Knop naar top
   -------------------------------------------------------------------------------- */ 
#btn-to-top {
	background-color: var(--custom-color);
	color: #fff;
}

#btn-to-top::after {
    color: #fff;
}



/* --------------------------------------------------------------------------------
	Headings
   -------------------------------------------------------------------------------- */ 


.enigma_heading_title H3 {
    font-family: var(--custom-font-family);
    font-weight: 200;
}
.enigma_service_detail H3 {
    font-weight: 300;
}
.enigma_callout_area {
	background-color: var(--custom-color);
}

/* --------------------------------------------------------------
	Carousel Home
   -------------------------------------------------------------- */
.carousel-item {
    max-height: 400px;
}

.carousel-text h1 {
    font-weight: 100;
}

.carousel-list li {
    font-weight: 300;
}


.enigma_project_section {
	background: rgba(var(--custom-color-rgb), 0.1);
    border-top: 1px solid var(--custom-color);
    border-bottom: 1px solid var(--custom-color);
}

.enigma_header_breadcrum_title {
	background: rgba(var(--custom-color-rgb), 0.1);
	background-image: url("./images/background-breadcrumb.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* 
	Portfolio item 
	
*/
.enigma_home_portfolio_caption h3 a {
    color: #404040;
    font-size: 16px;
    font-family: var(--custom-font-family);
    font-weight: 300;
}


/* --------------------------------------------------------------
	Downloads
   -------------------------------------------------------------- */
	.download-image {
		width: 135px;
		height: 190px;
		background-image: url('./images/No-Photo-Available.png');
		background-size: cover;
		background-position: center center;
		background-color: #888;
		border: 1px solid black;
		padding: 2px;
		display: inline-block;
		overflow: hidden;
		
	}
	
	.download-name {
		text-align: center;
		padding-bottom: 5px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.download-container {
		text-align: center;
		padding: 20px 10px;
	}


/*
.container .downloads {
	border: 0px solid red;
}

.container .downloads .download {
	border-bottom: 2px solid #888;
}
	
*/
/*
.container .downloads .row div { height: 40px; }
.container .downloads .row div > span { line-height: 40px; vertical-align: middle; }
*/
		
/*
.downloads .download-icon img {
	width: 15px;
}
*/

/*
.downloads div {
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
*/

.downloads .download-name {
	color: #333;
	line-height: inherit;
	vertical-align: middle;
	white-space: nowrap;
}

.download-button {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 14px;
	
}