/*

Theme Name: SMT NETWORK
Theme URI: http://sparxnet.nl/
Author: Sparxnet
Author URI: http://sparxnet.nl/
Description: SMT NETWORK Child Theme
Version: 1.0.0
Template: x

*/

   /* Add further custom styling here */
   
.et_social_pin_images_outer {
	display: none !important;
}

input[type="radio"], input[type="checkbox"] {
	margin: 0 5px 0 10px;

}

.wpml-ls-legacy-list-horizontal {
	padding: 0;
}
.wpml-ls-legacy-list-horizontal a {
	padding: 0 0 0 10px;
}

.language {
	margin: 0 -20px;
	padding: 15px 0 !important;
}

p {
	line-height: 1.6;
	letter-spacing: 0.01em;
}

.h-landmark {
	letter-spacing: 0 !important;
}
.x-logobar {
  	text-align: left;
  	background-repeat: no-repeat;
  	background-position-x: 100%;

}
.masthead-stacked .desktop .x-nav {
  margin-left: 0;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left: 0 !important;
}

.logobar-row-2 {

	padding: 10px;
/* 	background: #263586; */
    float: right;
}

.x-logobar-inner:before {
	content: " ";
	display: block;
	z-index: -10;
	position: absolute;
	top: 0;
	right: -50px;
	background: #263586;
	width: 500px;
	height: 150px;
	transform: skewX(160deg);
}
.logobar-row-2 h2 {
	
	color: #ffffff;
	margin: 8px 0 0; 
	line-height: 1;

}



@media (max-width: 766px) {
	
	.x-logobar-inner:before {
	content: " ";
	display: block;
	z-index: -10;
	position: absolute;
	top: 157px;
	right: 0px;
	background: #263586;
	width: 800px;
	height: 120px;
	transform: skewX(0deg);
}

	.x-logobar {
		text-align: center;
	}
	.logobar-row-2 {
		float: none;
		margin-top: 53px;
		padding: 0;	
	}
	

}

.x-colophon.top {
	background: #dddddd;
	padding: 30px 0;
}

.x-colophon.bottom {
	padding: 0px;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
  background: #3498db;
}

figure.effect-apollo img {
  opacity: 0.75;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,105deg) translate3d(0,100%,0);
}

figure.effect-apollo p {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 3em;
  padding: 0 1em;
  max-width: 150px;
  border-left: 4px solid #fff;
   border-right: 0px solid #fff;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-apollo h2 {
  text-align: left;
  font-weight: 700;
}

figure.effect-apollo:hover img {
  opacity: 0.1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,105deg) translate3d(0,-74.5%,0);
}

figure.effect-apollo:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.entry-featured {
	padding: 0;
	border: none;
}

.entry-title:before {
	display: none;
}

.h-widget:before {
	display: none;
}

.page-template-template-blank-4-php .x-slider-container.below {
	border: none !important;
}
.wpsl-search {
	display: none;
}

.x-colophon .widget ul li {
	background-color: transparent;
}

/*
.x-slider-scroll-bottom {
	transform: skewX(160deg);
	border-radius: 0px;
	background: #ffffff;
	border: 0px solid #000000;
	color: #263586;

}
.x-slider-scroll-bottom a:before {
		transform: skewX(-160deg);
}
*/

a.x-creative-cta.slide-top {
	padding: 10px !important;
color: rgb(255, 255, 255) !important;
background-color: rgb(204, 82, 20) !important;
box-shadow: rgba(0, 0, 0, 0.360784) 0px 2px 4px !important;
}

a.x-creative-cta.slide-top:hover {
	background-color: rgb(38, 53, 135) !important;

}

a.x-creative-cta.landing.slide-top {
background-color: rgb(38, 53, 135) !important;
}

a.x-creative-cta.landing.slide-top:hover {
	background-color: rgb(204, 82, 20) !important;

}


.x-creative-cta>span.text {
	font-size: 18px !important;
}
.x-creative-cta>span.graphic>i {
		font-size: 18px !important;
}

.x-callout {
	box-shadow: rgba(0, 0, 0, 0.360784) 0px 2px 4px !important;
	font-size: 80% !important;
}

body .gform_wrapper .top_label .gfield, body .gform_wrapper .top_label li.gsection.gf_scroll_text {
	margin-bottom: 0 !important;
}
body .gform_wrapper ul li.gfield {
	margin-top: 0 !important;
}
h2.diap {
	color: #ffffff !important;
	padding: 30px;
	
}
h4.social a:hover{
	color: rgb(204, 66, 20);
}