@import url("https://use.typekit.net/lsp4nos.css");

@CHARSET "UTF-8";


body {background-color:#000;background-image:none;}



/*
 *TopHat specific styles that need to be copied to other nul sites themes
 */
.region-leaderboard {
  background-color: #F6F6F6;
}

.region-leaderboard .block-inner{
  margin-left: 0;
  margin-right: 0;
}
/****************************************/
 .abovefooter {
	background-color: #fff;
	padding-bottom: 20px;
	}
#page {
	background-color: #fff;
   /*  
 
 -moz-radial-gradient(
      25px 25px -45deg,
      circle cover,
      rgba(0,0,0,0) 0%,
      rgba(255, 0, 0, .25) 60%,
      rgba(255, 0, 0, .5) 100%
    );*/
    max-width:940px;
}

/****************************************/

.two-sidebars .content-inner {
    margin: 0 200px;
}

.region-sidebar-first, .region-sidebar-second{
 /* background: #B7B7B7; /* for non-css3 browsers */
 /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#B7B7B7'); /* for IE */
 /*  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#B7B7B7)); /* for webkit browsers */
 /*  background: -moz-linear-gradient(top,  #ffffff,  #B7B7B7); /* for firefox 3.6+ */ 
 /*  min-height:965px;*/
  
}

  


.region-sidebar-first {
  padding-top:20px;
  width: 195px;
 
  margin-left:-954px; /*-99.4%;*/
   /* margin-top: 5px; 
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;*/
  padding-bottom:40px;
  
}

.region-sidebar-second {
 /* padding-top:20px;*/
  margin-left: -200px;
   
  width: 195px;
  /* margin-top: 5px;  
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;*/
  padding-bottom:40px;
 

}

/****************************************/

header[role=banner] {
  background: url("images/bg-header.png") no-repeat;
  padding:  0;
  height: 0px;
 background-color:#FFF;
 margin:40px 0 0 0;
 z-index: -99999;
 
 
}



#logo {
  display: inline;
  float: left;
  z-index:10;
   
   width:100%;
   height:30px;
   margin: 20px 0  0 5px;
   padding-bottom: 20px;
  
   
}
#logo a {z-index:100;}
#title_underline{ border-bottom: 2px solid #000;}

.homepage{background-color: #FFF;
font-family:helvetica, sans-serif;
margin: 10px 0 0 0;
/*color:#b01c2e;*/
color:#000;
border-bottom: 1px solid #000;
}

.homepage h1 {font-size: 38px; 
line-height: 44px; padding:10px 5px;}

.innerpage h1 {font-size: 24px; 
line-height: 44px; padding:10px 5px;}



#main_nav {
  width: 100%;
 padding: 0;
 margin: 0;
  background-color:#b01c2e;
  height: 15px;
}

.region.region-header div.clearfix {}

#menu-bar {
  /* height: 45px;*/
 margin:0;
 padding:10px 10px 0 0;
 
  
 
  z-index: 10;
  position: relative;
  border-bottom: 2px solid #b01c2e;
}

#menu-bar nav{
  margin-left: 0;
  margin-right: 0;
   
}

#menu-bar li a{
  height: 25px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  padding: .9em 1.8em .5em 1.8em;
  border-right: 1px solid #b01c2e;
  white-space:none;
  width:auto;
  font-weight:bold;
  font-size: 1.1em;
}

#menu-bar ul li.first a {
	 
}

#menu-bar ul li ul {
	margin-top:21px;
	z-index:5;	
    
}
  
#menu-bar ul li a:hover{
  color: #222;
  text-decoration: none;
  text-transform: uppercase;
 }
 #menu-bar ul li ul li.first  {/* border: 1px solid rgba(225,225,224,.5); */}
 #menu-bar ul li ul li  {border-top: none;border-bottom: 1px solid rgba(225,225,225,.5);border-left: none;}
 
 #menu-bar ul li ul li a{
  margin-top:0px;
  text-decoration: none;
  text-transform: uppercase;
  /* background-color: #FFF; */
 }

#menu-bar ul li ul li a:hover{
  margin-top:0px;
  text-decoration: none;
  text-transform: uppercase;
 }


#menu-bar li a.active, #menu-bar li a.hover{
 
  text-decoration: none;
  text-transform: uppercase;
}

ul.nice-menu li a.hover, ul.nice-menu-down li a.hover{ 
  
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
	}
ul.nice-menu-down {
	border:none;
}

#menu-bar ul.nice-menu-down li{
   
  
}

#menu-bar ul.nice-menu-down li li.first{
  width:255px;
  
}
#menu-bar ul.nice-menu-down li li {
  width:256px;
  
}
#menu-bar ul.nice-menu-down {
}

#primary-menu-bar {
  height: 34px;
   
  margin-left: 10px;
  margin-right: 10px;
}

#primary-menu-bar nav{
  margin-left: 0;
  margin-right: 0;
}

#primary-menu-bar li a{
  height: 22px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding: .5em;
  border-left: 1px solid #000000;
}

#primary-menu-bar li a.active{
  
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

#secondary-menu-bar {
}

#secondary-menu-bar ul{
  float: right;
  margin-top: 10px;
  
  
}

#secondary-menu bar li a {
  height: 20px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: .7em 1em .5em 1em;
	
}

#nav_bar_underline {
  display: block;
  height: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top:0px;
  margin-bottom:0px;
  background: url("images/bottom_black_navigation.png") repeat-x scroll 0 0;
}
#mobile-search-bar {display:none;}
#search-bar {
  height: 25px;
  margin: 10px 0 0 0;
 background-color:  #b01c2e;
 
}

#search-bar #search-block-form {
  float: right;
  padding-top: 10px 0 0 0;
  margin:10px 0 0 0;
}
  
#local-search-form #local-search-form-form{
  float: right;
  margin-top: 5px;
  margin-right: 0px;
  padding-left:0;
  margin-left:0;
}

#local-search-form #local-search-form-form input.form-text, textarea{
	border: 1px solid #838383;
	height:10px;

	}

#search-bar #edit-submit {
  float: right;
    background-color: transparent;
  margin : 0 5px 0 2px; 
  width: 55px;
  height: 20px;
  border: none;
  /*background-image: url("images/search_button.png"); */
 
  cursor: pointer; cursor: hand; 
}
#local-search-form #red-submit {
  color: transparent;
  margin-top: 2px; 
  width: 55px;
  height: 25px;
  border: none;
  background-image: url("images/search_button.png");
  margin-left:5px;
}

.form-item-search-block-form{padding: 0;margin: 0;}

/****************************************/

.region-secondary-content {
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom:0;
	background-color:#272727;
	
}

.region-secondary-content .block{
  margin-bottom: 0; 
 }

.region-tertiary-content .block{
  margin-bottom: 0; 
  margin-top: 0; 
  padding-top:0;
}


#columns {}

.front #columns {
	/*padding-top:20px;
	background-color: #ccc;
	 */
}

.front article img{display:none;}

.sidebar .block {
  margin: 2px;
  margin-bottom: 20px;
}

 

#main-content > header {  margin:0;}
h1#page-title {font-size: 18px;
padding:0px 0 5px 5px;color:#b01c2e; border-bottom:none;text-transform: uppercase; 
background-color:#fff;}
#main-content{}
section[role=main] {
  margin: 0 5px 0px 5px;
  background:white;

}

.breadcrumb {margin: 10px 0;}







#content {
  background-color: #ffffff;
  padding:20px 20px 20px 0;
  /*margin-left: 20px;*/
  position:relative;
  margin-bottom:0;
}

.region-tertiary-content #block-block-1,
.region-tertiary-content #block-block-2,
.region-tertiary-content #block-block-3,
.region-tertiary-content #block-block-10 {width:313px;float:left;}

.region-tertiary-content .block-inner { padding-left:10px;margin:0;}

#block-menu-menu-virtual-series,
#block-menu-menu-2020-virtual-series,
#block-menu-menu-soba-digital-toolkit,
#block-block-17,
#block-block-6,
#block-block-7,
#block-block-5,
#block-views-new-articles-block {/* border:1px solid #b01c2e; *//* border-radius: 5px; */}
#block-block-5{padding: 15px 0 0 10px;}
#block-menu-menu-soba-digital-toolkit h2,
#block-menu-menu-virtual-series h2,
#block-menu-menu-2020-virtual-series h2,
#block-block-6 h2,#block-block-7 h2,
#block-views-new-articles-block h2 {position: relative;/* padding-left:20px; */text-transform: uppercase;border-bottom: 2px solid #b01c2e;/* padding: 10px; */color:#000;margin-bottom: 10px;}

#block-menu-menu-2020-virtual-series .block-inner,
#block-menu-menu-virtual-series .block-inner,
#block-menu-menu-soba-digital-toolkit .block-inner,
#block-block-6 .block-inner,
#block-views-new-articles-block .block-inner  {margin:0;}

#block-menu-menu-2020-virtual-series .block-content ul li.leaf,
#block-menu-menu-virtual-series .block-content ul li.leaf,
#block-menu-menu-soba-digital-toolkit .block-content ul li.leaf,
.tertiaryblock ul li.leaf,
block-views-new-articles-block ul li.leaf,
#block-views-new-articles-block  ul li.leaf{list-style: outside none none;padding:0;}

#block-menu-menu-2020-virtual-series .block-content ul li.last.leaf a,
#block-menu-menu-virtual-series .block-content ul li.last.leaf a,
#block-menu-menu-soba-digital-toolkit .block-content ul li.last.leaf a,
#block-views-new-articles-block .block-content ul li.last.leaf a{border: none;}

#block-menu-menu-2020-virtual-series ul.menu,
#block-menu-menu-virtual-series	ul.menu,
#block-menu-menu-soba-digital-toolkit ul.menu,
.tertiaryblock ul.menu,
#block-views-new-articles-block ul.menu{margin:0 0 10px 0;}

#block-views-new-articles-block .views-row-last{ margin-bottom:10px;}
#block-views-new-articles-block .views-row-last a {border:none; }

#block-menu-menu-2020-virtual-series li,
#block-menu-menu-virtual-series li,
#block-menu-menu-soba-digital-toolkit li,
.tertiaryblock li,
#block-views-new-articles-block li{width:100%;text-decoration: none;padding:0;}

#block-menu-menu-2020-virtual-series a,
#block-menu-menu-virtual-series a,
#block-menu-menu-soba-digital-toolkit a,
#block-views-new-articles-block a {text-decoration: none;padding: 10px 0;/* margin: 0  10px; */padding-left: 10px;border-bottom: 1px solid #ddd;display:block;color:#222;}

#block-menu-menu-2020-virtual-series a:hover,
#block-menu-menu-virtual-series a:hover,
#block-menu-menu-soba-digital-toolkit a:hover,
#block-views-new-articles-block a:hover{padding: 10px 0;/* margin: 0 10px; */padding-left: 10px;display:block;color:#b01c2e;text-transform: none;/* background-color: #f3f3f3; */}

#block-views-new-articles-block ul{ list-style-type: none; padding:0;margin: 0;}


.tertiaryblock ul li.first.leaf a, .tertiaryblock ul li.views-row-first {border-top:1px solid #b01c2e;margin-top:10px;} 
.tertiaryblock li a {  text-decoration: none;padding: 10px 0; margin: 0   ;  border-bottom:1px solid #b01c2e; display:block;color:#222;}
.tertiaryblock li a:hover {
	color:#b01c2e;
}
.tertiaryblock ul li.first.leaf a, .tertiaryblock ul li.views-row-first {border-top:1px solid #b01c2e;margin-top:10px;}
.tertiaryblock ul.menu li a:hover {padding: 10px 0; margin: 0; display:block; color:#b01c2e; text-transform: none;}
.tertiaryblock ul li.first.leaf a:hover{margin-top:10px;}
.tertiaryblock ul{ list-style-type: none;padding:0;margin: 0 0 40px 0; }
.tertiaryblock ul.menu{padding:0;margin-bottom:0 0 40px 0; }
.tertiaryblockli.leaf{ margin-left:10px; }
.tertiaryblock p {margin:0;padding:0 ;}
 
 
#homeanimation{background-color: #fff; margin: 15px 0;}

.front #content {
  background-color: #ffffff;
  position:relative;
  margin-left: 0;
  padding:0px;
}


.tertiaryblock {}


.field-items {margin-right:20px;}

footer {color:#FFF;}

#footer-bottom {
  padding-top:20px;
  min-height: 200px;
  background: rgba(0, 0, 0, 0.9); 
  background-image: url(images/icon-footer-2.png); 
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 18%;
}

 
.article { overflow: auto}
.article a {color:#b01c2e; text-decoration: none;}
.article a:hover {text-decoration: underline;}
 
 
ul li.leaf {list-style-type: none;}

#content-column{margin:0;}
 
  
.field.field-name-field-article-image.field-type-image, .field.field-name-field-event-image.field-type-image {
	float:left;
	margin:0 10px 10px 0;}


 .article h2{margin-bottom:15px;}
   
.homepage-title {text-transform: uppercase; color:#b01c2e; font-weight:bold;font-size:1.5em;margin-bottom:20px;}
.homepage-image {float:right; margin-right:10px;display:block;margin: 0 0 5px 10px  ;}
.homepage-item {display:block; float:left; padding:10px 0px 10px 10px; margin-bottom:20px; width:100%; max-width:510px;}
 

.block-image{padding:2px; border:1px solid black;}
.rock-block{padding:4px;  box-shadow: 10px 10px 5px #888888; background:#fff;}
a {color:#b01c2e; text-decoration: none;}
a:hover{ text-decoration:underline;}
 
  

.related-articles-block{width:45%;background-color: #FFF; margin:5px ;float: left;font-size:80%;}
.relblock{padding:10px;margin-left:5px;height:200px;align:center;}

.views-field-field-youtube-url{min-width:610px}

 
.field-name-field-youtube-thumb {margin-top:10px;  }
.field-name-field-youtube-thumbnails .field-item, .field-name-field-youtube-thumb .field-item{width:100px; float:left;margin-right:5px;  }

#infographics td {vertical-align:top;}

.view-our-partners td {background-color: #FFF;border:none;}
.view-our-partners td.views-field-field-logo{width:30%; vertical-align:top;}
.view-our-partners table  {border-color: #FFF;border:none;}
.view-our-partners thead {display: none;border:none;}

.view-our-partners img {float:left;margin-right:10px;}
.view-our-partners .views-row{border-bottom:0px solid black;margin-bottom:0px;}

.jcarousel-item-horizontal {margin-right:10px;font-size: xx-small;}

.view-newsroom .views-field-title a {color:#000;text-decoration: none;font-size:18px;;font-weight: 300;}
.webseries-video{width:580px;}

.views-slideshow-pager-field-item{ margin-right:5px; color:#b01c2e;}

.views-field-title a{color:#000;}

#views_slideshow_cycle_teaser_section_web_series_-block{height:auto;padding-bottom;0:margin-bottom:0;}

.vid-pager-title{font-weight:500;font-size:1.2em;margin-left:10px;text-decoration: underline;}
.video-pager{vertical-align: top;cursor: pointer;margin-bottom: 10px;}
.video-pager img{vertical-align:middle;}

.soba-web-series-2014 {margin-left:20px;}
.soba-web-series-2014 .column {float:left; width:150px;margin-right: 20px;height:auto;}
.soba-web-series-2014 .column .thumbnail{padding:0px;}



.webseries-video-hr{}
.video-pager-hr{vertical-align: top;cursor: pointer;margin-bottom: 10px;margin-right: 5px;width:100px;float:left;}
.vid-pager-title-hr{font-weight:500;font-size:.9em;}

 
 
.views-slideshow-controls-bottom {max-height:120px;width:100%;overflow:hidden;}
.views-slideshow-pager-fields {max-height:120px; width:900px; overflow:hidden;}


.video-scroll-right
{float:right;background-image: url("images/video-right-arrow.png");width:22px;height:22px; margin: 3px 20px 0 10px;cursor: pointer;}
.video-scroll-left
{float:right;background-image: url("images/video-left-arrow.png");width:22px;height:22px;  margin: 3px 10px ;cursor: pointer;}






.views-slideshow-cycle-main-frame-row-item .views-field.views-field-title {text-transform: uppercase;font-size: 1.2em;color:#000;font-weight: 700;margin: 10px 0; }




#block-views-new-articles-block-1{height:140px;}

.jcarousel-skin-default .jcarousel-container-horizontal {
  height:102px;
  margin:auto;
  padding:0;
  width:auto;
}


.jcarousel-skin-default .jcarousel-item {
  background-color:#f2f2f2;
  border:none;
  height: 186px;
  list-style:none;
  overflow:hidden;
  width:144px;
}
.jcarousel-item .views-field-title{
	padding:5px 10px 10px 10px;
}


.jcarousel-skin-default .jcarousel-clip-horizontal {
  overflow:hidden;
  width:100%;
}


.jcarousel-skin-default img{
width:144px;
height:96px;
}
.views-field-title{text-align: left;}

.article ul.links {/* margin:20px 0 0 0px; */padding:0;}
 
.article ul.links li {margin:0px;padding:0;}

.article nav {margin:20px 0;padding:0;
}
#nul-footer-menu, #nul-copyright {text-align: left;font-size:70%;}
#nul-footer-menu ul { list-style-type: none; margin: 0;
    padding: 0 0 20px 0;}


#nul-footer-menu ul li {display: inline;}
#nul-footer-menu ul li a {color:#fff; text-transform:uppercase;}

#pdf_reader{width:100%;}


.field-name-field-article-type{display: block; clear: both;padding:20px 0 0 0;}
.field-name-field-article-type ul:before {
  content: "See more  ";
}

.field-name-field-page-type{display: block; clear: both;padding:20px 0 0 0;}

.field-name-field-page-type ul:before {
  content: "See more  ";
}
hr{clear: both;}

.front article img {
    display: block;
}

/* -------Social Media Page------- */
.memos ul {
	list-style-type: none;
	text-align:center;

}

.memos li {
	float: left;
	margin-right:5px;
	margin-bottom:0px;
}
.memos img {
	max-width:150px;
	height:auto;
}

/*Custom CSS*/
.site-name {
  margin:0 auto;
  text-align:center;
  }

.mean-container a.meanmenu-reveal{
	color: #f2f2f2;
}

 .mean-container a.meanmenu-reveal span {background-color: #f2f2f2;}

 .site-name h1 {
   color: #fff;
   line-height:1.9em;
   text-transform: uppercase;
   letter-spacing: .2em;
 }

  .site-name sup { 
	font-size:12px;
  }

.close-icon, .search-icon {
  color: #f2f2f2;
  cursor:pointer;
  float:right;
  width: 22px;
  height: 22px;
  font-size:20px;
  padding: 13px 13px 11px;
  text-align:right;
  line-height:.1em;
}

.search-icon {
	position:absolute;
	top: 2px;
	right:0;
	}

.menu-bar {
 width:10%;
}

.site-name {
width:80%;
}
 .search-icon {
width:10%;
 }

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: relative;
    float:left;
 }
.mean-container .mean-bar {
    float: none;
    background-color: #b01c2e;
}
.mean-container .mean-nav {
    margin-top: 0px;
}

.mean-bar #search-block-form input {
    height: auto;
    width: auto;
}
.mean-bar #search-block-form {
	float: right;
	position: relative;
  	top: 35%;
  	transform: translateY(15%);
 	width: auto;
 	margin-right:40px;
	outline: none;
	background-color: #222; */
}
.mean-bar #search-block-form .form-item-search-block-form input {
    min-width: 180px;
    padding-top:7px;
    padding-bottom:7px;
} 
.mean-bar #search-block-form input#edit-submit {
 width:auto;
 height:auto;
 background-color: #222;
 padding:8px;
 padding-left: 15px;
 padding-right:15px;
 color:#fff;
 cursor: pointer;
 border-width:2px;
 border-color: #b01c2e;
 border-style: none;
 border-image: none;
}
 
.close-icon {
	position:absolute;
	right:0;
/*     color: #666;
    float:right;
    width:5%;
    font-size: 15px;
    margin-right:15px;
    padding-top:10px;
    padding-bottom:10px; */
}

/*jcarousel Custom CSS*/

.jcarousel-skin-default .jcarousel-prev-horizontal, .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
	background-position: -64px 0px;
}

.jcarousel-skin-default .jcarousel-next-horizontal, .jcarousel-skin-default .jcarousel-next-horizontal:hover {
	background-position: -64px -32px;
}


/*FlexSlider Custom CSS*/

.front .flexslider {
    margin: 0 5px;
}
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: none;
    position: relative;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    cursor: default;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #ddd;
  	background-color: rgba(221, 221, 221, 0.4);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */
   
}

.flex-direction-nav a {
    background: none:
    text-indent:none;
    font-size:30px;
    color:#000;
    color:rgba(0, 0, 0, .5);
  
}

@media (max-width: 640px) {
	.flex-control-nav {
    	display:none;
    }
   }
   
     /* Front Page Customization */

#tophat-nav-container.clearfix {
   width: 100%;
   display: block;
   background: none;
   -moz-box-shadow: 1px 1px 3px 0px #666;
   -webkit-box-shadow: 1px 1px 3px 0px #666;
   box-shadow: 1px 1px 3px 0px #666;
   margin-top:2px;
}



header[role=banner] {
    background: none;
    margin: 0;
    z-index: -99999;
    height:auto;
    margin-bottom:40px;
}


#search-bar {
    height: 25px;
    margin: 0px;
    padding:0px;
    background: none;
    background-color: transparent;
    width:45%;
    float:right;
}


#logo {
    display: inline;
    float: left;
    z-index: 10;
    width: 45%;
    height: 30px;
    margin: 0px 0 0 5px;
    padding-bottom: 0px;
}

#main_nav {
    width: 100%;
    padding: 0;
    margin: 0;
    background: none; /* it was red*/
    height: auto;
}

body {
    font-family: Arial, Tahoma, sans-serif;
    line-height: 1.5;
    background:none;
 }

#tophat-nav-container {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding-top:1px;
}

#nul-tophat-user-menu {
    /* width: 118px; */
    /* height: 56px; */
    background: url(images/user_bg.gif) repeat-x;
    background-color: #C6C6C6;
    display: inline;
    float: right;
    padding:0px;
    margin:0px;
    padding: 0 0 10px 10px;
    font-size: 12px;
    line-height: 1.8em;
    overflow: inherit;
}

#page {
    background-color: #f2f2f2;
    max-width: 960px;
    padding:20px;
    margin-top:20px;
    box-sizing: border-box;
}

#logo {
    display: inline;
    float: left;
    z-index: 10;
    width: 45%;
    height: 10px;
    margin: 10px 0 0 0px;
    padding-bottom: 0px;
}


#search-block-form {
	paddiing:0;
	margin:0;
	/* outline:1px solid #ddd; */
	padding:1px;
	background-color:#c6c6c6;
}

#search-block-form  input {
height: 40px;
}
#edit-search-block-form--2 {
	width: 200px;
}

#edit-submit--2 {
	padding-left: 15px;
	padding-right: 15px;
}

#search-bar #edit-submit {
    float: right;
    background-color: transparent;
    margin: 0 5px 0 2px;
    width: 65px;
    height: 28px; */
    border: none;
    background-image: none;
    cursor: pointer;
    cursor: hand;
    line-height:25px;
    color: #000;
    padding: 0px;
}

#menu-bar li a {
    height: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding:0;
    padding-right: 20px;
    padding-left:20px;
    padding-top:5px;
    border-right: 1px solid rgba(225,225,225, .5);
    white-space: none;
    width: auto;
    font-weight: bold;
    font-size: 1.1em;
    -moz-transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s;
    -ms-transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s;
    -o-transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s;
    -webkit-transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s;
    transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s;
}


#menu-bar {
    height: auto;
    margin: 0;
    padding: 10px 10px 10px 0;
    z-index: 3;
    position: relative;
    border-bottom: none;
    background-color: #b01c2e;
    padding-bottom:10px;
    margin-bottom:20px;
}

#title_underline {
    border-bottom: 2px solid #000;
    margin-bottom:5px;
}



.flexslider .block-inner {
    margin-left: 0px;
    margin-right: 0px;
}

#homeanimation {
    background-color: #fff;
    margin: 15px 0;
    border-top:15px solid #fff;
    border-bottom:1px solid #fff;
}

.region-thumbslider #block-views-new-articles-block-1 {
	background-color:#fff;
	padding:10px;
	height:245px;
}

.region-thumbslider #block-views-new-articles-block-1 .block-title {
 margin-bottom:20px;
 border-bottom: 2px solid #b01c2e;
 /* padding-left:10px; */
 padding-top:2px;
 padding-bottom:0px;
 color:#000;
 /* background-color: #f2f2f2; */
 text-transform: uppercase;
}

.region-content .block {
	padding: 10px;
	padding-top:20px;
	padding-bottom:20px;

}


.region-sidebar-second .block {
	padding: 20px;
	/* padding-top:20px; */
	/* padding-bottom:20px; */
	background-color: #fff;
}


#menu-bar ul li ul li a {
    margin-top: 0px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: ##b01c2e;
    padding:8px;
    -moz-transition: margin-left 250ms ease-in-out 0s;
    -ms-transition:margin-left 250ms ease-in-out 0s;
    -o-transition: margin-left 250ms ease-in-out 0s;
    -webkit-transition: margin-left 250ms ease-in-out 0s;
    transition: margin-left 250ms ease-in-out 0s;
}

#menu-bar ul li ul li a:hover {
	margin-left:3px;
}

#menu-bar ul li ul {
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    background-color:#b01c2e;
}



/*Typography reset*/

/* html elements */

/**
 * The default font size is 16px x 81.3% = 13px
 * Use http://pxtoem.com to calculate proper font size and scale.
 *
 * The font size is set on the html element so we can dynamically
 * resize the font using body classes.
 */

html {
  font-size: 81.3%;
}
body {
  font-family: Arial, Tahoma, sans-serif;
  line-height: 1.5;
  background-image: url("images/site_background_pattern.png");
/*  background-color: #3c3c3c;*/
 
}
h1 {
  font-size: 1.538em;
  letter-spacing: .5px;
}

h2 {
  font-size: 1.385em;
  color: #A70709;
  letter-spacing: .5px;


}
h3 {
  font-size: 1.231em;
  letter-spacing: .5px;
}
h4 {
  font-size: 1.077em;
  letter-spacing: .5px;
}
h5,
h6 {
  font-size: 1em;
  letter-spacing: .5px;
}
a img {
  border: none;
}
img {
  max-width: 100%; /* flexible images - can cause issues in table cells where no width is set on the column, only in webkit and IE 7/8 */
  height: auto;
}
p {
  margin: 0 0 1.5em;
  padding: 0;
      font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
}
em,
dfn {
  font-style: italic;
}
ins {
  border-bottom: none;
  text-decoration: none;
}
pre,
code,
tt,
samp,
kbd,
var {
  font-size: 1em;
  font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* sans-serif Safari hack */
}
blockquote,
q {
  font-style: italic;
  quotes: "" "";
}
blockquote {
  margin: 0 0 1.5em;
  padding: 0 0 0 3em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote p {
  margin: 0;
}
strong,
dfn,
caption,
th {
  font-weight: 400;
}

/* Lists */
ul,
ol {
  margin: 0 0 1.5em 40px;
  padding: 0;
}
.item-list ul,
.item-list ol {
  margin: 0 0 0 15px;
  padding: 0;
}
.item-list ul li {
  margin: 0;
  padding: 0;
}
ul ul,
ul ol,
ol ol,
ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
  margin-bottom: 0;
}
ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-roman;
}
ul ul,
ul ul ul ul {
  list-style-type: circle;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 0 1.5em 40px;
}

a {
	color:#222;
    letter-spacing: .5px;

}

a:hover {
	color:#b01c2e;
}

p a {
   color:#b01c2e;
    letter-spacing: .5px;

}

p a:hover {
        color:#222;
}



.addtoany_list.a2a_kit_size_32 a span {
    border-radius: 16px;
}


.sidebar .block-inner {
    margin-left: 0px;
    margin-right: 0px;
}

#block-menu-menu-soba-digital-toolkit li:hover, #block-views-new-articles-block li:hover {
    background-color: #f3f3f3;
}

.region-tertiary-content {
	background-color:#fff;
	min-height:600px;
	padding-top:15px;
	padding-left:5px;
}

#block-block-3 .view-authors-essays .views-field-field-thumbnail {
	float:left;
	width:48px;
	margin-right:10px;
}

#block-block-3 .views-row {
	clear:both;
	margin:0;
	padding:0;
	border-bottom:1px solid #b01c2e;
	min-height:32px;
	/* margin-bottom:10px; */
	/* padding-bottom:10px; */
}

#block-block-3  .views-row-1 {
	border-top:1px solid #b01c2e;
	/* padding-top:10px; */
	margin-top:10px;
}

/*Custom Navigation for jcarousel */

.jcarousel-skin-default .jcarousel-next .fa-angle-left, .jcarousel-skin-default .jcarousel-prev .fa-angle-right {
    display: none;
    }
.jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev {
    width: auto;
    height: auto;
    font-size:50px;
    color: rgba(176, 28, 46, .5);
    background-image: none;
    -moz-transition: color 250ms ease-in-out 0s;
    -ms-transition: color 250ms ease-in-out 0s;
    -o-transition: color 250ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s;
    transition: color 250ms ease-in-out 0s;
}
.jcarousel-skin-default .jcarousel-next:hover, .jcarousel-skin-default .jcarousel-prev:hover {
     color:#b01c2e;
}
.jcarousel-skin-default .jcarousel-prev-horizontal {
    position: absolute;
    top: 45px;
    left: 10px;
    
}

.jcarousel-skin-default .jcarousel-next-horizontal {
    position: absolute;
    top: 45px;
    right: 10px;
    
}

body {
   
    background: none;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background-color: rgba(176, 28, 46, .5);
     cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a.flex-active {
    background: #fff;
    background:  rgba(176, 28, 46, 1);
    cursor: default;
}
h1#page-title {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    padding: 20px;
    color: #000;
    border-bottom: none;
    text-transform: uppercase;
    background-color: #f2f2f2;
    margin: 4px;
    margin-left: 20px;
    margin-bottom: 20px;
}

#block-menu-menu-soba-digital-toolkit h2, #block-block-6 h2, #block-block-7 h2, #block-views-new-articles-block h2 {
    position: relative;
    /* padding-left: 20px; */
    text-transform: uppercase;
    border-bottom: 2px solid #b01c2e;
    padding-bottom: 5px;
    color: #000;
    margin-bottom: 10px;
}

.view-newsroom .views-field-title,
.article-title a {
	display:block;
	padding:5px;
	padding-left: 10px;
	background-color: #f2f2f2;
	margin-bottom: 15px;
	color:#222;
	font-weight: 300;
	font-size:.9em;
}

.view-newsroom .views-field-created span {
	display: inline-block;
	color: #888;
	font-size: .5em;
	padding:3px;
	margin-bottom:10px;
	background-color: #f1f1f1;
} 

.article-title a:hover {
	color: #b01c2e;
}

.article nav ul.inline li  .a2a_kit a {
	outline:none;
	padding:10px;
	color: #000;

}


.view-newsroom .views-row {
	border-bottom:1px solid #f2f2f2;
	margin-bottom:30px;
	padding-bottom:20px;
}


.article ul.links {
	/* margin:20px 0 0 0px; */
	padding:0;
	}

.article ul.inline li {
    display: block;
    list-style-type: none;
    padding: 0 0.5em;
}
.view-newsroom .views-field-body .field-content > p:last-of-type > a,
.article nav ul.inline li a {
	outline:1px solid #b01c2e;
	padding:10px;
	color: #000;

}
.view-newsroom p > a:hover, .view-newsroom p > a:visited, .view-newsroom p > a:link, .view-newsroom p > a:active,
.article ul.inline li a:hover, .article ul.inline li a:visited, 
.article ul.inline li a:link, .article ul.inline li a:active {
    text-decoration: none;
}


.view-newsroom p > a:hover, .view-newsroom p > a:visited, .view-newsroom p > a:active,
.article nav ul.inline li a:hover, .article nav ul.inline li a:visited, .article nav ul.inline li a:active {
  background-color: #f2f2f2;
  color: #b01c2e;  
}

.breadcrumb span a {
	color:#333;
}

.breadcrumb span.last {
	color:#b01c2e;
}


.view-our-partners .views-row {
    border-bottom: 0px solid #ddd;
    margin-bottom: 0px;
}

#block-block-3 .views-row-1, 
.tertiaryblock ul li.first.leaf a, .tertiaryblock ul li.views-row-first {
    border-top: 1px solid #ddd;
}

.tertiaryblock li a,
#block-block-3 .views-row {
    border-bottom: 1px solid #ddd;
}

#block-block-3 li a {
	border-bottom: 1px solid transparent;
}

#nul-tophat-user-menu {
    width: auto;
    height: 56px;
    
}

.tertiaryblock {
	width:auto !important;
}
.region-tertiary-content {
	border-top:20px solid #f2f2f2;
	margin-top:60px;
}

.region-tertiary-content #block-block-1, 
.region-tertiary-content #block-block-2, 
.region-tertiary-content #block-block-10, 
.region-tertiary-content #block-block-3 {
    width: 32.9%;
    float: left;
}

#block-nul-tophat-mobile-tophat-mobile {
	display: none;
}


#search-block-form input[type=submit], 
#search-block-form input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.section-web-series .article img {
	width:100% !important;
	height:auto !important;
}
.page-taxonomy-term-7 .article nav.clearfix, 
.page-taxonomy-term-39 .article nav.clearfix,
.page-taxonomy-term-38 .article nav.clearfix,
.page-taxonomy-term-37 .article nav.clearfix {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}


#taxonomy-term-39 tbody {
 border:1px solid #fff;
}

#taxonomy-term-39 tbody p {
	border:1px solid #ddd;
	background-color: rgba(0, 0, 0, .1);
	padding:20px;
}


#menu-bar ul.nice-menu-down li i {

	margin-left:10px;
}

#nul-tophat-user-menu {
    width: 128px;
}

#nul-tophat-user-menu {
	background-color: #ddd;
}

#nul-tophat-user-menu .nul-tophat-user-link a {
    text-decoration: none;
    color: #b2c1e;
    font-size: 8px;
    padding:0;
    margin:0;
}
#nul-tophat-user-menu .nul-tophat-user-link  {
	border:1px solid #aaa;
	padding:2px;
	background-color: #eee;
	border-radius: 3px;

}



/* CSS Optimized for Responsiveness */


/* Smartphone landscape one-col-vert */
@media only screen and (min-width:0px) and (max-width:900px) {
	#menu-bar,
	header {
		display:none;
	}
	#page {
    margin-top: 0px;
    }
    #region-leaderboard {
    	margin-top:10px;
    }
  	.mean-bar {
  		margin-top:20px;
  		border-top:1px solid #ddd;
  		border-bottom:1px solid #ddd;
  	}
  	.mean-container .mean-nav ul li a.mean-expand:hover {
	background-color: rgba(225,225,225,.4);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: auto;
    height: 21px;
    padding: 12px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(0,0,0,.1);
    border: 0!important;
    border-left: 1px solid rgba(255,255,255,.4)!important;
    border-bottom: 1px solid rgba(255,255,255,.2)!important;
    line-height: 1em;
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background-color: #eee;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 100% !important;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #b01c2e;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(176, 28, 46,.5);
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    /* border-top: 1px solid rgba(255,255,255,.25); */
    /* opacity: .75; */
    filter: alpha(opacity=75);
    text-shadow: none!important;
    visibility: visible;
}

}


/* Smartphone portrait one-col-stack */
@media only screen and (max-width:320px) {
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0;}
.region-sidebar-first, .region-sidebar-second, .region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.region-sidebar-second {width: 100%;}
.content-inner,.region-sidebar-first,.region-sidebar-second {float: none;}
.region-sidebar-first, .region-sidebar-second {clear: both;}
.container {width: 100%;}
.site-name h1 {
    color: #b01c2e;
    line-height: 1.9em;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size:14px;
}
.front .flexslider,
.region-slider .block-inner,
.region-slider .block {
    padding:0;
    margin:0;
}
#homeanimation {
    border: none;
}
	#page {
		padding:0px;
	}
.jcarousel-skin-default .jcarousel-item {
    padding-left:50px;
    padding-right:50px;
    padding-top: 5px;
    padding-bottom:5px; 
}
.jcarousel-item .views-field-title {
    padding: 5px 10px 10px 10px;
    background-color: #ddd;
    margin-top:0px;
}
	#menu-bar,
	header {
	display:none;
}
	#content-column {
    background-color: #fff;
    margin-bottom:20px;
}
#content-column  img {
	clear: both;
}
.region-content .block {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.region-sidebar-second .block {
    padding: 0px;
    /*padding-top: 20px; */
    /* padding-bottom: 20px; */
    background-color: #fff;
}
.region-sidebar-second .block .block-title {
	padding-top:10px;
	padding-left:10px;
}
.region-tertiary-content {
    border-top: 0px;
    margin-top: 0px;
    background-color: transparent;
}
.region-tertiary-content .block {
	margin-top:20px;
	background-color: #fff;

}
object, iframe, video {
 width: 40%    !important;
 height:50% !important;
}

/* 2020 LiveStream iframe */
#ls_embed_1626365226, #ls_embed_1597253833, #ls_embed_1596819981{width:100% !important;}


.page-taxonomy-term-39  .article  img,
.page-taxonomy-term-38  .article  img,
 .page-taxonomy-term-37  .article  
img.article-content img,
.page-taxonomy-term-39  .article  img,
.page-taxonomy-term-38  .article  img,
 .page-taxonomy-term-37  .article  img.section-2017-report img,
.article-content img,
.page-taxonomy-term-39  .article  img,
.page-taxonomy-term-38  .article  img,
 .page-taxonomy-term-37  .article  img {
	width:100% !important;
	height:auto !important;
}
.section-2017-report .field-items {
	margin-right:0px;
	}


}


/* Smartphone landscape one-col-stack */
@media only screen and (min-width:321px) and (max-width:480px) {
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0;}
.region-sidebar-first, .region-sidebar-second, .region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.region-sidebar-second {width: 100%;}
.content-inner,.region-sidebar-first,.region-sidebar-second {float: none;}
.region-sidebar-first, .region-sidebar-second {clear: both;}
.container {width: 100%;}

.site-name h1 {
    color: #fff;
    line-height: 1.9em;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size:15px;
    line-height: 35px;
}

#content-column {
    background-color: #fff;
    margin-bottom: 20px;
}

.region-sidebar-second {
	background-color: #fff;
}
#block-menu-menu-soba-digital-toolkit, 
#block-block-17,
.region-tertiary-content #block-block-1, 
.region-tertiary-content #block-block-2, 
.region-tertiary-content #block-block-3, 
.region-sidebar-second #block-views-new-articles-block, 
.region-sidebar-second #block-block-6, 
.region-sidebar-second #block-block-5, 
.region-sidebar-second #block-block-8,.region-sidebar-second #block-block-10 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
    padding-left: 10px;
    padding-top:20px;
    padding-right:20px;
    box-sizing:border-box;
}


.region-tertiary-content {
    border-top: none;
    margin-top: 0;
    background-color: #f2f2f2;
    padding-top: 15px;
    padding-left: 0px;
    }

.region-tertiary-content #block-block-1, 
.region-tertiary-content #block-block-2, 
.region-tertiary-content #block-block-3, 
.region-tertiary-content #block-block-10 {
	width:100%;
}
.region-tertiary-content .block {
    background-color: #fff;
}
.front .flexslider,
.region-slider .block-inner,
.region-slider .block {
    padding:0;
    margin:0;
}
#homeanimation {
    border: none;
}
.region-tertiary-content #block-block-1, 
.region-tertiary-content #block-block-10,
.region-tertiary-content #block-block-2, .region-tertiary-content #block-block-3 {
	width: 100% !important;
}
object, iframe, video {
 width: 40%    !important;
 height:50%!important;
}

/* 2020	LiveStream iframe */
#ls_embed_1626365226, #ls_embed_1597253833, #ls_embed_1596819981{width:100% !important;}

.section-2017-report img,
.page-taxonomy-term-39  .article  img,
.page-taxonomy-term-38  .article  img,
 .page-taxonomy-term-37  .article  img {
	width:100% !important;
	height:auto !important;
}
.section-2017-report .field-items {
	margin-right:0px;
	}

}


/* Tablet portrait one-col-vert */
@media only screen and (min-width:481px) and (max-width:768px) {
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0;}
.region-sidebar-first {width: 50%;}
.region-sidebar-second {width: 50%;}
.one-sidebar .sidebar {width: 100%;}

#block-menu-menu-soba-digital-toolkit, 
.region-sidebar-second #block-block-17,
.region-tertiary-content #block-block-1,
.region-tertiary-content #block-block-10, 
.region-tertiary-content #block-block-2, 
.region-tertiary-content #block-block-3, 
.region-sidebar-second #block-views-new-articles-block, 
.region-sidebar-second #block-block-6, 
.region-sidebar-second #block-block-5, 
.region-sidebar-second #block-block-8 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
    padding-left: 10px;
    padding-top:20px;
    padding-right:20px;
    box-sizing:border-box;
    background-color: #fff;
}
#block-menu-menu-soba-digital-toolkit, 
.region-sidebar-second #block-block-6, 
.region-sidebar-second #block-block-5, 
.region-sidebar-second #block-block-8 {
 
    padding-left: 20px;
  
}


.one-sidebar .sidebar .block {
    width:40%;
    float:left;
    min-height: 450px;
}
.one-sidebar .sidebar #block-block-8 {
    float:right;   
}

.region-sidebar-first, .region-sidebar-second {overflow: hidden; margin-top: 20px;}
.region-sidebar-first .block, .region-sidebar-second .block {width: 100%;}
.container {width: 100%;}


.front .flexslider,
.region-slider .block-inner,
.region-slider .block {
    padding:0;
    margin:0;
}
#homeanimation {
    border: none;
}
 object, iframe, video {
 width: 65%    !important;
}

/* 2020	LiveStream iframe */
#ls_embed_1626365226, #ls_embed_1597253833, #ls_embed_1596819981{width:100% !important;}

}
/* Tablet landscape three-col-grail */
@media only screen and (min-width:769px) and (max-width:1024px) {
.two-sidebars .content-inner {margin-left: 0%; margin-right: 33%;}
.sidebar-first .content-inner {margin-left: 0%; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 33%; margin-left: 0;}
.region-sidebar-first {width: 0%; margin-left: -100%;}
.region-sidebar-second {width: 33%; margin-left: -33%; clear: none;}
.container {width: 100%;}

 object, iframe, video {
 width: 75%    !important;
}

/* 2020	LiveStream iframe */
#ls_embed_1626365226, #ls_embed_1597253833, #ls_embed_1596819981{width:100% !important;}

}
/* Standard layout three-col-grail */
@media only screen and (min-width:1025px) {
.two-sidebars .content-inner {margin-left: 0%; margin-right: 33%;}
.sidebar-first .content-inner {margin-left: 0%; margin-right: 0;}
.sidebar-second .content-inner {margin-right: 33%; margin-left: 0;}
.region-sidebar-first {width: 0%; margin-left: -100%;}
.region-sidebar-second {width: 33%; margin-left: -33%; clear: none;}
.container {width: 100%; max-width: 960px;}
 object, iframe, video {
 width: 95%    !important;
}
}

/*  Influencer Page */

.influencer {
    margin-left: 30px;
    overflow: hidden;
}

.influencer .intro .pane {
   float:left;
}

.influencer .intro .pane.titles {
   max-width: 300px;
   margin-top: 30px;

}

.influencer .intro .pane.titles .title {
   text-transform: uppercase;
   color: #676767;
   font-weight: 700;
}
.influencer .intro .pane.titles .organization{
    color: #676767;
}
.influencer .intro .pane.image {
   float: right;
}
.influencer .intro .pane.image img {
   width: 200px;
   height: 200px;
   border-radius: 50%;
}
.influencer .name {
font-weight: 600;
font-size: 24px;
}

.influencer .intro hr {
max-width: 30px;
margin-left: 0;
background-color: #b01c2e;
border: none;
height: 3px;
margin-bottom: 20px;
}

.influencer .bio {
   padding:30px 0;
   margin-bottom: 30px;
}
.influencer .social-media ul {
   list-style-type:  none;
   margin: 0;
}
.influencer .social-media ul li a {
   float:left;
   font-size: 18px;
   background-color: #ddd;
   border-radius: 5px;
   margin-right: 10px;
   padding: 10px 15px;
   text-align:center;
}
.influencer .social-media ul li:hover {
   background-color: #b01c2e;
   cursor: pointer;
}
.influencer .social-media p {
    float: left;
    margin-right: 10px;
}


.readmore-block {
    position: relative;
}
.readmore-block:after {
  content  : "";
  position : absolute;
  z-index  : 1;
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom, 
                    rgba(255,255,255, 0), 
                    rgba(255,255,255, 1) 90%);
  width    : 100%;
  height   : 70px;
}

a[data-readmore-toggle]{
    border: 1px solid #eee;
    padding: 5px;
    overflow: hidden;
    display: block;
    text-align: center;
    background-color: #efefef;
}
a[data-readmore-toggle]:hover {
    background-color: #eee;
    text-decoration: none;
}
.bio.questions {
	background: #efefef;
	position: relative;
    padding-left: 20px;
    margin-top: 30px;
}

.bio.questions:before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 80px solid white;
    border-left: 80px solid #ddd;
    width: 0;
}


/* Popup  */

/* Input field reset */
#modal-content input:focus,
#modal-content button:focus {
    outline:0;
    -webkit-appearance: none;
}

#modal-content button,
#modal-content input[type="reset"],
#modal-content input[type="button"],
#modal-content input[type="submit"]
{
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}
#modal-content button,
#modal-content input[type=reset],
#modal-content input[type=button],
#modal-content input[type=submit],
#modal-content input[type=checkbox],
#modal-content input[type=radio],
#modal-content select
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#modal-content input,
#modal-content label,
#modal-content select,
#modal-content button,
#modal-content textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}
#modal-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #F9E7EA;
}
#modal-content input::-moz-placeholder { /* Firefox 19+ */
color: #F9E7EA;
}
#modal-content input:-ms-input-placeholder { /* IE 10+ */
color: #F9E7EA;
}
#modal-content input:-moz-placeholder { /* Firefox 18- */
color: #F9E7EA;
}

#modal-content input,
#modal-content textarea
{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}


/* The Modal  */
#modal-content.modal {
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Import Typescript fonts */

/* Modal Content */
#modal-content .modal-content {
    font-family: "akagi-pro", sans-serif!important;
    background-color: #C41230;
    margin: auto;
    border: 1px solid #888;
    max-width: 960px;
    width: 80%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: fadeInUp 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeInUp 500ms ease-in-out;

}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/* The Close Button */
#modal-content .modal-close {
  color: #fff;
  right: 10px;
  font-size: 50px;
  padding-right: 12px;
  position: absolute;
  z-index: 5;
}
#modal-content .modal-close:hover {
  cursor: pointer;
}
#modal-content {
    display: none;
}
#modal-content.show {
    display: block;
}
#modal-content .wrapper {
  position: relative;
}

  #modal-content .modal-close:hover,
  #modal-content .modal-close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
  }
  #modal-content .label {
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
  }
  #modal-content tbody {
      border-top: 1px solid transparent;
  }
  #modal-content .counter {
    margin-top: -15px;
    margin-left: -11px;
  }
  #modal-content .counter .cell {
      text-align: center;
  }
  
  #modal-content .counter .circle {
      display: inline-block;
      text-align:center;
      padding:10px;
      font-size:28px;
      line-height: 30px;
      font-weight: 700;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #000;
      color: #fff;
      -webkit-box-shadow: 1px 5px 5px -5px rgba(0,0,0,0.59);
      -moz-box-shadow: 1px 5px 5px -5px rgba(0,0,0,0.59);
      box-shadow: 1px 5px 5px -5px rgba(0,0,0,0.59);
  }


  /* #modal-content .counter .circle {
    display: inline-block;
    text-align:center;
    font-size:28px;
    padding:10px;
    font-weight: 700;
    border-radius: 50%;
    background-color: #fff;
} */


  #modal-content .counter .small {
      text-transform: uppercase;
      font-weight: 700;
      text-align:center;
      margin: 0 auto;
      line-height: 25px;
      color: #ddd;
  }  
  #modal-content input[type=email] {
    min-width: 215px;
    min-height: 35px;
    margin-right: 15px;
    padding: 0 10px;
    color: #333;
    font-weight: 600;
    background-color: #bbb;
    border-radius: 30px;
    -webkit-box-shadow: inset 3px 7px 0px -5px rgba(0,0,0,0.24);
    -moz-box-shadow: inset 3px 7px 0px -5px rgba(0,0,0,0.24);
    box-shadow: inset 3px 7px 0px -5px rgba(0,0,0,0.24);
  }
  #modal-content input[type=email]:hover,
  #modal-content input[type=submit]:hover
  {
    cursor: pointer;
  }

  #modal-content input[type=email]::-webkit-input-placeholder { /* Edge */
    color: #000;
  }
  
  #modal-content input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
  }
  
  #modal-content input[type=email]::placeholder {
    color: #000;
  }
  #modal-content input,
  #modal-content p {
    font-family: "akagi-pro", sans-serif!important;
  }
  #modal-content input[type=submit] {
    background-color: #000;
    min-height: 38px;
    padding: 0 10px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-box-shadow: 1px 9px 5px -5px rgba(0,0,0,0.59);
    -moz-box-shadow: 1px 9px 5px -5px rgba(0,0,0,0.59);
    box-shadow: 1px 9px 5px -5px rgba(0,0,0,0.59);
}
  #modal-content input:hover[type="submit"] {
      cursor: pointer;
  }
  #modal-content form {
      margin-top: 10px;
  }
  #modal-content .titles {
      margin-bottom: 20px;
  }
  

  #modal-content .block {
      margin-bottom: 0px;
      float: left;
      box-sizing: border-box;
  }
  #modal-content  p {
      margin: 0;
      padding: 0;
  }
  
  #modal-content .right {
      width: 50%;
      padding: 30px 30px 30px 30px;
  }
  #modal-content .left {
      width: 50%;
      float: right;
  }
  #modal-content .counter table {
      max-width: 300px;
  }
  #modal-content .modal-content {
      margin-bottom: 60px;
      overflow: hidden;
  }

  #modal-content  .titles .label {
    color: #111;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 2;
    display: block;
    margin-bottom: 5px;
  }
  #modal-content  table {
      margin-top: 10px;
      margin-bottom: -5px;

  }

  #modal-content  .titles h1 span {
    color: #fff;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 22px;
  }
  #modal-content  .titles h1 span.heading-secondary {
    color: #fff;
    font-size: 18px;
}
#modal-content  .titles p {
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
}

#modal-content  .titles .text {
  padding-top: 15px;
  padding-bottom: 15px;
}

#modal-content .countdown .small,
#modal-content .countdown .label {
    color: #ddd;
    font-family: "akagi-pro", sans-serif;
    text-transform: capitalize;
}

#modal-content .countdown .label {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;

}

#modal-content .right {
    position: relative;
}  
#modal-content .right .triangle {
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 30px solid #F6B11C;
    position:absolute;
    top: -10px;
}
#modal-content .right .bars {
    width: 55px;
    position: absolute;
    right:-10px;
    top: 60px;
}
#modal-content .right .bar {
    width:50px;
    height: 2px;
    margin-bottom : 10px;
    padding:2px;
    background-color: #231f1f;
    border-radius: 6px;
    display: block;
}
#modal-content .right .dots {
    width: 60px;
    position: absolute;
    bottom:40px;
    right:-15px;
}
#modal-content .right .dot {
    width:3px;
    height: 3px;
    margin-right : 5px;
    padding:5px;
    background-color: #231f1f;
    border-radius: 50%;
    float:left;
    display: inline-block;
}

.countdown .counter-label {
  color: #000 !important;
  font-weight: 600 !important;
}
.subscribe {
  padding-top: 30px;
}
.subscribe .subscribe-label {
  font-size: 14px;
  color: #ddd;
  font-weight: 600;
  
}




/* 
#modal-content .counter table {
    margin:0 auto;
} */

 @media screen and (max-width: 1140px) {
    #modal-content .left{
        padding-left: 30px;
        padding-top: 30px;
     }
   
}

	@media screen and (max-width: 867px) { 
        #modal-content .right img {
            display: block;
        }
        #modal-content .right {
            width: 100%;
            background: url(/sites/soba.iamempowered.com/themes/soba/images/2021-trans.png);
            background-size: cover;
            background-color: #C41230;
        }
        #modal-content .left{
            display: none;
        }

}

@media screen and (max-width: 492px) {
  #modal-content input[type=submit] {
    margin-top: 15px;
  }
}
@media screen and (max-width: 434px) {

.countdown {
	margin: 0 auto;
	text-align:center
}
#modal-content .counter .cell,
#modal-content .counter .item {
	padding:0;
	margin:0;
}
#modal-content input[type=submit] {
	margin-top: 20px;
}

#modal-content .titles {
	text-align: center;
}

#modal-content .counter {
    margin-top: 0px;
    margin-left: 0px;
  }
  #modal-content .right .bars {
    right: -25px;
}
}

#modal-content {
    /*display: none!important;*/
}

.mean-container .mean-bar {
    z-index: 2;
}


.sponsors {
	vertical-align:middle;
	margin-top: 10px;

}
.sponsors span {
	display: inline-block;
	position: relative;
	top: 90%;
    transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    font-weight: 700;
    color: #F6B11C;

}

.sponsors img {
	display: inline-block!important;
}
}

.after-launch .countdown .btn-group {
    color: #fff;
}
.after-launch .countdown a {
    display: inline-block;
}

.after-launch .countdown a.download{
    background-color: #F6B11C;
    padding: 10px 10px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.after-launch .countdown a.download:hover {
     background-color: #f98a0e;
      cursor: pointer; 
      text-decoration: none;
}

.after-launch .countdown a.read-online {
    text-decoration: underline;
    color: #F6B11C;
}

.after-launch .countdown a.read-online:hover {
    color: #000;
}
@media screen and (max-width: 434px) {
    .after-launch .countdown .btn-group {
        text-align: center;
    }
}

/*  Download sign up form styling */
.page-node-393 .form-item, .form-action {
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-node-393 .form-item input, .form-action input {
  height: 30px;
  margin-top: 5px;

}

.page-node-393 #webform-client-form-393 {
  background-color: #f2f2f2;
  padding: 30px;
}

.page-node-393 .description {
  color: #666;
}
.page-node-393 .webform-submit {
  outline: 1px solid #b01c2e;
  padding: 7px 20px;
  color: #fff;
  background-color: #b01c2e;
  cursor: pointer;
}
.page-node-393 .webform-submit:hover {
  background-color: #9d1c27;
}


/*  Download Search Form styling */


.page-search .search-form {
    padding: 20px;
    background-color: #f2f2f2;
  }
  
  .page-search .search-form label {
    display: block;
  }
  
  .page-search .search-form input {
    height: 30px!important;
    color: #666;
    margin-top: 5px;
    padding-left: 10px!important;
  }
  
  .page-search .search-form input.form-submit {
    outline: 1px solid #b01c2e;
    padding: 7px 20px;
    color: #fff;
    background-color: #b01c2e;
    cursor: pointer;
    margin-left: 10px;
  }
  .page-search .search-form input.form-submit:hover {
    background-color: #9d1c27;
  }
  
  .page-search .search-results {
    border: 1px solid #f2f2f2;
    margin: 0;
    padding: 20px;
  
  }
  
  .page-search .search-result {
    border-bottom: 1px solid #f2f2f2;
  }
  
  .page-search .region-content h2 {
    color: #666!important;
    margin-top: 20px!important;
    margin-bottom: 10px!important;
  }

  .page-search h1#page-title {
	display: none;
}

.page-search .search-results .search-snippet {
	margin-bottom: 5px;
}
.page-search .search-results .search-info {
  	margin-top:0;
  	color: #666;
  	font-style: italic
  }

  .front .views-field-field-display-author {
    text-align: left;
    padding-left: 10px;
    color: #000;
    font-weight: 700;
    font-size: 11px;
    line-height: 12px;
}

#quicktabs-container-2019_authors_essays .read-more,
#quicktabs-container-2018_authors_essays .read-more {
    display: block;
    margin-bottom: 20px;
}
#quicktabs-container-2019_authors_essays .read-more a,
#quicktabs-container-2018_authors_essays .read-more a {
        outline: 1px solid #b01c2e;
    padding: 10px;
    color: #000;
    text-decoration:none;
}
#quicktabs-container-2019_authors_essays .read-more a:hover,
#quicktabs-container-2018_authors_essays .read-more a:hover {
        background-color: #f2f2f2;
    color: #b01c2e;
}
#quicktabs-container-2019_authors_essays .views-field-body a,
#quicktabs-container-2018_authors_essays .views-field-body a {
        color: #b01c2e;
}

#block-quicktabs-2019-authors-essays .views-row,
#block-quicktabs-2018-authors-essays .views-row {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;

}
#block-quicktabs-2019-authors-essays .views-field-title a,
#block-quicktabs-2018-authors-essays .views-field-title a {
        font-size: 22px;
        font-family: "akagi-pro", sans-serif;
        font-weight: 700;
        line-height: 22px;
        color: #333;
}
#block-quicktabs-2019-authors-essays .views-field-title,
#block-quicktabs-2018-authors-essays .views-field-title {
        margin-bottom: 10px;
        margin-top: 30px
}

#block-quicktabs-2019-authors-essays ul.quicktabs-tabs.quicktabs-style-zen li.active a,
#block-quicktabs-2019-authors-essays ul.quicktabs-tabs.quicktabs-style-zen li.active a:hover,
#block-quicktabs-2018-authors-essays ul.quicktabs-tabs.quicktabs-style-zen li.active a,
#block-quicktabs-2018-authors-essays ul.quicktabs-tabs.quicktabs-style-zen li.active a:hover {
    color: rgb(176, 28, 46);
}


.clear-content {
  clear: both;
  padding-top: 18px;
}


@media (max-width: 520px) {
  .biopopup img,
  .page-type-article .field-name-body img,
  .mobile-fullwidth {
    width: 100% !important;
    height: auto !important;
    margin: 0!important;
    margin-bottom: 15px !important;
  }
}


.page-user #page-title {
  display: none;
}

.user-profile .user-image img {
  border: 3px solid #eee;
}

.user-profile .name {
  font-weight: 600;
  font-size: 18px;
  padding-top: 10px;
}

.user-profile .name hr {
  max-width: 30px;
  margin-left: 0;
  background-color: #b01c2e;
  border: none;
  height: 3px;
  margin-top: 0;
}

.user-profile .title {
  text-transform: uppercase;
  color: #676767;
  font-weight: 700;
}

.user-profile .bio {
  padding-top: 30px;
  padding-bottom: 30px;
}


.essay {
  padding-left: 30px;
}
.essay .title {
  line-height: 1.3;
  padding-bottom: 15px;
}

.essay .meta-data {
  padding-top: 5px;
  padding-bottom: 15px;
}

.essay .meta-data .authored-by {
  color: #888;
  font-style: italic;
  font-size: 11px;
}

.essay .meta-data .name{
  padding-top: 5px;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
}

.essay .meta-data .title {
  color: #555;
}

.essay-teaser {
  padding: 15px;
}

.essay-teaser .title a {
  color: #b01c2e;
}

.essay-teaser .meta-data {
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}

.essay-teaser .meta-data .image {
  width: 30%;
  float: left;
}

.essay-teaser .meta-data .titles {
  margin-left: 15px;
  width: 60%;
  float: left;
}

.essay-teaser .meta-data .titles .name {
  padding-top: 5px;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
}

.essay-teaser .meta-data .titles .title {
  color: #555;
}

.essay-teaser .content{
 clear: both;
}

.essay-teaser .content .learn-more {
  outline: 1px solid #b01c2e;
  padding: 10px;
  color: #000;
  text-decoration: none;

}

#biopopup-target .user-profile{
  padding: 30px;
  border: 3px solid #efefef;
}

#biopopup-target .user-profile .user-picture img {
  width: 114px;
}

#id_7ba82e57-d579-4729-9573-b45412e17be5_container .sli-column, .sli-columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}


#id_7ba82e57-d579-4729-9573-b45412e17be5 { max-width: 100% !important;}

#4f174032-75a1-467b-ac5c-516f392f8072 {background-color:#fff;}
 
formtemplate .id_428450cf-e80a-40ec-83f5-b8dfb663058d {background-color:green;}

.multiplenames, .multiplenames a{padding-top: 5px;
text-transform: uppercase;
color: #333;
font-weight: 700;
font-size:13px;}

.multiplenames a:hover {color:#A70709;text-decoration: underline;}

p .fontaawesome {margin:0; padding:0;}

.fontaawesome i{
font-size:18px;
background:#A70709;
padding: 8px;
color: #fff;
width: 20px;
height: 20px;
border-radius: 100%;
text-align: center;
margin-left: 7px;
}

#maintenance{margin:20px !important;}

.multipletitles{color: #555;}
.multitbody{border-top:0;}
.tdmultn{vertical-align:top;padding-left:15px;}
.sessionspeakers caption, .sessionspeakers th, .sessionspeakers td, .sessionspeakers a {
    text-align: center;
}


.article-type-sessions img,
.article-type-author img{margin-bottom: 20px;}



.view-our-partners.view-display-id-page_1 tbody{border-top:none;}

#block-quicktabs-2021-virtual-series h2.block-title, #block-quicktabs-2021-authors-essays h2.block-title{display:none;}