/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/** ajuste para el color de las flechas del slider **/
.tparrows::before{
	color: #aaa;
}

/** etiquetas portolio **/
#etiquetasPortfolio{
	text-align: left;
}

.tituloPortfolioEtiquetas{
	position: absolute !important;
	z-index: 1000;
	width: 50%;
	margin-left: 20%;
}

.tituloPortfolioEtiquetas .clmEtiquetas{
	width: auto;
}

.tituloPortfolioEtiquetas .clmEtiquetas .entry-tags{
	padding-top: 0px;
	line-height: 37px;
	vertical-align: middle;
}

/** añade margenes inferiores en los items del portfolio **/
.visible.wf-cell.shown{
	margin-bottom: 30px;
}


/** ajuste para las flechas de los portfolios **/
.slick-prev.default.slick-arrow{
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: url("http://pre.7dedisseny.net/wp-content/uploads/2018/11/arrow-left.svg") 0 0, default;	
}

.ultsl-arrow-left2::before {
    content: "" !important;
}

.slick-next.default.slick-arrow{
	width: 50%;
	height: 100%;
	left: 50%;
	top: 0;
	cursor: url("http://pre.7dedisseny.net/wp-content/uploads/2018/11/arrow-right.svg") 0 0, default;	
}

.ultsl-arrow-right2::before {
    content: "" !important;
}

.ult-carousel-wrapper{
	margin-bottom: 0px !important;
}

/** ajustes para las imagenes de los portfolios **/
.vc_single_image-img.attachment-full{
	height: auto;
	width: 96vw;
}

/** oculta los titulos de los proyectos en el paginador **/
.nav-next .post-title.h4-size, .nav-previous .post-title.h4-size{
	display: none;
}

/** oculta la palabra sectors en los proyectos y solo se ve la etiqueta **/
.tag_sectors{
	/*display: none;*/
}

.single-post #main{
	/*height: 84vh;*/
}

.single-post #content article .entry-content{
	/*height: 83vh;*/
    width: 96vw;
	margin: 0 auto;
    overflow: hidden;
	margin-bottom: 0px;
}

.single-post #content .ult-item-wrap{

}

#main > .wf-wrap{
	width: auto;
	padding-left:0px;
	padding-right: 0px;
}

/*#main .wf-wrap{
	padding: 0 0;
}*/

/*
.post-template-default.single-post #page #footer{
	display: none;
}

.post-template-default.single-post #page #main{
	padding-bottom: 0px;
	margin-top: 60px;
}


#content article .entry-content{
	height: 85vh;
    width: 81vw;
    overflow: hidden;
	margin-bottom: 0px;
	padding: 0px 5px 133px;
}
*/

/*
#content article .post-meta{
	position: absolute;
	width: 100%;
	top: 0px;
}
*/
/*
#content article .navigation{
	position: absolute;
	width: 100%;
	margin-top: -85px;
	margin-bottom: 0px;
	bottom: 0px;
}
*/


/** estilo para los items de portfolio en la presentacion **/
.post-head-wrapper{
    top: 50px !important;
    display: none;
}

article .post-entry-content:hover > .post-head-wrapper{
    display: block;
    animation: fadeInFromNone .5s ease-out;
}


/** estilo para los proyectos en etiquetas **/
.author.vcard, .data-link, .category-link:after{
	display: none !important;
}


@media (max-width: 710px) {
    .dt-css-grid{
        grid-template-columns: repeat(1,1fr) !important;    
    }
}


@media (min-width: 710px) and (max-width: 1389px){
    .dt-css-grid{
        grid-template-columns: repeat(2,1fr) !important;    
    }
}


@media (min-width: 1390px) and (max-width: 2069px){
    .dt-css-grid{
        grid-template-columns: repeat(3,1fr) !important;    
    }
}


@media (min-width: 2070px) and (max-width: 2749px){
    .dt-css-grid{
        grid-template-columns: repeat(4,1fr) !important;    
    }
}


@media (min-width: 2750px) and (max-width: 3429px){
    .dt-css-grid{
        grid-template-columns: repeat(5,1fr) !important;    
    }
}