
/* porto-blocks-layout */
/**
 * Porto Row / Porto Column blocks
 *
 * The row is a flex container which publishes its column gap as `--porto-col-gap`. Each column
 * subtracts its share of that gap from its own width ( see the `flex` rule the block prints ), so
 * the columns of a "50% 50%" row still fit on one line once a gap is set.
 */
.porto-block-row {
	display: flex;
	flex-wrap: wrap;
	/* Left alone, the gap is the Grid Gutter Width of the theme options. */
	--porto-col-gap: var(--porto-column-gap, 20px);
	column-gap: var(--porto-col-gap);
	row-gap: var(--porto-col-gap);
}

.porto-block-column {
	display: flex;
	flex-direction: column;
	/* Without a width of its own a column shares the line with the others. */
	flex: 1 1 0%;
	min-width: 0;
	max-width: 100%;
}

/**
 * The columns stack on a phone.
 *
 * The width a column is given applies from 768px up, so this is what is left below it. A width set
 * for the tablet or for the mobile device takes over from here: the style of the block itself
 * comes later than this stylesheet.
 */
@media (max-width: 767px) {
	.porto-block-column {
		flex: 1 1 100%;
	}
}

/* The layout picker of a new row, and the Layout option of the Layout panel ( editor only ). */
.porto-row-layouts-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	width: 100%;
}

.porto-row-layout {
	display: flex;
	gap: 2px;
	width: 62px;
	height: 28px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 2px;
	background: none;
	cursor: pointer;
}

.porto-row-layout > span {
	display: block;
	flex-basis: 0;
	background: #d7d7d7;
	border-radius: 1px;
}

.porto-row-layout:hover > span,
.porto-row-layout.is-active > span {
	background: #1e1e1e;
}

.porto-row-layouts .components-base-control__label {
	display: block;
	margin-bottom: 8px;
}

.porto-row-layouts .porto-row-layouts-list {
	justify-content: flex-start;
}


/* jquery-selectBox */
.selectBox-dropdown{min-width:150px;position:relative;border:solid 1px #bbb;line-height:1.5;text-decoration:none;text-align:left;color:#000;outline:0;vertical-align:middle;background:#f2f2f2;background:-moz-linear-gradient(top,#f8f8f8 1%,#e1e1e1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#f8f8f8),color-stop(100%,#e1e1e1));-moz-box-shadow:0 1px 0 rgba(255,255,255,.75);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.75);box-shadow:0 1px 0 rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;cursor:default}.selectBox-dropdown:focus,.selectBox-dropdown:focus .selectBox-arrow{border-color:#666}.selectBox-dropdown.selectBox-menuShowing{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.selectBox-dropdown .selectBox-label{padding:2px 8px;display:inline-block;white-space:nowrap;overflow:hidden}.selectBox-dropdown .selectBox-arrow{position:absolute;top:0;right:0;width:23px;height:100%;background:url("/wp-content/plugins/yith-woocommerce-wishlist-premium/assets/images/jquery.selectBox-arrow.gif") 50% center no-repeat;border-left:solid 1px #bbb}.selectBox-dropdown-menu{position:absolute;z-index:99999;max-height:200px;min-height:1em;border:solid 1px #bbb;background:#fff;-moz-box-shadow:0 2px 6px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);overflow:auto;-webkit-overflow-scrolling:touch}.selectBox-inline{min-width:150px;outline:0;border:solid 1px #bbb;background:#fff;display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:auto}.selectBox-inline:focus{border-color:#666}.selectBox-options,.selectBox-options LI,.selectBox-options LI A{list-style:none;display:block;cursor:default;padding:0;margin:0}.selectBox-options LI A{line-height:1.5;padding:0 .5em;white-space:nowrap;overflow:hidden;background:6px center no-repeat}.selectBox-options LI.selectBox-hover A{background-color:#eee}.selectBox-options LI.selectBox-disabled A{color:#888;background-color:transparent}.selectBox-options LI.selectBox-selected A{background-color:#c8def4}.selectBox-options .selectBox-optgroup{color:#666;background:#eee;font-weight:700;line-height:1.5;padding:0 .3em;white-space:nowrap}.selectBox.selectBox-disabled{color:#888!important}.selectBox-dropdown.selectBox-disabled .selectBox-arrow{opacity:.5;border-color:#666}.selectBox-inline.selectBox-disabled{color:#888!important}.selectBox-inline.selectBox-disabled .selectBox-options A{background-color:transparent!important}
