/* styles for theme options page */
#marlin-dashboard-wrap .nav-tab-wrapper {
	padding-top: 36px;
	margin-bottom: 24px;
}
#marlin-dashboard-wrap .content:nth-child(5) {
	margin-right: 2%;
}

/* Customizer panel */
.customize-control-title {
	font-size: 13px;
}
#customize-control-background_color,
#customize-control-marlin_lite_topbar_menu_color {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 0 20px;
    margin-bottom: 15px;
}
#customize-info, #customize-theme-controls > ul > .accordion-section:first-child {
	background: #f25d46;
	color: #fff;
}

/* Marlin widgets */
#widget-list [id*='_marlin'] .widget-top,
#widget-list [id*="_marlin"] .widget-title h3 { 
	background: #f25d46;
	color: #fff;
}

#available-widgets-list [id*="marlin-"].widget-tpl,
#available-widgets-list [id*="marlin_lite_"].widget-tpl  { 
	background: #f25d46;
	color: #fff;
}

#available-widgets-list [id*="marlin-"].widget-tpl:hover,
#available-widgets-list [id*="marlin_lite_"].widget-tpl:hover  { 
	background: #F68978;
	color: #fff;
}

#available-widgets-list [id*="marlin-"] .widget-top, #available-widgets [id*="marlin-"] .widget .widget-description, 
#available-widgets-list [id*="marlin_lite_"] .widget-top, #available-widgets [id*="marlin_lite_"] .widget .widget-description{ 
	color: #fff;
}

.widget-separator { 
	font-size: 18px; 
	font-weight: 600;
	border-bottom: 2px solid #ddd;
}

/* Styles for Post Video meta box */
#ct_marlin_lite_video .inside {
	padding: 0;
	margin: 0;
}
#ct_marlin_lite_video .description {
	padding: 6px 12px 12px 24px;
}

.ct_marlin_lite_video_input_container {
	padding: 24px 24px 12px;
}
.ct_marlin_lite_video_input_container label {
	margin-right: 46px;
	font-weight: 700;
}
.ct_marlin_lite_video_input_container div {
	position: relative;
	display: inline-block;
}
.ct_marlin_lite_video_input_container div svg {
	position: absolute;
	top: 3px;
	padding: 5px;
	right: 3px;
	background: rgba(255, 255, 255, 0.8);
	opacity: 0;
	transition: opacity 0.2s ease;
	  -webkit-transition: opacity 0.2s ease;
	  -moz-transition: opacity 0.2s ease;
	  -o-transition: opacity 0.2s ease;
	  -ms-transition: opacity 0.2s ease;
}
.ct_marlin_lite_video_input_container.has-vid svg {
	opacity: 1;
	  -moz-opacity: 0;
	  -webkit-opacity: 0;	
}
.ct_marlin_lite_video_preview_container {
	position: relative;
	padding: 24px;
	text-align: center;
	min-height: 300px;
	border: dashed 4px #E1ECED;
	background: #F2F9FA;
}
.ct_marlin_lite_video_preview_container label {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	display: block;
	font-size: 24px;
	color: #C9D2D4;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}
.ct_marlin_lite_video_preview_container.has-vid {
	min-height: 0;
	border: none;
	border-bottom: solid 1px #e5e5e5;
	background: none;
}
.ct_marlin_lite_video_preview_container .loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(67, 179, 196, 0.4);
	opacity: 0;
	text-align: center;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.ct_marlin_lite_video_preview_container .loading svg {
	position: absolute;
	right: 47%;
	top: 38%;
	animation: spin 2s linear infinite;
	  -webkit-animation: spin 2s linear infinite;
}
.ct_marlin_lite_video_preview_container.ajax-loading .loading {
	visibility: visible;
	opacity: 1;
	  -moz-opacity: 1;
	  -webkit-opacity: 1;	
}
@-ms-keyframes spin {
  100% {
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}