/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @media(max-width:480px) {
	 .codeben-contact-bar {
		display:block !important;
	 }
 }
 
 .codeben-contact-bar {
	position:fixed;
	display:none;
	top:calc(100% - 30px);
	width:100%;
	left:0;
	right:0;
	transition: top 0.3s linear;
	z-index:1789;
 }
 .codeben-contact-bar.deployed {
	top:calc(100% - 70px);
 }
 .codeben-contact-bar-toggle {
	color: #FFF;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    border-radius: 18px 18px 0 0;
    height: 0;
    line-height: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 30px solid #F49819;
 }
 .codeben-contact-bar ul {
	 list-style:none;
	 margin:0;
	 padding:0;
	 display:flex;
 }
 .codeben-contact-bar ul li {
    flex-grow: 1;
    flex-basis: 0;
	height:40px;
	line-height:40px;
	text-align:center;
 }
 .codeben-contact-bar ul li i {
	 vertical-align:middle;
 }