/* COLLAPSING STYLES
<div class='sws-accordion'>
    <input type="checkbox" id="toggle1" class="sws-acc-ck" /><label for="toggle1">First Item</label>
        <div class='sws-acc-content'>Lorem ipsum...</div>
</div>
<div class='sws-accordion'>
    <input type="checkbox" id="toggle2" class="sws-acc-ck" /><label for="toggle2">Second Item</label>
        <div class='sws-acc-content'>Lorem ipsum... second version</div>
</div>
NOTE that IDs have to match for checkbox and label. Otherwise, it's pretty easy 
*/

.swp-tweaks-flex { display: flex !important; }
.swp-tweaks-pad { padding: 1.5rem !important; }
.swp-tweaks-pad-right { padding-right: 1.5rem !important; }
.swp-tweaks-pad-left { padding-left: 1.5rem !important; }
.swp-tweaks-pad-top { padding-top: 1rem !important; }
.swp-tweaks-block { display: block !important; }

.sws-acc-content, .swp-tweaks-acc-content {
    max-height: 0;
    overflow: hidden;
    transition: height 400ms linear;
    margin-bottom: .5rem;
}
.sws-acc-ck, .swp-tweaks-acc-ck {
    display: none !important;
}
.sws-accordion > input:checked ~ .sws-acc-content,
.swp-tweaks-accordion > input:checked ~ .swp-tweaks-acc-content  {
    max-height: 100vh;
}
.sws-accordion > input:checked ~ label:before,
.sws-accordion > input:checked ~ label:before,
.swp-tweaks-accordion > input:checked ~ label:before,
.swp-tweaks-accordion > input:checked ~ label:before { content: '\25bc'; padding-right: 1rem; }


.sws-accordion > label:before,
.swp-tweaks-accordion > label:before  { content: '\25b6'; padding-right: 1rem; }

.swp-tweaks-modal-overlay { z-index: 99999 !important; }
.swp-tweaks-modal-content { 
	z-index: 100000 !important; 
	/*width: 55vw !important; */
	min-width:300px !important; 
	min-height: 100px !important; 
	max-height: none; 
	height: auto !important;
	/* OVERRIDE JQUERY DEFAULTS */
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}


.swp-tweaks-ms-item {
	max-width: 50vw !important;
}