@font-face {
font-family: 'LEMON MILK';
	src: url('../fonts/LEMONMILK-Regular.eot');
	src: url('../fonts/LEMONMILK-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LEMONMILK-Regular.woff2') format('woff2'),
        url('../fonts/LEMONMILK-Regular.woff') format('woff'),
        url('../fonts/LEMONMILK-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family: 'Josefin Sans', 'LEMON MILK', Arial, sans-serif;
	font-family: 'Source Sans Pro', Arial, sans-serif !important;
}

.font-weight-bold {
    font-weight: 700 !important;
	font-family: 'LEMON MILK', Arial, sans-serif !important;
	font-family: 'Source Sans Pro', Arial, sans-serif !important;
}

.title a {
color:#000;
}

.title a:hover {
text-decoration:none;
}

.nav-link, .dropdown-item {
    font-weight: 400;
}

.navbar {
    padding: 0.5rem 0rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 1.4rem;
}

.container {
	max-width: calc(100% - 8rem);
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

.container-fluid {
    width: calc(100% - 8rem);
    margin: 0px auto;
    max-width: 1400px;
}

.nav .nav-link,
.nav .nav-link:hover, 
.nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7) !important;
}

.nav .nav-link:hover {
text-decoration:underline;
}

.nav-link {
    display: block;
    padding: 0.5rem 0rem 0.5em 1em;
}

.flores-contacto label {
float:left;
width:100%;
margin:0px auto;
}

.flores-contacto input[type="text"],
.flores-contacto input[type="email"] {
float:left;
width:100%;
padding:5px 10px;
margin-bottom:20px;
border: 1px solid #dcd7ca;
}

.flores-contacto textarea {
float:left;
width:100%;
height:100px;
padding:5px 10px;
margin-bottom:20px;
}

.flores-contacto input[type="button"] {
float:left;
width:100%;
margin-bottom:20px;
padding:5px 10px;
border:1px solid #000;
cursor:pointer;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #000;
    color: #fff;
    width: 100%;
    border: none;
    padding: 5px 0px;
    cursor: pointer;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background: #dcd7ca;
    color: #000;
}

.flores-contacto .col-sm-12 {
margin-bottom:50px;
}

.flores-prensa .col-lg-12 {
margin-bottom:50px;	
}

.flores-sobre-mi .col-lg-5 {
margin-top:50px;
text-align:justify;	
}

.flores-prensa ul {
margin:0px auto;
margin-left:-40px;
list-style-type:none;
font-weight:400;
color:#A8A8A8;
}

.flores-prensa ul a {
font-weight:700;
color:#000;
}

.nav-activo {
text-decoration:underline;
}

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 4rem;
		column-gap: 4rem;
	}
}

@media (min-width: 760px) {
	.card-columns {
		-webkit-column-count: 3;
		column-count: 3;
	}
}

.card-columns .card {
    margin-bottom: 4rem;
}

@media (max-width: 1160px) {
	
	.nav-link {
		display: block;
		padding: 0.5rem 1rem 0.5em 0em;
	}
	.nav {
		margin-top: 15px;
	}
	
}

@media (max-width: 576px) {
	
	.container {
		max-width: calc(100% - 4rem);
	}

	.container-fluid {
		width: calc(100% - 4rem);
	}
	
	.card-columns {
		-webkit-column-gap: 2rem;
		column-gap: 2rem;
	}
	
	.card-columns .card {
		margin-bottom: 2rem;
	}
	
}

.card-img {
    border-radius: 0px;
}

.card-pin:hover .overlay {
    opacity: .8;
    border: 10px solid #f3f3f3;
    background-color: #fff;
}

.card-title {
	padding: 5%;
    margin-bottom: 0.75rem;
    color: #000 !important;
	opacity: 0;
	display: table-cell;
    vertical-align: middle;
	
	
}

.card-pin:hover .overlay .card-title {
    opacity: 1;
}
a.skip-link.screen-reader-text {
    display: none !important;
}

.flores-proyecto video,
.flores-proyecto img {
float:left;
width:100% !important;
height:auto;
margin-bottom:50px;
}

.flores-proyecto .col-lg-5 {
    margin-top: 0px;
    text-align: left;
}

.flores-proyecto .col-lg-12 {
    margin-top: 0px;
    text-align: justify;
}

.navbar-light .navbar-toggler {
    color: #fff !important;
    width: fit-content !important;
    background: rgba(0, 0, 0, 0) !important;
    border: 2px solid rgba(0, 0, 0, 0.7) !important;
}

.card {
margin-bottom:30px;
}
.overlay {
left:15px !important;
width:calc(100% - 30px) !important;
}
.flores-proyecto span {
    margin: -50px 0px 50px 0px;
    float: left;
    font-style: italic;
}




.mobile-in {display:none !important;}
@media (max-width: 768px) {
	.mobile-out {display:none !important;}
	.mobile-in {display:block !important;}
}