/*
 Theme Name:     ItaPro
 Description:    ItaPro Theme
 Author:         Chiara Ruggeri
 Author URI:     https://www.chiararuggeri.it
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- *

/* Menù */
#top-menu li a {
    text-transform: lowercase;
    font-weight: 400;
}
#et-secondary-menu>ul>li a {
    text-transform: uppercase; 
}
/* Portfolio filtrabile */
.et_pb_filterable_portfolio .et_pb_portfolio_filters {
    margin: 0 0 20px 0;
    text-align:center;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 10px 20px;
    border: 0px solid #e2e2e2;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	background:#FFF;
	border-bottom: 1px solid #a9254e;
	font-weight: bold;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #a9254e;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* Blog columns 4 */
.et_pb_column_1_2.blog-four-columns {
	width:100%;
}

.et_pb_blog_grid .et_pb_post {
    padding: 5px;
    border: 0px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
}

.et_pb_blog_grid .et_pb_image_container {
    margin: -20px 0px 29px;
}

.et_pb_blog_grid .et_pb_image_container img {
    border: 1px solid #e2e2e2;
}

/* Custom tag */
.custom-tag a::before {
	content:'#';
	color: #a9254e;
	font-weight: bold;
}
.custom-tag a:hover {
	text-decoration: underline;
}

/* Widget tag */
.tagcloud a::before {
	content:'#';
	color: #a9254e;
	font-weight: bold;
}

.cool-tag-cloud .ctcred .ctcleft a {
	background: rgba(0,0,0,.05)!important;
	color: #a9254e;
	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif!important;
}
.cool-tag-cloud .ctcred .ctcleft a.tag-cloud-link {
	padding: 0px 8px!important;
	border-radius: 3px;
	font-size:12px!important;
	margin-right: 6px!important;
}
.cool-tag-cloud .ctcred .ctcleft .tag-cloud-link::before {
	content:'#';
	color: #a9254e;
	font-weight: 600;
}
.cool-tag-cloud .ctcred .ctcleft a:hover {
    background: rgba(0,0,0,.15)!important;
	color: #000!important;
}
.cool-tag-cloud .ctcleft a {
    text-shadow: none!important;
}
.cool-tag-cloud .ctcred .ctcleft a:hover, .cool-tag-cloud .ctcred .ctcright a:hover, 
.cool-tag-cloud .ctcred .ctcright a, 
.cool-tag-cloud .ctcred .ctcleft a, 
.cool-tag-cloud .ctcred .ctcright a:visited, 
.cool-tag-cloud .ctcred .ctcleft a:visited {
    color: #666666 !important;
}
.cool-tag-cloud .ctcleft a::after {
    display: none!important;
}

#sidebar .et_pb_widget {
    margin-bottom: 40px;
}
.widgettitle {
	font-size: 14px!important;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #a9254e;
}

/* Custom social */
.et_monarch .et_social_top.et_social_circle li {
	width:40px;
	display:inline;
	clear: none;
	margin: 0px 10px 10px 0px;
}

/* Gallery one column */
.et_pb_gutters2 .et_pb_column_3_4 .et_pb_column_4_4 .gallery-one-column .et_pb_grid_item {
	width: 100%!important;
	margin-right: 0!important;
	margin-bottom: 2%;
}

/* navigation */
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a, 
.et_pb_gallery .et_pb_gallery_pagination ul li a {
    font-size: 14px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #a9254e !important;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-weight: 500 !important;
}

/* Instagram */
.sbi_no_bio {
	color:#fff;
}

/* filter */
.searchandfilter .sf-input-text, 
.searchandfilter .sf-input-select{
	height: 40px !important;
	margin: 0;
	padding: .7em;
	border: 1px solid #ddd;
	color: #666;
	font-size: 14px;
	line-height: normal !important;
	border-radius: 3px;
}
.searchandfilter .sf-input-text { width: 100%;}

.searchandfilter ul li { margin-bottom: 0px!important;}
.searchandfilter ul li li { margin-left:0px!important;}
.searchandfilter input[type=submit]{
	color: #ffffff !important;
	border-width: 12px !important;
	border-color: rgba(0,0,0,0);
	border-radius: 0px;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: #a9254e;
	margin-top:30px;
}
.searchandfilter input[type=submit]:hover{
	background-color: #a81241;
	cursor: pointer;
}
.searchandfilter li[data-sf-field-input-type="checkbox"] label, 
.searchandfilter li[data-sf-field-input-type="radio"] label, 
.searchandfilter li[data-sf-field-input-type="range-radio"] label, 
.searchandfilter li[data-sf-field-input-type="range-checkbox"] label {
    padding-left: 5px!important;
}
.searchandfilter .search-filter-reset {
	color: #a9254e;
	border-width: 2px !important;
	border-color: #a9254e;
	border-radius: 0px;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding: 10px 12px;
	background-color: #fff;
}
.search .et_main_title h4, .project-tag .et_main_title h4{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #a9254e !important;
    letter-spacing: 3px;
    line-height: 1.8em;
    padding-bottom:0px;
}
.search .et_main_title .entry-title, .project-tag .et_main_title .entry-title{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 1.5em;
}

.searchandfilter ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/*justify-content: space-between;*/
}
.searchandfilter ul li {
    padding: 0px 10px 30px 0px;
    
}


@media all and (max-width: 767px) {
  .searchandfilter ul {
    flex-direction: column;
    text-align:center;
  }
}

#search-filter-form-205530.searchandfilter ul {
	display: inherit!important;
}
#search-filter-form-205530.searchandfilter ul li,
#search-filter-form-205530.searchandfilter label {
    display: block;
    padding-right:0px;
}
#search-filter-form-205530.searchandfilter ul li { 
	padding: 5px 0px;
}
#search-filter-form-205530.searchandfilter label.sf-label-checkbox {
	display: inline-block;
}
#search-filter-form-205530.searchandfilter input[type=submit]{
	margin-top:30px;
}
.searchandfilter .sf-input-select {
	position:relative;
	box-sizing: border-box;
	width: 100%;
	padding: 5px 20px 5px 10px;
	border: 1px solid #ddd;
	border-radius: 0px;
	color: #666;
	background-color: #fff;
	font-size:14px;
	/*-webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}
.searchandfilter .sf-input-select::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 3px;
    border: 6px solid #666;
    content: "\2193";
    transform: translateY(-50%);
    pointer-events: none;
}

.searchandfilter .sf-input-select, 
.searchandfilter .sf-input-text {border-radius: 0px;}

.progetti-ss {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.progetto-ss {
	width: 24%;
	margin-bottom: 10px;
}
.progetto-img-ss {
	
}
.progetto-img-ss:hover {
	opacity:0.5;
}
.progetto-titolo-ss {
	font-family: "Lato";
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4em;
	color: #444;
}

/* related post */
@media all and (max-width: 479px) {
	.yuzo_related_post .relatedthumb {
		width: 100%!important;
	}	
	#yuzo_widget-2 .yuzo_related_post_widget .relatedthumb,
	#yuzo_widget-3 .yuzo_related_post_widget .relatedthumb {
		width: 100%!important;
		height: auto!important;
	}
}
@media all and (min-width: 480px) and (max-width: 980px) {
	.yuzo_related_post .relatedthumb {
		width: 50%!important;
	}
	#yuzo_widget-2 .yuzo_related_post_widget .relatedthumb,
	#yuzo_widget-3 .yuzo_related_post_widget .relatedthumb {
		width: 50%!important;
		height: auto!important;
	}
}

#yuzo_widget-2 .yuzo_related_post_widget .relatedthumb a div::nth-child,
#yuzo_widget-3 .yuzo_related_post_widget .relatedthumb a div::nth-child{
	font-weight: 300;
}
#custom_html-6.et_pb_widget {
    float: none;
    max-width: 100%;
}

@media all and (max-width: 479px) {
 .project #titolo_1 {
    max-width: 100%!important;
    padding-top:15px!important;
  }
.project #meta_2 {
    max-width: 100%!important;
    float: none!important;
    padding-top:10px;
	}
}

@media (min-width: 981px) {
	.et_pb_gutters2 .et_pb_column_3_4>.et_pb_row_inner>.et_pb_column_4_4 .et_pb_grid_item.on_last_row {
    	margin-bottom: 2%!important;
	}
}

/* Post Navigation */

.single-project.et_pb_pagebuilder_layout .nav-single {
    width: 95%!important;
}
/* last post with thumb */
.rpwwt-widget ul li { margin: 0px!important;}
.rpwwt-widget .rpwwt-post-categories {
font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #a81241 !important;
	letter-spacing: 2px;
}

/* search projects */
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    margin-top: 58px;
    padding-top: 0px;
    margin-bottom: 58px;
}
.search article {
	float: left;
	width: 47.98%;
	margin-bottom: 30px;
}
.search article:nth-child(2n) { margin-right: 4.04%; }
.search-results article:nth-child(2n) { margin-right: 0%; }
.search article:nth-child(2n+1) { margin-right: 0%; }
.search-results article:nth-child(2n+1) { margin-right: 4.04%; }

@media (max-width: 767px) {
	.search article {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.search article:nth-child(2n), 
	.search article:nth-child(2n+1), 
	.search-results article:nth-child(2n),
	.search-results article:nth-child(2n+1) { margin-right: 0%; }
}

.search article .entry-featured-image-url, 
.tax-project_tag .entry-featured-image-url,
.tax-project_category .entry-featured-image-url{
	margin-bottom: 20px;
}
.search article .entry-title {
	font-size: 18px !important;
	line-height: 1.2em !important;
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 700 !important;
	height: 50px;
	padding-bottom: 0px;
}
.search article .post-meta, .filter-custom .et_project_categories {
	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #a81241 !important;
	letter-spacing: 2px;
}

/* Change order element in search */
#cst-blog-order article {
	position: relative;
	overflow: hidden;
	padding-bottom: 70px;
}
.tax-project_tag #cst-blog-order .et_pb_blog_grid .et_pb_image_container, 
.tax-project_category #cst-blog-order .et_pb_blog_grid .et_pb_image_container {
    margin: 0;
}

#cst-blog-order article .entry-title { 
	position: absolute; 
	bottom: -5px;
	font-size: 18px !important;
	line-height: 1.2em !important;
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 700 !important;
	height: 50px;
	padding-bottom: 0px;
}

#cst-blog-order article .post-meta {
	position: absolute;
	bottom: 40px;
	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #a81241 !important;
	letter-spacing: 2px;
}

/* Custom related projects */
.crp-list {
	display: flex;
	padding: 0px!important;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.crp-list-title {display: none;}
.crp-list-item {
	width: 22.75%;
	margin-bottom: 20px!important;
}
.crp-list-item-image, .crp-list-item-image img {
	max-width: 100%!important;
}
.crp-list-item-title a {
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.3em !important;
    color: #000!important;
}
.crp-list-item-title a:hover {
    color:#a9254e!important;
}

@media (min-width: 480px) and (max-width: 980px) {
	.crp-list-item {
		width: 48%;
	}
	.crp-list-item-title a {font-size: 15px !important;}
}

@media (max-width: 479px) {
	.crp-list {
		flex-direction: column;
		flex-wrap: nowrap; 
	}
	.crp-list-item {
		width: 100%;
	}
	.crp-list-item-title a {font-size: 14px !important;}
}

.project .et_pb_title_meta_container {display: none;}
#et_pb_contact_form_0 .et-pb-contact-message, 
#et_pb_contact_form_0 .et_pb_contact_field_options_title { color: #fff!important;}