/*!
Theme Name: Ergo Design
Theme URI: http://underscores.me/
Author: Crossmedia House
Author URI: https://www.crossmediahouse.nl
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ergodesign
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ergo Design is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* GLBOAL
*/
body {
	font-family: 'Source Sans Pro', sans-serif !important;
	background-image:url(https://www.3dls.nl/wp-content/uploads/2018/11/achtergrond_3DLS.jpg) !important;
	background-size:100% auto !important;
	background-color: #282838 !important;
	color: #000000 !important;
	-webkit-font-smoothing: antialiased !important;
}
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
div#page {
    max-width: 1280px;
    margin: 0 auto;
 
}
p > a {
    border-bottom: 1px solid;
}
p > a:hover {
	text-decoration: none;
	    color: #e23f1a;
}
a {
	color: #000000 !important;
	transition: all 0.2s ease-in-out;
}
a:hover, a h1:hover, a h2:hover, a h3:hover {
color: #e23f1a;
text-decoration: none;
border-bottom:1px solid;
}
.logo_container a:hover {
    border:0 !important;
}
.logo_container img {
    height: 100px;
    padding-top: 10px;
}
h1, h2, h3, h4 {
font-family: 'Orbitron', sans-serif;
color: #000000 !important;
transition: all 0.2s ease-in-out;
}
iframe {
    max-width: 100%;
}
h1 {
    font-size: 24px;
    color: #000000;
    line-height: 24px;
    text-transform: none;
    font-family: "Orbitron",sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
    transition: all 0.2s ease-in-out;
}
h2 {
    font-size: 22px;
    color: #000000;
    line-height: 24px;
    text-transform: none;
    font-family: "Orbitron",sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
}
h3 {
    font-size: 20px;
    color: #000000;
    line-height: 24px;
    text-transform: none;
    font-family: "Orbitron",sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
}

/* MENU
*/
header#masthead {
    background: #ffffff !important;
    margin-top: 10px !important;
}
ul#menu-hoofdmenu {
    width: 100%;
}
nav.navbar.navbar-expand-lg {
    padding-bottom: 0 !important;
    padding-top: 0px;
    border-top: 2px solid #ff0018;
    margin-top: 8px;
}
ul.dropdown-menu {
    background: #f0f0f0 !important;
    border-radius: 0 !important;
    margin-top: 0px !important;
    border: 0 !important;
	border-bottom: 2px solid red !important;
}
.dropdown-menu a {
	color: #000000 !important;
}
/* dropdown is uitgelijnd nu maar tekst staat er nog over heen */
.dropdown-menu{
	min-width: 0rem !important;
	width: 100% !important;
}

.navbar-nav > li:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0) !important;
    content: "";
    transition: all 0.2s ease-in-out;
}
.navbar-nav > li:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0) !important;
    content: "";
    transform: scaleY(0);
    transform-origin: bottom;
}
.navbar-nav > li:hover:before, .navbar-nav > .current-menu-item:before  {
	transform: scaleY(1);
}
.nav-link:hover {
	    border: 0 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
	background:none;
	border:0;
color: #e23f1a;;
}

/* text in de dropdown menu de padding en de plek waar de tekst staat links/center/rechts */
.dropdown-item{
	padding: .25rem 0rem;
	text-align: center;
	white-space: unset;
}

a.nav-link {
	color:#000000 !important;
	font-family: 'Orbitron', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
    line-height: 41px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    padding-left: 0 !important;
    padding-right: 0 !important;
	white-space: nowrap;
}

.active a.nav-link{
	color: #ff0f0f !important;
}

a.nav-link:hover{
	color: #ff0f0f !important;
}

a.dropdown-item:hover {
    color: #ff0f0f !important;
}

.navbar-nav li {
    text-align: center;
    position: relative;
}
.dropdown-toggle::after {
	display: none;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    display: inline;
    vertical-align: middle;
    width: 18px;
    height: 100%;
}
/* BUTTONS
*/
.btn.btn-default {
    background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0) !important;
    border: medium none;
    border-radius: 5px;
    color: #000000 !important;
    font-family: "Orbitron",sans-serif;
    font-size: 16px;
    font-weight: normal;
    max-width: 100% !important;
    width: 100%;
    height: 47px;
}

input.wpcf7-form-control.wpcf7-submit.btn.btn-default:hover {
    color: red !important;
	border: 1px solid black;
}

/* SIDEBAR
*/
p.widget-title {
    font-size: 24px;
    color: #ffffff;
    line-height: 24px;
    text-transform: none;
    font-family: "Orbitron",sans-serif;
    font-weight: bold;
    margin-bottom: 25px;
}
/* HOME
*/
.slick-arrow {
    background: #eee;
    width: 40px;
    height: 40px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #555;
    outline: none;
    background: #fff;
}
.slick-prev {
    left: -50px;
    transition: all 0.2s ease-in-out;
}
.slick-next {
	right:-50px;
	transition: all 0.2s ease-in-out;
}
.slick-prev:before, .slick-next:before {
	color:#555;
}
section#home_slider {
    padding: 30px 0;
}
.content {
	background: #ffffff !important;
	padding:15px 0;
}
.block_img {
    height: 0;
    padding-bottom: 85%;
    background-size: cover;
    background-position: center;
}
.block_content {
	background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0) !important;
    border: none;
    padding: 18px 18px 1px 18px;
    color: #000000 !important;
}
.block_content ul {
    padding-left: 15px;
}
.block_content li {
	font-style:italic;
}
a.readmore {
    display: block;
    text-align: center;
    margin: 20px 0;
    font-family: "Orbitron",sans-serif;
}
section#blocks {
    padding: 20px 0;
	border-bottom: 2px solid #ff0018;
}

/* referenties */

img.active_refs:hover {
    border: 1px inset black;
	margin: -1px;
}

/* CATEOGRY PAGE
*/

.categorie_img {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
}
.categorie_outer:hover {
    cursor: pointer;
}
.categorie_text {
	background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0) !important;
	position: absolute;
	width: 100%;
	height: 73px;
	bottom: 25px;
	display: flex;
	align-items: center;
	opacity: 0.8;
}
.categorie_text p {
	margin:0;
	padding:0 25px;
	font-style: italic;
	font-weight: bold;
}
.categorie_title {
    background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0) !important;
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 10px !important;
}
.categorie_title h4 {
	font-size: 15.3px !important;
	margin:0;
	font-weight: bold;
}
.categorie_sub_img {
    height: 0;
    padding-bottom: 70%;
    background-size: cover;
    background-position: center;
    -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  	filter: grayscale(0%); /* FF 35+ */
  	transition: all 0.1s ease;
}
.categorie_outer a:hover {
    color: #000000;
}
.categorie_outer a:hover .categorie_sub_img {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  	filter: grayscale(100%); /* FF 35+ */
}
.categorie_content {
    padding: 10px;
}
.categorie_list {
	padding-top:15px;
	padding-bottom:15px;
}
.form-control {
    background: none;
    color:#000000 !important;
    border: 1px solid #595961;
    height: 50px;
}
.col-sm-3.col-md-3.col-12.categorie_item {
    min-width: 200px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000 !important; 
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important; 
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important; 
}
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important; 
    opacity: 1; /* Firefox */
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important; 
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important; 
}
input[type="submit"] {
    border: 0px solid #fff !important;
    transition: all 0.2s ease-in-out;
}
input[type="submit"]:hover {
    border: 2px solid #fff !important;
}
.controls {
    margin-bottom:30px;
}
.controls button {
    margin-right: 5px;
    background-image: linear-gradient(to bottom, #00aeff, #005dd0);
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: "Orbitron",sans-serif;
    font-size: 17px;
    padding: 9px 9px;
    width: 40px;
    height: 40px;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.controls button:hover {
    transform:translateY(-2px);
}

/* REVIEWS */

.review_img {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
}
.review {
    position: relative;
    height: 0;
    padding-bottom: 70%;
    overflow: hidden;
    margin-bottom: 30px;
}
.review_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    padding: 15px;
        transform: translateX(100%) translateY(100%);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.ref_slide span {
    color: #d67900;
    font-weight: bold;
    text-transform: uppercase;
}
.subtitle {
	border-bottom:1px solid;
	font-style: italic;
	display: inline-block;
    margin-bottom: 20px;
}
#reviews_bottom ul {
    padding-left: 20px;
}
.review:hover .review_txt {
	transform:translateY(0) translateX(0) rotate(0deg);
}
.review_txt h4 {
    font-size: 17px;
    margin:0;
}
.review_txt p {
	border-bottom: 1px;
	margin:0;
	font-style:italic;
}
#contact_info .btn {
    max-width: 240px !important;
}
#contact_info form.wpcf7-form {
    margin: 30px 0;
}
#contact_info .form-control {
 
    margin-bottom: 20px;
}
.form-control:focus {
	background:none;
	border:1px solid #fff;
}
/*FOOTER
*/
#colophon {
	padding-top:25px;
    padding-bottom:25px;

}

#colophon p {
	color: #fff;
    font-size: 12px;
}
dl, ol, ul {
    list-style: unset;
}

/* MS Edge */
@supports (-ms-ime-align:auto) {
ul, li {
    list-style: unset;
	margin-left: 500px;
	font-size: 50px;
	padding: 500px
}
}