/*
 *
 * CONTENT-COLS 
 *
 */
 
/* GALLERY */ 

.columns-gallery a {
    display: block;
    margin-bottom: 30px;
}

/* END - GALLERY */ 

/* OVERVIEW */ 

.columns-overview {}

    .columns-overview .inner {
        border: 1px solid #DDD;
        padding: 15px;
    }
    
            .columns-overview .inner h2.overview-title {
                margin-top: 0;
                margin-bottom: 15px;
            }

/* END - OVERVIEW */ 

/* TABS */
.content-tabs::after {
    clear: both;
    display: table;
}

    .content-tabs ul.tabs {
        margin: 0;
        padding: 0 15px;
        position: relative;
    }
    
        .content-tabs ul.tabs::before {
            background-color: #DDD; /* This color is difined again in the @media query */
            content: '';
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
        }

        .content-tabs ul.tabs li {
            border: 1px solid #DDD;
            background-color: #e6e6e6;
            border-radius: 5px 5px 0 0;
            display: inline-block;
            list-style-type: none;
            position: relative;
            z-index: 0;
        }
        
            .content-tabs ul.tabs li.active {
                background-color: #FFF;
                border-bottom: 1px solid #FFF;
            }
        
            .content-tabs ul.tabs li a {
                color: #000;
                display: block;
                padding: 10px 30px;
                text-decoration: none;
            }
    
    .content-tabs .content-tabs-panels .content-tabs-panel {
        display: none;
        padding: 15px;
    }
    
            .content-tabs .content-tabs-panels .content-tabs-panel.open {
                display: block;
            }
    
    
/* BEGIN of mobile devices custom style */
    
@media screen and (max-width: 767px) {
    
    /* TABS */
	.content-tabs ul.tabs li {
    	border-top: 0;
        border-radius: 0;
        display: block;
	}
	
	    .content-tabs ul.tabs li:first-of-type {
    	    border-top: 1px solid #DDD;
	    }
	
}

/* END of mobile devices custom style */