/*
 * #footer #block-locale-language {
 * width: 25%;
 * max-width: 192px;
 * padding: 0 16px;
 * position: relative;
 * 
 * .content { background: #1484c5; width: 100%; }
 * 
 * li {
 * display: none;
 * -webkit-transition: all 166ms ease-out;
 * -moz-transition: all 166ms ease-out;
 * -ms-transition: all 166ms ease-out;
 * -o-transition: all 166ms ease-out;
 * transition: all 166ms ease-out;
 * }
 * 
 * &.open li { display: block; }
 * li.active { display: block; }
 * li a { margin-left: 21px; color: #fff; text-decoration: none; font-weight: 300;}
 * li a:hover { margin-left: 21px; color:#0082c8; text-decoration: none; font-weight: 300;}
 * li.show { display: block; padding: 2px 0 6px; }
 * li a { font-size: 14px; color: #fff; line-height: 24px; display: block; }
 * }
 * #footer  #block-locale-language {
 * width: 25%;
 * padding: 0 16px;
 * position: relative;
 * max-width: 230px;
 * clear: both;
 * .content {
 * margin-top:20px;
 * width:100%;
 * display:inline-block;
 * position:relative;
 * background:transparent !important;
 * .language-dropdown {
 * .valueholder {
 * cursor:pointer;
 * float: left;
 * border-radius:3px;
 * border: solid 1px rgba(255, 255, 255, 0.5);
 * padding: 6px 11px 6px 37px;
 * background:transparent;
 * width: 198px;
 * box-sizing: border-box;
 * font-size: 14px;
 * color: #fff;
 * line-height:1.7;
 * display: block;
 * position:relative;
 * &:before {
 * content: '';
 * @include inline-block;
 * position: absolute;
 * left:14px;
 * margin-top:4px;
 * width:16px;
 * height:16px;
 * background:transparent url(/sites/all/themes/ptcom/img/language-icon.svg) no-repeat 0 0;
 * background-size:contain;
 * }
 * &:after {
 * content: '';
 * @include inline-block;
 * position: absolute;
 * right:12px;
 * top: 13px;
 * background:transparent url(/sites/all/themes/ptcom/img/lang-dropdown.png) no-repeat 0 0;
 * width:11px;
 * height:11px;
 * }
 * &:hover {
 * background-color: rgba(255, 255, 255, 0.9);
 * border-color:rgba(255, 255, 255, 0.01);
 * color: #0082c8;
 * &:before {
 * background-image:url(/sites/all/themes/ptcom/img/language-icon-hover.svg);
 * }
 * &:after {
 * background-position:0 -22px;
 * }
 * }
 * &:active, &.active {
 * background-color: #f8f8f8;
 * border-color:rgba(0, 0, 0, 0.07);
 * color: #0082c8;
 * &:before {
 * background-image:url(/sites/all/themes/ptcom/img/language-icon-hover.svg);
 * }
 * &:after {
 * background-position:0 -44px;
 * }
 * }
 * }
 * }
 * }
 * ul {
 * width: 198px;
 * border-radius: 3px;
 * background-color:#fff;
 * box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
 * border: solid 1px #71c5ff;
 * box-sizing: border-box;
 * position:absolute;
 * left:0;
 * bottom:100%;
 * max-height:423px;
 * overflow-y:auto;
 * display:none;
 * margin-bottom:4px;
 * li {
 * @include transition(all, 166, ease-out);
 * font-size: 15px;
 * font-weight: 400;
 * line-height: 2.8;
 * color: rgba(0, 0, 0, 0.7);
 * padding:0 9px;
 * display:inline-block;
 * width:100%;
 * a {
 * color: rgba(0, 0, 0, 0.7);
 * display:block;
 * width:100%;
 * }
 * &:hover, &.active {
 * background-color: #e7f5fc;
 * }
 * }
 * }
 * &.open {
 * .valueholder {
 * background-color: #f8f8f8;
 * border-color:rgba(0, 0, 0, 0.07);
 * color: #0082c8;
 * &:before {
 * background-image:url(/sites/all/themes/ptcom/img/language-icon-hover.svg);
 * }
 * &:after {
 * background-position:0 -44px;
 * }
 * }
 * ul {
 * display:block;
 * }
 * }
 * }
 * @media all and (max-width: 540px) {
 * width: 100%;
 * max-width: inherit;
 * 
 * .content { max-width: inherit; }
 * ul { width: 100%; max-width: inherit; }
 * 
 * #block-locale-language {
 * width: 100%;
 * max-width: inherit;
 * .content {
 * max-width: inherit;
 * .language-dropdown {
 * .valueholder {
 * width:100%;
 * }
 * }
 * }
 * ul {
 * width: 100%;
 * max-width: inherit;
 * max-height: 200px;
 * }
 * }
 * }
 */