/**
 * Theme Name:  Alberto Roque - Child
 * Theme URI:   https://albertoroque.com
 * Description: https://albertoroque.com
 *
 * Author:      Alberto Roque
 * Author URI:  https://albertoroque.com
 *
 * Version:     1.0
 * Template:    croma
 * Text Domain: croma-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */


/* =Theme customization starts here
-------------------------------------------------------------- */


.news-grid-wrap .tab-text,
.media-block .text-box{
    overflow: hidden;
    min-height: 90px;
}

.page-template-archive-album-grid h2.tab-title {
    margin-top: 0px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/*
.tax-album-category .text-box p, 
.tax-album-category .text-box ul,
.tax-album-category .text-box span{
	display:none!important;
}
*/
.tax-album-category .text-box h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.screen-reader-response {
	display: none!important;
}

.ul.concerts-list li:hover,
a.panel-action.panel-action__label:hover{
	color: #fff!important;
}

body.single-post .entry a:hover,
.post-categories a:hover{
	color: white!important;
}

article img.wp-post-image {
    width: auto;
}

/*
.tparrows:before {
	color: #000!important;
}*/

.active-fix-menu {
		position: fixed!important;
		z-index: 100!important;
		background: rgba(255,255,255,0.8)!important;
		height: 80px!important;
		box-shadow: 0px 0px 6px -1px #000000;
}

.active-fix-menu .logo-desktop {
	filter: brightness(0);
}

.active-fix-menu .menu-toggle.righttype svg {
	fill: #000!important;
}

.active-fix-menu .menu-toggle rect {
	fill: #000!important;
}

.active-fix-menu .menu-toggle {
 	top: 30px;
}

.active-fix-menu .site-logo.righttype, .site-logo.lefttype {
	top: 37px;
}

.media-block .image img {
    width: 100%;
}

.event-line-wrap .event-line-node {
    font-family: Josefin Sans;
}

body, .entry p, .single-product th, .single-product td, .single-product tr, .comment-text {
    font-family: Josefin Sans;
    font-weight: 500!important;
    color: rgb(43, 43, 43)!important;
}

.nothing-found {
	text-align: center;
}

@media(max-width: 1024px) {
	h2, .single-post h2, .text-box h2, .video-box h2, .title-box h2, .news .media-block h2, .iron_widget_recent_posts .news .media-block h2, .type-album .text-box h2 {
		font-size: 24px;
		line-height: 24px;
	}
	
	h2, .single-post h2 {
		font-size: 24px!important;
	}
}

@media(max-width: 768px) {
	header {
		opacity: 1;
		position: fixed!important;
		z-index: 100!important;
		background: rgba(255,255,255,0.8)!important;
		height: 50px!important;
		    box-shadow: 0px 0px 6px -1px #000000;
	}
	
	
	.menu-toggle {
		top: 13px;
	}
	
	.site-logo.righttype, .site-logo.lefttype {
		top: 20px;
	}
	
	.logo-desktop {
		filter: brightness(0);
	}
	
	.menu-toggle.righttype svg {
		  fill: #000!important;
	}
	
	.menu-toggle rect {
		fill: #000!important;
	}
	
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(1),
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(2){
		width: 49%;
	}
	
		
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(3){
		width: 100%;
		font-weight: bold;
		padding-top: 15px;
	}
	
	.page-template-archive-event .event-line-wrap .event-line-node.medium {
		font-size: 14px;
	}
/*	
	.home #wrapper .wpb_row {
		padding-bottom: 0!important;
	}
	
	.hide-mobile {
		display: none!important;
	}*/
	
	.h-300-sm {
		height: 300px!important;
	}
	
	.custom-section-3 {
		top: -115px;
	}
	
	#custom-section-1 {
		padding-bottom: 0!important;
	}
	
	.albumCover img {
		object-fit: contain;
	}
}

@media(max-width: 500px) {
	header {
		background: rgba(255,255,255,1)!important;
	}
	h1 {
		font-size: 24px!important;
		line-height: 25px!important;
		letter-spacing: 3px!important;
	}
	
	.type-album .text-box h2 {
		font-size: 16px!important;
		line-height: 16px!important;
		letter-spacing: 2px!important;
	}
	
	.two_column_album .media-block {
		width: 100%!important;
	}
	
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(1),
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(2){
		width: 100%;
	}
	
		
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(3){
		width: 100%;
	}
	
	.event-line-wrap div:nth-child(1) {
		font-weight: bold!important;
	}
	
	.page-template-archive-event .event-line-wrap .event-line-node:nth-child(2),
	.vc_col-sm-12 .event-line-wrap .event-line-node.medium, .vc_col-sm-6 .event-line-wrap .event-line-node.medium:nth-child(2){
		font-size: 13px;
	}
	
	.page-template-archive-event .event-line-wrap .event-line-node.medium,
	.vc_col-sm-12 .event-line-wrap .event-line-node.medium, .vc_col-sm-6 .event-line-wrap .event-line-node.medium{
		font-size: 14px;
	}
	
		
	.page-template-archive-event .event-line-wrap .event-line-node.medium:nth-child(3){
		font-weight: bold!important;
		padding-top: 10px;
	}
	
	.vc_col-sm-12 .event-line-wrap .event-line-node.medium:last-child {
    		font-weight: bold!important;
	}
	
	.tp-leftarrow {
		transform: translate(-5px, -25px)!important;
	}
	
	.tp-rightarrow {
		transform: translate(-45px, -25px)!important;
	}
	
	.uranus.tparrows:before{
		font-size: 28px!important;
	}
	
	h2, .single-post h2 {
		font-size: 17px!important;
	}
	
	.albumCover img {
		object-fit: contain;
	}
	
	.album-header {
		height: 45vh;
	}
	
	.single-album .meta-artist_of_album {
		font-size: 12px;
	}
	
	.links-block {
		text-align: center;
	}
	
	.iron-audioplayer .playlist .audio-track, .iron-audioplayer .playlist .track-number {
		font-size: 13px!important;
		line-height: 15px!important;
		text-align: center;
	}
	
	#single_album > div {
		padding:0;
		margin: 0;
	}
	
	.single-album .content-box {
		text-align: center;
	}
	
	.event-boldtitle{
		font-size: 18px;
    	line-height: 23px;
	}
	
	.event-wrapper {
		margin-top: 0;
	}
	
	.iron-audioplayer .playlist .audio-track, .iron-audioplayer .playlist .track-number{
	    width: 100%;
        text-align: center;
	}

    .iron-audioplayer .track-number .number {
        display: block;
        padding-right: 0px!important;
    }
    
    .iron-audioplayer .playlist .track-number {
        width: 100%;
        padding: 0;
        display: block;
        margin-bottom: 9px;
    }

}

.site-logo {
   display: none!important;
}