/*
Template: agama-pro
Theme Name: Agama Pro Child
Theme URI: http://theme-vision.com/agama-pro/
Description: Agama Pro Child Theme
Author: Jaroslav Svetlik
Author URI: http://theme-vision.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, white, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: agama-pro-child
*/
/************************************************************************************


Put your custom CSS below this block :)


*************************************************************************************/

:root {
	--kiosk-green: #00ff99;
	--kiosk-blue: #0a1a3f; 
}

#main-wrapper #masthead .agama-primary-nav a{
	font-family: 'Urbanist';
	font-weight: 700;
	border: 0;
}

#main #primary h1,
#main #primary h2,
#main #primary h3,
#main #primary h4{
	font-family: 'Urbanist';
	font-weight: 700;
	color: var(--kiosk-green);
}



#main #primary div,
#main #primary p,
#main #primary span,
#main #primary li,
#main #primary a{
	font-family: 'Urbanist';
	font-weight: 400;
}

#main #primary a:hover{
	color: #fff;
	text-decoration: underline;
}

#masthead nav.mobile-menu{
	background-color: var(--kiosk-blue);
}

header.header_v2 .sticky-header-shrink{
	background-color: var(--kiosk-blue) !important;
}

#masthead nav.mobile-menu ul li a{
	color: #fff;
	opacity: 1;
	font-family: 'Urbanist';
}


div.sticky-header{
	/*
	background-image: url("https://www.stadtkiosk.at/wp-content/uploads/2021/01/bg_header-scaled.jpg");
    background-position-x: center;
	*/
	/*
	background: linear-gradient(
    to right,
    #fff9e9 0%,
    #fff9e9 50%,
    #0a1a3f 50%,
    #0a1a3f 100%
  );
	*/
	background: #0a1a3f;
	border-bottom: 1px solid #fff9e9;
}

body.home div.vision-row{
	padding: 0;
}

div.sticky-header{
	box-shadow:none;
}

div#page{
	background-color:#0A1A3F;
}

body div#page h1{
	line-height:1.2;
}

#kiosk p{
	color: #fff;
}

body div#page h4{
	margin-bottom: 0px
}

body .zweicontainer .vc_column-inner{
	padding:0;
}

body .vierkacheln h4{
	margin-top:0;
	line-height:1.2;
}
body .vierkacheln .wpb_single_image{
	margin-bottom:0;
	/* max-width:240px; */
	margin:0 auto;
}

body .zweizitate .wpb_single_image{
	max-width:80%;
	margin:0 auto;
}

body .einzitat_gitti_lisa{
	font-family: Archivo Black;
	color: #29235c;
	font-size: 18px;
}

body .einzitat_gitti_lisa .wpb_single_image{
	max-width:75%;
	margin:0 auto;
}

body .team .wpb_content_element{
	margin-bottom:0;
}

body .team .vc_column-inner{
	max-width:80%;
}
body .team .vc_column-inner .logo{
	max-width:80%;
	margin:0 auto;
}

body .team .wpb_single_image{
	margin-top:5px;
}

body .team .anne_lang h4{
	color:#DB6F68;
}

/*
body #page div.projekte{
	max-width: 95%;
	margin-left: 5%;
}
*/

body div.projekte .wpb_single_image, body #page div.logo_bei_projekten{
	margin-bottom:0;
}

body div.footer{
	padding:0 2%;
}

footer#colophon{
	display:none;
}

body .vierkacheln h4{
	margin-top:4px;
}

#floating-webapp-button{
	background-color: var(--kiosk-green);
    padding: 10px 25px;
    color: var(--kiosk-blue) !important;
    font-weight: bold !important;
    border-radius: 40px;
	font-size: 24px;
	text-decoration: none !important;
	
	position: fixed;
	bottom: 12%;
	left: 15px;
	z-index: 1001;
	
	animation: highlightanimation 5s infinite;
}

@-webkit-keyframes highlightanimation {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes highlightanimation {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}