/****** FILE: themes/venture/css/layout.css *****/
/**
* Venture Theme
* http://www.silverstripe.com
*
* Main Layout File
*/
/* Misc Styles and defaults
-------------------------------------------- */
* {margin:0; padding:0;}
body { font-family: Georgia, 'Georgia W01', 'Times New Roman', serif; color:#606060;font-size: 14px;}
h1, h2, h3, h4, h5, h6 { font-family: 'L Futura W01',Helvetica,Arial,sans-serif; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
input { border:none; }
.fr{ float:right; }
.fl{ float:left; }
/* Listing Style */
ul li { list-style:none; }
ul { padding-bottom: 15px; /*position: relative;*/ }
ul li { color: #4C4E57; list-style:disc outside none; margin-left:15px;}
ol{list-style-position: inside;padding-bottom:15px;}
ol ol{margin-left:20px;}
ol ol ol{margin-left:20px;}
strong{font-weight: bold;}
/* color: #202333 !important; font-size: 16px !important; line-height: 20px;}*/
/*Anchor Tag */
a img { border:none; }
a { text-decoration:none; cursor:pointer; color:#F48027; }
.content_more { float:right; padding-right:10px; }
.content_list_more { width:100%; text-align:left;}
.content_list_more a { color:#4368B1; font-size:12px; text-decoration:none; }
.content_list_more a:hover { color:#4368B1; text-decoration:underline; }
/*Heading Tags */
h2, h3 {
font-family: 'L Futura W01',Helvetica,Arial,sans-serif;
}
h1, h2, h3 {
/*font-weight: normal;*/
}
h1 { color:#606060; font-size:45px; padding-bottom:15px;padding-top:25px;letter-spacing: 0.1em; text-transform: uppercase;}
h2 { font-size:18px; color:#606060; padding-bottom:5px; padding-top: 15px;letter-spacing: 0.1em; text-transform: uppercase;}
h3 { padding-top:10px;padding-bottom:10px;font-size:18px; line-height: 22px;letter-spacing: 0.1em; text-transform: uppercase;}
.text-content h3 {/*border-top:1px solid #6f7381;padding:3px 0;*/}
h4 { padding-bottom:15px; }
h5 { padding-bottom:15px; }
h6 { padding-bottom:15px; }
/* Headers
-------------------------------------------- */
h1.page-title {
font-weight: normal;
float: left;
padding: 5px 60px 5px 0;
margin-bottom: 5px;
color: #606060;
}
p { color:#4C4E57; font-size:14px; margin-bottom:15px;}
p.images img {margin: 0;}
p img {margin: 10px auto;display:block;}
.captionImage.left{float:left;}
.captionImage.right{float:right;}
p.caption{
color: #999;
font-size: 12px;
text-align: center;
}
table { border-collapse:collapse; border-spacing:0; }
th, td { text-align:left; font-weight: normal; border: 1px solid #dededf; padding: 5px 10px; }
th{font-weight:bold;}
.clear { clear:both; }
img.left{float:left;margin: 0 10px 10px 0;}
img.right{float:right;margin: 0 0 10px 10px;}
pre{ margin: 20px 0;}
.blocks th, .blocks td { border: none; }
/************************
* GENERAL-USE ELEMENTS *
************************/
div.overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/overlay.png) repeat;}
div.activity {width: 48px; height: 48px; background: url(../images/icons/activity.gif) no-repeat center;}
/* CONTAINER
----------------------------------------- */
#BgContainer { width:100%; float:left; }
#Layout {margin: 0 auto; overflow: hidden; padding:0 0 20px; position:relative;}
.main-container {margin: 0 auto;}
#Content.mid {float: right; min-height: 940px; padding-left: 33px; position: relative; width: 468px; z-index: 2;}
/* HEADER
----------------------------------------- */
#header-container { width: 100%; margin-bottom: 20px;}
#Header { margin:0 auto; position:relative; height:158px; }
#Header { margin:0 auto; position:relative;}
#Header h1 { color:#fff; font-weight:400; padding:20px 0 0 30px; }
#Header p { font-size:1.4em; color:#fff; clear: left; margin:0 0 0 100px; }
#main-header {height:158px; margin-top: 20px;}
#Header .logo { float: left; width: 290px; height: 158px; }
#Header .logo img { width: 290px; }
.connt-search {float:right;margin-top: 12px;}
.connect {height:30px; margin-bottom: 5px;width:191px;}
.connect a { height: 30px; font-size:11px; color:#4368b1; text-transform:uppercase; padding:1px 2px; line-height:24px;float: left;font-weight:bold;}
.connect a:hover {/*border-bottom: 2px solid #F48027;*/ opacity: 0.7;}
.connect a.first {background:none; text-align:center;}
.connect a.last {text-align:center;}
.connect .so-icon {text-align:center;}
.search {float:left;}
.search .bg-search{background:url(../images/bg-search.png) 0px no-repeat;float:left; padding: 7px 10px;width:197px;}
.search .bg-search input {width:200px; font-size:12px;}
.search .submit {background:url(../images/search-btn.png) no-repeat; width:53px; height:22px; float:left; margin-top: 6px; color:transparent; cursor:pointer;}
.search input { background:none;}
.submit input {width:53px; height:22px; float:left;}
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#MobileNavigation { display: none; }
#Navigation {position: absolute; bottom: -11px; right: 0; height: 34px; z-index: 2500;}
.sf-menu .main-nav-link-wrapper { float: left;}
.main-nav-link-wrapper:hover { background: #6f7381;}
.main-nav-link-wrapper:hover .main-nav-link {
color:white;
/*padding-bottom: 9px;*/
/*border-bottom:3px solid #F48027;*/
/*border-bottom:1px solid #fff;*/
}
.main-nav-link:hover ul.sub-menu {border-bottom:none !important;}
.MenuNavigation { margin: 0 auto;}
.sf-menu .main-nav-link {
font-family: 'L Futura W01', 'PT Sans',Arial,Helvetica,sans-serif;font-size: 14px;letter-spacing:.05em;padding: 8px 0; float: left; color: #606060; font-weight: bold; text-transform: uppercase; padding:10px;
}
.main-nav-link-wrapper:hover ul{left:0;}
.main-nav-link-wrapper.current,
.main-nav-link-wrapper.section {background: #CCD0E0;}
.main-nav-link-wrapper.current:hover,
.main-nav-link-wrapper.section:hover {background: #6f7381;}
.main-nav-link.current,
.main-nav-link.section,
.main-nav-link.section:hover,
.main-nav-link.current:hover { background:#fff url(../images/activeTabLeft.png) no-repeat left top; color: #444; }
.main-nav-link.current span,
.main-nav-link.section span,
.main-nav-link.section:hover span,
.main-nav-link.current:hover span { background: #fff url(../images/activeTabRight.png) no-repeat right top; color:#444; }
body .homepage-container{width:100%;max-width:960px;padding-top:10px;}
body #aspotLinks {
left: auto;
right: auto;
width: 100%;
text-align: center;
}
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { color:#B7C0C5; text-align:left; font-size:0.9em; margin:0px 5px 10px 0; }
#Breadcrumbs p { margin:0; }
/* SIDEBAR
-------------------------------------- */
#Sidebar { float: right; padding: 0; width: 267px;}
#Sidebar .sidebarBox {background: url("../images/bg-widget.jpg") no-repeat scroll center bottom #FFFFFF; border: 1px solid #D5D5D5; box-shadow: 0 0 4px #AAAAAA; float: left; margin-bottom: 20px; padding: 9px 9px 9px 0; width: 250px; }
#Sidebar a em { font-style: normal; }
/* MENU2 */
ul#Menu2 li { font-size:0.9em; margin:1px 0 5px 4px; list-style:none; }
ul#Menu2 li a { display:block; width:196px; font-size:1.2em; height:1.8em; line-height:1.8em; color: #898989; }
ul#Menu2 li em { padding-left:8px; display:block; }
ul#Menu2 li li em { padding-left:0; }
/* Level 1
- We use 3 elements for the nav to get 3 background images applied.
* span - topleft rounded corner
* em - bottomleft rounded corner
* a - arrow on the right
*/
ul#Menu2 li a:hover, ul#Menu2 li a.current, ul#Menu2 li a.current:hover { background:#DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center; color:#666; cursor:pointer; text-decoration: none; }
ul#Menu2 li a.current { font-weight:700; }
ul#Menu2 li a.section, ul#Menu2 li a.section:hover { background:#DCDCDC; font-weight:bold; width:193px; }
ul#Menu2 li a.levela:hover span, ul#Menu2 li a.current span, ul#Menu2 li a.section span, ul#Menu2 li a.section:hover span, ul#Menu2 li a.current:hover span {
background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top; display:block; width:100%; height:100%; }
ul#Menu2 li a.levela:hover em,
ul#Menu2 li a.current em,
ul#Menu2 li a.section em,
ul#Menu2 li a.section:hover em,
ul#Menu2 li a.current:hover em { background:transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom; display:block; width:100%; height:100%; }
ul#Menu2 li ul {height: 100%; position: relative; margin: -4px 0 0 0; width: 193px; padding: 4px 0 10px 0; background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left; }
ul#Menu2 li ul li { width: 160px; background: #DCDCDC; padding: 0; font-size: 0.8em; display: inline; margin: 0; }
ul#Menu2 li ul li ul { background: #DCDCDC; margin-left: 0; }
ul#Menu2 li li a.current,
ul#Menu2 li li a.section,
ul#Menu2 li li a.section:hover,
ul#Menu2 li li a.current:hover { color: #555; font-weight: bold; background: #DCDCDC; }
ul#Menu2 li li ul { margin: 0 0 0 10px; padding: 0; width: 175px; }
ul#Menu2 li li ul .roundWhite { margin-bottom: -10px; }
/* Sub Menu */
ul#Menu2 li a.levelb { font-size: 1.7em; text-indent: 8px; width: 188px; background: transparent; margin-left: 10px; }
ul#Menu2 li a.levelb:hover,
ul#Menu2 li li a.current,
ul#Menu2 li li a.current:hover,
ul#Menu2 li li a.section,
ul#Menu2 li li a.section:hover { background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center; text-decoration: none; display: block; color: #fff; }
ul#Menu2 li a.levelb:hover span,
ul#Menu2 li li a.current span,
ul#Menu2 li li a.current:hover span,
ul#Menu2 li li a.section span,
ul#Menu2 li li a.section:hover span { background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top; display: block; width: 100%; height: 100%; }
ul#Menu2 li a.levelb:hover em,
ul#Menu2 li li a.current em,
ul#Menu2 li li a.current:hover em,
ul#Menu2 li li a.section em,
ul#Menu2 li li a.section:hover em { background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom; display: block; width: 100%; height: 100%; }
/* COMMENTS
---------------------------------------- */
#CommentHolder ul { list-style: none; margin: 20px 0; }
#PageComments li { margin: 5px 0; padding: 1px; width: 88%; }
#PageComments li.odd { background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%; padding-left: 40px; padding-right: 10px; border-bottom: 2px solid #BCE4FE; }
#PageComments li.even { background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%; padding-right: 40px; padding-left: 10px; }
#PageComments li.odd p.info { color: #3AA0C3; }
.actionLinks li { display: inline; border-right: 1px solid #ddd; }
.actionLinks li a { padding-right: 3px; font-size: 10px; }
.actionLinks li.last { border-right: none; }
.commentrss { background: transparent url(../images/feed-icon-14x14.png) no-repeat; padding-left: 20px; font-size: 1.1em; line-height: 1.6em; }
#PageCommentsPagination p { text-align: center; font-size: 1.2em; }
#PageComments p { font-size: 1em; }
#PageComments p.info { color: #999; margin: 0px; padding: 0; line-height: 1em; font-size: 0.9em; }
/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults { margin:10px 0; }
ul#SearchResults li { list-style:none; margin:5px 0; font-size:1em; }
/* SEARCH FORM
-----------------------------------------------*/
#SearchForm_SearchForm {clear: both;}
#SearchForm_SearchForm #Search {float: left;}
#SearchForm_SearchForm .middleColumn {background: transparent url(../images/search/searchBox.png) no-repeat left top; width: 206px; height: 29px; margin: 0 0 0 -5px; padding: 0;}
#SearchForm_SearchForm input[name="Search"] {background: transparent; border: none; width: 183px; height: 18px; margin: 6px 0 0 7px; padding: 0 5px; font-size: 10px; color: #6F7381;}
#SearchForm_SearchForm input[type="submit"] {background: url(../images/search/searchButton.png) no-repeat left top; float: left; text-indent: 105%; white-space: nowrap; overflow: hidden; width: 54px; height: 22px;padding: 0; margin: 5px 0 0; border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent;}
.searchQueryTitle {font-size: 16px;}
ul.searchResults {margin-top: 20px; width: 400px;}
ul.searchResults li {list-style: none; margin-left: 0; margin-bottom: 27px;}
ul.searchResults li a.searchResultsHeader {font-size: 14px; display: block; margin-bottom: 5px;}
.ajax-more { clear: both; }
.ajax-more a {display: block; width: 80px; background-color: #F48027; color: #fff; padding: 8px; margin: 0 auto; text-align: center; }
.ajax-more a:hover { background-color: #e87a25; }
#PageNumbers {font-size: 12px; border-top: 1px solid #cacaca; padding-top: 7px;}
#PageNumbers a:hover {text-decoration: underline;}
#PageNumbers a.prev {background: url(../images/icons/leftArrow.png) no-repeat left top; padding-left: 12px; display: inline-block; padding-right: 9px; border-right: 1px solid #cacaca; margin-right: 10px; color: #6f7381;}
#PageNumbers a.next {background: url(../images/icons/rightArrow.png) no-repeat right top; padding-right: 12px; display: inline-block; padding-left: 9px; border-left: 1px solid #cacaca; margin-left: 10px; color: #6f7381;}
#PageNumbers span.num {display: inline-block; margin: 0 3px;}
/*html #SearchForm_SearchForm { margin: 5px; }
html #SearchForm_SearchForm .middleColumn { float: left; width: 164px; margin: 0 5px 0 0; padding: 2px; background-color: #51a9df; }
html #SearchForm_SearchForm .middleColumn input.text { width: 160px; border: none; color: #666; }
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results { float:left; margin-top:2px; }*/
/* MESSAGEBOXS
--------------------------------------------- */
.message { color: #fff;
background: #82c162;
display:block;
width: 97.1%;
margin: 10px 0 40px;
padding: 1.5%;
border: none;
}
.message.bad,
.message.required{ background-color: #c33737; color: #ffffff;border:0;}
.message.warning{ background-color: #f9d31a;color: #666;}
span.middleColumn .message { margin:4px 0 0 3px; }
p#Remember label { margin: -24px 0 0 20px; text-align: left; }
.entry { border-bottom: 1px solid #eee; }
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm { min-height:100px; }
#Unsubscribe_MailingListForm_MailingListForm p { margin:0 !important; padding:10px; }
#Unsubscribe_MailingListForm_MailingListForm p label { display: inline; }
#Unsubscribe_MailingListForm_MailingListForm label { margin:0; }
/* FOOTER
----------------------------------------------- */
/*#Footer { background: url("../images/bg-footer.jpg") repeat-x scroll center top transparent; float:left; height:72px; padding-top:25px; width:100%; margin-top: 35px;}*/
#Footer { background: transparent; float:left; height:72px; padding-top:25px; width:100%; margin-top: 35px;}
#Footer.home {margin-top: 0;}
/*.main-footer {float:left; width:100%; height:72px;background:url(images/bg-footer.jpg) center top repeat-x; padding-top:25px;}*/
.main-footer {float:left; width:100%; height:72px;padding-top:25px;}
.footer {margin:0 auto; /*width:952px;*/}
.copyright {float:left; width:auto; color:#999999; font-size:12px; margin-top:5px; float: left;}
.copyright span {padding-top: 10px;display:block;}
.right-foot-links{width:482px;float:right;font-size:9px;color:#4368b1; margin-top: 7px;}
ul.foot-links {float: right; margin-right: 15px; margin-top: 7px;}
.foot-links a{ font-size:9px; color:#4368b1; font-weight: bold;}
.foot-links li {list-style:none; float:left; border-left:1px solid #4368b1; padding-left:10px; margin-left:10px;}
.foot-links li.first {border:none; padding:0; margin:0;}
.foot-links a:hover {text-decoration:underline;}
.ltd-part { float: right;}
.copy-links {float:left; width:228px;}
ul.copy-links li {font-size:9px; list-style:disc inside none; float:left; padding-left: 5px; margin-left:0px !important; }
/*----------------------------------------------------------------------------------------------*/
/*------------------------------------ superfish.css START -------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none;}
.sf-menu li.lastOption:hover ul { /*left:-105px; top:2.5em; match top ul list item height */ z-index:99; }
.sf-menu li.lastOption ul { /*left:-105px;*/ }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:17.146em; /* match ul width */ top:-0.2em; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
/*** DEMO SKIN ***/
.sf-menu { height:36px; line-height:1.0; display:inline-block; margin:0; float:right; position:relative; z-index:100; text-align:left;border-top-width: 0;}
.sf-menu li { position: relative;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
.sf-shadow ul.sf-shadow-off { background: transparent; }
.hc_person_head h4 { margin:0px; padding:8px 0 8px 5px; font-weight:normal; font-size:13px; }
.main-nav-submenu { overflow:hidden;position:absolute;width:150px; clear:both; background:#B2B4BD; top:34px;left: -9999px; box-shadow: 1px 1px 1px;}
.main-nav-submenu-link-wrapper {display:block; margin-right: 0; text-align: left;}
.main-nav-submenu-link {color:#202435; font-family: 'L Futura W01', 'Source Sans Pro',Arial,Helvetica,sans-serif;width: 130px;padding:10px;display: block;}
.main-nav-submenu-link-wrapper.current { font-weight: bold; background: #c7c8cf;}
.main-nav-submenu-link-wrapper:hover {background: #6f7381;cursor: pointer;}
.main-nav-submenu-link-wrapper:hover .main-nav-submenu-link {color: white;}
.Navigation { z-index:15; position:relative; width:100%; float:left; display:block; margin-bottom:1em;}
/*----------------------------------------------------------------------------------------------*/
/*------------------------------------ superfish.css END ---------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
/* #################################################################################*/
/* ########################## Scroller CSS #################################*/
/* #################################################################################*/
/* liScroll styles */
.announcement-container { width: 99.7%; height:23px; z-index:10; }
.tickercontainer { /* the outer div with the black border */ border:1px solid #d2d1f0; background:#fff; width:100%; height:23px; margin:0; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position:relative; left:10px; top:0px; width:960px; overflow:hidden; }
ul.newsticker { /* that's your list */ position:relative; left:950px; list-style-type:none; margin:0; padding:0; }
ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */
padding: 0; background: #fff; background:url(../images/bullet.png) left 10px no-repeat; padding: 0 0 0 11px; margin-right:80px; }
ul.newsticker a { white-space:nowrap; padding:0; color:#000090; text-decoration:none; font-size:12px; line-height:23px; }
ul.newsticker span { margin: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0){
.tickercontainer { width:100%; }
.tickercontainer .mask { width:100%; }
}
/* #################################################################################*/
/* #################################################################################*/
.left-cont.onsite {
width: 100%;
}
.onsite .blocks {
padding:0;
}
.onsite .block {
margin:0;
padding:20px 25px 25px 25px;
width: 95%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.onsite .blocks td {
vertical-align: top;
width: 50%;
padding-top: 25px;
}
.onsite .block h2 {
font-size: 24px;
line-height: 1;
padding-top: 0;
margin-bottom: 20px;
}
.onsite .block h3 {
border:none;
margin-top: 20px;
}
.onsite ul {
padding-bottom: 0;
}
.onsite li {
list-style-position: inside;
margin-left: 0;
margin-bottom: 3px;
border-radius: 2px;
padding: 5px;
}
.blocks { float: left; width: 100%;padding: 40px 0 0;}
.block.first { margin-left:0; }
.block { border-top: 2px solid #6F7381; float: left; margin: 12px 0 0 10px; padding: 10px 15px 20px 15px;
width: 270px; background:#E9EAEC; min-height:85px;}
.block:hover {
background: #ddd;
}
.learn-more {
font-weight: bold;
text-align: center;
padding: 10px 0;
border-radius: 2px;
box-shadow: 1px 1px #AE4309;
color: white;
background: #F48027;
width: 165px;
margin-top: 20px;
border: 0;
font-family: Georgia, 'Georgia W01', 'Times New Roman', serif;
font-size: 18px;
letter-spacing: 1px;
display: block;
text-transform: uppercase;
}
.block h2 { padding-top:5px;}
p.sp-parag { background: url("../images/bg-sp-parag.png") no-repeat scroll left top transparent; color: #273981 !important; font-family: Georgia, 'Times New Roman', serif; font-size: 24px !important; font-weight: bold; line-height: 30px !important; padding-bottom: 34px !important; padding-left: 15px;}
.regi-now { background: url("../images/register-btn.png") no-repeat scroll 0 0 transparent; color: transparent !important; float: left; height: 49px; margin: 0 0 5px 36px; width: 177px;}
#LeftSidebar {float: left;width: 152px;padding: 16px 0 0;}
.Subcategory{color: #6F7281;font-size: 12px;margin-bottom: 5px;margin-top: 5px;}
/*Events*/
.event {
}
/********Left Sidebar *******************/
.upcom-event {background: none repeat scroll 0 0 #202435; color: #FFFFFF;float: left; font-size: 12px; font-weight: bold; padding: 9px 0 9px 8px;
position: relative; top: 1px; width:153px;}
#myfilters li {font-family: 'L Futura W01','Source Sans Pro','Open Sans',Arial,Helvetica,sans-serif;}
#LeftSidebar ul#myfilters {padding: 0; margin: 0;position: relative;}
#LeftSidebar .filters {float:left; padding: 0 8px 0 0; width: 100%;}
#LeftSidebar .filters li { list-style:none !important; /*font-weight:bold; font-size:12px; border-top: 1px solid #A9ABB3;*/ margin-left: 0; display: block;}
#LeftSidebar .filters.first {border-top: none;}
#LeftSidebar .filters ul.subFilters {display: none;padding-bottom: 15px;}
#LeftSidebar .filters ul.subFilters.expanded {display: block;}
#LeftSidebar .filters ul.subFilters li {border: none; display: block; padding:10px 0 10px 20px;}
#LeftSidebar .filters ul.subFilters li label {display: inline-block; margin:0 0 0 10px;width: 100px;cursor: pointer;}
/*#LeftSidebar .filters li a {color:#fff; font-weight:bold; padding:12px 0px;}*/
#LeftSidebar .filters ul.subFilters li input[type="checkbox"] {float: left;margin-top:4px;}
#LeftSidebar .ul-cont {float:left;padding:9px 0 9px 8px;width: 95%;}
#LeftSidebar .ul-cont li { list-style:none !important; }
#LeftSidebar .ul-cont li a { color: #202435; font-size: 12px; font-weight: bold; padding-bottom: 15px; }
#LeftSidebar .ul-cont li em {padding:0; font-size:10px; color:#848792; font-weight:normal; display: block; }
#LeftSidebar .currentFilter {clear: both; color: white; padding: 12px 25px 12px 8px; background-color: #202435; font-family: 'L Futura W01','Open Sans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}
#LeftSidebar .currentFilter.closed {background: #202435 url(../images/bg-arrow2.png) no-repeat 95% center;}
#LeftSidebar .currentFilter.open {background: #202435 url(../images/bg-arrow.png) no-repeat 95% center;}
#LeftSidebar div.topLink {position: fixed; bottom: 0; display: none;}
#LeftSidebar div.topLink a {display: block;
background: #273981;
padding: 5px;
color: white;
text-transform: uppercase;}
#threeColFilters {display: none; margin: 0; padding: 0; }
#threeColFilters li{list-style: none; padding: 0 9px; background-color: #6f7381; margin: 0;}
#threeColFilters li a {color: #ffffff; display: block; padding: 14px 0; border-bottom: 1px solid #a9abb3; font-family: 'L Futura W01','Open Sans', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}
#threeColFilters li a.last {border: none;}
#items {font-family: 'L Futura W01','Open Sans', Arial, Helvetica, sans-serif; margin-top: 10px;}
#items .contentItem {cursor: pointer; display: none; padding: 10px 10px 10px 8px;}
#items .contentItem.active {background-color: #e1e1e2;}
#items .contentItem:hover {background-color: #e1e1e2;}
#items h5 {color: #202435; font-weight: bold; font-size: 12px; margin: 0; padding: 0;}
#items div.fulltext {display: none;}
#items div.sidebar {display: none;}
div.addResources {margin-top: 30px; font-family: 'L Futura W01','Open Sans', Arial, Helvetica, sans-serif;}
div.addResources h6 {font-size: 16px; font-weight: bold; color: #202333; margin-bottom: 10px; padding: 0;}
div.addResources a {display: block; padding-left: 20px; font-size: 12px; color: #273981; margin: 5px 0; text-decoration: underline; min-height: 15px;}
div.addResources a.video {background: url(../images/icons/Play_Icon.png) no-repeat left top;}
div.addResources a.pdf {background: url(../images/icons/PDF_Icon.png) no-repeat left top;}
div.addResources a.extlink {background: url(../images/icons/External_Link_Icon.png) no-repeat left top;}
#items div.date {font-weight: normal; font-style: italic; font-size: 10px; color: #4C4E57;}
#Content div.date {font-weight: normal; font-style: italic; font-size: 12px; color: #4C4E57; margin-bottom: 15px;}
ul.add-res{ margin-top:5px !important;}
ul.add-res li {list-style:none !important; line-height:24px !important;}
ul.add-res li a {color:#273981; text-decoration:underline;}
ul.add-res li span {position:relative !important; top:2px !important;}
.leftsidebarBox span {display: inline-block; font-family: 'L Futura W01',Helvetica,Arial,sans-serif; font-size: 12px; padding-bottom: 5px; font-weight: bold;}
.shadow { padding: 15px 0 0 10px; position: relative; z-index: 5;}
/***********
* WIDGETS *
***********/
.widget { width:268px; margin-bottom:25px;}
.widget div.content {background: #E9EAEC; padding: 10px 15px;}
.widget .bar-wrapper {position:relative;}
.widget h2.bar {background-color: #B2B4BD; color: white; font-size: 16px; font-weight: 400;
padding: 8px 10px; margin-bottom: 15px; margin-left: -19px;}
.widget h2.bar:before { position: absolute;bottom:-8px;left:-19px;content:"";border-top:4px #6f7381 solid;border-left:4px solid transparent;border-bottom:4px solid transparent;}
.widget div.learnmore {margin: 15px 0 5px; font-family: Georgia, 'Georgia W01', 'Times New Roman', serif; font-size: 12px;}
.widget div.via {margin-top: 20px; margin-bottom: 5px; font-size: 12px;}
/*.widget.register a {display: block; width: 177px; height: 49px; margin: 15px auto 5px;}*/
/*.widget.register a.Read.More {background-image: url(../images/Read_More_BTN.png);}*/
/*.widget.register a.Learn.More {background-image: url(../images/Learn_More_BTN.png);}*/
/*.widget.register a.Register {background-image: url(../images/Register_Now_BTN.png);}*/
/*.widget.register a.Download {background-image: url(../images/Download_BTN.png);}*/
.widget.pullquote p, .widget.stylizedquote p { color:#4C4E57;padding:0px; padding-top: 5px; margin-bottom: 10px;}
.widget.pullquote span.handle {color: #202333;}
.widget.stylizedquote .author {font-weight:bold;text-align: right;}
.pullquote .para-header {height:13px; width: 268px; background: url('../images/pull-quote-header.png') repeat-x top left;}
.widget.video a.vidLink img {width: 238px;}
.widget.twitter h2 {padding-top: 5px; padding-bottom: 4px;}
.widget.twitter img.avatar {display: inline-block; width: 31px; height: 31px; vertical-align: middle;}
.widget.twitter div.tweet {border-bottom: 1px solid #ccc; padding: 6px 0;}
.widget.twitter div.tweet.last {border: none;}
.widget.twitter ul.links {margin: 0; padding: 0; margin-top: 2px; font-size: 9px;}
.widget.twitter ul.links li {list-style: none; display: inline-block; margin: 0; padding: 0; font-size: 9px; line-height: 1.2em;}
/************ home page css ***************/
/*#a-spot {
height: 100%;
}*/
/*.a-spot-image-wrapper {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}*/
/*.a-spot-image {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 10% 100%;
-moz-transform-origin: 10% 100%;
-ms-transform-origin: 10% 100%;
-o-transform-origin: 10% 100%;
transform-origin: 10% 100%;
-webkit-transition: all 15s;
-moz-transition: all 15s;
-ms-transition: all 15s;
-o-transition: all 15s;
transition: all 15s;
}
.a-spot-image.active {
-webkit-transform: scale(0.99);
-moz-transform: scale(0.99);
-ms-transform: scale(0.99);
-o-transform: scale(0.99);
transform: scale(0.99);
-webkit-transform-origin: -10% -300%;
-moz-transform-origin: -10% -300%;
-ms-transform-origin: -10% -300%;
-o-transform-origin: -10% -300%;
transform-origin: -10% -300%;
}*/
.contact-address {margin:50px 0 0 -44px; float:left; width:105%;}
ul.contact-address li {margin-left:44px; float:left;border-top:1px solid #6f7381;padding:11px 0 0 0; width:288px;margin-bottom: 25px; list-style: none;}
.main-slider {background: url(../images/bg-slider.png) no-repeat scroll 370px 12px transparent; height:350px; width:950px; margin:0 auto; padding-bottom:150px;}
.sl-left { display: block !important;z-index: 2000; float: left; height: auto !important; padding: 60px 0 0 10px; width: 430px;}
.sl-left p { font-size:20px; color:#6f7381; line-height:22px; padding:0;}
.sl-left h1 {padding-bottom:11px;}
.sl-btn {padding:20px 0 0 0; float:left; width:402px;}
.main-logo {width:250px;float: right;border-top: 1px solid #6f7381;}
.main-logo img {margin-left:10px; float:left; }
.main-logo-cont{margin:0 auto;}
*+html .main-logo-cont {width:975px;}
.ani-logos {margin-left:-30px;}
ul.sl-menu {float:left; width:350px; clear:both; margin-top: 30px;}
ul.sl-menu li {background: url("../images/sl-tab-divider.jpg") no-repeat scroll left center transparent; float: left;margin-left: 14px; padding-left: 14px;}
ul.sl-menu li a {font-size:12px; /*color:#5577b9; */font-weight:bold; line-height: 28px;}
ul.sl-menu li a.active, ul.sl-menu li a:hover { color:#F48027;}
ul.sl-menu li.first {padding:0; background:none;}
.main-layout {padding:0 !important;}
.upcom-event span { font-size: 12px; padding:2px 0 0 0; width:110px;}
ul#logoList {display: none;}
ul#logoBox {display: block; width: 100%; margin: 0 auto; padding: 0;}
ul#logoBox li {list-style: none; display: inline-block; margin: 0 auto; width: 110px;}
ul#logoBox li:nth-child(2n) {margin-left: 25px;}
ul#logoBox li.last {margin-right: 0;}
ul#logoBox li a {display: table-cell; height: 110px; width: 110px; vertical-align: middle;}
ul#logoBox li a img{display: inline; vertical-align: middle; max-width: 110px; max-height: 110px; margin: 0; padding: 0;
}
ul#logoBox li a:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
ul#logoBox li a img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.HomePage #spotsContainer .h1{
top: 47%;
display: flex;
position: absolute;
width: 100%;
}
.HomePage #spotsContainer .h1 a{
width: 100%;
text-align: center;
}
.HomePage #spotsContainer .h1.light a{color:#fff;}
.HomePage #spotsContainer .h1.dark a{color:#000;}
.homepage-bottom {
padding-top: 40px;
}
.homepage-stories-container {
width: 77%;
margin: 0 auto;
padding: 20px 20px 2px;
}
/*.homepage-story-body, .homepage-story-title, .homepage-story-link, .event-title, .event-body, .event-link, .event-date {
margin-left: 180px;
}*/
.read-more-press-link {
margin: 50px 0 20px 0;
}
.homepage-story, .event {
position: relative;
height: 125px;
border-top: 1px solid #6f7381;
margin-bottom:15px;
}
.homepage-story-text-wrapper, .event-text-wrapper {
float: left;
width: 72%;
}
.homepage-story { border: none; margin-bottom: 50px; height: 150px; }
.homepage-story:hover { cursor: pointer; }
.homepage-story:hover .homepage-story-title { text-decoration: underline; }
.homepage-story.last { margin-bottom: 0; }
.homepage-story.no-image .homepage-story-text-wrapper, .event.no-image .event-text-wrapper {
width: 100%;
}
.homepage-story.no-image .homepage-story-image, .event.no-image .event-image {
display: none;
}
.homepage-story-image { box-sizing: border-box; border: 1px solid #dededf; }
.homepage-story-title, .event-title { font-family: 'L Futura W01',Helvetica,Arial,sans-serif; margin-top:5px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 5px; }
.homepage-story-title { margin-top: 0; }
.homepage-story-date { margin-bottom: 10px; font-size: 12px; font-style: italic; }
.event-title {
white-space: nowrap;
text-overflow: ellipsis;
}
.homepage-story-body, .event-body {
height: 60px;
margin-bottom: 10px;
overflow: hidden;
}
.homepage-story-body {
height: 50px;
}
.homepage-story-image, .event-image {
float: left;
display: block;
width: 25%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
margin-right: 3%;
background-size: 100%;
}
.event-body {
height: 75px;
position: relative;
margin-bottom: 0;
margin-top: 5px;
}
.event {
height: 145px;
position: relative;
}
.event-date {
font-size: 12px;
font-style: italic;
margin-top: -6px;
}
.event-link {
font-size: 12px;
}
.event.expanded {
height: auto;
}
.event.expanded .event-body {
height: auto;
}
.event-body:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.event-body img {
display: none;
}
.expanded .event-body img {
display: block;
}
.event.expanded .event-body:before {
height: 0%;
}
.event.future .event-title {
width: 80%;
}
.past .future-event-flag {
display: none;
}
.future .future-event-flag {
position: absolute;
top:8px;
right:5px;
font-weight: bold;
color:#F48027;
}
/************ contact page css *************/
.one-col-cont {padding-top:18px;}
.con-le-cont {float:left; width:288px;}
.con-le-cont .contactInfo {margin: 20px 0 40px;}
.con-le-cont strong {font-size: 100% !important; font-weight: bold; color: inherit !important; line-height: 100%;}
.con-ri-cont {float:right; width:620px;}
.con-ri-cont iframe {border:1px solid #ddd; border-bottom:5px solid #f26725;}
.download-kit {float:left;}
.download-kit a {color:#273981; text-decoration:none !important; display: block; margin-top: 4px;}
.download-kit a:hover {text-decoration:underline !important;}
ul.contact-address strong {font-size: 100% !important; font-weight: bold; color: inherit !important; line-height: 100%;}
/************ logo slider ***********/
ul#slider1 {overflow: hidden; float:left; width: 990px;}
ul#slider1 li { margin-left:0px !important; height:195px;list-style: none outside none; z-index:0 !important;}
ul#slider1 li a {float:left;}
/*************home slider ***************/
ul#links {bottom: 131px; clear: both; float: left; margin-top: 30px; position: absolute; width: 350px;z-index: 2000;}
ul#links li {list-style:none; background: url("../images/sl-tab-divider.jpg") no-repeat scroll left center transparent; float: left;margin-left: 14px; padding-left: 14px;}
ul#links li a {font-size:12px; /*color:#5577b9; */font-weight:bold; line-height: 28px;}
ul#links li a:hover, ul.sl-menu li a:hover { color:#F48027;}
ul#links li.first {padding:0; background:none;}
.sl-left h1 { padding-top:0px; }
.left-cont.isotopia { float: left;margin-right: 0;min-height: 940px; width: 790px; z-index: 2;}
.item { background: none repeat scroll 0 0 #888888; /*color: #222222;*/float: left;height: 130px;
/*margin: 5px;*/ overflow: hidden; width: 130px;}
.item.teamMember {width: 140px;}
.clickable {cursor: pointer;}
.item .in-desc{display: none;}
.item.insight-desc .in-desc{display: block;}
.item.insight-desc .team-member-detail, .item.insight-desc img{display: none;}
.detailView { border:1px solid #ddd; float: left; margin:0 0 16px 16px; position: relative; width: 614px !important; padding: 0; height: auto; background: #ffffff;border-radius:2px;}
.detailView .detailWrapper {border-bottom: 5px solid #f26725;}
#description {border: 1px solid #202435; float: left; margin: 0 0 16px 16px; padding: 15px; background: #ffffff url(../images/bg-team-decp.jpg) no-repeat bottom center; width: 268px; height: 336px;}
#description h2 {font-size: 24px; font-weight: bold; font-family: Georgia, 'Georgia W01', 'Times New Roman', serif; color: #273981;}
#description p {font-size: 24px; line-height: 1em; font-weight: normal; font-family: Georgia, 'Georgia W01', 'Times New Roman', serif; color: #273981;}
.teamMember { border: 1px solid #ddd; height: 174px; margin: 0 0 16px 16px; position: relative;border-radius: 2px;}
.contact-title {margin-right:10px;}
.teamMemberImage:before, .successStory .thumbnail:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 35%;
background-image: -webkit-linear-gradient(transparent, black);
background-image: -moz-linear-gradient(transparent, black);
background-image: -ms-linear-gradient(transparent, black);
background-image: -o-linear-gradient(transparent, black);
background-image: linear-gradient(transparent, black);
background: linear-gradient(transparent, black);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#FF000000);
}
.teamMemberImage:before {
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.teamMember:hover .teamMemberImage:before {
height: 50%;
}
.successStory .thumbnail:before {
height: 50%;
}
.successStory:hover .success-detail {
background: rgba(0,0,0,0.65);
}
.successStory
.teamMember a { color: #FFFFFF; display:inline-block; font-weight: bold; line-height: 18px;}
.teamMemberImage {max-width: 176px; max-height: 258px; margin: auto; display: block; text-align:center;}
.team-filters li a, .success-filters li a, .portfolio-filters div { color: #202435; display:block; padding: 10px 5px; text-align:center; margin:0 auto;border-bottom: 1px solid #E9EAEC; }
.team-filters li a.first, .success-filters li a.first, .portfolio-filters div.first {border-top: 1px solid #E9EAEC;}
.team-filters li a:hover, .team-filters li a.active:not(.first), .portfolio-filters div:hover, .portfolio-filters div.active:not(.first),
.success-filters li a:hover, .success-filters li a.active:not(.first) { background: #CCD0E0;
transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-webkit-transition: background-color 0.4s;
cursor: pointer;
}
.category.open {
border-bottom-color: #888;
}
#reset-filters {
font-size: 12px;
float: right;
margin-top: -18px;
}
.portfolio-filters {
border-top:1px solid #bbb;
}
.filters-label {
font-family: 'L Futura W01',Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
}
.left-cont { float:left; width:620px;}
.teamMember div.team-member-detail { bottom:0; color:#FFFFFF; display:block; font-size:12px; left:0;
padding:5px 12px 5px 12px; position:absolute; width:116px; }
.iso-img { border:1px solid #202435; float:left; height:165px; margin:0 0 16px 16px; width:176px; }
.iso-img.big { position: relative; width: 614px; padding: 0; height: auto;}
.iso-cont {padding:10px 20px; position:relative;}
.tabs ul { font-family: 'L Futura W01',Helvetica,Arial,sans-serif; margin-top:10px; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #c6c6c8;}
/*.tabs ul li {display: inline; list-style:none; border-left:1px solid #c6c6c8; padding:4px 0 4px 11px; margin: 0 0 0 11px;font-size: 12px;}*/
.tabs ul li {display: inline; list-style:none; border-left:1px solid #c6c6c8; padding:4px 0 4px 11px; margin: 0 0 0 11px;}
.tabs ul li.first {border:none; padding-left: 0; margin-left: 0;}
/*.tabs ul li a {color:#202435; font-size:12px; font-weight:bold;}*/
.tabs ul li a {color:#202435; font-weight:bold;}
.tabs ul li a.active, .iso-cont ul li a:hover {color:#f16727; }
.iso-cont .overview.teamMember{ padding-top:10px; border-top:1px solid #c6c6c8; overflow:hidden;}
.left-iso-cont {float:left; width:260px;}
div.caseStudyLink a {display: block; margin-top: 10px; padding-left: 20px; min-height: 15px; text-decoration: underline;}
div.caseStudyLink a.video {background: url('../images/icons/Play_Icon.png') no-repeat left top;}
div.caseStudyLink a.pdf {background: url('../images/icons/PDF_Icon.png') no-repeat left top;}
.right-iso-cont {float:right; width:230px;}
.icons img{margin-right:8px;}
.tabs .close {position: absolute;
font-family: 'L Futura W01',Helvetica,Arial,sans-serif;
right: 7px !important;
cursor: pointer;
top: 7px !important;
background: #F48027;
color: white;
text-align: center;
padding: 5px 10px;
border-radius: 2px;
box-shadow: 1px 1px #AE4309;
font-weight: bold;}
.assistant {
width: 190px;
}
.three-col-cont {height:942px; position:relative;}
.iso-cont .overview.details {border:none; margin:0px;height:auto;}
.hidden-details {display: none; visibility: hidden;}
.tabs { width: 100%;}
.pro-cont { float: left;}
.iso-cont .overview h3 { padding: 0; margin-top: 13px;}
.iso-cont .overview.details.teamMember {padding: 20px 0 15px;}
.pro-cont .contactDetails {margin-top: 10px;}
/*.pro-cont p strong { color: #6F7381 !important; float: left; font-size: 12px !important; width: 70px;line-height: 20px;}*/
.pro-cont p strong { float: left; line-height: 20px;margin-right: 10px;}
.pro-cont p span {float: left;}
.pro-cont a {font-weight:normal;}
.bio .iso-cont .overview.details {margin:0;}
.investments {}
ul.invest-list { margin: 0; padding: 0;}
ul.invest-list li {display:inline-block; line-height: 16px; list-style: none outside none; margin: 0; padding-right: 18px; width: 164px; color: #4C4E57; font-size: 12px;}
ul.invest-list a {font-weight:normal;}
.iso-cont .overview.details.teamMember .cornerImageHolder {border:1px solid #ddd; float:left; margin-right:20px;border-radius: 2px;}
.iso-cont .overview.details.teamMember .cornerImageHolder img {display: block; border-bottom:3px solid #f26725; height: 270px;}
.iso-cont .overview.details.teamMember .biography {clear: both; padding-top: 10px;}
.team-member-detail .position {display:none;}
.invest-list a {line-height:16px;}
.container {margin: 0 auto;padding:0; max-width: 960px;width:100%;}
.find { font-family: 'L Futura W01',Helvetica,Arial,sans-serif; background: #6f7381; color:#ffffff; font-size:12px; padding: 6px 7px 7px 11px;
position:absolute; top: -50px; right:0;width: 282px;}
/************************
SITEMAP
************************/
ul#sitemap { padding:0; margin:0; list-style:none; font-weight:bold; }
ul#sitemap li { list-style:none !important;}
ul#sitemap ul { font-weight:normal; }
ul#sitemap ul li { list-style:none!important; font-weight:bold; background:none; }
ul#sitemap ul ul { }
ul#sitemap ul ul li {font-weight:normal; }
.sli-le-cont p { margin-bottom: 20px; color: #6F7381; font-size: 20px; line-height: 22px; padding:0px; width: 415px;}
span.cat-normal {background: url("../images/blue-arrow.png") no-repeat scroll transparent; cursor: pointer; float: left;height: 15px;margin: 11px 5px 14px 0;width: 13px;}
span.cat-down {background: url("../images/blue-arrow-down.png") no-repeat scroll transparent; cursor: pointer; float: left;height: 8px;margin: 14px 5px 14px 0;width: 13px;}
.contentBlock { padding-bottom:15px; }
.contentBlock h2 { padding-bottom:5px; }
.item.portfolio {background-color: #ffffff; display: none;border: 1px solid #ddd;border-radius: 2px;}
.item.portfolio.active {display: block;}
.item.portfolio span.name {display: none;}
.portfolio {/*border: 1px solid #202435;*/ float: left; height: 140px; margin: 0 0 16px 16px; position: relative; width: 140px;}
.portfolio div.logo {color: #202333; font-weight: bold; display: table-cell; width: 140px; height: 140px; vertical-align: middle; text-align: center; position: static;}
.portfolio div.logo span.displayName {display: inline-block; font-size: 14px; padding: 10px; color: #273981;}
.item span.displayNameBig {display: table-cell; height: 160px; vertical-align:middle; font-family: Georgia, 'Georgia W01', 'Times New Roman', serif; font-weight: bold; font-size: 22px; color: #606060;}
.portfolio div.logo img {max-width: 140px; max-height: 140px; display: inline; vertical-align: middle; margin: 0; padding: 0; position: static;}
.connect-portfolio {height:20px;width:200px;}
.iso-cont .overview .details {background: none;}
.iso-cont .overview .details .logo {width: 50%; margin: 0 20px 0 0; float: left;}
.iso-cont .overview .details .logo img {max-width: 285px; display: block;}
.iso-cont .overview .details .profile {width: 40%; margin: 30px 0 30px 10px; float: left;}
.iso-cont .overview .info {/*background:url("../images/bg-cont.jpg") top center no-repeat;*/ border-top: 1px solid #c6c6c6; clear: both; padding-top: 10px;}
.iso-cont .twitter.portfolio-tab .activity {margin-top: 10px;}
.iso-cont .twitter.portfolio-tab .twitter {/*background: url("../images/bg-cont.jpg") top center no-repeat;*/ padding-top: 20px;}
.iso-cont .twitter.portfolio-tab img.avatar {display: inline-block; width: 31px; height: 31px; vertical-align: middle; margin-right: 10px;}
.iso-cont .twitter.portfolio-tab .twitter div.tweet {border-bottom: 1px solid #e6e5e5; padding: 10px 0;}
.iso-cont .twitter.portfolio-tab .twitter ul.links {margin-top: 2px; padding: 0;}
.iso-cont .twitter.portfolio-tab .twitter ul.links li {margin: 0; padding: 0; list-style: none; display: inline-block;}
.iso-cont .twitter.portfolio-tab .twitter .moreLink {display: block; text-align: right; margin: 10px 0; text-decoration: underline;}
.iso-cont .details.portfolio-tab .detailLink {display: block; padding:20px 10px;}
/************************
Isotop of Successstroy
************************/
.iso-cont .success .overview.details {background: none;}
.iso-cont .success .info {background:url("../images/bg-cont.jpg") center top no-repeat; border-top: 1px solid #c6c6c6; clear: both; padding-top: 10px;}
.iso-cont .success-tab .logo img, .iso-cont .portfolio-tab .logo img {height: 160px;}
.iso-cont .success-tab .logo .video {height: 319px;}
.success-pro-name {float: left;width: 290px; margin-top: -13px;padding-bottom: 20px;}
.success-pro-content { clear: both; overflow: hidden;padding-bottom: 20px;width: 540px;}
.absclose{ position: absolute;right: 0;top: 0;z-index: 99;}
.TestimonialsBlock { margin-top: 20px; margin-bottom: 30px; }
.TestimonialsBlock .author{width:100%; margin-top:10px;}
.item.successStory {background-color: #ffffff;}
.item.successStory div.thumbnail {display: table-cell; width: 140px; height: 140px; vertical-align: middle; text-align: center; position: relative;}
.play-icon {position: absolute;
border-top: 20px solid transparent;
border-left: 25px solid rgba(255,255,255,0.3);
border-bottom: 20px solid transparent;
top: 43px;
left: 57px;}
.successStory:hover .play-icon{border-left-color: rgba(255,255,255,0.8);}
.item.successStory div.thumbnail span.displayName {display: inline-block; font-size: 14px; padding: 10px; font-weight: bold; color: #273981;}
.item.successStory div.thumbnail.video {background-color: #000000;}
.item.successStory div.thumbnail .playIcon {background:url(../images/icons/Success_Stories_Play_Icon.jpg) no-repeat left top; width: 27px; height: 27px; position: absolute; top: 0; right: 0;}
.item.successStory div.thumbnail img {max-width: 140px; max-height: 140px; display: inline; vertical-align: middle; line-height: 0; font-size: 0;}
.item.successStory div.thumbnail.video img {width: 140px;}
.item.successStory div.thumbnail img.play {position: absolute; left: 47px; top: 48px; width: auto; height: auto;}
.successStory {border: 1px solid #ddd; float: left; height: 140px; margin: 0 0 16px 16px; position: relative; width: 140px;border-radius: 2px;}
.successStory .success-detail {/*background:none repeat scroll 0 0 #202435;*/ bottom:0; color:#FFFFFF; display:block; font-size:12px; left:0;
padding:5px 12px 5px 12px; position:absolute; width:116px; }
.successStory .success-detail .sub {display: none;}
.successImage {max-width: 176px; max-height: 165px; display: inline; vertical-align: middle; margin: 0; padding: 0; position: static;}
.item .downloadLink {margin-top: 15px; background: url(../images/icons/PDF_Icon.png) no-repeat left top; display: block; padding-left: 20px; font-size: 12px; color: #273981; margin: 5px 0; text-decoration: underline; min-height: 15px;}
/*************************
* General Isotope Styles *
*************************/
#container {float:right;clear:both;width: 790px;}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/*************************
********** Media *********
*************************/
#Content section{}
#Content section h2{padding: 30px 0;text-align: center;font-size: 34px;font-weight: normal; }
#Content section .left{float: left;margin-right: 30px;margin-bottom: 35px;position:relative;}
#Content hr.section-separator,
#Content section hr.section-separator{clear: both;}
#Content section .media-title{text-transform: uppercase;font-size: 22px;font-weight: normal;padding-top: 0;text-shadow: 0 0 0px #333;}
#Content section .author{text-transform: uppercase;margin-bottom: 5px;display: block;font-size: 16px; letter-spacing: .1em; word-spacing: .2em;}
#Content section .right p{margin-bottom: 15px;line-height: 150%;}
#Content section .right .view{float: left;margin-right: 20px;}
hr{border: none;border-top: 1px solid #666;margin:15px 0;}
#Content section div a{float:none;background-color:transparent;margin-top:0;padding-left:0;}
#Content section div .view a{display: flex;}
#Content section div .bx-controls a{ width: 10px; height: 10px; background: #ccc;border-radius: 0;}
#Content section div .bx-controls a:hover,
#Content section div .bx-controls a:active,
#Content section div .bx-controls a:focus,
#Content section div .bx-controls a.active{background-color:#606163;}
#Content section.featured div h3 a{ display: block; max-height: 42px; overflow: hidden; }
#Content section.featured ul li { margin-left: 0; margin-right: 15px; }
#Content section div h3 a{color:#4C4E57;}
#Content section div h3 a:hover{color:#F48027;text-shadow: none}
#Content section a{float: right;background-color: #fff;margin-top: -8px;padding-left: 10px;}
#Content section .overlay-text{background-color: rgba(0,0,0,0.7); color: #fff;width: 94.2%;text-align: left;padding: 1% 3% 2%;position: absolute;bottom: 0;}
#Content section .overlay-text h3{text-transform:uppercase;padding-bottom: 3px;font-size: 16px;padding-top: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#Content section .overlay-text p{color: #fff;font-size: 13px;text-shadow: 0 0 1px #fff;}
#Content section .right .media-item{padding-bottom: 24px; min-height: 97px;}
#Content section .right .summary h3{font-size:16px;line-height:20px;padding-bottom:3px}
#Content section .right .summary p{line-height: 140%; margin-bottom: 0;}
#Content section .right .summary p.blogVitals{margin-top:10px;}
#Content #MediaInfographics .media-item{display: inline-block;width: 23%;vertical-align: top;margin: 0% 0.8% 2%;text-align: center;}
#Content #MediaInfographics .media-item .media-title{font-size:15px; margin-top: 6px; height: 43px;}
/** ELLIPSIS **/
#Content section#MediaBlogPosts .right .summary p,
#Content section#MediaVideos .right .summary p,
#Content section#MediaStories .right .summary p{line-height:123%;display: block;display: -webkit-box;height: 50px;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#Content section#MediaVideos .overlay-text p,
#Content section#MediaStories .overlay-text p{display: block;display: -webkit-box;height: 46px;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#Content section#MediaBlogPosts .right p{ display: block;display: -webkit-box;height: 210px;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#Content section#MediaBlogPosts .media-title a,
#Content section#MediaVideos .media-title a,
#Content section#MediaStories .media-title a,
#Content section#MediaInfographics .media-title a{
display: block;
max-height: 43px;
overflow: hidden;
}
#MediaInfographics{margin-bottom: 10px;}
#Contributors,
#MostPopular{ width: 44%; float: left;vertical-align: top;margin-top: 40px; margin-bottom: 5%;}
#MostPopular{ border-left: 1px solid #666; padding-left: 5%; margin-left: 5%;}
#Contributors .media-item{min-height:110px;margin-bottom:20px;}
#MostPopular .media-item{margin-bottom: 25px;counter-increment: myIndex;}
#MostPopular .media-item:before{content:counter(myIndex); position: absolute; margin-left: -16px; font-size: 16px; margin-top: -1px; color: #4C4E57; font-family: 'L Futura W01',Helvetica,Arial,sans-serif;}
#Contributors .media-image{float: left; margin: 0 10px 10px 0; max-width: 100px;clip-path: circle(60px at center);-webkit-clip-path: circle(50px at center);}
#Content #MostPopular div h3{font-size: 16px; line-height: 120%;padding-bottom: 5px;}
#Content #Contributors .author{margin-bottom: 10px;}
#Content #Contributors .author span:after,
#Content section h3 span:after{content:",";}
#Content #Contributors .author span:last-child:after,
#Content section h3 span:last-child:after{content:"";}
#Content .button{
display: block;
width: 80px;
background-color: #F48027;
color: #fff;
padding: 8px;
margin: 0 auto;
text-align: center;
float:none;
}
#Newsletter{ clear: both; background: #E9EAEC; padding: 15px 15px 5px;text-align:center;margin-top:3%;}
#Newsletter p{ font-size: 16px; text-transform: uppercase; font-family: 'L Futura W01',Helvetica,Arial,sans-serif; letter-spacing: 0.1em; text-shadow: 0 0 0px #333;}
.mailchimp{margin:20px 0;}
.mailchimp .field{display:inline-block;}
.mailchimp .field label{margin:0;display:inline-block;font-size:14px;color:#555;}
.mailchimp .field input{ padding: 5px 10px; border: 1px solid #999;}
.mailchimp .submit{ font-family: Georgia, 'Georgia W01', 'Times New Roman', serif;padding: 6px 20px;display: inline-block;background-color:#F48027;color:#fff;cursor:pointer;}
.contributor-page .blogSummary{margin-top: 25px; overflow: hidden; }
.contributor-page .blogSummary img{display:block;}
.contributor-page .blogSummary a.social{ font-size: 0; margin-right:5px;width: 32px; height: 32px; display: inline-block;background:transparent url(../images/social-icons.png) no-repeat;}
.contributor-page .blogSummary a.facebook{background-position:-83px 0;}
.contributor-page .blogSummary a.twitter{background-position:-41px 0;}
.contributor-page .blogSummaryImage .media-image {margin: 0 10px 10px 0; max-width: 100px;clip-path: circle(60px at center);-webkit-clip-path: circle(50px at center);}
#Content.contributor-page section .left { margin-right: 10px; margin-bottom: 0; }
#equalHeights .category{
display: inline-block;
width: 25%;
padding: 1% 3% 0;
background-color: #ddd;
margin: 1.5% 1%;
vertical-align: top;
}
#equalHeights div:nth-child(1){background-color:#E37AAE;}
#equalHeights div:nth-child(2){background-color:#E0C572;}
#equalHeights div:nth-child(3){background-color:#93C7E3;}
#equalHeights div:nth-child(4){background-color:#E57099;}
#equalHeights div:nth-child(5){background-color:#D69467;}
#equalHeights div:nth-child(6){background-color:#DE6D67;}
#equalHeights div:nth-child(7){background-color:#6CC2A1;}
#equalHeights .category h2{font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 10px;}
#equalHeights .category p{border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom:10px;}
#equalHeights .category p a{color: #000; font-weight: 700; font-size: 18px; line-height: 130%; font-family: 'L Futura W01',Helvetica,Arial,sans-serif;}
#equalHeights .category p a:hover{color:#333;}
#equalHeights .category a.button{ background-color: #F48027; color: #fff; padding: 5px 16px; font-size: 14px; font-weight: normal;display:block;width:105px;margin:25px auto 0;}
#equalHeights .category a.button:hover{opacity:0.8;}
.padded{padding-top:35px;}
.blogEntryContent ul, .blogEntryContent ol { margin-left: 40px !important; }
.hasSidebar .blogEntryContent{ width: 65%; float: left; margin-right: 5%;}
.hasSidebar .blogEntryContent::first-letter{ font-size: 43px; float: left; margin-right: 5px;}
body .hasSidebar .blogEntryContent blockquote{width:100%;}
body .hasSidebar .blogEntryContent blockquote p{width:85%;}
body .hasSidebar .blogEntryContent blockquote p img{width:100%;}
.hasSidebar#Content section div blockquote a{margin:0 0 10px;display:inline-block;}
.hasSidebar #Sidebar{width:30%;padding-top:0;}
#about-the-author a img{ float: left; margin: 0 -4px 10px -15px; max-width: 110px; clip-path: circle(45px at center); -webkit-clip-path: circle(45px at center);}
#about-the-author a img:hover{opacity:0.8;}
.hasSidebar .title{ border-bottom: 1px solid #aaa; padding-bottom: 5px; margin-bottom: 15px;}
.hasSidebar .subtitle{ text-transform: uppercase; font-family: 'L Futura W01',Helvetica,Arial,sans-serif; display: block;font-weight: 300; text-shadow: 0 0 0 #333; letter-spacing: 0.1em; color: #606060;margin-bottom:7px;}
.hasSidebar .subtitle:hover{color:#C35A0A;}
#Content.hasSidebar .button.mini{ width: 40px; padding: 6px 20px; margin: 10px auto 0;}
#Content.hasSidebar .button.mini:hover{background-color:#C35A0A;}
.hasSidebar ol{ list-style-position: outside; margin-left: 20px;padding-bottom:0;}
.hasSidebar li { margin: 0 0 5px; }
#Sidebar .sidebarSection{margin-bottom:20px;}
#Sidebar ol{ list-style-position: outside; margin-left: 20px;padding-bottom:0;}
#Sidebar ul{list-style:none;}
#Sidebar ul li{list-style:none;margin-left:0;}
#Sidebar li{margin:10px 0;}
#Sidebar li a{color:#666;}
#Sidebar li a:hover{color:#C35A0A;}
#Sidebar .mailchimp .field{width:64%;}
#Sidebar .mailchimp .field label{display:block;text-align:left;}
#Sidebar .mailchimp .field input{width:85%;}
#Sidebar .mailchimp .submit:hover{background-color:#C35A0A;}
#explore ul li a{background-color:#f48027;color:#fff;padding:4px 0;font-family: 'L Futura W01',Helvetica,Arial,sans-serif;text-align:center;width:100%;display:block;text-transform: uppercase;}
#explore ul li a:hover{background-color:#C35A0A; color: #fff;}
#related-stories {margin-bottom: 50px; overflow: hidden; }
#related-stories .related{width: 29%;margin:0 2%;display: inline-block;text-align: center;float:left;overflow:hidden;}
#related-stories .related .image{height: 185px; margin-bottom: 15px;}
#related-stories .related img{width:auto;height:100%;}
#related-stories .related p{margin-bottom:5px;}
#related-stories .related a{color:#666;font-family: 'L Futura W01',Helvetica,Arial,sans-serif;letter-spacing: 0.5px}
#related-stories .related a.cat{text-transform: uppercase;}
#related-stories .related a:hover{color:#C35A0A;}
#related-stories .related h4{padding-bottom:8px;font-size:16px; min-height: 40px;}
body .comment .date{text-transform: uppercase; font-weight: 700;}
body .comment .comment-text{white-space: normal;margin:6px 0 20px;}
i.shareaholic-service-icon.service-facebook { background: #597ac7 !important; }
i.shareaholic-service-icon.service-linkedin { background: #0077B5 !important; }
i.shareaholic-service-icon.service-twitter { background: #5bbcec !important; }
i.shareaholic-service-icon.service-google_plus { background: #fd3832 !important; }
i.shareaholic-service-icon.service-all { background: #31986E !important; }
.shareaholic-share-buttons-container.mini .shareaholic-share-buttons li.shareaholic-share-button {
width: 30px !important;
height: 30px !important;
}
.shareaholic-share-buttons-container.round.mini .shareaholic-share-button-container .shareaholic-service-icon {
font-size: 15px !important; height: 30px !important; width: 30px !important;
}
.shareaholic-share-buttons-container.round.mini .shareaholic-share-button-container .shareaholic-service-icon:before {
top: 8px !important; left: 8px !important;
}
/********** some important fixes to fix wider iamges with width and height attributes specified ************/
#BlogEntry div.captionImage { width: 100% !important; }
#BlogEntry img.captionImage, #BlogEntry img.right, #BlogEntry img.left, #BlogEntry img.leftAlone, #BlogEntry img.center {
max-width: 100% !important;
height: auto !important;
}
/****** FILE: themes/venture/css/form.css *****/
/**
* SilverStripe Black Candy Theme
* http://www.silverstripe.com
*
* Form Styling
*/
/* FIELDSETS
---------------------------------------- */
fieldset {
border: 0;
}
/* ACTION BUTTONS
---------------------------------------- */
input.action {
background-color: #F48027;
color: #fff;
padding: 5px 16px;
font-size: 14px;
margin: 20px 0;
}
input.action:hover,
input.action:focus {
cursor: pointer;
outline:0;
}
input:hover,
input:focus{outline:0;}
/* FIELD FORMATING
---------------------------------------- */
form ul {
list-style: none;
}
.middleColumn {
display: block;
margin: 4px 10px 10px 0;
clear: left;
}
.middleColumn input,
.middleColumn textarea{
font-family: 'L Futura W01',Helvetica,Arial,sans-serif;
background: #6f7381;
color: #ffffff;
font-weight: normal;
font-size: 15px;
border: none;
padding: 6px 7px 7px 11px;
width:auto;
min-width:240px;
}
#Sidebar .middleColumn {
margin: 0 0 0 8px;
display: inline;
}
div.tab .field .middleColumn {
clear: none !important;
margin: 0 !important;
width: auto;
}
.middleColumn .middleColumn {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.middleColumn .message {
margin: 0;
}
/* INPUT BOXS
---------------------------------------- */
/*input.text, textarea, select {
padding: 2px;
border: 1px solid #A7A7A7;
color: #000;
font-size: 12px;
font-weight: bold;
width: 300px;
}
textarea {
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
}
input:focus span, textarea:focus span {
border: 3px solid #000;
}*/
/* SELECT DROPDOWN
---------------------------------------- */
select {
width: auto;
}
/* LABELS
---------------------------------------- */
.typography label {
font-weight: bold;
float: none;
margin: 0;
font-family: 'L Futura W01',Helvetica,Arial,sans-serif;
color: #6f7381;
font-size: 15px;
}
label.right {
display:inline;
font-weight: bold;
float: none;
margin: 0;
font-family: 'L Futura W01',Helvetica,Arial,sans-serif;
color: #6f7381;
font-size: 15px;
}
#Sidebar input.action {
font-size: 12px;
float: right;
padding: 1px;
margin: -22px 10px 0 0;
}
/* CHECKBOXES
---------------------------------------- */
.checkbox{margin:10px 0;}
ul.optionset {
margin: 0;
overflow: hidden;
list-style:none;
}
ul.optionset li {
margin: 6px 0;
clear: both;
}
ul.optionset li input {
margin: 0 6px;
vertical-align: middle;
min-width:0;
}
ul.optionset li label {
margin: 0;
vertical-align: middle;
}
/****** FILE: themes/venture/js/daisynav/daisynav.css *****/
/* Menu Styles */
/* Init Logic */
.menu-toggle-button{padding:1em;border:1px solid #000;cursor:pointer;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{border:1px solid #777;color:#777;}
ul.menu-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:0px;height:100%}
ul.menu-list li{float:left;position:relative;}
ul.menu-list li a{display:inline-block;}
ul.menu-list li a{display:block;}
/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700}
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */
/* Style */
ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */
/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */
/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#333;text-decoration:none;padding:5px;} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:150px;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */
/* First Level*/
ul.menu-list>li{margin:0px 5px 0px 0px;border:1px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#000}
ul.menu-list>li:hover>a{color:#fff;}
ul.menu-list>li>a:hover{}
/* End First Level*/
/* Second Level*/
ul.menu-list>li>ul{border:1px solid #000;}
ul.menu-list>li>ul>li{background:#f7f7f7;}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/
/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #777;}
ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/
/* End Style */
/* End Menu Styles */
/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 767px){
/* Menu Styles */
/* Init Logic */
.menu-toggle-button{display:block;}
.show-for-devices{display:block!important;}
ul.menu-list{display:none;}
ul.menu-list li{clear:both;float:none;}
/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;}
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */
/* Style */
ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */
/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */
/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#333;position:relative} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:auto;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */
/* First Level*/
ul.menu-list>li{margin:0px;border:none;border-bottom:1px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#000}
ul.menu-list>li:hover>a{color:#fff;}
ul.menu-list>li>a:hover{}
/* End First Level*/
/* Second Level*/
ul.menu-list>li>ul{border:none;}
ul.menu-list>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/
/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/
/* End Style */
/* End Menu Styles */
}
/****** FILE: themes/venture/css/responsive.css *****/
/*****************************/
/* Phones */
/*****************************/
@media (max-width: 767px ) {
#header-container{margin-bottom:3px;}
#main-header{margin-top:8px;height: auto}
#Header{height:auto;}
#Header .logo{float: none; margin: 0 3%; text-align: left; display: block;height: auto}
#Header .logo img{max-width:80%;margin:0 auto;}
#Navigation{display:none;position:relative;bottom:auto;right:auto;height:auto;}
.sf-menu{float: none;height:auto;}
.sf-menu .main-nav-link{font-size:12px;padding:10px 6px;}
.main-nav-submenu{top:31px;}
#MobileNavigation{ background-color: #ccd0e0; border: none; margin: 5px 3%; font-family: 'L Futura W01',Helvetica,Arial,sans-serif; text-transform: uppercase;}
#MobileNavigation li{list-style:none;border: none;}
#MobileNavigation li.last{border:none;}
#MobileNavigation li:hover{background-color:#6f7381;}
#MobileNavigation li a{ font-family: 'L Futura W01', 'PT Sans',Arial,Helvetica,sans-serif; font-size: 13px; letter-spacing: .05em; color: #606060; font-weight: bold; text-transform: uppercase; padding: 10px;}
#MobileNavigation li:hover > a {color:#fff;}
#MobileNavigation li ul{}
#ToggleMobileNavigation{ border: none; text-transform: uppercase; font-family: 'L Futura W01',Helvetica,Arial,sans-serif; text-align: right; padding-right: 40px; position: absolute; top: 102px; right: 3%; padding: 4px 0 2px 40px;background:transparent url(../images/icon-mobile-menu.png) no-repeat top left;font-weight:bold;color:#606060;}
#MobileNavigation li ul li{background-color: #E4E7F2;}
body .homepage-top{height:49vw;}
.a-spot-wrapper{text-align:center;}
.homepage-container img{height:100%;width:auto;}
.homepage-stories-container{width:94%;padding:20px 3% 2px;}
.homepage-story{height:auto;margin-bottom:35px;}
.homepage-story-image, .event-image{width:100%;margin-bottom:2%;height:130px; background-size: initial;}
.homepage-story-text-wrapper, .event-text-wrapper{width:100%;}
.homepage-story-body{height:auto;}
.copyright{width:98%;margin-left:2%;text-align: center}
.connect{margin:0 auto 5px;}
.connect a{float:none;}
.right-foot-links{width:95%;float:left;margin-right:2%;margin-left:3%;text-align: center}
.ltd-part{float:none; margin: 5px 0 10px; display: block;}
ul.foot-links{float:none;margin-right:0;}
.foot-links li{float:none;display:block;border:0;margin:10px 0;padding:0;}
.h1-wrapper{padding:0 3%;}
#Sidebar{ width: 94%; margin: 0 3%;}
.widget{width:100%;}
#Content{width:94%;margin:0 3%;}
.block{width:92%;margin:12px 0;}
#Content.mid{width:94%;}
#LeftSidebar{width:94%;margin:0 3%;padding-top: 40px;}
#LeftSidebar.portolio-sidebar{padding-top:20px;}
h1.page-title{padding-right:0;}
#LeftSidebar ul#myfilters{margin-top:20px;}
.find{top: -217px; width: 96.3%;left:0;}
#container{width:100%;}
.left-cont.isotopia{width:100%;}
.detailView{width:94% !important;margin-left:1%;}
.filters-label{position: relative; top: 18px;}
#reset-filters{top:-15px;}
#LeftSidebar .filters ul.subFilters li label{width:92%;}
#MediaBlogPosts img{width:100%;}
#Content section#MediaBlogPosts .left,
#Content section#FeaturedBlogEntries .left{width:99%;}
#Content section#MediaBlogPosts .right p{height:auto;}
#Content section#MediaVideos .left{float:none;}
#Content section#MediaVideos .left img{width: 100%;height: 100%;}
#Contributors, #MostPopular{width:100%;}
#MostPopular{border:0;padding:0;margin:0 0 6%;}
#MostPopular .media-item{margin-left:20px;}
#Content #MediaInfographics .media-item{width:100%;}
#Content #MediaInfographics .media-item a{ float: left; margin-right: 20px;}
#Content #MediaInfographics .media-item img{width:127px;}
#Content #MediaInfographics .media-item .media-title{font-size:16px;}
#Content #MediaInfographics .media-item .media-title a{float:none;text-align: left;}
.mailchimp .field label{display:block;text-align:left;}
#Content section#BlogEntries .blogSummary {margin-bottom:45px;}
#Content section#BlogEntries .blogSummary .left{width: 100%; margin-bottom: 10px; margin-right: 0;}
#Content section#BlogEntries .blogSummary .left img{width: 100%;}
.bx-wrapper img{width:100%;}
.hasSidebar .blogEntryContent{width:100%;margin-right:0;}
.hasSidebar #Sidebar{width:100%;margin:0;}
#about-the-author{min-height:170px;}
h1{font-size:30px;}
#related-stories .related { width: 96%; margin: 0 2% 6%;}
body #comments-holder .middleColumn textarea{width:97%;}
#related-stories .related h4{min-height:0;}
#Content section#MediaVideos .media-item{width:100%;margin:2% 0;text-align:center;}
#Content section#MediaVideos .media-item img{margin:0 auto;}
.con-ri-cont,
.con-ri-cont iframe,
.con-le-cont{width:100%;}
.one-col-cont{padding:18px 3% 0;}
.contact-address{ width: 94%; margin: 3% 3% 0;}
ul.contact-address li { width: 100%; margin-left: 0;}
body .hasSidebar .blogEntryContent blockquote p{width:77%;}
.iso-cont .overview .details .logo,
.iso-cont .overview .details .profile{width:100%;}
.iso-cont .overview .info > div{width:100% !important; margin: 0 !important;}
.detailView .detailWrapper,
.item.portfolio.active{height:auto !important;}
#LeftSidebar div.topLink{ left: 39px !important; z-index: 9999;}
#Content section#MediaBlogPosts h2,
#Content section#MediaVideos .media-title a,
#Content section#BlogEntries h2{text-align:left;}
#Contributors .media-image{max-width: 110px; clip-path: circle(35px at center); -webkit-clip-path: circle(35px at center);}
#Newsletter .mailchimp .field{width:77%;text-align:left;}
#Newsletter .mailchimp .field input{width:92%;}
#Newsletter .mailchimp .submit{width: 22%;padding: 6px 0;}
body .h1-wrapper .first-line{margin-bottom:30px;}
body div #comments-holder .middleColumn input,
body div #comments-holder .middleColumn textarea{width:97%;}
#Content section#BlogEntries .media-item{margin-bottom: 30px;}
#Content section#BlogEntries .media-item .view {margin-bottom:10px;}
#Content section#BlogEntries .media-item .view img{width:100%;}
#Content section#BlogEntries .media-item h3{font-size:16px;}
.contributor-page .blogSummary img{width:100%;}
/*.contributor-page .left{width:100%;}*/
#equalHeights .category{width:88%; margin: 3%; height:auto !important;padding: 1% 3% 3%;}
#MediaVideos .bx-wrapper,
#MediaVideos .bx-viewport,
#MediaVideos .bx-wrapper img{height:50vw !important;width:auto;}
#Content #MediaVideos .bx-wrapper .bx-pager{bottom:2px;}
#Content section#MediaVideos .overlay-text h3{font-size:20px;max-width:100%;}
#Content section#MediaVideos .bx-wrapper .bx-controls-direction a{ width: 20px; height: 38px;background-size: 47%;}
#Content section#MediaVideos div .view a{display:block;}
#Content section#MediaVideos div .view a img{width:100%;}
#related-stories .related .image{height:auto;}
#related-stories .related img{width:100%;height:auto;}
#Content #MediaVideos .bx-wrapper .bx-pager{bottom:-20px;}
#Content section.featured div h3 a,
#Content section .media-title{display:block;}
#Content.contributor-page section .media-title { display: block; }
body .desktop-visible{display:none;}
body .mobile-visible{display:block;}
body .mobile-visible .shareaholic-canvas{position:relative;top:0;}
.mobile-visible .shareaholic-share-buttons-container.center-align{text-align:left !important;}
.mobile-visible .shareaholic-share-buttons-container ul.shareaholic-share-buttons{margin:0 !important;}
}
/*****************************/
/* Tablets */
/*****************************/
@media (max-width: 991px) and (min-width: 768px) {
#BgContainer{width:96%;margin:0 2%;}
#Header .logo{width:270px;}
#Header .logo img { width: 100%;}
.sf-menu .main-nav-link{font-size:12px;padding:10px 7px;}
.main-nav-submenu{top:31px;}
.a-spot-wrapper{text-align:center;}
#Sidebar{width:26%;}
#Content{width:70%;}
.widget{width:100%;}
.block{width:42%;margin:12px 0 0 3%;}
.widget h2.bar{font-size:15px;}
#Content.mid{width: 50%; margin-right: 2%; padding-left: 2%;}
#LeftSidebar{width:20%;}
#LeftSidebar .currentFilter.closed,
#LeftSidebar .currentFilter.open{background-position:95% center;}
.item.teamMember{width:140px;}
#container{width:100%;}
.left-cont.isotopia{width:78%;}
.detailView{width:97% !important;}
#Sidebar iframe{width:100%;}
#Content.full{width:100%;}
#Content section#MediaBlogPosts .media-title a,
#Content section#MediaVideos .media-title a,
#Content section#MediaStories .media-title a,
#Content section#MediaInfographics .media-title a{max-height:100%;}
#Content section#MediaVideos .left{float:none;}
#Content section#MediaVideos .left img{margin:0 auto;}
#Content #MediaInfographics .media-item img{width:100%;}
#Content.hasSidebar{width:100%;}
.con-ri-cont,
.con-ri-cont iframe,
.con-le-cont{width:100%;}
ul.contact-address li{width:45%;}
body .homepage-top{height:47.5vw;}
.homepage-container img{height:100%;width:auto;}
body .hasSidebar .blogEntryContent blockquote p{width:81%;}
#MediaVideos .bx-viewport{height:52vw !important;}
#Content section#MediaVideos div .view a{display:block;}
#Content section#MediaVideos .media-item .view a img{width:100%;}
}
/****** FILE: themes/venture/css/aspots.css *****/
@charset "UTF-8";
/* CSS Document */
a {
border: none;
}
a img {
border: none;
}
.a-spot-wrapper {
position: absolute;
left:1000px;
top: 0;
width: 100%;
height: 100%;
transition: left 1.5s;
-webkit-transition: left 1.5s;
-moz-transition: left 1.5s;
-o-transition: left 1.5s;
}
.a-spot-wrapper.active, .a-spot-wrapper.background {
left:0;
}
.a-spot-wrapper.active {
z-index: 1;
}
#spotsContainer {
height: 100%;
position: relative;
/*border-top: 3px solid #F48027;*/
border-top: 3px solid #606060;
}
#aspotLinks {
position: absolute;
bottom: 5px;
left: 444px;
z-index: 2;
}
#aspotLinks a {
display: inline-block;
width: 10px;
height: 10px;
background: #ccc;
margin-right: 10px;
}
#aspotLinks a.active, #aspotLinks a:hover {
background: white;
}
.homepage-main-message {
height: 100%;
background: url(../images/grain_40_80.png);
position: absolute;
top:0;
width: 30%;
padding-right:20px;
padding-left:20px;
transition: left 1.5s;
-webkit-transition: left 1.5s;
-moz-transition: left 1.5s;
-o-transition: left 1.5s;
}
.homepage-main-message.right {
right:0;
text-align: right;
}
.homepage-main-message.left {
left:500px;
text-align: left;
}
.background .homepage-main-message.left, .active .homepage-main-message.left {
left:0;
}
.homepage-main-message h1 {
font-size: 60px;
color: white;
line-height: 1;
margin: 15px 0;
}
.homepage-main-message h1, .homepage-main-message h2 {
padding:0;
}
.homepage-main-message h2 {
color: #EFF1FA;
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
}
.homepage-container {
width: 960px;
margin:auto;
overflow: hidden;
}
/*.homepage-top { height: 271px; }*/
.homepage-top { height: 480px; }
#a-spot {
width: 100%;
position: relative;
}
#a-spot p.images {
position: absolute;
top: 205px;
left: -7px;
}
#a-spot a {
font-size: 14px;
text-decoration: none;
color: #355fad;
}
#a-spot .vidBlock {
background: url(../images/video_bg.png) no-repeat right center;
width: 196px;
height: 48px;
padding: 8px;
float: left;
}
#a-spot .vidBlock .vidLink {
display: block;
position: relative;
width: 70px;
height: 46px;
float: right;
}
#a-spot .vidBlock .vidLink img {
z-index: 0;
}
#a-spot .vidBlock .vidLink .playButton {
position: absolute;
top: 11px;
left: 23px;
z-index: 1;
}
#a-spot .vidBlock .title {
font-size: 13px;
color: #273981;
font-weight: bold;
}
#a-spot .vidBlock .description {
font-size: 13px;
line-height: 11px;
color: #6f7381;
font-weight: normal;
}
#a-spot a.detailsLink {
display: block;
margin-top: 18px;
}
.imageAnimationContainer {
width: 100%;
height: 348px;
z-index: -1;
}
.bgImage {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 348px;
overflow: hidden;
text-align: center;
}
.bgImage img {
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: Alpha(opacity=0);
}
.homepage-main-message-caption {
font-size: 14px;
color: white;
position: absolute;
bottom: 10px;
left: 15px;
}
.homepage-main-message-caption-founder {
font-weight: bold;
}