/*
 * Cryout Serious Slider Styling
**/

 /* About page */
#serious-slider-about,
#serious-slider-about p,
#serious-slider-about ul {
	font-size: 1.1em;
	line-height: 1.7;
}

#serious-slider-about small {
	display: block;
   	font-size: 12px;
   	line-height: 1.5;
   	margin-top: 1em;
}

#serious-slider-about ul {
	line-height: 1.3;
	list-style: inside disc;
}

#serious-slider-about #post-body {
	margin-right: 0;
	max-width: 900px;
}

#serious-slider-about .postbox {
	padding: 3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#serious-slider-about #serious-slider-header {
}

#serious-slider-about #serious-slider-header > img {
	max-width: 100%;
}

#serious-slider-logo {
	display: block;
	float: none;
	max-width: 100px;
	margin: 0 auto 20px;
}

#serious-slider-about .hndle {
	cursor: default;
}

#serious-slider-about #serious-slider-description  {
	margin-top: 3em;
}

#serious-slider-about .button {
	display: block;
	margin: 1em auto 0;
	padding: 5px;
	height: auto;
	border-radius: 0;
	text-shadow: none;
}

/* Taxonomy pages */
#cryout_serious_slider_category,
#menu_order {width: 10%;}

.form-wrap,
#edittag {
	background: #FFF;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	padding: 2.5em;
}

#edittag {
	position: relative;
}

.form-wrap .form-table tr th, .form-wrap .form-table tr td,
#edittag .form-table tr th, #edittag .form-table tr td {
	padding: 8px 10px;
}

.term-name-wrap {
	overflow: auto;
	padding: 2em 0;
}

.term-name-wrap label {
	display: block;
	padding: 10px 2em;
	height: auto;
}

#addtag .term-name-wrap label {
	display: none;
}

.term-name-wrap input {
	display: inline-block;
	float: left;
	width: 100%;
	padding: 10px;
}

.edit-tag-actions .button-primary,
.form-wrap .submit .button-primary {
	height: auto;
	margin-top: 2em;
	padding: .5em 2em;
	float: right;
}

.edit-tag-actions #delete-link {
	display: none;
}

.form-wrap .submit {
	overflow: hidden;
}

.seriousslider-media {
	position: relative;
	display: block;
	width: 100%;
	min-height: 120px;
	height: auto;
	margin: 40px auto;
	border: 1px dashed #CCC;
	text-align: center;
	overflow: hidden;
}

#edittag .seriousslider-media {
	display: none;
}

.seriousslider-media-container {
	display: block;
	width: 100%;
	overflow: hidden;
}

.seriousslider-media-container > img {
	width: 150px;
	height: auto;
	display: inline-block;
	float: left;
}

.seriousslider-single-thumb {
    float: left;
    height: 80px;
    margin: 2px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 80px;
	background: #eee;
}


.seriousslider-single-thumb img {
    left: 50%;
	top: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
}


#seriousslider-media {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 9;
	display: inline-block;
	height: auto;
	text-decoration: none;
	border: 2px solid #DDD;
	min-width: 130px;
	padding: 0.5em 1em;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; width: 100%; margin-top: 3em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em 1em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 2px; margin: 0 1em 1px 0; border-bottom: 0 !important; font-weight: bold; padding: 6px 15px; white-space: nowrap; transition: .2s ease-out all; border: 1px solid transparent; border-bottom: none; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #FFF; border-color: #DDD; color: #555; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #555; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; outline: none; border: none; box-shadow: none; }
.ui-tabs .ui-tabs-panel { display: block; clear: both; border-width: 0; padding: 2em 2.5em; background: none; background: #FFF; border-top: 1px solid #ddd; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.seriousslider-option {
    padding: 8px 0;
}

.seriousslider-option > span {
    display: inline-block;
    float: left;
    min-width: 220px;
	padding: 10px 0;
	font-size: 14px;
}

.form-wrap .short,
#edittag .short {
	min-width: 200px;
	width: auto;
}

.form-wrap input[type=number] {
	/*text-align: right;*/
}


div.term-slug-wrap,
div.term-parent-wrap,
div.term-description-wrap,
tr.term-slug-wrap,
tr.term-parent-wrap,
tr.term-description-wrap {
	display: none;
}

div.term-name-wrap p,
tr.term-name-wrap p{
	display: none;
}

#the-list ul.cat-checklist { max-height: 12em; height: auto; }

.type-cryout_serious_slide .column-featured_image img { max-height: 120px; }

#posts-filter table.wp-list-table th.column-description, #posts-filter table.wp-list-table th.column-slug,
#posts-filter table.wp-list-table td.column-description, #posts-filter table.wp-list-table td.column-slug,
select#filter-by-date {
	display: none;
}

#seriousslider-tabs input[name*='cryout'],
#seriousslider-tabs select[name*='cryout'],
#seriousslider-tabs textarea[name*='cryout'] {
    background-color: #fff;
	height: auto;
	padding: 10px 5px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
    color: #32373c;
    outline: 0 none;
    transition: border-color 50ms ease-in-out 0s;
}

#seriousslider-tabs input[name*='cryout']:focus,
#seriousslider-tabs select[name*='cryout']:focus,
#seriousslider-tabs textarea[name*='cryout']:focus {
	border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
}

/* Taxonomy shortcode box */
#floater-right {
	display: block;
	width: 450px;
	position: absolute;
	top: -1px;
	left: 100%;
}

#floater-right textarea,
#floater-right input[type="text"] {
	width: 100%;
	border: 0;
	padding: 1.5em 1em;
	box-shadow: none;
	font-weight: bold;
	background: #FFF;
	border: 2px solid #DDD;
}

@media (min-width: 780px) {
	#col-left, #col-right, #edittag { width: 50%; }
}

@media (max-width: 960px) {
	#floater-right { width: 40%; }
}

@media (max-width: 780px) {
	#floater-right {
	width: 98%;
	position: static; }
}

#cryout-manage-slides {
	display: block;
	margin-bottom: 2em;
	padding: 1em;
	border: 2px solid;
	background: #0073aa;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

#cryout-manage-slides:hover {
	opacity: 0.9;
}


/* FIN */
