/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:   Isabella Tomassucci
Template: Divi
*/

@import url("../Divi/style.css");

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 10px;
	color: #333;
	font-weight: 500;
	line-height: 1em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

/******************* Link  ************************/

a.bianco:link {
 color: white;
 text-decoration: none;
 font-weight: bold;
}

a.grigio:link {
 color: #595959;
 text-decoration: none;
 font-weight: bold;
}

a.verde:link {
 color: #56b75e;
 text-decoration: underline;
 font-weight: bold;
}

.imagelink{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
    border:0;

}
.imagelink br{
    display: none;
}
.imagelink img{
    margin: 0 0 -7px;
    padding: 0;
    width: 100%;
    border:0;
}

.textlink01, .textlink02, .textlink03, .textlink04, .textlink05, .textlink06{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 15%;
    opacity: 0;
    width: 100%;
    height: calc(100% + 1px);
	font-size: medium;
    font-weight: 400;
}
.textlink01{
    background: rgba(143,188,143,0.9);
}
.textlink02{
    background: rgba(112,15,20,0.9);
}
.textlink03{
    background: rgba(253, 94, 25,0.9);
}
.textlink04{
    background: rgba(99, 28, 251,0.9);
}
.textlink05{
    background: rgba(154, 83, 101,0.9);
}
.textlink06{
    background: rgba(147, 161, 89,0.9);
}

.textlink01:hover, .textlink02:hover, .textlink03:hover, .textlink04:hover, .textlink05:hover, .textlink06:hover{
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.textlink01 a, .textlink02 a, .textlink03 a, .textlink04 a, .textlink05 a, .textlink06 a{
    color: #ffffff;
}
.textlink01 a:hover, .textlink02 a:hover, .textlink03 a:hover, .textlink04 a:hover, .textlink05 a:hover, .textlink06 a:hover{
    color: #000000;
}

/******************* Fine Link  ************************/


/******************* Post ************************/


.single .et_pb_post {
	margin-bottom: 0px;
}
.single .post {
	padding-bottom: 0px;
}

/******************* Post ************************/

/******************* Blog Sidebar ***************/

	#sidebar {
		float: left;
		width: 20.875%;
	}

	#left-area {
		width: 79.125%;
		padding-bottom: 0px;
	}

	#main-content .container:before {
		position: absolute;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #e2e2e2;
		content: "";
	}

	.et_full_width_page #left-area {
		float: none;
		width: 100% !important;
	}

	.et_right_sidebar #left-area {
		float: left;
		padding-right: 5.5%;
	}

	.et_right_sidebar #sidebar {
		padding-left: 30px;
	}

	.et_right_sidebar #main-content .container:before {
		right: 20.875% !important;
	}

	.et_left_sidebar #left-area {
		float: right;
		padding-left: 5.5%;
	}

	.et_left_sidebar #sidebar {
		padding-right: 30px;
	}

	.et_left_sidebar #main-content .container:before {
		left: 20.875% !important;
	}


/******************* Fine Blog Sidebar ***************/

/******************* Footer  ************************/


/* Bottom Bar */
#footer-bottom {
	padding: 5px 0 5px;
	background-color: #1f1f1f;
	background-color: rgba(0, 0, 0, 0.32);
}

#footer-bottom a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#footer-info {
	float: left;
	padding-bottom: 0px;
        padding-left: 0px;
	color: #666;
	text-align: center;
}

#footer-info a {
	color: #666;
	font-weight: 700;
}

#footer-info a:hover {
	opacity: 0.7;
}



/******************* Footer end ************************/



/******************* Breadcrumbs ************************/

#breadcrumbs{ float: left; width: 75%; margin-bottom: 1em; position:relative; z-index:1; }
@media screen and (max-width: 980px){
 #breadcrumbs{ width: 100%; }
}

/******************* Breadcrumbs end ************************/