/*
Theme Name: Benko Child Theme
Theme URI: http://benko.nanoagency.co
Description: Child theme of Benko
Author: Nano Agency
Author URI: http://nanoagency.co
Template: benko
Version: 1.0.0
*/

.site-logo {
  max-width: 300px;
}
.site-description {
  margin: 20px;
  max-width: 400px;
}

.header-left .header-middle {
	margin-top: -20px;
}

@media (max-width: 1199px) {
  .header-content-logo {
    text-align: center;    
  }
  
  .site-description {
    text-align: center;
    margin: 30px auto;
  }
  
  .header-left .header-middle {
       display: block; 
  }
  
  .site-logo {
    max-height: none;    
  }
  
  #logo img {
      max-height: 150px;
  }
}

body .vc_btn3.vc_btn3-color-juicy-pink,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
body .vc_btn3-size-md {
    background-color: #5bb847;
    border-radius: 0;
}

body .vc_btn3.vc_btn3-color-juicy-pink:hover,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, 
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, 
body .vc_btn3.vc_btn3-color-juicy-pink:focus, 
body .vc_btn3.vc_btn3-color-juicy-pink:hover,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus,
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, 
body .vc_btn3.vc_btn3-color-juicy-pink:focus, 
body .vc_btn3.vc_btn3-color-juicy-pink:hover, 
body .vc_btn3-size-md:hover {
    background-color: #499339;
    border-radius: 0;
}

.single .post-image .wp-post-image {
	max-width: 800px;
}

.single-1 .box-article .entry-content {
	max-width: 800px;
}

.single-post .single-main-content {
	margin-top: 20px;
}

.bx-viewport {
	height: 100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 200px !important;
}

body .ect-list-img {
	background-position: center center;
}


/* Header banners */
.header-middle {
	flex-wrap: wrap;
	min-height: 80px;
	min-width: 640px;
	position: relative;
}

.header-middle .widget {
	position: absolute;
	height: 100%;
	opacity: 0;
	transition: opacity .3s ease;
	width: 100%;
	z-index: 1;
}

.header-middle .widget,
.header-middle .img {
	max-width: 100%;
}

.header-middle .widget.is-active {
 	opacity: 1;
 	z-index: 2;
} 

.single .wp-post-image img {
  max-width: 600px;
}