@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:400,700');


.nivo-startstopNav { z-index:  9 !important; }

/*ul { 
  margin: 0;
  padding: 0;
}
#subpage_content ul, #subpage_content iframe ul {
  padding-left: 40px; 
}*/

.offScreen {
  position: fixed;
  top: -10000px;
  left: -10000px;
}

body {
  font-family: 'Open Sans', sans-serif;
  background: #efefef;

        /*background: url('<PageMetadata attribute="featured_image" source="themepage" displaytype="text"/>');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 100%; */
}

p {
  color: #666666;
  font-size: 14px;
}

div#sub-content-right #subpage_content a, div#sub-content-right #subpage_content a:hover, div#sub-content-right #subpage_content a:focus {
  color: #002bff;
}

#news-summary .content a.read-more { color: #fff !important; }

#banner { 
  position: relative;
  height: 400px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.not-homepage #banner {
  height: 220px;
}
 
#banner.expand { height: 70vh; }

#banner button {
  position: absolute;
  bottom: 30px;
  right: 30px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 2.3em;
  text-shadow: 2px 2px 2px #696969;
}


#magic-line {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100px;
  height: 100%;
  background: rgba(0, 170, 255, 0.8);
  z-index: -1; }

li#magic-line:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: transparent;
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -10px;
  z-index: 999; }

/*---- TELERIK COLORS ----*/
/*--TOP LEVEL STYLES--*/
.RadMenu .rmGroup .rmText {
  color: #ffffff;
  padding: 2px 6px !important; }

/*--Normal State--*/
.RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal {
  list-style: none;
}

#menubar a, .telerik_main_menu .rmRootGroup a {
  color: #000000;
  font-size:18px; }

.telerik_main_menu .rmRootGroup a span {
  color: #fff;
  line-height: 9em;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; }

.telerik_main_menu .rmRootGroup .rmVertical a  {
  padding: 8px 2px; }

.telerik_main_menu .rmRootGroup .rmVertical a span {
  padding: 6px 0;
  line-height: normal; }

.telerik_main_menu .rmRootGroup a:focus {
  background: rgba(0, 170, 255, 0.8); }

/*--Over and Focused State **
#menubar a:hover, .telerik_main_menu .rmRootGroup a:hover, .telerik_main_menu .rmRootGroup a.rmFocused {
  color: #ffffff; } */

.telerik_main_menu .rmRootGroup .rmVertical a:not(:only-child):after {
content: '\f105';
  display: block;
  position: absolute;
  font-family: 'FontAwesome';
  color: #fff;
  right: 5%;
  top: 25%;
}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--
#menubar a:hover:after, .telerik_main_menu .rmRootGroup a:hover:after, .telerik_main_menu .rmRootGroup a.rmFocused:after {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  display: block;
}*/

/*--END OF TOP LEVEL STYLES--*/
/*--DROPDOWN MENU STYLES--*/

.RadMenu .rmHorizontal > .rmItem > .rmLink {
  padding: 0 20px !important;
}

.RadMenu .rmHorizontal .rmText { padding: 0 !important; }

/*--Normal State--*/
.telerik_main_menu .rmGroup a {
  color: #ffffff;
  background: #006699; }

/*.telerik_main_menu .rmGroup a span {
  color: #ffffff;
  background: #f5eedd; }*/

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover, .telerik_main_menu .rmGroup a.rmFocused,
.telerik_main_menu .rmGroup a.rmExpanded {
  background: #014a6f;
  color: #ffffff;
  text-decoration: none; }

.telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span {
  background: #014a6f;
  color: #ffffff; }

/*--END OF DROPDOWN MENU STYLES--*/
.rmItem:hover {
  background-color: transparent; }

/*.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
  background-color: #006699; }*/

/*--DROPDOWN LV2 MENU STYLES--*/
/*--Normal State--*/
.telerik_main_menu .rmGroup .rmGroup a {
  color: #171717;
  /*background: #014a6f;*/ }

.telerik_main_menu .rmGroup .rmGroup a span {
  color: #ffffff; }

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover, .telerik_main_menu .rmGroup .rmGroup a.rmFocused {
  /*background: #006699;*/
  color: #ffffff;
  text-decoration: none; }

.telerik_main_menu .rmGroup .rmGroup a:hover span, .telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
  /*background: #006699;*/
  color: #ffffff; }

/*--SECOND LEVEL BORDER LEFT--*/
.rmLevel2 {
  border-left: 4px solid #00aaff; }

/*--END OF DROPDOWN MENU STYLES--*/
/*---- END TELERIK COLORS ----*/


/* --------------------- IMAGES ---------------------- */
/*--Navigation Arrow BG--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
  background: url('https://cdnsm4-hosted.civiclive.com/Common/resources/DesignPortfolio/SiteThemes/Metric/Blue/arrows-sprite.png'); }

/*--Navigation Arrow--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 background-position: -18px -8px !important;
}

/* ------------------- END IMAGES ------------------- */


/* --------------------- COLORS ---------------------- */

/*-- menubar BG --*/
#menubar {

}

/*-------------------- END COLORS --------------------*/

/*#content-wrapper {
  padding-top: 150px;
}*/

.ContextBar, a.ContextBar, a.ContextBar:hover {
 line-height: 50px;
 color: #ffffff;
}

#header {
  position: fixed;
  z-index: 2001 !important;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}

#header > .inside-padding { padding: 0px !important; max-width: 100%; }

#header-left, #header-right, .sb-r {
  display: inline-block;
  vertical-align: middle; }

#header-left { width: 13%; }
#header-right { width: 66%; position: relative; }

.inner-bar {
 max-width: 1200px;
 /*margin:  0px auto;*/
}

#homepage-content {
  background: #fff;
}

#content-middle {
  max-width: 1220px;
  margin: 0 auto;
}

#content-middle .w-33{
  float: none !important;
  display: inline-block;
  vertical-align: top;
}


/* EVENTS */
#eventsPlaceholder {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 30%;
}

.ptl_upcomingevents a:hover, .ptl_upcomingevents a:focus,
.ptl_upcomingevents_footer .more_events:hover,
.ptl_upcomingevents_footer .more_events:focus {
  opacity: 0.8; }

.ptl_upcomingevents_footer .ptl_upcomingevents_buttons { float: right !important; }
.ptl_upcomingevents_button > a:hover { text-decoration: none; }
.ptl_upcomingevents_buttons > div { background: transparent !important; }
.ptl_upcomingevents_buttons .prev a:before{
  content: '\f104';
  font-family: 'FontAwesome';
  font-size: 1.4em;
  color: #6a6a6a;
  display: block;
  position: relative;
  line-height: 1em;
}
.ptl_upcomingevents_buttons .next a:before{
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 1.4em;
  color: #6a6a6a;
  display: block;
  position: relative;
  line-height: 1em;
}

.ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents_footer .more_events:active {
  background: transparent !important;
  color: #696969 !important;
  font-size: 12px;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}

#content-middle .w-33 .more_events_arrows { display: none; }




#content-bottom {
  background: #f0f0f0;
}

#content-bottom .inside-padding{
 padding: 30px 10px;
}

/* NEWS */

#news_content_body #featured_image { max-width: 35%; float: right !important;}

#newsPlaceholder {
 display: inline-block;
 float: right;
 margin: 20px 0;
}
#newsPlaceholder button.slick-prev, #newsPlaceholder button.slick-next {
    background: none;
    border: none;
    font-size: 1.4em;
    color: #6a6a6a;
    display: block;
    position: relative;
    line-height: 1em;
    font-weight: 700;
}
#content-ql {
 padding: 50px 10px;
}

.sec-header {
  color: #006699;
  font-weight: 700;
  font-size: 18px;
  position: relative;
}

.sec-header h2 {
  margin: 20px 0;
  font-size: 18px;
  display: inline-block;
}

.sec-header em { margin-right: 4px; }

/** Mobile-bar **/
#mobile-bar{
 color: #fff;
}

/** Footer **/
#footer {
 background: rgba(0, 0, 0, 0.7);
 color: #ffffff;
}

#footer .w-33 {
  display: inline-block;
  vertical-align: top;
}

#footer .w-33:nth-child(2) {
  text-align: center;
}

#footer h3 {
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 18px;
  margin: 0;
}

#welcome-msg {
  font-family: 'Arima Madurai', cursive;
  font-size: 14px;
  display: block;
  margin: 14px 0 0 0;
}

#footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  color: #FFF;
  display: inline-block;
  vertical-align: top;
  font-size: 0.8em;
  font-weight: 300;
}
#footer ul a { color: #fff; }


#footer .left img {
  display: inline-block;
  max-width: 27%;
}

#footer .left ul {
  width: 70%;
  margin-left: 3%;
  margin-top: 10px;
  vertical-align: top;
}

ul#vopp-social {
    list-style: none;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}

#vopp-social li {
    display: inline;
}

#vopp-social li a {
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  margin: 0px 5px 0px 5px;
  font-size: 20px;
  border-radius: 100px;
}

#vopp-social li a:hover {
 text-decoration: none;
 opacity: 0.7;
}

#vopp-social li.facebook a { background-color: #507cbe; }
#vopp-social li.youtube a { background-color: #f16261; }
#vopp-social li.twitter a { background-color: #63cdf1; }
#vopp-social li.instagram a { background-color: #a57d60; }
#vopp-social li.email a { background-color: #F98F00; }
#vopp-social li.linkedin a { background-color: #0078B1; }

#footer .right ul {
  margin: 0 10px;
}

#footer .right li {
  margin: 4px 0;
}

#footer .right li:before {
  content: '\f105';
  font-family: 'fontAwesome';
  display: inline-block;
  margin-right: 20px;
}

.credits {
 background: rgba(0, 0, 0, 0.7);
 text-align: center;
 color: #ffffff;
 padding: 5px;
}

.label_skin_corporation {
 font-size: 13px;
}

.label_skin_corporation a {
 color: #ffffff;
 text-decoration: none;
}

.label_skin_corporation a:hover {
 text-decoration: underline;
 color: #ffffff;
}

#header h1 {
 color: #ffffff;
 font-weight: normal;
 letter-spacing: 1px;
 font-size: 30px;
 margin: 0px;
 display: inline-block;
 text-transform: uppercase;
}

#motto {
 font-size: 50%;
 text-align: right;
}

#social li.icn a:hover {
 opacity: 0.8;
}




/** Header Accordion (cog) **/
.headerAccordion {
  display: inline-block;
  width: 20%;
  text-align: right; }

.headerAccordion > span {
  margin: 0 10px;
}

.panel-title a, .panel-title a:hover, .panel-title a:focus { color: #fff; }

.sb-r ul {
   display: inline-block;
}

.sb-r ul {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}

#search-trigger { display: none; }
#panel-0.panel-content { width: 80%; background: rgba(0, 102, 153, 0.9); }

#panel-0.panel-content input::placeholder { 
  color: #b4b4b4;
  font-size: 20px;
}

#panel-1.panel-content {
  box-sizing: border-box;
  display: none;
  text-align: right;
  position: absolute;
  padding: 10px;
  top: 6em;
  border: 1px solid #333333;
  width: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);

  background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#cc000000',GradientType=0 );
}

.panel-content a.print, .panel-content a.print:hover, .panel-content a.print:focus {
  color: #fff; }
a.print, a.print:hover, a.print:focus {
    color: #006699;
}
ul.fontSize a {
  background: #006699;
  color: #fff;
  text-decoration: none;
  padding: 6px 8px;
  line-height: 28px;
}
.sb-r ul li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

#google_translate_element {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.goog-te-gadget-simple .goog-te-menu-value span { color: #fff; }

.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear !important;
  animation: fa-spin 6s infinite linear !important;
}


input#ctl00_SearchTerm {
  border: none;
  background: transparent;
  width: 92%;
  height: 40px;
  color: #fff;
  font-size: 1.4em;
  font-family: 'Open-sans', sans-serif;
  padding: 0 10px;
}

a#ctl00_btnSearch {
  position: absolute;
  right: 60px;
  width: 20px;
  height: 20px;
  color: #fff;
  padding: 10px;
  line-height: 16px;
}

a#ctl00_btnSearch img { display: none; }

/*********************************/
#content-middle .welcome {
    background: #f0f0f0;
    padding: 0px 0 20px;
}
#content-middle .welcome p.sizeable {
       padding: 10px 20px 0px;
}
#content-middle .welcome a
 {
    margin: 0px 20px;
    background: #069;
    color: #fff;
    font-size: 0.8em;
    padding: 5px 15px;
}

#content-middle .welcome a:hover, #content-middle .welcome a:focus {
  text-decoration: none;
  background: #005a88;}


#content-middle .welcome .image {
    height: 180px;
    overflow: hidden;
}
#content-middle .welcome .image img
 {
    height: auto;
    width: 100%;

}

.ptl_upcomingevents_item .ptl_upcomingevents_date {
    width: 65px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 2px;
    font-family: inherit;
    background-image: none;
    border-radius: 0 !important;
    background: #069;
    border: none !important;
    color: #fff;
    height: 70px;

}
.ptl_upcomingevents_date .ptl_upcomingevents_day {
    padding: 2px 0px 5px 0px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}
.ptl_upcomingevents_date .ptl_upcomingevents_month {
    font-size: 13px !important;
    letter-spacing: 0 !important;
}
li.ptl_upcomingevents_item {
    color: #fff;
    margin: 0 0 25px;
}
.ptl_upcomingevents_details {
    min-height: 65px !important;
    margin-bottom: 1em;
}
.ptl_upcomingevents {
    margin: 0px 0px 20px !important;
}
.ptl_upcomingevents_item .ptl_upcomingevents_details .event_title {
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    letter-spacing: .3px;
    line-height: 1.7em;
}
.ptl_upcomingevents_item .ptl_upcomingevents_events {
    padding: 5px 0 0;
    background: #f0f0f0;
    min-height: 60px;
}
.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
    background-image: none;
    padding: 14px 0px 6px !important;
    border-radius: 0px;
}
.ptl_upcomingevents_details .event_time {
    color: #7d7d7d;
}
.ptl_upcomingevents_item .ptl_upcomingevents_events {
    padding-left: 20px;
}

/*********************************/
/* Subpage */

.not-homepage {
  overflow-x: hidden;
}

.not-homepage #page {
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
}

.not-homepage .ptl_col_1 {
  width: 100%;
  padding: 1% 0;
}

.not-homepage .w-30, .not-homepage .w-70 {
  float: none !Important;
  display: inline-block;
  vertical-align: top;
}

.not-homepage .w-70 { 
  width: 67%;
  margin-right: 3%; }

.subpage .deptSiteNav {
  display: none; }

.deptpage .subSiteNav {
  display: none; }

#sub-content-left {
  position: relative;
  width: 26%;
  display: inline-block;
  vertical-align: top;
  background: rgba(0,0,0,0.7); }

#sub-content-left:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  background: rgba(0,0,0,0.7);
  width: 300%;
  height: 100%;
}

#sub-content-left .inside-padding {
  padding: 50px 20px 40px 30px;
}

/*#sidebar {
  max-width: 276px; }*/

#sidebar div.ptl_col_1:first-of-type {}

#sidebar .sidenav-slide > div {
  margin: 10px 0;
  font-size: 14px;
}

#sidebar .sidenav-slide > div.sitenavl1 a,
#sidebar .sidenav-slide > div.sitenavl2 a {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}

#sidebar .sidenav-slide > div.currentpage a {
  font-weight: 600;
  font-size: 102%;
}

#sidebar a {
  color: #0b94d9;
  font-weight: 600;
  font-size: 14px; }


#sub-content-right {
  position: relative;
  width: 74%;
  display: inline-block;
  vertical-align: top;
  background: #fff; }

#sub-content-right .sec-header {
  /*margin: 20px 0; */
}

#sub-content-right .sec-header h2 {
  font-size: 18px;
  font-weight: 600;
}

#sub-content-right .ptl_portlet_vertical .sec-header h2 {
  margin: 30px 0 20px 0; }

#sub-content-right #newsroom img.pull-left {
  margin-right: 20px;
}

#sub-content-right .inside-padding { min-height: auto !important; }

#sub-content-right > div > .inside-padding {
  padding: 0px 30px;
  min-height: 500px;
}

#sub-content-right:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  width: 100%;
  height: 100%;
}

#breadcrumbs { padding: 1% 0 0; }

#breadcrumbs > nav {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  color: #006699;
  font-size: 14px;
}

#breadcrumbs > nav span{
  font-weight: 700;
}

#breadcrumbs > nav a {
  font-weight: 400;
  color: #006699;
}

#breadcrumbs .sb-r {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

/*#dept-banner {
  min-height: 280px;
}*/

@media screen and (max-width: 1200px){
	
 /*#header-right{
 width: calc(100% - 260px) !important; header-left 114px + accordion 80x}*/
	
}


@media screen and (max-width: 1100px){

#panel-0.panel-content, #panel-1.panel-content {
  box-sizing: border-box;
  display: none;
  text-align: right;
  position: absolute;
  padding: 10px;
  top: 4em;
  border: 1px solid #333333;
  width: 100%;
  left: 0;
  right: 0;
}

#panel-0.panel-content { background: #000; width: 100%;}

input#ctl00_SearchTerm { width: 98%; }

#search-trigger { display: inline-block; }

a#ctl00_btnSearch { right: 20px; }

}


@media screen and (max-width: 950px){
	
#content-middle .w-33{
 width: 50%;}
	
#content-middle .w-33:last-child{
 width: 100%;
 display: block;}

#breadcrumbs > nav{
 width: 100%;
 display: block;}
	
#breadcrumbs .sb-r{
 width: 100%;
 display: block;
 text-align: left;}
	
.not-homepage .w-30, .not-homepage .w-70{
 width: 100%;
 display: block;}

.not-homepage .w-30 #contact_info{
 text-align: center;}
	
}

@media screen and (max-width: 900px){
	
/*#header-right{
 width: calc(100% - 194px) !important; header-left 114px + accordion 80x} */
	
	
}

@media screen and (max-width: 730px) {

 .not-homepage #page { display: block; }

  .sb-r {
    float: none;
  }

#sub-content-left .inside-padding { padding: 10px; }

#sidebar .sidenav-slide > div.sitenavl1 a, #sidebar .sidenav-slide > div.sitenavl2 a { color: #069; }

#sidebar a { color: #006699; }

}

@media screen and (max-width: 640px){
	
#content-middle .w-33{
 width: 100%;
 display: block;}
	
.not-homepage .w-70 #tbl_news_summary #news #image{
 width: 100%;
 margin: 0;}

#header-left, #header-right {
  width: 36% !important; }

.headerAccordion { width: 22%; }

#panel-0.panel-content, #panel-1.panel-content { top: 6em; }
	
}




.level1.mega_departments .third-level-list, 
.level2.mega_village_departments { display: none; }

#contact_info a.contact_us {
    color: #fff !important;
}




.megamenu .level1 > a {
    line-height: 50px;
}

/* Ticket Revisions - 52795 */
#sub-content-left {
  background: rgba(238,238,237,0.7);
}

#sub-content-left:before {
  background: rgba(238,238,237,0.7);
}

#sidebar a {
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

#sidebar .sidenav-slide>div.sitenavl1 a,
#sidebar .sidenav-slide>div.sitenavl2 a {
	color: #000;
}

#vopp-social li a {
    background: #585858 !important;
}

#vopp-social li a:hover,
#vopp-social li a:focus {
    opacity: 1;
}

#vopp-social li.facebook a:hover, 
#vopp-social li.facebook a:focus {
    background-color: #507cbe !important;
}

#vopp-social li.twitter a:hover,
#vopp-social li.twitter a:focus {
    background-color: #63cdf1 !important;
}

#vopp-social li.youtube a:hover,
#vopp-social li.youtube a:focus { 
background-color: #f16261 !important; 
}

#vopp-social li.instagram a:hover,
#vopp-social li.instagram a:focus { 
background-color: #a57d60 !important; 
}

#vopp-social li.email a:hover,
#vopp-social li.email a:focus { 
background-color: #F98F00 !important; 
}

#vopp-social li.linkedin a:hover,
#vopp-social li.linkedin a:focus { 
background-color: #0078B1 !important; 
}

/* Ticket Revisions - 52795 ​*/


#sub-content-left:before {
background: rgba(238,238,237,0.7);
}

#sub-content-left {
background: rgba(245 245 245 / 85%);
}

#sidebar .sidenav-slide>div.sitenavl1 a, #sidebar .sidenav-slide>div.sitenavl2 a {
    color: #066291;
}

/* CHANGES 28/07/22 */

@media screen and (max-width: 550px){
	
#banner {
    height: 250px;
}
	
}


#vopp-social li.twitter a svg {
    width: 25px;
    fill: #fff;
}

#vopp-social li.twitter a:before {
    display: none;
}

#vopp-social li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    line-height: normal;
}

ul#vopp-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#vopp-social li.twitter a:hover, #vopp-social li.twitter a:focus {
    background-color: #000 !important;
}