/*
	Theme Name: Force Technology
	Author: Unfold Studio / Ampersand Industries
	Version: 1.0
*/

@font-face {
	font-family: "Exo 2";
	src: url('fonts/Exo2-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
	font-style: normal;
}
@font-face {
	font-family: "Exo 2";
	src: url('fonts/Exo2-Italic-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
	font-style: italic;
}

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}

body{
  background: #fff;
  color:    #404041;
  font-family: 'Exo 2', sans-serif;
  font-weight:300;
  margin:   0;
  font-size:    16px;
  line-height:	23px;
  box-sizing: border-box
}

/******
    Base elements
******/
a{
  color:    #852a7e;
  text-decoration:  none;
  transition: all 0s;

}
a:hover{
  text-decoration:  underline;
  transition:	all 0.3s;

}


img{
  border:   none;
  display:block;
}

p{
  margin:0 0 1em 0;
  padding:0;
}


img.alignright{float:right; margin: 0 0 1em 1em;}

/******

    STRUCTURE

******/

.section{
	width:	100%;
	float:	left;
}

.section-inner{
	width:	100%;
	margin:	0 auto;
	position:relative;
	max-width:1050px;
}
.section.header {position:relative; z-index: 10;
	background-color:#fff;
	padding: 0 20px;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .23);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .23);
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .23);
}
.section.header .section-inner{

}
.section.main{ padding-top:50px; }

.section.site_strap{ max-width: 100%; background-color: #f1f1f1; text-align: center; }
.section.gallery{ overflow:hidden; }

.section.gallery .section-inner,
.section.site_strap .section-inner
{max-width:100%;}

.section .gallery {border-bottom: 16px solid #f1f1f1 !important; }

/******

    HEADER

******/

.navigation{
	width:75%;
	position: absolute;
	right:20px;
	top: -10px;
}

a#logo{
  width:    200px;
  height:   90px;
  display:  inline-block;
  background:transparent url(images/force-technology-logo.png) no-repeat 50% 50%;
  overflow: hidden;
  text-indent:  -9999px;
}


/******

    NAVIGATION

******/

ul.menu{
  margin:   0;
  padding:  0;
}

ul.menu li{
  display:	inline-block;
  list-style:   none;
}

ul.menu li a{
  text-decoration:  none;
  color:	#404041;
  font-size: 17px;
  font-weight:500;
  padding: 10px;
  display:block;
  width:100%;
  text-align:left;
}


.navigation ul{
  padding:  43px 0 0 0;
  margin: 0;
  text-align:right;
}


.navigation li{
  list-style:   none;
  position:	relative;
  display:	inline-block;
  margin-right:0;
}

.navigation li:last-of-type{margin-right:0;}


.navigation .menu a,
a.toggle-nav,
.widget_advanced_menu .menu a{
	display:block;
}


.navigation .menu a:hover,
.navigation li.current-menu-item > a,
.navigation li.current-page-ancestor > a,
.navigation li.menu-item-has-children:hover > a{
    color:  #852a7e;
    text-decoration: none;
}

.navigation ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 24px;
	left: 0;
	width: 115px;
	z-index: 99999;
	background-color:#fff;
}

/* submenu in main menu added in Sep 2022 by Kai Meinhardt */
.navigation #menu-main .sub-menu {
	padding-top: 0;
	top: 100%;
	width: auto;
}
.navigation #menu-main .sub-menu a {
	white-space: nowrap;
}
/* ende by Kai Meinhardt */

.navigation ul ul ul {
	left: 100%;
	top: 0;
}
.navigation .menu ul ul a {
	height: auto;
	width:	100%;
	display:	block;
	background: #fff;
	font-size:14px;
	text-align:left;
}

.navigation  ul ul a:hover
{
	color:#852a7e;
}


.navigation .sub-menu li{margin:0;padding:0;background:transparent none;width:100%;}
.navigation ul li:hover > ul {
	display: block;
}


a.toggle-nav{
	display:none;
}


/******

	Columns

******/

.page-content{ width: 72%; float:left;}
.page-content.full-width, .page-content.index{ width:100%; }


.sidebar{
	width:23%;
	float:right;
}

.column{width: 48.57%; float:left;}
.column.col_2{float:right;}

.column.col_1{background-color:#404041; color:#fff;}
.col_1 img{ width:100%; height:auto; margin-bottom: 24px;}
.col_1 p{padding:0 24px;}

.col_1 a.featured-link{color:#fff; border-color:#fff;}
.col_1 a.featured-link:hover{color:#404041; background-color:#fff; border-color:#fff;}

.col_2 ul{margin:0;padding:0;}
.col_2 li{
	list-stye:none;
	width:100%;
	display:block;
	border-bottom: 1px solid #c7c7c7;
	padding: 11px 0 11px 30px;
	background: transparent url(images/homepage-list-tick-icon.png) no-repeat 5px 50%;
}

/******

    Text formatting

******/

p{	margin:	0 0 1em 0;}
hr{	border: none; border-top: 1px solid #c7c7c7; margin-top:20px;}

.page-content p{margin-right:38px;}


.page-content ul		{ list-style:none; padding:0; margin:0; margin-bottom:1em; }
.page-content li		{ padding-left:1.5em; position:relative; }
.page-content li:before	{ content:"\25cf"; color:#0097b4; position:absolute; left:0em; font-size:12px; }

h1,h2,h3,h4{
  font-weight:  600;
  margin: 0;
  padding:0;
  font-style:   normal;
  color:#852a7e;
  margin-bottom: 1em;
  line-height: 1em;
}


h1{ font-size:45px; }
h2{ color:#0097b4;}
.page-content h3{ color:#0097b4;}

.page-content b, .page-content strong{color:#0097b4;}

.column .alignnone img,
.column img.alignnone{width:100%; height:auto;}

p.intro, .single-post .post-content p:first-of-type{color:#852a7e;font-size:20px; line-height:32px;}

img.wp-post-image {width: 100%; height: auto; margin-bottom: 1em;}
blockquote{
	text-transform:uppercase;
	font-weight:200;
	margin:0 0 1em 0;
	padding:0;
	color:#374d8e;
	font-size:16px;
	line-height:23px;
}

blockquote:before{
	border-top: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-bottom:12px;
}

blockquote:after{
	padding-top:50px;
	border-bottom: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
}


a.featured-link, .newsletter input.submit{
	text-align:center;
	display:inline-block;
	padding: 3px 21px;
	border: 1px solid #852a7e;
	color:#852a7e;
	text-transform:uppercase;
	font-weight:600;
	font-size:13px;

	/* added Sep 2022 by Kai Meinhardt 
	 auf Wunsch von Ralph */
	 width: 100%;
}

a.featured-link{margin-top:20px;}

a.featured-link:hover, input.submit:hover{
	color:#fff;
	background-color: #852a7e;
	text-decoration:none;
}
a.featured-link, .newsletter input.submit{
	text-align:center;
	display:inline-block;
	padding: 3px 21px;
	border: 1px solid #852a7e;
	color:#852a7e;
	text-transform:uppercase;
	font-weight:600;
	font-size:13px;
}

a.featured-link{margin-top:20px;}

a.featured-link:hover, input.submit:hover{
	color:#fff;
	background-color: #852a7e;
	text-decoration:none;
}


.site_strap {color:#005aa1; text-transform:uppercase; font-size: 22px; padding: 20px 0; margin:0;}

/******

    Panels

******/
.panels {
	width:100%; 
	clear:both; 
	padding-top: 30px; 

	/* added by Kai Meinhardt Sep 2022 */
	display: flex;
	flex-wrap: wrap;
}


.panel {
	width: 100%;
	margin-right:2.85%;
	display:	block;
	float:	left;
	position:relative;
	margin-bottom: 2.85%;

	/* added by Kai Meinhardt Sep 2022 */
	flex: 0 1 100%;
	border-bottom: 1px solid #852a7e;
}
@media (min-width:600px) {
	.panel {
		flex: 0 1 48.57%;
		width: 48.57%;
		margin-right:2.85%;
	}

	/*.panel:nth-child(2n){margin-right:0;}*/
}
@media (min-width:992px) {
	.panel {
		flex: 0 1 31.43%;
		width: 31.43%;
		margin-right:2.85%;
	}

	.panel:nth-child(3n){margin-right:0;}
}



.panel a{
	width:100%;
	height:100%;
	display:block;
}

.panel a span{ width: 100%; display:block; position:relative;}



.panel a:hover{	text-decoration:none; }

.panel .panel_title{
	color:#214199;
	font-weight:200;
	text-transform:uppercase;
	color:#852a7e;
	/*border-bottom: 1px solid #852a7e;*//* direkt ins panel verschoben, damit es nicht von der bildgröße abhängig ist*/
	font-size:20px;
	padding: 15px 0;
}


.panel .image_holder{width:100%;  overflow:hidden; position:relative;}

.panel img{
	width: 100%!important;
	height: 180px !important;
	object-fit: cover;
}


.panel .overlay{
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: rgba(255,255,255,0.8) url(images/section-link-icon.png) no-repeat 50% 50%;
	transition: all 0.3s;
	opacity:0;
}

.panel a:hover .overlay{
	opacity:1;
	transition: all 0.3s;
}



/******

    Gallery slider

******/
.flexslider {
  background: none repeat scroll 0 0 #fff;
  border: none !important;
  border-radius: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  position: relative;
}
.flexslider .slides > li {
  max-height: 420px;
  overflow: hidden;
}
.gallery img{
	width:100%;
	height:auto;
}

.flex-direction-nav a {
	overflow:hidden !important;
	text-indent: -9999px;
	margin-top:-40px !important;
}

.flex-direction-nav a.flex-next {
		text-indent: 9999px;
}


.flex-direction-nav a::before {
  content:"";
  display:none !important;
}

.flex-direction-nav a{width: 44px !important; height: 81px !important;}
.flex-prev{background: transparent url(images/slideshow-previous-arrow.png) no-repeat 0 0; }
.flex-next{background: transparent url(images/slideshow-next-arrow.png) no-repeat 0 0; }


.section .gallery {
  border-bottom: 16px solid #f1f1f1 !important;
  max-height: 420px;
  overflow: hidden;
}
.home.page .section .gallery{border-bottom:none !important;}
/******

    Page general

******/

.sidebar h2{
	color:#0097b4;
	font-size: 22px;
}

.sidebar ul{margin:0; padding:0;}
.sidebar li {list-style:none;}

.sidebar a{
	color:#444445;
	width:100%;
	display:block;
	border-bottom: 1px solid #c7c7c7;
	padding: 12px 0;
	font-size:17px;
}

.sidebar .current_page_item a {
	font-weight: 500;
	color:#852a7e;
}

.sidebar a:hover{
	text-decoration:none;
	color:#852a7e;
}

h1 a, h2 a, h3 a, h4 a, h5 a{color: inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	text-decoration:none;
}

.sidebar p{
	border-bottom: 1px solid #c7c7c7;
	padding-bottom: 1em;
}

/******

    News / index

******/

.index .news-post{width:100%; float:left; margin-bottom:20px;}
.index .news-post .post-image{width:48.57%; float:left;}
.index .news-post .post-content{width:48.57%; float:right; border-top: 1px solid #c7c7c7; padding-top:30px;}

p.post-date{
	color:#aeaeae;
	text-transform:uppercase;
}

a.more-news{
	color: #404041;
	text-transform: uppercase;
	font-size:13px;
	line-height:30px;
	height:30px;
	padding-left: 40px;
	background: transparent url(images/news-next-arrow-icon-rollover.png) no-repeat left 50%;

}

a.more-news:hover{ background-image: url(images/news-next-arrow-icon.png); text-decoration:none;}

.post-image img{width:100%; height:auto;}

/******

    CONTACT

******/

.form-column{display:inline-block; vertical-align:top;}
.form-column.left{width:33.3333%; margin-right: 1%;}
.form-column.right{width:50%;}

.wpcf7-form ol{ margin:0; padding:0;}
.wpcf7-form li {list-style:none; margin: 0 0 19px 0; width:100%; padding:0; position:relative;}
.wpcf7-form li.shorter {width:65%;}
.wpcf7-form li:before {display:none;}
.wpcf7-form label{display:none;}
.required {
  color: #0097b4;
  font-size: 11px;
  position: absolute;
  top: 15px;
  z-index: 5;
  right: 21px;
}
.wpcf7-form input,
.wpcf7-form textarea
{background-color:#f1f1f1; border: 1px solid #c1c1c1; font-family:inherit; font-size:inherit; padding:14px; width:100%; }

.wpcf7-form input.wpcf7-submit{
	width: auto;
	background-color:#fff;
	text-align:center;
	display:inline-block;
	padding: 3px 21px;
	border: 1px solid #852a7e;
	color:#852a7e;
	text-transform:uppercase;
	font-weight:600;
	font-size:13px;
	cursor: pointer;

}

.wpcf7-form input.wpcf7-submit:hover{
	color:#fff;
	background-color:#852a7e;
	text-decoration:none;
}


.map iframe {
  width: 100%;
}

p.talk{
	text-transform:uppercase;
	font-size:23px;
}

p.talk:after{
	border-bottom: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-top:38px;
}

p.visit:before{
	border-top: 1px solid #374d8e;
	width: 106px;
	content: " ";
	display:block;
	padding-bottom:38px;
	margin-top:38px;
}

p.visit strong, p.visit b{
	text-transform:uppercase;
	color:#374d8e;
	font-weight:600;
}

.talk .telephone{
	font-weight: 600;
	color:#60bef3;
}

/******

    Footer

******/

.section.footer{padding: 27px 0; margin-top:32px;}
.section.footer .section-inner > div{ display:inline-block; vertical-align: bottom;}

.rubric{  width:40%; color:#767676; text-align:right;}

.footer-content{width: 55%; background: transparent url(images/force-technology-icon-footer.png) no-repeat left 50%; padding-left: 90px; font-weight:400; padding-bottom:20px;}
.footer-content .telephone{color:#852a7e;}
.footer-content a{color:#0097b4;}

.section.footer_base { background-color:#f1f1f1; text-align:center; padding: 30px 0; font-size:11px; line-height:17px; color:#76767d;}

a.brochure {
	background: transparent url(images/ft-brochure-image.jpg) no-repeat 50% 50%;
  height: 121px;
	width:275px;
	display: inline-block;
	text-align:center;
}
a.brochure span{
	text-align:center;
	display:inline-block;
	padding: 3px 21px;
	border: 1px solid #1797b2;
	color:#1797b2;
	text-transform:uppercase;
	font-weight:600;
	font-size:13px;
	background-color:#fff;
	margin-top: 70px;
}

a.brochure:hover span {
	background-color:#1797b2;
	color:#fff;

}


@media all and (max-width: 1110px){
	.section{padding-left:30px !important; padding-right:30px !important;}
	.section.gallery{padding-left:0 !important; padding-right: 0 !important;}
}

@media all and (max-width: 970px){
	ul.menu li a{padding: 10px 5px;}
}


@media all and (max-width: 900px){
	.navigation{
		position: absolute;
		top: 90px;
		z-index: 9050;
		width:100%;
		left: 0;
	}
	body.admin-bar .navigation{top:136px;}

	a.toggle-nav{
		width:41px;
		height:41px;
		display:block;
		background: transparent url(images/mobile-menu-retina.png) no-repeat 50% 50%;
		position: absolute;
		top:	24px;
		right: 5.3333%;
		overflow:hidden;
		text-indent:-9999px;
		background-size:100%;
	}

	a.toggle-nav:hover, a.toggle-nav.open{background-image: url(images/mobile-menu-rollover-retina.png);}

	#navigation{display:none;}
	#navigation.open{display:block;}

	.navigation ul{padding:0;}
	ul.menu li{display:block; width:100%;}

	ul.menu li a {
	  border:none;
	  background-color: #fff;
	  font-size: 19px;
	  text-align:left;
	}

	.page-content img{width:100%; height: auto;}
}

@media all and (max-width: 850px){
	.page-content, .sidebar{width:100%; margin:0; padding-bottom:65px;}
	.page-content.index{padding: 0;}
	.page-content p{margin-right:0;}

	.page-content img{width:auto; height:auto;}
}

@media all and (max-width: 780px){
	.rubric{width:100%; text-align:center; padding-top:20px;}
}
@media all and (max-width: 768px){
	.form-column.left, .form-column.right{width:100%}
	.footer-content, .rubric{width:100%; padding-bottom:20px;}
}


@media all and (max-width: 690px){
	.column,
	.index .news-post .post-image,
	.index .news-post .post-content,
	.page-content img	{
	  width: 100%;
	}
}