/**
 * FerventWord
 *
 * @package   ferventword
 * @author    Jerry Simmons <jerry@ferventsolutions.com>
 * @copyright 2024 Jerry Simmons
 * @license   GPL-2.0+
 **/


/**
 * iPhone 12 Mini: 360 x 780
 * iPhone 12: 390 x 844
 * iPad: 810 x 1080
 * MacBook: 1280 x 800
 *
 * 1280px
 * 1079px
 * 779px
 * 389px
 **/
@media( max-width: 1079px ) {}
@media( max-width: 779px ) {}
@media( max-width: 389px ) {}

/*** COLORS ********************************
 *          BOLD     LIGHT    BACKGROUND
 * White:   #F8F8F8  #FFFFFF
 * Red:     #7F1518  #EDDCDD
 * Orange:  #BD4B27  #F1D0C7  #F5E8E4
 * Yellow:  #D77C28  #F7E0C7
 * Green:   #2D5126  #E1E4DE
 * Blue:    #1F2655  #DEDFE7  #EBE8EC
 * Purple:  #522D55  #E5E0E6
 * Black:   #282528  #E0E0DF
 ***/

#fwui_doctrine_explorer {
	container-type: inline-size;
	container-name: doctrine-explorer;
}
.fwui_doctrine_explorer_list { width: 30%; }
.fwui_doctrine_explorer_detail { width: 65%; }

.fwui_doctrine_explorer_list li {
	cursor: pointer;
	border: solid 1px #282528;
	margin: 5px 0px;
	padding: 2px;
	font-size: 80%;
}
.fwui_doctrine_explorer_list li:hover,
.fwui_doctrine_explorer_list li.selected {
	background-color: #F1D0C7;
}

.fwui_block_doctrine_detail {
	display: none;
}
.fwui_block_doctrine_detail.selected {
	display: block;
}

.fwui_reference_wrapper {
	padding: 5px 10px;
}

.more_doctrine_link {
	padding-left: 10px;
	font-size: 12px;
}

#fwui_doctrine_explorer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

@container doctrine-explorer ( min-width: 780px ) {
	#fwui_doctrine_explorer_select { display: none; }
}
@container doctrine-explorer ( max-width: 779px ) {
	.fwui_doctrine_explorer_list { display: none; }

	#fwui_doctrine_explorer_select {
		flex-shrink: 0;
		flex-basis: 100%;
		width: 100%;
		font-size: 1.25em;
		margin: 20px 0px;
	}
}