/* BEGIN VC GENERAL STYLES */
#wcb .vc_animating {
	transition-duration: .2s !important;	
}

/* BEGIN COMPOSE MODE */
.compose-mode .menu {
    background-color: #d5d8d0;
	background-image: url("//asset.warrington.ufl.edu/lib/img/placeholders/placeholder-no-menu-items.png");
	background-repeat: no-repeat;
    background-position: top center;    
	min-height: 35px;
    margin-bottom: 25px;
}

/*WordPress Menu Bar - Users item - I was unable to successfully hide the item when logged in, but not editing a page. This CSS taken from the replacement-add-users-screen plugin*/
#wp-admin-bar-new-user { display:none; }


/* The append icon for the banner was being chopped off due to overflow hidden */
#wcb .compose-mode .vc_row[data-vc-full-width] {
    overflow: visible; 
}

.compose-mode .vc_wcb_main_container, .compose-mode .vc_wcb_sidebar_container, /*.compose-mode .vc_wcb_note, */.compose-mode .vc_templatera, .compose-mode .wpb_raw_code.wpb_content_element.wpb_raw_html,
.compose-mode .vc_wcb_card, .compose-mode .vc_wcb_faqs, .compose-mode .vc_wcb_faqs_qna, .compose-mode .vc_wcb_thumbnail_list, .compose-mode .vc_wcb_big_number, .compose-mode .vc_wcb_highlight_box, .compose-mode .vc_wcb_people {
    margin-top: 31px !important;
    margin-bottom: 41px !important;
}

/* reposition controls so they don't overlap with column controls */
.compose-mode .vc_wcb_card .vc_controls>.vc_controls-out-tl {
    top: -29px !important;
}
.compose-mode .vc_wcb_note .vc_controls>.vc_controls-out-tl {
    top: -29px !important;
}

.compose-mode .vc_wcb_big_number div.float-left {
    float:none !important;
}
.compose-mode .two-column .vc_wcb_person, .compose-mode .two-column .vc_wcb_employee {
	float: left;
	width: 50%;
}
.compose-mode .two-column .vc_wcb_person:nth-child(odd), .compose-mode .two-column .vc_wcb_employee:nth-child(odd) {
	clear:left
}
.compose-mode .two-column .vc_wcb_person > li, .compose-mode .two-column .vc_wcb_employee > li {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

#wcb .compose-mode .vc_wpdatachart, #wcb .compose-mode .vc_wcb_paragraph > [id^=wpDataChart_] {
	border:1px solid #333;
	margin:0 0 .5rem;
}
#wcb .compose-mode .vc_wpdatachart:after {
	content:"wpDataChart"
}
#wcb .compose-mode .vc_wcb_paragraph > [id^=wpDataChart_]:after {
	content:"wpDataChart shortcode"
}

#wcb body.compose-mode .vc-templatera .templatera_shortcode, #wcb body.compose-mode .vc_wcb_global_static_content {
    opacity: 0.50;
}

/*display heading levels, IDs, and indicate hidden elements*/
#wcb .compose-mode h1::before, #wcb .compose-mode h2::before, #wcb .compose-mode h3::before, #wcb .compose-mode h4::before, #wcb .compose-mode h5::before, #wcb .compose-mode h6::before,
#wcb .compose-mode .display-id, #wcb .compose-mode .hide:after {
    display:inline-block;
	float:left;
	padding:.25rem;
	background-color:#CECECE;
	font-size:1rem;
	font-weight:bold;
	color:#000;
	letter-spacing:.05rem;
	text-transform:lowercase;
	line-height:1;
}

/*display element id in compose mode, but not public view*/
#wcb .display-id {
    display:none;
}
#wcb .compose-mode .display-id {
	background-color:black;
	color:white;
}

/*display heading level in compose mode, but not public view*/
#wcb .compose-mode h1::before {
	content:"h1";
}
#wcb .compose-mode h2::before {
	content:"h2";
}
#wcb .compose-mode h3::before {
	content:"h3";
}
#wcb .compose-mode h4::before {
	content:"h4";
}
#wcb .compose-mode .accordion h4::before {
	display: none;
}
#wcb .compose-mode .accordion h4 a::before {
	content:"h4";
}
#wcb .compose-mode h5::before {
	content:"h5";
}
#wcb .compose-mode h6::before {
	content:"h6";
}

/*indicate hidden elements in compose mode, but not public view*/
#wcb .hide {
	display:none;
}
#wcb .compose-mode .hide {
	display:block;
	border:3px solid gold;
	min-height:3rem;
}
#wcb .compose-mode .hide:after {
	content:"hidden";
	background-color:gold;
	float:right;
	width:auto;
	height:auto;
	border-radius:0;
	position:relative;
}
#wcb .compose-mode .hide.person-automatic:after {
	content:"inactive";
	background-color:gold;
	float:right;
}

#wcb .compose-mode .vc_wcb_heading .sr-only.sr-only-focusable, #wcb .compose-mode .vc_tta-accordion.sr-only.sr-only-focusable, #wcb .compose-mode div.sr-only.sr-only-focusable {
	display:block;
	border:3px solid green;
	position: relative;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	overflow:visible;
	clip: auto;
	white-space: normal;
}
#wcb .compose-mode .vc_wcb_heading .sr-only.sr-only-focusable:after, #wcb .compose-mode .vc_tta-accordion.sr-only.sr-only-focusable:after, #wcb .compose-mode div.sr-only.sr-only-focusable:after {
	content:"visually hidden";
	background-color:green;
	text-align:right;
	float:right;
	padding:3px;
	color:#fff;
	letter-spacing:.05rem;
	font-size:1rem;
	text-transform:none;
}

#wcb .compose-mode a[target="_blank"]::after {
	content:'';
	margin-left: 0;
}
/*hiding grey add(+) button to help prevent users from creating content outside template columns, remove this if problematic*/
.vc_welcome.vc_not-empty {
	display:none !important;
}
/*adding outlines on hover for parental elements to help visually associate orange add buttons with their parent container*/
.compose-mode .vc_element.vc_container-block:hover {
	outline:1px solid #e9a30c;
}
/*exceptions for outlines on hover for parental elements*/
.compose-mode .vc_element.vc_vc_row.vc_container-block:hover, .compose-mode .vc_element.vc_vc_row_inner.vc_container-block:hover, .compose-mode .vc_element.vc_vc_tta_accordion.vc_container-block:hover {
	outline:none;
}

/*lg*/
@media (max-width: 1199px) {
	.compose-mode .two-column .vc_wcb_person, .compose-mode .two-column .vc_wcb_employee {
		width: 100%;
	}
}


/*Progress Bar Colors*/
#wcb .vc_progress_bar .vc_single_bar {
	background-color:#767676;
	color: #000;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-orange .vc_bar {
	background-color:#FA4616;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-blue .vc_bar {
	background-color:#0021a5;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sand .vc_bar {
	background-color:#cfb691;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-laurel .vc_bar {
	background-color:#cfdbcb;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-cream .vc_bar {
	background-color:#ffefcf;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-grey .vc_bar {
	background-color:#a6a6a6;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-forest .vc_bar {
	background-color:#5e8e3f;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-purple .vc_bar {
	background-color:#593674;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-gold .vc_bar {
	background-color:#fcaf17;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-red .vc_bar {
	background-color:#d7182a;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-steel .vc_bar {
	background-color:#6c9bc3;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-apricot .vc_bar {
	background-color:#e28f41;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-aqua .vc_bar {
	background-color:#a8dcd9;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-green .vc_bar {
	background-color:#80be63;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-tea .vc_bar {
	background-color:#e0e5cd;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-denim .vc_bar {
	background-color:#2a315f;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sky .vc_bar {
	background-color:#9ad2e1;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-peach .vc_bar {
	background-color:#e9b284;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-seal .vc_bar {
	background-color:#8f949a;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-artichoke .vc_bar {
	background-color:#c1c3b2;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-white .vc_bar {
	background-color:#fff;
}
/*Progress Bar Text Color*/
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-blue .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-purple .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-red .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-denim .vc_label {
	color:#fff;
	text-shadow:none;
}
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-orange .vc_label,
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sand .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-laurel .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-cream .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-grey .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-forest .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-gold .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-steel .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-apricot .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-aqua .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-green .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-tea .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-sky .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-peach .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-seal .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-artichoke .vc_label, 
#wcb .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-white .vc_label  {
	color:#000;
	text-shadow:none;
}