/*
Theme Name: Neu
Theme URI: http://kopatheme.com
Author: BV
Template: newsmix
Description: News Mix theme is designed for magazine, news with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 2.0.1
Tags: black, red, white, two-columns, three-columns, right-sidebar, responsive-layout, custom-menu, editor-style, featured-images, post-formats, threaded-comments, theme-options, translation-ready
*/

/* =========================================================
Common styles
============================================================ */
@import url("../newsmix/style.css");

/*aggiunte*/

body {font-size:14px;}

footer, .bottom-sidebar {font-size:13px;}

.kopa-style-box {background-image:none !important; background-color:#e7e7e7 !important;}

#header-top {
background-color:#ccc;

}

.kp-headline-title, .sb-icon-search {
background-color:#777;

}

.kp-headline-title span {
	border-left: 7px solid #777;}

.kp-headline dd a, .kp-headline-title {

	color: #fff;
}

#header-middle {
background: none #fff;
height:90px

}

.sub-menu li a {text-transform:uppercase; letter-spacing:1px}


#header-bottom {
background-color: #003b91;
border-top: 2px solid #FFF;

}

.widget .entry-item .entry-title {font-size:18px}

.widget-area-13, .widget-area-14 {
	background-image:none;
	background-color:#777;
	
}

.widget-area-13 {padding:27px 25px}


#kopa_widget_flexslider-5 h2.entry-title {font-size:16px !important; line-height:18px}


.bottom-sidebar {background-color:#777}

.bottom-sidebar .widget .widget-title {color:#333 !important; background-color:transparent !important}

.kopa-related-post h3, #comments h3, #respond h3, #contact-box h3, .kopa-related-post h3 .title-text,
#comments h3 .title-text, #respond h3 .title-text, #contact-box h3 .title-text {

background-color: #003b91 !important;
}

.search-form .submit,#comments-form #submit-comment, #contact-form #submit-contact {

background-color:#00599f !important;
}



.title-line {display:none !important}

.widget .widget-title {padding:7px 0 !important; margin:0; font-size:15px !important; line-height:1.3em}


.widget-title .title-text {background-color:transparent !important}


.widget-area-15 .widget-title, .widget-area-1 .widget-title  {
	background-color:#3399ff !important;
	
}

.widget-area-9 #kopa_widget_entry_list-3 .widget-title {
	background-color:#3ab54a !important;
}

.widget-area-10 #kopa_widget_entry_list-4 .widget-title {
	background-color:#f04937 !important;
}

.widget-area-9 #kopa_widget_entry_list-5 .widget-title {
	background-color:#fb9502 !important;
}

.widget-area-10 #kopa_widget_entry_list-6 .widget-title {
	background-color:#00589f !important;
}

.widget-area-9 #kopa_widget_entry_list-7 .widget-title {
	background-color:#7d0b49 !important;
}

.widget-area-10 #kopa_widget_entry_list-8 .widget-title {
	background-color:#304b5e !important;
}

.kopa-entry-list-widget h4.entry-title {text-transform:uppercase !important;}



#main-content .widget {padding:10px; border:1px solid #ebebeb; margin-bottom:25px;  }

.widget-area-9 .widget, .widget-area-10 .widget {min-height:220px;  height:auto !important;  }


.article-list li {
border: 1px solid #ebebeb;
padding: 16px;
}


#kopa_widget_articles_list-2 header {display:none !important}


.kopa_widget_text .entry-title{
	background-color:#a12d34 !important; 
	padding:5px 5px 5px 25px;
	margin-left:-25px !important;
	margin-bottom:16px;
	display:block;
	width:200px;

}




.entry-title, .entry-title a {
	line-height:1.3em

}

.entry-box h4.entry-title  {
	line-height:30px
}

@media only screen and (min-width: 640px)
 {
	
/*.entry-box .entry-thumb > img {width:auto !important; float:left;}*/

.kopa-entry-list-widget .entry-thumb > a > img {
float: left;
margin-right: 25px;
position: relative;
width:100%;
max-width:331ßpx;
height: auto;

}



.article-list .entry-thumb > a {
width: 207px !important;
height: auto;
}
}

@media only screen and (min-width: 640px) and (max-width: 979px)
 {

#logo-image {
	width:50% !important;
}

#logo-image img {
	width:100%;
}

.logo-me {
margin-top:10px !important;

}

}

@media only screen and (max-width: 479px) {

#logo-image {

	width:200px !important;
	float:left !important;
}
.logo-me {

	width:45px !important;
	height:auto; margin-top:16px !important
}


#header-middle {height:70px !important;}
 }
 
@media only screen and (min-width: 480px) and (max-width: 679px) {

#logo-image {

	width:300px !important;
	float:left !important;
}
.logo-me {

	width:45px !important;
	height:auto; margin-top:16px !important
}


#header-middle {height:70px !important;}
 }

@media only screen and (max-width: 479px) {
.widget .widget-title {
	font-size: 16px !important;

	}
}

li:first-child  h4.entry-title  {
	background-color:transparent;
	width:auto;

}

li:first-child  h4.entry-title a{
	color:#333;
	font-size:24px

}

.logo-me {margin-top:21px;margin-right:10px;float:right}

#header-bottom {

border-bottom: 3px solid #ffff00 !important;

}

#main-menu > li > span {
border-bottom-color: #ffff00 !important;
}

#main-menu > li > a:hover, li.current-menu-item a{color:#ffff00 !important}

.kp-headline dd a {
color:#036;
}
.kp-headline dd a:hover {
color: #00599f;
}



.wpcf7-form input[type=text], .wpcf7-form input[type=email],  .wpcf7-form textarea {width:100%}

#mobile-menu > span {color:#FF0 !important; font-family:'Oswald', sans-serif; font-size:16px}

span.entry-author {display:none}

img.gm {float:left; margin-right:7px}

.widget-area-14 p {color:#333}

.widget-area-1 h3 {font-weight:normal !important}

.elements-box a {text-decoration:underline !important}

.entry-box .entry-thumb > img  {width:207px}



.kopa-featured-widget .entry-thumb, .kopa-entry-list-widget .entry-thumb {
  max-height:180px;overflow:hidden
}

.kopa-entry-list-widget#kopa_widget_entry_list-2 .entry-thumb img, .kopa-entry-list-widget#kopa_widget_entry_list-2 .entry-thumb > a, 
.kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-thumb img, .kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-thumb > a {
width:100%; max-width:285px;

}

 .kopa-entry-list-widget#kopa_widget_entry_list-2 .entry-content, .kopa-entry-list-widget#kopa_widget_entry_list-2 .entry-thumb,
 .kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-content, .kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-thumb  {
width:50%; float:left; margin-top:15px;

}

 
.kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-content  {
width:57% !important; float:left; margin-top:15px;

}



 .kopa-entry-list-widget#kopa_widget_entry_list-2 img.attachment-kopa-image-size-4, 
  .kopa-entry-list-widget#kopa_widget_entry_list-10 img.attachment-kopa-image-size-4  {
width:99% !important; 

}

.widget-area-1 .widget-title  {
font-size:15px; margin:0 !important; padding:0

}

.widget-area-1 .widget .widget-title .title-text {
padding:0 5px; line-height:20px

}


@media only screen and (max-width: 639px) {
	
	 .kopa-entry-list-widget#kopa_widget_entry_list-2 .entry-content, .kopa-entry-list-widget#kopa_widget_entry_list-2 .entry-thumb,
	 .kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-content, .kopa-entry-list-widget#kopa_widget_entry_list-10 .entry-thumb   {
width:100%; 

}
	}
	
#kopa_widget_flexslider_2-3 h3.widget-title  {
background-color:#06C;
margin-bottom:10px

}


#kopa_widget_entry_list-10 .entry-thumb {
width:150px !important; margin-right:25px

}

#kopa_widget_flexslider_2-3 .gallery-slider .gallery-caption {
position:relative !important

}

#kopa_widget_flexslider_2-3 .gallery-slider .gallery-caption {
  font-size: 18px;
  line-height: 23px;
  padding: 7px 3px;
  text-align: center;
  background-color:#ffffff;
  color: #333;

}
#kopa_widget_flexslider_2-3 .gallery-slider .gallery-caption a{

  color: #000;
}

#kopa_widget_flexslider_2-3 .gallery-slider .gallery-caption a:hover{
  color: #00529e;
}

#kopa_widget_flexslider_2-3  .widget-title  {
	
margin-bottom:0 !important

}

 .flex-direction-nav a {bottom:0 !important; width:23px !important; height: 23px !important; font-size:14px !important;}

.widget-area-2 #kopa_widget_flexslider_2-3, #kopa_widget_entry_list-10{
	height:226px

}
#kopa_widget_flexslider_2-3 .slides li img{
margin-top:16px

}



/*

#kopa_widget_flexslider_2-3 .gallery-slider .gallery-caption a{

  color: #333;
}

.flex-direction-nav, .flex-direction-nav:hover {
display:none !important
}

flex-control-nav flex-control-paging {
display:inline !important
}*/