/*
 Theme Name:   Shpati
 Theme URI:    http://www.kammerer-werbung.de
 Description:  Bautenschutz Agim Shpati GmbH WordPress Child Theme
 Author:       Antonello Vertucci
 Author URI:   http://www.kammerer-werbung.de
 Template:     shpati
 Version:      1.0
*/

@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,500,700');


/*
	==================================== Transition
*/

.element{
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}


/*
	==================================== Typo
*/

h1,h2,h3,h4,h5,h6{font-family: 'Arial', sans-serif; text-transform: initial; padding-left: 10px}
body,p{font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 300}
html strong, html b{font-weight: 500; color: #000}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{letter-spacing: 0; text-transform: initial}
body .av-special-heading .av-special-heading-tag{padding-left: 10px}

/*
	==================================== Header
*/

/* Top */
.av_minimal_header #header_meta{border-bottom: 1px solid #d4d2d2;}
.av_minimal_header #header_meta .phone-info{font-weight: 300; font-size: 15px; padding: 10px 0;}
.av_minimal_header #header_meta .phone-info b{color: #000}

/* Navigation */
#header_main > .container .main_menu ul:first-child > li > a{font-size: 18px;}

@media only screen and (min-width: 991px) {
	#top #header_main > .container .main_menu .av-main-nav > li, 
	#top #header_main > .container .main_menu .av-main-nav > li > a{height: 50px !important; line-height: 50px !important}
	nav.main_menu .avia-menu,
	nav.main_menu #avia-menu{height: 100%}
	nav.main_menu #avia-menu{display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-end;}
	#top #header_main > .container .main_menu .av-main-nav > li:hover,
	#top #header_main > .container .main_menu .av-main-nav > li.current-menu-item{border-bottom: 5px solid #0094d4}
	#top #header_main > .container .main_menu .av-main-nav > li:hover:before,
	#top #header_main > .container .main_menu .av-main-nav > li.current-menu-item:before{
	    content: '';
	    width: 6px;
	    height: 6px;
	    background: #0094d4;
	    position: absolute;
	    bottom: -3px;
	    left: 50%;
	    margin-left: -3px;
	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	}
}
#top #header_main > .container .main_menu .av-main-nav > li.current-menu-item a{color: #000}

/* Logo */
.logo img{max-width: 340px}
.logo > a{display: flex; flex-flow: row nowrap; align-items: center;}
.logo img{transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;}
.header-scrolled .logo img{max-width: 165px;}

/* Title container */
#top .title_container{background: transparent;}
#top .title_container .container{background: #000; color: #fff}
#top .alternate_color .breadcrumb{font-size: 15px}
#top .alternate_color .breadcrumb,
#top .alternate_color .breadcrumb span a,
#top .alternate_color.title_container .main-title,
#top .alternate_color.title_container .main-title a{color: #fff}


/*
	==================================== Misc
*/

a:hover, a:focus, a:visited{text-decoration: none;}
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
.justify{text-align: justify;}

#top .widget_nav_menu li{font-size: 18px; color: #4d4d4d}
#top .widget_nav_menu li.current-menu-item a{color: #000}

.main_color{
	background-image: url(//beschichtungen-shpati.de/wp-content/uploads/2018/07/cork-wallet.png);
	background-attachment: fixed;
	background-color: #fff;
}
.white_section{background-image: none}

#top .top_offset_100{margin-top: -100px}

/* Images */
.image-overlay.overlay-type-extern .image-overlay-inside:before, 
.image-overlay.overlay-type-image .image-overlay-inside:before{background-color: transparent; color: #333333; border-color: transparent; font-size: 40px}
.avia-slideshow li img{border-radius: 0}

/* Slider */
.avia-fullwidth-slider{border: 0; background: #fff}
.avia-fullwidth-slider .container{max-width: 1280px; width: 100%}
.avia-fullwidth-slider .container, .avia-fullwidth-slider .container .content{padding: 0}

.avia-fullwidth-slider .avia-caption-title{background: #0094d4; display: inline-block; padding: 10px 15px; text-transform: inherit; margin: 0}
.avia-fullwidth-slider .avia-caption-content p{margin-left: 25px; margin-top: 10px; background: rgba(0, 0, 0, 0.5); display: inline-block; padding: 10px 15px;}
.avia-slideshow-dots{display: none;}

.avia-fullwidth-slider{box-shadow: none;}

/* CF7 Grid */
@media only screen and (min-width: 567px) {
    .wpcf7 .nm_row{width: 100%; display: block; clear: both; overflow: hidden;}
    .wpcf7 .nm_one_half{width: 49.5%; margin-left: 1%; clear: none; float: left;}
    .wpcf7 .nm_row div:first-child{margin-left: 0}
    .wpcf7 .nm_two_third{width: 66.3333333% !important; margin-left: 1%; clear: none !important; float: left !important;}
    .wpcf7 .nm_one_third{width: 32.6666667% !important; margin-left: 1%; clear: none !important; float: left !important;}
    .wpcf7 .nm_one_third input[type='submit']{width: 100%; font-size: 14px; text-transform: uppercase; padding: 20px}
}
#top .wpcf7-submit{font-size: 16px; background: #0094d4; border: 0; padding: 15px 25px; width: 100%}

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{
    padding: 16px;
} 

/*
	==================================== Leistungen
*/

.leistungen_sort .avia-arrow{display: none;}
.leistungen_sort header .grid-entry-title{font-size: 22px; padding-left: 15px; border-left: 15px solid #0094d4}
.home_leistungen .attachment-portfolio.wp-post-image{display: none;}

/*
	==================================== Footer
*/

#footer{border: 0;}
#footer .container{max-width: 1280px}
#footer .flex_column .widget .widgettitle{text-transform: initial}
#footer .widget_nav_menu a{font-size: 18px}
#socket{border: 0}
#socket .copyright{font-size: 15px}
#socket .copyright a{font-weight: 500}


/*
	==================================== @MEDIA QUERIES
*/

@media only screen and (max-width: 990px) {
	.responsive .logo img {max-width: 200px}
}