/*
Theme Name: Perfekta Child Desktop Theme Child
Theme URI: http://underscores.me/
Template: perfekta_main
Author: Impuls Werbeagentur GmbH
Author URI: https://www.werbeagentur-impuls.de
Description: Desktop Theme für die Webseite www.perfekta.de
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1502106755
Updated: 2017-08-07 13:52:35
*/

/**
 * Blog IDs:
 * blogid-4    = Gebäaudereinigung
 * blogid-5    = Facility Management
 * blogid-6    = Wäscherei
 * blogid-7    = Michaelis
 * blogid-8    = Categrin
 * blogid-9    = Modular
 * blogid-10   = Richard Kuhn
 */

.drive{
     display: none;
}

iframe{
     border:0 !important;
}

.gallery {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.gallery figure{
     margin: 0em 0.1em;
}

.news-site article:first-child{
     padding-top: 0;
}

.news-site .perfektalink{
     display: block;
     margin-bottom: 50px;
}
     
.news-site .posted-on a {
    font-size: 0.8rem;
    color: #000;
    margin-bottom: 15px;
    display: block;
}

body #masthead .subsite-branding{
     font-size: 15px;
     position: absolute;
     top: 1.6em;
     /* right: 75px; */
     right: 0;
     font-family: 'Source Sans Pro';
     opacity: 1;
     visibility: visible;
     transition: all ease-in-out .3s;
}

body #masthead .subsite-branding p{
     color:#828282;
     font-family: 'Source Sans Pro';
}

body .widget.news .widget-title,
body #masthead .subsite-branding a{
     color: #009ee3;
     font-family: 'Source Sans Pro';
}

body .widget.news .widget-title::before,
body .widget.news .widget-title::after{
     background-color:#009ee3;
}
     
body #page .main-navigation a,
body #page #masthead .subsite-branding a:hover,
body.single-post #page #site-navigation li.current-post-parent:not(.current-post-ancestor) > a{
     color: #000;
}

/* IE 9+ HACK*/
_::selection,
.main-navigation div > ul > li {
     margin-left: 7px\0;
}

body.scrolled #masthead .subsite-branding{
     opacity: 0;
     visibility: hidden;
}

body .preview .posted-on a{
     color: #000;
}

body #primary .preview .entry-title > a{
     color:#1f4d8c;
}

body #primary .preview .entry-content .more-link,
body #primary .preview .entry-content .post-edit-link,
body #primary .preview .entry-title > a:hover{
     color: #009ee3;
}

body .preview .entry-content .more-link:hover{
     color: #1f4d8c;
}

body #masthead .main-navigation li:not(.menu-item-has-children)::before{
     display: none;
     content: none;
}

body #primary-menu.tablet{
     display: block;
}

body #primary .sidebar a,
body #masthead .subsite-branding p{
     color:#828282;
}

body #primary .sidebar ul,
body #primary .sidebar li{
     list-style: disc;
}

body #primary .sidebar,
body #primary .sidebar a{
     font-size:17px;
      line-height: 1.6em;
}

body #primary .sidebar a{
     padding:0;
     margin:0;
}

body #primary .sidebar ul{
     padding-left: 20px;
}

body #primary .widget.wtitle-60 .widget-title{
     width:60%;
}

body .site-footer .concept a,
body .site-footer .concept a:hover{
    color: inherit;
}

body .perfekta-main .widget-title{
     color: #009ee3;
}

body .perfekta-main .widget-title::before,
body .perfekta-main .widget-title::after{
     background: #009ee3;
}

body .perfekta-main img{
     width:75%;
     margin-top: 12px;
}

body .perfekta-main .backlink{
     display: block;
     pointer-events:all;
}

body  .perfekta-main .backlink span{
     color: #009ee3;
     font-family: 'Source Sans Pro';
     font-weight: bold;
     font-size:19px;
     transition: all ease-in-out .3s;
     padding-top: 6px;
     display: block;
}

body .perfekta-main .backlink:hover span{
     color:#1f4d8c;
}

body #page .site-footer p,
body #page .site-footer a{
     font-family: 'Source Sans Pro';
}

body #page .sidebar{
     padding-bottom: 0;
}

body #page .sidebar .widget:last-child{
     margin: 30px 0;
     
}

body #page .sitemap li a{
     color:inherit;
}

.site-footer img{
     max-width: 252px;
     max-height: 88px;
     width: 100%;
     display: block;
     height: auto;
}

body .main-navigation ul ul ul {
     display: block;
     width: 100%;
     margin-left: 40px;
     margin-top: -20px;
     left:100%;
     right:0;
}

body .main-navigation ul ul li.menu-item-has-children > ul::before{
     transition: all ease-in-out .3s;
     opacity: 0;
     visibility: hidden;
     content: '';
     display: block;
     position: absolute;
     width: 70px;
     height: 70px;
     left: -80px;
     top: 0;
     margin: 0 auto -70px;
     border: 40px solid #FCFCFC;
     border-top-color: rgba(255,255,255,0);
     border-right-color: rgba(255,255,255,0);
     border-left-color: rgba(255,255,255,0);
     transform: rotate(-90deg);
}

body .main-navigation ul ul li.menu-item-has-children:hover > ul::before{
     opacity: 1;
     visibility: visible;
}

.ImpulsSlider_Description h3,
.ImpulsSlider_Description a[class*="more"]{
     color: inherit;
}

.ImpulsSlider_Description h3:before,
.ImpulsSlider_Description h3:after {
    background: #FFF;
}


body:not(.news-site) .entry-content, body.category.archive .term_desc{
     padding-bottom: 100px;
}

body .preview .entry-content{
     padding-bottom: 30px;     
}

body.archive .entry-content.noDate > p:first-child,
body.single .entry-content.noDate > p:first-child{
     margin-top: 0;
}

body .network_archive a.post .entry-content {
     padding-bottom: 0;
}


/* Opacity transitions only */
.overlay::before, .overlay::after{
	webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.overlay{
	display: block;
	position: relative;
}

.overlay img{
	display: block;
}

/* overlay ::before used for icons */
/* font-styles only AV if used fontello with assigned class */
/* otherwise use content:""; and background-image */
.overlay::before{
	content: "";
	padding:0;
	width: 50px;
	height: 50px;
	opacity: 0;
	z-index: 10;
	color:white;
	display: block;
	top:50%; right:auto;
	bottom:auto; left:50%;
	position: absolute;
	visibility: hidden;
	background-image: url('img/arrow-right.svg');
	background-color:transparent;
	transform: translate(-50%,-50%);
}

/* overlay ::after used for background */
.overlay::after{
	content:"";
	opacity: 0;
	margin: 0;
	z-index: 2;
	opacity: 0;
	width:100%;
	height: 100%;
	top:0; right:0;
	bottom: 0; left: 0;
	position:absolute;
	visibility: hidden;
}

.overlay:hover::after,
.overlay:hover::before{
	opacity: 1;
	visibility: visible;
}


.qtranxs_widget ul { margin: 0; }
.qtranxs_widget ul li{
     display: inline; /* horizontal list, use "list-item" or other appropriate value for vertical list */
     list-style-type: none; /* use "initial" or other to enable bullets */
     margin: 0 5px 0 0; /* adjust spacing between items */
     opacity: 0.5;
     -o-transition: 1s ease opacity;
     -moz-transition: 1s ease opacity;
     -webkit-transition: 1s ease opacity;
     transition: 1s ease opacity;
}
/* .qtranxs_widget ul li span { margin: 0 5px 0 0; } */ /* other way to control spacing */
.qtranxs_widget ul li.active { opacity: 0.8; }
.qtranxs_widget ul li:hover { opacity: 1; }
.qtranxs_widget img { box-shadow: none; vertical-align: middle; display: initial; }
.qtranxs_flag { height:12px; width:18px; display:block; }
.qtranxs_flag_and_text { padding-left:20px; }
.qtranxs_flag span { display:none; }


/* !!! richard-kuehn only !!! */

/* info icon boxes */
.infoicon{
     float: left;
     width: 75px;
     height: 75px;
     position: relative;
     margin-right: 10px;
}

.icon-imgs img{
     top:0; left:0;
     position: absolute;
}

.icon-text,
.icon-imgs img:last-child,
.infoicon:hover .icon-imgs img:first-child{
     visibility: hidden;
     opacity: 0;
}

.infoicon:hover .icon-text,
.infoicon:hover .icon-imgs img:last-child{
     visibility: visible;
     opacity: 1;
}

.infoicon:hover .icon-text{
     position: absolute;
     display: block;
     top:75%; left: 75%;
     padding: 10px;
     background-color:white;
     min-width: 300px;
     height: auto;
     border: 2px solid #6dcbf3;
     z-index: 9999;
}

.infoicons_outer{
     width:auto;
     display: inline-block;
}

.infoicons_outer:after{
     content: "";
     display: block;
     float: none;
     clear: both;
}

.box {
    padding-top: 0;
    margin-top: 20px;
}

.box a {
    height: auto;
    width: 100%;
    text-align: left;
    position: relative;
    /*color: #0e72b5;*/
    color: #FFF;
}

.box a > span {
    padding: 0;
    background: transparent;
    height: auto;
    width: 100%;
    line-height: 50px;
}

.box a > span:after {
    display: table;
    content: "";
    clear: both;
}

.box a:hover {
    /*color: #009ee3;*/
    /*color: #CCC;*/
    color: #009ee3;
}

.box a:hover span > span[class*="icon-"]:not(.icon-pfeil-rechts) {
    /*color: #CCC;*/
    color: #009ee3;
}

.box a:hover .pseudo-link,
.box a:hover .preview-title {
    /*color:  #009ee3;*/
    /*color: #CCC;*/
    color: #009ee3;
}

section.greybg {
    background: #ededed;
    margin-bottom: 10px;
}

section.greybg h2:before,
section.greybg h2:after {
    background: #009ee3;
}

section.greybg h2.widget-title,
section.geschaeftsfelder h2{
    width: 50%;
}

section.greybg h2 {
    color: #009ee3;
}

.box img,
.box span > span[class*="icon-"]:not(.icon-pfeil-rechts) {
    top: 0;
    position: relative;
    float: none;
    width: 50px;
    height: auto;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.box .pseudo-link, .box .preview-title {
    bottom: auto;
    position: relative;
    float: none;
    display: inline;
    width: auto;
    padding-left: 20px;
    /*color: #000000;*/
    color: #FFFFFF;
    font-size: 16px;
    
}

.box a > span:nth-of-type(1) {
    position: relative;
	transform: rotateY(0deg);
	transition: none;
}

.box a > span:nth-last-of-type(1) {
	transform: rotateY(0deg);
	transition: none;
    display: none;
	/*background: #ededed;*/
}

.box a:hover {
    /*color: #FFF;*/
}

.box a:hover > span:nth-of-type(1){
    transform: none;
}

.wpcf7-form input.wpcf7-form-control.wpcf7-submit[disabled],
.wpcf7-form input.wpcf7-form-control.wpcf7-submit[disabled]:hover{
	background-color: #636363;
	cursor: not-allowed;
}

.wpcf7-form .wpcf7-list-item{
	margin-left: 0;
	padding: 10px 0;
}

.wpcf7-form .wpcf7-list-item input{
     width: auto;
     float: left;
}

.wpcf7-form .wpcf7-list-item-label{
	float: right;
     width: auto;
     margin-top: -8px;
}

.wpcf7-form-control.wpcf7-acceptance{
	clear: both;
	background: none;
	padding: 0; margin: 0;
	height: auto;
}

.wpcf7-form.invalid .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label::before,
.wpcf7-form.invalid .wpcf7-form-control:not(.wpcf7-checkbox).wpcf7-not-valid{
     cursor: not-allowed;
}