/*
Theme Name:   Zox News Child
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  Zox News Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     zox-news
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  zox-news-child
*/

.tabs {
	 border-radius: 8px;
	 overflow: hidden;
}
 .tabs .tab {
	 width: 100%;
	 color: white;
	 overflow: hidden;
}
 .tabs .tab-label {
   display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding-left: 0px !important;
    padding: 1em;
    background: #fff;
    font-weight: bold;
    cursor: pointer;
    color: #00008B;
    gap:15px;
}

 .tabs .tab-label::after {
	 content: "❯";
	 width: 1em;
	 height: 1em;
	 text-align: center;
	 transition: all 0.35s;
}
  .tabs .tab-content {
	 max-height: 0;
	 padding: 0 0.5em;
	 color: #000;
	 background: white;
	 transition: all 0.35s;
 line-height: 1.5;
    	font-size: 16px;
/*     	margin: 0px 12px; */
    	opacity:0;
		word-break: break-word;
    hyphens: auto;
}
 .tabs .tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 background: #2c3e50;
	 cursor: pointer;
}
 .tabs .tab-close:hover {
	 background: #1a252f;
}
 .tabs input:checked + .tab-label {
	 background: #fff;
}
  .tabs input:checked + .tab-label::after {
	 transform: rotate(90deg);
}
  .tabs input:checked ~ .tab-content {
	    	max-height: 100%;
	 	padding: 0.5em;
		border: 1px solid #ccc;
    		margin-bottom: 10px;
		line-height: 1.5;
  		 font-size: 16px;
/*     		margin: 0px 12px; */
    		opacity:1;
		word-break: break-word;
    hyphens: auto;
}
 .tabs input[type="checkbox"]{
  	display:none;
} 

@media screen and (max-width:500px) {
	.tabs {
		margin-bottom:10px;
	}
	
	.tabs .tab-content {
		font-size: 16px;
		margin:0px;
	}
	
  .tabs input:checked ~ .tab-content {
		font-size: 16px;
		margin:0px;
	}
	
}