
/* ==========================================================================
   Global
   ========================================================================== */

/* =Misc
----------------------------------------------- */

.loading-wp-editor-gif {
	margin-left: 50%;
	margin-right: 50%;
}

.loading-wp-editor-gif-settings {
	padding-left: 50px;
}

.dashicons.inline-button-dashicons {
	font-size: 15px;
	vertical-align: bottom;
}



/* ==========================================================================
   Woo Product Editing Screen
   ========================================================================== */

.yikes_woo_tabs_title_field {
	width: 70% !important;
}

#duplicate_this_row {
	display: none;
}

#woocommerce-product-data ul.wc-tabs li.yikes_wc_product_tabs_tab a::before {
    font-family: Dashicons;
    content: '\f164';
}

#yikes_woocommerce_custom_product_tabs hr {
	margin: 1.5em 0;
}

#yikes_woocommerce_custom_product_tabs .options_group {
	padding: 0 1em;
}


#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel p.form-field {
	max-width: 100%;
	padding-left: 0;
}

#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel p.form-field-tinymce,
#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel div.form-field-tinymce  {
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	vertical-align: top;
	width: 80%;
}

	#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel p.form-field-tinymce .mce-edit-area.mce-container,
	#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel div.form-field-tinymce div.form-field-tinymce,
	._yikes_wc_custom_repeatable_product_tabs_tab_content_field .mce-edit-area.mce-container {
		min-height: 10rem
	}

	textarea.yikes_woo_custom_editor_styles {
		border: 1px solid #ddd;
		min-height: 10rem
	}

.yikes_woo_custom_editor_styles {
	position: relative;
	z-index: 9;
}

iframe[id^=_yikes_wc_custom_repeatable_product_tabs_tab_content_] {
    min-height: 150px;
}

._yikes_wc_custom_repeatable_product_tabs_tab_content_field {
	display: inline-block;
}

.button-holder {
	display: inline-block;
	text-align: center;
	width: 20%;
}

	.yikes_wc_move_tab_container {
		margin-top: 0.5em;
		text-align: center;
	}

	.woocommerce_options_panel p.yikes_wc_move_tab {
		line-height: 1;
		padding: 0;
	}

	.button-holder .button-secondary.remove_this_tab {
		background: #e35b5b;
		border-color: #dc3232;
		box-shadow: 0 1px 0 #dc3232;
		color: #fff;
		cursor: pointer;
		margin-bottom: 1.5rem;
	}

		.button-holder .button-secondary.remove_this_tab .dashicons {
			margin-top: -2px;
			vertical-align: middle;
		}

	.move-tab-data-up ,
	.move-tab-data-down {
		font-size: 25px;
		transition: color .2s;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		cursor: pointer;
	}

	.move-tab-data-up:focus,
	.move-tab-data-down:focus {
		box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgb(79 148 212 / 80%);
		outline: 1px solid transparent;
	}

	.move-tab-data-up:hover,
	.move-tab-data-down:hover {
		cursor: pointer;
		color: rgb(76, 156, 206);
	}

	.move-tab-data-up:before {
		content: "\f343";
		color: inherit;
		font: normal 20px/1 dashicons;
	}

	.move-tab-data-down:before {
		content: "\f347";
		color: inherit;
		font: normal 20px/1 dashicons;
	}

#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel p.form-field {
	padding: 5px 0 5px !important;
}

#yikes_woocommerce_custom_product_tabs.woocommerce_options_panel .form-field label {
	font-size: 1.1em;
	font-weight: 700;
	margin: 2px 8px 0 0;
	width: auto;
}

.yikes-woo-custom-tab-divider {
	display: block;
	height: 2px;
	margin: 2em 0 1.5em;;
	border-bottom: 1px solid #eee;
}


/* =How to info icon
----------------------------------------------- */

.yikes-woo-tabs-hidden-how-to-info {
	display: none;
	font-family: "Open Sans" , sans-serif !important;
	margin-right: 30px;
}

	.woocommerce_options_panel p.yikes_woo_how_to_info {
		margin: 9px 0 0 0;
		padding: 0;
		text-align: right;
	}

.yikes-tabs-how-to-toggle {
	font-size: 20px;
    position: absolute;
    right: 1em;
    top: 12px;
}

.yikes-tabs-how-to-toggle:hover {
	cursor: pointer;
}

.yikes_woo_how_to_info {
	padding-left: 23px !important;
}


/* =Add Tabs Container
----------------------------------------------- */

.yikes_woo_save_success {
	color: #31843f;
	float: left;
	padding-top: 1em;
}

.add_tabs_container,
._yikes_wc_add_tab_center {
	border-top: 1px solid #eee;
	margin: 2em 2px 0 0;
	text-align: right;
	width: 100%;
}

	.add_tabs_container .button.button-primary {
		margin-top: 10px;
	}

._yikes_wc_add_tab_center {
	border-top: none;
	text-align: center;
}

.add_tabs_container._yikes_wc_add_tab_center_new .button.button-primary {
	display: none;
}

#add_another_tab {
	background: #bb77ae;
	border-color: #a36597;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), 0 1px 0 #a36597;
	color: #fff;
	text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
	margin-bottom: 10px;
	margin-top: 10px;
}

#_yikes_wc_apply_a_saved_tab {
	background: #bb77ae;
	border-color: #a36597;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), 0 1px 0 #a36597;
	color: #fff;
	text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
	margin: 10px 0 0 8px;
}

#add_another_tab:hover,
#add_another_tab:active,
#add_another_tab:focus,
#_yikes_wc_apply_a_saved_tab:hover,
#_yikes_wc_apply_a_saved_tab:active,
#_yikes_wc_apply_a_saved_tab:focus {
	background: #a36597;
	border-color: #a36597;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), 0 1px 0 #a36597;
}

.lity-container .custom-tabs-preloader {
	display: block;
	padding: 0.5em 1em;
	margin: 1em auto;
}

.lity-opened.custom-product-tabs.select-tab .lity-container {
	max-height: 90vh;
	overflow-y: auto;
}

#_yikes_wc_apply_a_saved_tab.disabled {
	background: #bb77ae !important;
	color: #fff !important;
	opacity: 0.75;
}

.yikes_woo_using_reusable_tab {
	opacity: 0.6;
	pointer-events: none;
}


/* =Saved Tabs Pop-up Box
----------------------------------------------- */

.lity-container {
	background: #fff;
	border-radius: 6px;
	padding: 0.6em 1em 1em;
}

	.lity-container .lity-content::after {
		box-shadow: none;
	}

[class*='yikes_wc_lity_col'] {
	float: left;
}

.yikes_wc_lity_col_title {
	width: 93%;
	padding: 4px 20px 4px 2px;
	white-space: nowrap;
}

.yikes_wc_lity_col_select {
	width: 7%;
	padding-right: 8px;
	padding-top: 4px;
	cursor: pointer;
}

.yikes_wc_lity_header {
	border-bottom: 1px solid #555d66;
	margin-bottom: 0.4em;
	line-height: 1;
	font-size: 1.2em;
	font-weight: 700;
	padding: 0 0 8px 0;
	text-align: center;
    width: 100%;
}

.yikes_wc_lity_header > span {
	width: 100px;
	text-align: center;
    white-space: nowrap;
}

.display_saved_tabs_lity {
	min-width: 300px;
}



/* =Feedback Success / Error Messages
----------------------------------------------- */

._yikes_wc_feedback_message {
	display: none;
	padding-left: 3px;
}

#yikes_woo_tab_error_message {
	color: #FF0000;
}

#yikes_woo_tab_success_message {
	color: #31843f;
	margin-top: 4px;
}




/* ==========================================================================
   Settings Pages
   ========================================================================== */


/* =General
----------------------------------------------- */


.yikes_woo_settings_info {
	font-family: "Open Sans" , sans-serif;
}

.woo-ct-admin-page-wrap h1 .dashicons {
	font-size: 30px;
	height: 30px;
	width: 30px;
}

.yikes-star {
	color: goldenrod;
}



/* =Saved Tabs Main Page
----------------------------------------------- */

.cptpro-savedtabs-pro-container {
	display: inline-block;
	vertical-align: top;
}

.yikes_woo_delete_this_tab {
	color: #0073aa;
	cursor: pointer;
}

.yikes_woo_delete_this_tab:hover {
	color: #00a0d2;
}



/* =Single Saved Tab Page
----------------------------------------------- */

.yikes_woo_go_back_url {
	margin-top: 0.4rem;
}

.yikes_woo_reusable_tab_title > label h3, .yikes_woo_reusable_tab_content > label h3  {
	margin-bottom: 6px;
}

.yikes_woo_reusable_tab_title, .yikes_woo_reusable_tab_content {
	margin-bottom: 1.5em;
}

.wp-core-ui .button-primary.yikes_woo_delete_this_tab {
	background: #e35b5b;
	border-color: #e35b5b;
	color: #fff;
	cursor: pointer;
}

		.wp-core-ui .button-primary.yikes_woo_delete_this_tab:hover,
		.wp-core-ui .button-primary.yikes_woo_delete_this_tab:active {
			background: #c55353;
			border-color: #c55353;
		}

.yikes_woo_add_another_tab:hover > a {
	color: white;
}


.yikes_woo_number_of_products {
	font-weight: bold;
}

.yikes_woo_save_and_delete_tab_buttons {
    border-top: 1px solid #ccc;
    margin-top: 2rem;
    padding-top: 1rem;
}

._yikes_wc_title_red_overlay {
	background-color: #e68989 !important;
}

.woocommerce_options_panel p.yikes_wc_override_reusable_tab_container {
	line-height: 1.1;
	margin-top: 0;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 20px;
}

.woocommerce_options_panel label._yikes_wc_override_reusable_tab_label {
	margin: 0 0 0 4px;
	float: none;
}


/* ==========================================================================
   Promotional Items
   ========================================================================== */

/* =Review/Tweet/Premium Promo Section on Saved Tab Main and Single Page
----------------------------------------------- */

.yikes-woo-all-about-us {
	text-align: center;
}

	.yikes-woo-all-about-us .yikes-woo-review-us-body,
	.yikes-woo-all-about-us .yikes-woo-buy-us-body {
		padding: 0 1rem 1rem;
	}

	.yikes-woo-all-about-us h3 {
		margin: 0;
		padding: 8px 12px;
		color: #fff;
		background-color: #00a0d2;
		font-weight: 800;
		font-size: 14px;
	}

	.yikes-woo-review-us .star-container .dashicons.dashicons-star-filled {
	    color: #E6B800;
	}

	.yikes-woo-review-us .star-container a {
		text-decoration: none;
	}
	.yikes-woo-review-us-footer .yikes-love {
		color: pink;
	}


/* =Pro Page
----------------------------------------------- */

.cptpro-settings-pro-container {
	max-width: 800px;
}

#lightslider {
	text-align: center;
}

.cptpro-image {
	max-width: 800px;
	max-height: 600px;
}
