/* Theme Name: Simplicity Theme URI: http://www.woothemes.com/ Version: 1.5.1 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.2.3 Page Navigation -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs -2.8 Homepage -2.9 Portfolio 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect -6.7 Slider -6.8 Portfolio -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} * { -webkit-transition: all .3s ease; transition: all .3s ease; } /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px/1.5em sans-serif; color: #555; background: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'PT Sans', arial, serif; color: #222; font-weight:normal; line-height:1.1em; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.65em;} h4 {font-size: 1.5em;} h5 {font-size: 1.35em;} h6 {font-size: 1.2em;} p {margin:0;} p small { font-size: 80%; } hr { position: relative; display: block; width: 100%; clear: both; background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 5px; } input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } /* 1.2 Hyperlinks */ a { color: #3585b3; text-decoration:none;} a:hover { color: #293F4C; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;} .hidden, .gform_wrapper .hidden { display: none; } .alignright { float: right; margin: 0 0 15px 20px; } .fcbox.pop { position: relative; } .fcbox.pop:hover { opacity: .7; } .fcbox.pop:hover:after { content: '\f00e'; position: absolute; top: 40%; left: 0; right: 0; color: #115588; font: 24px/1 fontAwesome; text-align: center; } .mobile { display: none; } .featured-img img { width: 100%; height: auto; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background-color: #fff; } #main{ width: 715px; overflow: hidden; } #main.fullwidth { width: 100%; } #main.col-full, .col-full, .col-full #main { width: 960px; margin:0 auto; padding: 0; box-sizing: border-box; } .page-id-2799 #main, #main.with-side, .col-full #main.with-side { width: 66%; } #main.fullwidth .entry>p { width: 80%; } #main.fullwidth .entry.full>p { width: 100%; } #sidebar{width:auto;} #sidebar .secondary { width:auto; } aside.col-right { width: 300px; padding-top: 28px; } aside.col-right img { width: 100%; height: auto; } .col-left { float: left; } .col-right { float: right; } .col-full #main.col-left { width: 700px; } .row { display: block; width: 100%; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } /* 2.2 Navigation */ #navigation{ float: right; clear: right; font:normal 17px/1 sans-serif; margin-top:16px; z-index:99; padding:0; } #navigation .menu { position: relative; } #navigation ul a { display:block; position:relative; height: 30px; color:#3E4245; padding:6px 12px; line-height:18px; text-decoration:none; text-shadow:0 1px 0 #fff; border: 0 solid #D4DCE2; border-color: rgba(0,0,0,.15); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f5f5f5; background: -moz-linear-gradient(100% 100% 90deg, #cbcbcb, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#cbcbcb)); -moz-box-shadow: 0 0 3px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4); box-shadow: 0 0 3px rgba(0,0,0,.4); z-index:100; box-sizing: border-box; } #navigation ul a:hover { color: #7B9EBB; } /*#navigation li.active a { background:#fefefe; color: #7B9EBB; }*/ #navigation li { display: inline-block; position: relative; margin: 0 4px; padding-bottom: 3px; width: auto; } #navigation > ul > li.parent > a:after { content: "\f107"; position: relative; font-family: FontAwesome; margin: 4px 0 0 3px; vertical-align: middle; } /* Optional Styling */ #navigation li.active > a { color: #fff; text-shadow:0 1px 2px #3E4245; border: 0 solid #D4DCE2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* background: #39B2D6; background: -moz-linear-gradient(100% 40% 90deg, #39B2D6, #99D8EA); background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#99D8EA), to(#39B2D6));*/ background: #6dc6e1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2JSIgc3RvcC1jb2xvcj0iIzZkYzZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzJmOGJjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #6dc6e1 6%, #2f8bc3 62%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#6dc6e1), color-stop(62%,#2f8bc3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6dc6e1 6%,#2f8bc3 62%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6dc6e1 6%,#2f8bc3 62%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6dc6e1 6%,#2f8bc3 62%); /* IE10+ */ background: linear-gradient(to bottom, #6dc6e1 6%,#2f8bc3 62%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc6e1', endColorstr='#2f8bc3',GradientType=0 ); /* IE6-8 */ } #navigation li.active:hover > a { color: #ededed; } #navigation > ul > li:hover > a { color: #666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: rgba(255,255,255,.4); box-shadow:inset 0 1px 3px rgba(0,0,0,.3); } #navigation li:first-child a {} #navigation li:last-child { margin-right: 0; } /* 2.2.1 Drop-down menus */ #navigation li ul { background: #fff; margin: 3px 0 0 !important; padding: 0; position: absolute; left: 0; width: auto; min-width: 175px; border: 1px solid #e3e3e3; z-index:9999; display: none; box-shadow: 0 1px 5px #444; } #navigation li:last-child ul { left: auto; right: 0; } #navigation li:hover > ul { display: block; } #navigation li ul li:hover > ul, #navigation li ul ul li:hover > ul { left: 175px; right: auto; } #navigation li ul li { display: block; width: 100%; margin:0; } #navigation li ul li a { padding:6px 20px 6px; white-space: nowrap; color:#666; background: none; font-size:0.65em; border: 0; box-shadow: 0;} #navigation li ul li a:hover { font-weight: bold; } #navigation li ul li a.sf-with-ul { padding-right:0; } #navigation li ul ul { width: auto; margin: -35px 0 0 0 !important; left: 180px; } #navigation li ul li a:hover, /* #navigation li.active ul li a { background:none;} */ /* Optional Styling */ #navigation li ul { border-bottom: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,.06); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.06); box-shadow: 0 2px 4px rgba(0,0,0,.06); } #navigation li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation li ul li { padding: 0; } #navigation li ul li+li { border-top:1px solid #dedede; } #navigation li ul li a { border:0; border-radius: 0; box-shadow: none; font-size: 14px; background: 0 ; } #navigation li ul li:hover > a { color: #FFF; text-shadow: 0 1px 0 #115588; background-color: #56ABDE; } /* #navigation li ul li:first-child { background: url("images/nav-indicator.png") no-repeat scroll center top transparent; margin-top: -18px; padding-top: 10px;} */ #navigation li ul li.parent > a:after { content: "\f105"; position: relative; font-family: FontAwesome; margin: 4px 0 0 10px; vertical-align: middle; } #navigation li ul li ul li:first-child { background: none;} /* 2.2.3 Page Navigation */ #sub_nav { float: left; margin-bottom: 1em; padding: 5px 20px 5px 0; width: 220px;} #sub_nav .menu ul { border: 1px solid #ddd; border-color: rgba(0,0,0,.1); list-style-image: url("images/arrow.png");list-style-position: inside; /* Box Shadow */ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #sub_nav .menu ul li {background: #f0f4f7;border-bottom: 1px solid #ddd;border-color: rgba(0,0,0,.1); font-size: 17px; line-height: 18px;padding: 10px 0 10px 10px;} #sub_nav .menu ul li:last-child { border-bottom: none; } #sub_nav .menu ul li.current_page_item, #sub_nav .menu ul li:hover {background:#fafbfc;} #sub_nav .menu ul li.current_page_item a, #sub_nav .menu ul li:hover a {color:#293F4C;} /* 2.3 Header */ #header-container { position: absolute; top: 0; left: 0; right: 0; padding: 10px 0; background:#eff3f7; border-bottom: 1px solid #D0D8DE; z-index: 999; } .logged-in #header-container { top: 32px; } #header { clear:both; position:relative; } #header-container.fixed { position: fixed; top: -55px; left: 0; right: 0; background-color: rgba(239,243,247,.85); } .logged-in #header-container.fixed { top: -23px; } #logo { float:left; margin-top: 5px; } #logo .small { display: none; } #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:italic 14px Georgia, serif; } #header-container.fixed #logo .large { display: none } #header-container.fixed #logo .small { display: block; margin-top: 46px; margin-bottom: -6px } #topad {float:right;} /*#nav-opener { position: relative; float: right; width: 44px; height: 48px; margin: -52px 6px 0; text-indent: -9999px; overflow: hidden; }*/ #nav-opener { position: absolute; top: -46px; right: -10px; width: 44px; height: 48px; text-indent: -9999px; overflow: hidden; } #nav-opener:before, #nav-opener:after, #nav-opener span { background: #A0B9CC; border-radius: 1px; position: absolute; top: 23px; left: 15%; right: 15%; height: 5px; margin-top: -2px; /* height/2 */ -webkit-transition: all .2s linear; transition: all .2s linear; } #nav-opener:hover:before, #nav-opener:hover:after, #nav-opener:hover span { opacity: .7; } #nav-opener:before, #nav-opener:after { content: ""; top: 13px; } #nav-opener:after { top: 33px; } .on#nav-opener:after, .on#nav-opener:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .on#nav-opener span { opacity: 0; } .on#nav-opener:hover { opacity: .9; } .on#nav-opener:after, .on#nav-opener:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 23px; left: 18%; right: 18%; } .on#nav-opener:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* 2.4 Content */ #content{ padding-top:20px; padding-bottom: 20px; min-height: 300px; } body.home #content { padding: 30px 0; } /* 2.5 Sidebar */ #sidebar{float: right; max-width: 236px; overflow:hidden;} .home #sidebar { max-width: 336px; width:100% } #sidebar .primary { position: relative; float: left; width: 100%; } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } #sidebar .widget { float: left; width: 100%; padding: 10px 8px; background: #E9F2F7; box-sizing: border-box } .content-sidebar { float: left; margin: 0 0 8px; padding: 10px; background: #E9F2F7; box-sizing: border-box } /* 2.6 Footer */ #footer-container {padding: 15px 0; background: #0A131B; } #footer{color:#FFFFFF;} #footer p {} #footer #credit img{vertical-align:middle } #footer #credit span{display:none;} #footer-widgets-container { padding:20px 0 15px; border-top: 1px solid #CAD9E4; background: #eff3f7; } #footer-widgets { } #footer-widgets .widget { margin: 0; } #footer-widgets .block { padding:0 10px; width:100%; float:left; box-sizing: border-box; } #footer-widgets.col-1 .block { width:100%; padding-left:0; } #footer-widgets.col-2 .block { width:460px; } #footer-widgets.col-3 .block { width:300px; } #footer-widgets.col-4 .block { width:25%; } #footer-widgets .menu > li { list-style-image: none; margin: 0 0 6px; } #footer-widgets .menu > li > a { color: #3D464C; font-size: 14px; font-weight: bold; } #footer-widgets .menu a { color: #3585b3; font-size: 13px; } .link-container { margin: 10px 0 0; padding: 10px 15px; border-top: 2px solid #CAD9E4; } .link-container h2 { position: relative; color: #115588; font:700 20px/1em 'PT Sans', arial, sans-serif; margin: 0 0 4px; padding-bottom: 5px; z-index: 2; } ul.blogroll { text-align: center; } ul.blogroll li { display: inline-block; margin: 0 4px 10px; } ul.blogroll li:hover a { opacity: .7; } ul.blogroll li img { width: auto; height: 43px; } /* 2.7 Breadcrumbs */ .breadcrumbs { color: #92999F; border-bottom: 1px dotted #BFC5CA;font-size: 13px; margin: 0 0 1.5em; padding-bottom: 10px; } /* 2.8 Homepage */ #main h2.section-title { line-height:1em; font-size: 1.9em; font-weight: bold; margin-bottom: 20px; } #main .block { width: 306px; float:left; margin: 0 20px 20px 0; border:none; } #main .block.last { margin-right:0; } .section .post .title { font:22px/22px 'PT Sans', sans-serif;position:relative; margin: 0 0 15px; } #portfolio .post h3 { font-size:16px; font-weight:bold; position:relative; margin: 0 0 8px; } #portfolio .post h3 a:link, .post h3 a:visited {} #main #portfolio .block { margin: 0 20px 10px 0; width: 225px; } #main #portfolio .block.last { margin-right:0; } #main .section { border-bottom: 1px dotted #bfc5ca; padding-bottom:10px; margin-bottom:20px; width:100%; } #main #testimonials.section { border-bottom: none; clear:both;} body.layout-left-content #main #testimonials.section { } #main #testimonials .icon { background: #73b8e0; padding:15px 12px; margin:5px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #main #testimonials .quote-icon {background: url("images/ico-quotes.png") no-repeat scroll 11px center #73B8E0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left;height: 53px;width: 53px;} #main #testimonials .quotes { margin-left: 75px; } #main #testimonials blockquote p { font-size: 17px; font-family: Georgia, serif; line-height: 1.5em; margin-bottom: 5px; } #main #testimonials cite {color:#999; font-size: 14px; font-style: normal; } .pdf:before { content: "\f1c1"; color: #115588; font-family: FontAwesome; font-size: 24px; margin-right: 10px; } .publications:before { content: url("images/icon-publications.png"); float: left; margin: 0 8px 10px 0; } .presentations:before { content: "\f0e5"; color: #115588; font-family: FontAwesome; display: block; float: left; font-size: 24px; margin: 8px 8px 10px 0; } .media:before { content: "\f130"; color: #115588; font-family: FontAwesome; display: block; float: left; font-size: 24px; margin: 0 8px 10px 0; } .post-edit-link { padding-top: 40px; } .row { margin: 0 -5px; } .row:before,.row:after { display: table; content: " "; clear: both; } .lower-row { margin-top: 20px; padding: 20px 0 0; border-top: 6px solid #CAD9E4; } .col { position: relative; display: inline-block; vertical-align: top; margin: 0 -4px 0 0; box-sizing: border-box; } .col-35 { position: relative; float: left; width: 61.5%; margin: 0 3.5% 0 0; } .col-25 { position: relative; float: left; width: 35%; margin: 0; } .col-23 { width: 65% } .col-13 { width: 35% } .col-2 { position: relative; display: inline-block; width: 48%; margin: 0; vertical-align: top; } .col-2.n2, .col-2.n4 { margin: 0 -4px 0 4%; } .col-3 { width: 33.33333%; padding: 0 10px; } /*.col-3.middle { margin: 0 3.5%; }*/ .home-block { position: relative; margin: 0 0 20px; padding: 0; border-top: 5px solid #CAD9E4; color: #777; } #lastest-news { margin: 0 0 10px; } #member-weekly, #highlights { margin: 0; } #lastest-news article+article, #new-opp article+article { border-top: 2px solid #CAD9E4; } .home-block.fix-hi { height: 300px; } .home-block h1 { position: relative; color: #115588; font:700 22px/1em 'PT Sans', arial, sans-serif; margin: 0 10px; padding: 12px 0 3px; border-bottom: 2px solid #CAD9E4; text-align: left; z-index: 2; } .home-block h1 a { color: #115588; } .home-block h1 a:hover { color: #293F4C; } .home-block h2 { position: relative; color: #115588; font:700 22px/1em 'PT Sans', arial, sans-serif; margin: 0 0 10px; padding: 12px 0 4px; border-bottom: 2px solid #CAD9E4; text-align: left; z-index: 2; } .home-block h3 { color: #449DD1; font:700 18px/1em 'PT Sans', arial, sans-serif; margin: 0 0 5px; } .home-block h4 { color: #555; font:700 14px/1em 'PT Sans', arial, sans-serif; margin: 0 0 5px; } .home-block article { padding: 10px 10px 12px; font-size: 14px; line-height: 19px; overflow: hidden; } .home-block article li { padding: 6px 0 5px 10px; font-size: 15px; line-height: 19px; overflow: hidden; } .home-block article li+li { border-top: 1px solid #D8E8F5; } /*.home-block article li:before { content: "\f138"; color: #115588; font-family: FontAwesome; font-size: 12px; margin-right: 5px; }*/ .home-block .pdf:before { display: block; float: left; font-size: 20px; margin: 8px 8px 10px 0; } .home-block .publications:before { margin: 4px 8px 10px 0; } .home-block .presentations:before { margin: 8px 8px 10px 0; } .home-block .media:before { margin: 10px 12px 10px 0; } .home-block article li a span { font-size: 14px; color: #777; } .home-block article ul.col2 li { float: left; width: 50%; padding: 0; margin: 2px 0; font-size: 13px; } .home-block article p { margin-bottom: 6px; } .home-block article em { color: #555; } .view-all { position: absolute; top: 18px; right: 10px; z-index: 3; } .home-block .cat-list li { padding: 6px 0 5px; } .cat-list li:before { display: inline-block; float: left; font: 24px/1 FontAwesome; margin: 4px 8px 4px 0; } .notes-list li:before { content: "\f0ea"; } .opps-list li:before { content: "\f0a4"; } .lower-row h1 { position: relative; color: #115588; font:700 22px/1em 'PT Sans', arial, sans-serif; margin: 0 10px; padding: 12px 0 3px; border-bottom: 2px solid #CAD9E4; z-index: 2; } .block-content { padding: 10px 10px 12px; font-size: 14px; line-height: 19px; overflow: hidden; } .home-content img { float: right; max-width: 40%; height: auto; margin: 0 0 6px 8px; } #member-weekly article i { color: #323232; } #member-weekly article img { max-width: 100px; height: auto; } #cluster { text-align: center; } .pie-chart img { width: 100%; height: auto; } .pie-chart.inner { width: 40%; } #tbti-connect .swiper-slide { padding-bottom: 6px; } #tbti-connect .swiper-slide p { float: left; } #tbti-connect img { max-width: 100%; height: auto; max-height: 280px; } #tbti-connect .swiper-pagination-bullet-active { background: #115588; } .link-block { display: block; width: 100%; text-align: center; } .tab-ctn { position: relative; padding: 0 10px 12px; overflow: hidden; z-index: 2; } .tab-ctn li { display: block; position: relative; float: left; width: 50%; } .tab-ctn li h1 { font-size: 18px; margin: 0; padding-left: 10px; border-bottom: 2px solid #CAD9E4; opacity: .6; } .tab-ctn li.active h1 { border-bottom: 2px solid #115588; opacity: 1; } .tab-ctn li.active:after { content: "\f106"; color: #115588; font: 14px/12px fontAwesome; text-align: center; position: absolute; bottom: -12px; left: 30px; } .article-ctn { position: relative; z-index: 3; } .article-ctn .view-all { top: -8px; font-size: 12px; } .article-ctn article { display: none; } .article-ctn article.active { display: block; } .video-container { display: block; position: relative; float: left; width: 100%; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .video-container a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } /* SVG control */ #cluster-chart svg { width: 100%; height: 320px; } #cluster-graphic .btn { cursor: pointer; } #cluster-graphic .btn:hover { opacity: .6; } #regional path { cursor: pointer; } #regional path:hover { opacity: 1; } #chartist-tablepress-6 { width: 70%; margin: 0 15%; } #col-news .post { display: inline-block; width: 46%; margin: 10px 1.5% 20px; vertical-align: top; overflow: hidden; } #col-news .post h2 { font-size: 15px; line-height: 21px; } #col-news .post img { width: 100px; height: 100px; } .info_popup { position: absolute; padding: 6px 14px; color: #FFF; font-size: 14px; text-transform: capitalize; background: rgba(11,55,88,.9); z-index: 999; border-radius: 6px; } /* Cluster page */ .cluster-box { display: inline-block; width: 32%; margin: 0 .5% 15px; padding: 15px 10px; border: 1px solid #54A0BE; border-radius: 10px; background-color: #DDEFFF; box-sizing: border-box; vertical-align: top; } .cluster-box h2 { color: #115588; font:700 20px/1em 'PT Sans', arial, sans-serif; text-align: center; margin: 0 0 15px; } .cluster-box h3 { color: #449DD1; font:700 16px/1em 'PT Sans', arial, sans-serif; margin: 12px 0 8px; } .cluster-box h2 span { font-size: 17px; font-weight: normal; } .cluster-box ul { padding-left: 17px; } .cluster-box li { margin: 0 0 3px; list-style: disc; } .cluster-detail { width: 100%; margin: 20px 0; } .cluster-detail th { width: 20%; color: #115588; font:700 16px/1em 'PT Sans', arial, sans-serif; text-align: left; padding: 14px 0 14px 15px; border-right: 3px solid #fff; background: #eff3f7; } .cluster-detail td { font: normal 15px/1.35em Arial, sans-serif; padding: 20px; background: #E9F2F7; } .cluster-detail td.wh { padding: 5px 2px; background: #FFF; } .cluster-detail td p+p { margin-top: 8px; } .cluster-members { width: 100%; } .cluster-members th { padding: 4px 0 6px; border: 0; background: none; } .cluster-members tr { border-bottom-width: 1px; } .cluster-members td { padding: 6px 0 6px 4px; } .ind img { margin: -16px 0 14px; } /* Download List */ .download-list { padding-left: 20px; margin-bottom: 60px; } .download-list li { margin: 0 0 8px; } .entry .download-list li { list-style: none; } .download-list a { font-size: 17px; line-height: 24px; } /* 2.8a Homepage w/ Sidebar */ .home-sidebar #main .block {margin: 0 20px 20px 0;} .home-sidebar #main #portfolio .block {margin: 0 42px 10px;} #sidebar { width: 0%; } .page #sidebar, .archive #sidebar { width: 0%; } .page #sidebar iframe { width: 296px !important; } #sidebar p { margin: 20px 0; } #sidebar strong { font-size: 14px; color: #115588; } #sidebar h3, .content-sidebar h3 { color: #115588; font:700 18px/1em 'PT Sans', arial, sans-serif; margin: 12px 0 10px; } #sidebar h4, .content-sidebar h4 { color: #115588; font:700 16px/1.4em 'PT Sans', arial, sans-serif; margin: 10px 0; } .primary .widget { display: none; } .primary .widget.active { display: block; } #tabs-link { float: left; width: 100%; border-bottom: 2px solid #E0EDF4; overflow: hidden; } #tabs-link li { display: block; float: left; width: 49.6%; margin-top: 2px; } #tabs-link li a { cursor: pointer; display: block; color: #666; font-size: 14px; line-height: 24px; text-align: center; padding: 8px 0 2px; background: #dedede; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #tabs-link li .fa { font-size: 24px; margin-right: 5px; } #tabs-link li.active a { color: #FFF; background: #3585b3; } #tabs-link li:hover a { background: #bfbfbf; text-decoration: none; } #tabs-link li.active:hover a { background: #3585b3; } .page-member-of-the-week #main { width: 70%; } .page-member-of-the-week #main.col-all { width: 100%; } .page-member-of-the-week #sidebar { width: 28%; } .page-research-highlights-1 #sidebar #tabs-link, .page-research-highlights-1 #sidebar .primary { display: none; } #main .type-members, #main .type-opportunity { margin: 0 0 30px; padding-bottom: 15px; border-bottom: 6px solid #D4DCE2; } #main .type-opportunity img.alignleft, .page-template-template-custom-post .type-opportunity img.alignright { max-width: 55% } /* 2.9 Portfolio */ #portfolio a.thumb { display: block; width: 220px; height: 175px; margin: 0px; margin-right: 30px; margin-bottom: 30px; } #portfolio a.thumb:hover { text-decoration: none; background: url("images/portfolio-hover.png") no-repeat 50% 50%; } #portfolio .block h2 { font-size:18px; margin-bottom:15px; } #portfolio .group.portfolio-img a.thumb { margin-bottom: 0px; margin-right: 0px; height: auto; } #portfolio .group.portfolio-img a.thumb:hover { background-position: 50% 35%; } #portfolio .group.portfolio-img { float: left; display: block; width: 220px; margin:0 10px 30px; } #portfolio #port-tags { margin: 0 10px 20px;padding: 0 0 20px;} #portfolio #port-tags .port-cat { text-transform:uppercase; } #portfolio #port-tags .port-cat a { padding:2px 6px; margin:0 0 0 5px; background: #fff; border: 1px solid #BFD4D9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #portfolio #port-tags .port-cat a:hover, #portfolio #port-tags .port-cat a.current { text-decoration:none; background:#eee; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom:1.5em;} .archive_header { color: #115588; display: block; width: 1000px; margin:0 auto; padding: 0 15px; font:bold 33px/1em 'PT Sans', sans-serif; box-sizing: border-box; } .archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; } .post { margin: 0 0 30px; padding-bottom: 10px;padding-top: 10px; border-top: 5px solid #D4DCE2; overflow: hidden; } #title-container {background: none repeat scroll 0 0 #E5EBF0;border-bottom: 1px solid #D4DCE2;border-top: 3px solid #DCE4EB;padding: 30px 0 31px; position: relative;z-index: 1;} #title-container h1.title {font:33px/1.2em 'PT Sans',arial,serif;} /*.archive #title-container {padding:30px 0;}*/ .post .title, .page .title, h1.title { color: #293f4c; position:relative; } .post .title a:link, .post .title a:visited, .single .title a:link, .single .title a:visited { color:#3585B3; } .post .title a:hover, .single .title a:hover { color:#004466; } .post-meta {margin: .5em 0 .8em;font:1em/1em sans-serif;color:#999; } .post-more { clear:both; margin:0 0 1em 0; color:#999;} .post p.tags, .portfolio p.tags {color:#999; background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;} .post-meta a:link, .post-meta a:visited, .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited { text-decoration: none; color:#888; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { color: #666; } .post p.tags a:link, .post p.tags a:visited, .portfolio p.tags a:link, .portfolio p.tags a:visited {border:1px solid #DCE1E5; background: none repeat scroll 0 0 #EEEEEE;line-height: 1em;padding: 3px 12px; text-decoration: none; display:inline-block; margin:0 0 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* 3.1 Typographic Elements */ .entry { margin-top: 6px; padding-top: 8px; overflow: hidden; } .entry, .entry p { font:13px/1.5em sans-serif; color:#777; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color: #115588; margin:0 0 0.5em; line-height:1.5em; font-family: 'PT Sans', arial, sans-serif; font-weight: bold; } .entry p { margin-bottom: 1.4em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } .entry em { font-weight: bold; color: #449DD1; } /* 3.2 Images */ /*.entry img, img.thumbnail { margin-bottom: 10px; padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }*/ .entry img, img.thumbnail { max-width: 100%; height: auto; margin-bottom: 10px; padding: 2px; border: 0} .entry img:hover, img.thumbnail:hover { border-color:#aaa; } .members .entry .featured { max-width: 45%; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 5px 10px 10px 0; } .alignright { float: right; height: auto; margin: 5px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { max-width: 100%; padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #ddd; } .entry .wp-caption img{ max-width: 100%; margin:0; padding:4px 0; background:none; border:0; -moz-box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;} .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } /* slide show */ .content-slideshow a { display: inline-block; width: 23%; margin: 0 .3%; } .content-slideshow a img { display: block; width: 100%; height: auto; } /* Research List */ .blockitem-list section { padding: 0 15px; border-top: 0px solid #CAD9E4; margin-bottom: 40px; } .blockitem-list h2, .blockitem-list h4 { color: #449DD1; font-style: italic; text-transform: capitalize; } .blockitem-list h2 { padding-top: 8px; border-bottom: 2px solid #CAD9E4; } .blockitem-list h4 { padding: 0 8px; border-bottom: 1px dotted #CAD9E4; background-color: #f1f1f1; } .blockitem-list ul { padding: 0; } .blockitem-list ul li { display: inline-block; width: 45%; margin: 0 2% 0 0; padding: 20px 0 18px; border-top: 3px solid #CAD9E4; vertical-align: top; box-sizing: border-box; } .blockitem-list ul li > a { display: block; } .blockitem-list ul li .thumb { float: left; margin: 0 15px 8px 0; } .blockitem-list ul li > a i { display: block; font-size: 28px; padding: 10px; border-radius: 6px; background-color: #efefef; } .blockitem-list ul li img { max-width: 100%; height: auto; } .blockitem-list ul li span { display: block; width: 100%; text-align: left; font-size: 12.5px; line-height: 1.4; } .blockitem-list ul li strong { font-size: 14px; } .blockitem-list .list-tbti_connect li span { margin-bottom: 8px; } .blockitem-list .list-tbti_connect li span strong { font-size: 14px; } .title-line { position: relative; } .blockitem-list ul.cat-list li { width: 31%; margin-bottom: 14px; border-bottom: 0 solid #CAD9E4; } .blockitem-list ul.post-list li, .col-all .blockitem-list ul li { width: 31%; } /* Opinion page */ #opinion-mod { padding-top: 6px; border-top: 6px solid #CAD9E4; } #opinion-mod h3 { padding-left: 6px; } #opinion-mod .ult-team-member-wrap { width: 100%; margin: 0 0 2px 6px; padding-top: 10px; border-top: 2px solid #CAD9E4; overflow: hidden; } #opinion-mod .ult-team-member-image { margin: 0; } #opinion-mod .ult-team-member-bio-wrap { width: 100%; text-align: left !important; } #opinion-mod .ult-team-member-description { margin: 0; } #opinion-mod h2 { margin: 0; line-height: 1.2; } #opinion-mod .ult-team-member-position { line-height: 1.2; text-transform: none; margin-bottom: 12px; } #opinion-mod .ult-team-member-description p { margin: 0; font-size: 12px; text-transform: none; } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 !important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #666; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #dedede; /* Gradient Background */ background: #EBEBEB; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } .woo-pagination .current, .woo-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; } #post-entries { } /* 3.4 Single Post Author */ #post-author { background: #F3F6F8; margin:0 0 1.5em; overflow: hidden; border:1px solid #D6DEE5; clear:both; } #post-author .title { font-weight:normal; margin-bottom: 10px; } #post-author .post-author-head { float: left;margin: 0;padding: 15px;} #post-author .profile-image { float:left; margin:0; padding: 2px; border: 1px solid #DDDDDD; background:#FFFFFF; /* Box Shadow */ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #post-author .profile-content { background: #EDF1F4; border-left: 1px solid #D6DEE5; padding:15px; float:right; width:480px; min-height:80px; } #post-author .profile-link { margin-bottom: 15px; } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; } .entry table tr.alt-table-row { background: #f9f9f9; } .entry table th { color: #333; padding: 6px 0 3px 5px; background: #EEEEEE; border: 1px solid #e6e6e6; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } .entry .tablepress .sorting:hover, .entry .tablepress .sorting_asc, .entry .tablepress .sorting_desc { color: #FFF; background-color: #427CAD; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 2em; } #text-2.widget { margin: 0; } #text-2 h3 { float: left; text-align: right; color: #FFF; font-size: 12px; font-weight: normal; margin: 4px 12px 6px 0; padding: 0; border: 0; } #text-2 .textwidget { float: left; padding: 6px 20px; background-color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget h3 { margin: 0 0 0.7em 0; padding:0 0 10px; font:bold 18px/1em 'PT Sans', sans-serif; color:#555; border-bottom:1px solid #e6e6e6; } #footer-widgets .widget h3 {border-bottom:1px dotted #263848; color:#b4cfe5;font-weight: normal;} .widget p { margin-bottom: 1em; } #footer-widgets .widget p {color:#fff;} .widget ul { width: 100%; clear:both; padding-left:20px; list-style-position:outside; list-style-image: url("images/arrow.png"); box-sizing: border-box; } .widget ul li {} #footer-widgets .widget_archive ul li, #footer-widgets .widget_categories ul li {border-bottom: 1px dotted #263848;line-height: 18px;padding: 6px 0;} .widget ul li a { padding: 0; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration:underline; } #footer-widgets .widget_archive ul li a, #footer-widgets .widget_categories ul li a {color:#fff;} .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ #footer-widgets .widget_recent_comments li { border-bottom: 1px dotted #263848 !important; } .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ #nav_menu-2 {} #menu-footer-menu > li { float: left; width: 20%; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ .search_main {background: #EDF1F4;} .searchform { background: none repeat scroll 0 0 #FFFFFF; width: 99%; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .searchform input.s { padding: 8px; width:85%; margin:0; border:none; background: none; color:#777; } .searchform input.search-submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; } #top-panel { position: relative; float: right; width: auto; } #top-panel h3 { display: none; } #top-panel > * { float: right; } #search-opener { position: absolute; color: #A0B9CC; font-size: 26px; line-height: 48px; top: -36px; right: 40px; } #search-opener:hover a { opacity: .7; } .search_main { width: 200px; margin: 6px 0 0 20px; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { background:#fff; float: left; margin: 0 0 8px 8px; display: block; border: #DDDDDD 1px solid; padding: 2px; /* Box Shadow */ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .widget_woo_flickr a:hover img { border:#A8AA99 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { padding: 2px; border: 1px solid #DDDDDD; background:#FFF; /* Box Shadow */ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back { padding: 10px; background: #EDF1F4; border:1px solid #D6DEE5; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget_woo_twitter ul { background: #fff; padding-left:0; border:1px solid #e6e6e6; } .widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6 !important; padding: 15px; list-style:none;} .widget_woo_twitter ul li:last-child { border:none !important; } .widget_woo_twitter ul li a { padding: 0px; } .widget_woo_twitter ul li .time { color:#999; } .widget_woo_twitter p { padding: 10px 0 0 5px; font-weight: bold; color:#777; } .widget_woo_twitter p a { color:#222; } .widget_woo_twitter ul li .content { font-size: 14px; font-family: Georgia, serif; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* Twitter Footer */ #footer-widgets .widget_woo_twitter .back { padding: 0; background: none; border: 0; } #footer-widgets .widget_woo_twitter ul { background: none; border: 0; color: #fff; } #footer-widgets .widget_woo_twitter ul li { border-bottom: 1px dotted #263848 !important; padding: 10px 5px; } #footer-widgets .widget_woo_twitter p a { color: inherit; } #footer-widgets .widget_woo_twitter ul li .time { display: block; } /* Address Widget */ .widget_address img {margin-bottom: 10px; padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } /* 4.3 WooTabs */ #tabs { background:#EDF1F4; height:auto; display: block;padding:10px;border:1px solid #D6DEE5; /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; /* Gradient Background */ background: #f5f5f5; background: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5)); } #tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 10px; text-transform:none; font:bold 12px/18px sans-serif; border: 1px solid #e6e6e6; border-width:1px 1px 1px 0;} #tabs ul.wooTabs li a.selected { padding-bottom:11px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fff; text-decoration:none; border-width:1px 1px 0 0; } #tabs ul.wooTabs li:first-child a { border-width:1px 1px 0px 1px;} #tabs .inside { background:#fff; border: 1px solid #e6e6e6; margin-top:-1px; } #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width:1px; padding:10px; } #tabs .inside li { border-bottom: 1px solid #e6e6e6; padding:15px; list-style:none;} #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; padding:0;} #tabs .inside a:hover{} #tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #f0f0f0; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #tabs .inside #tab-tags a:hover{ background: #e6e6e6; text-decoration: none;} #tabs .inside li span.meta { display:block; font:italic 11px/20px Georgia, serif; text-transform:normal; color:#999; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 10px 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {border-top: 1px solid #E6E6E6;margin: 2em 0 0;padding: 2em 0 0;position: relative;} .side-comment #comments { margin: 0; padding: 0; border: 0; } #comments h3 {color: #333333;font: bold 1.38em 'PT Sans', sans-serif;margin-bottom: 20px;} #comments .commentlist li { margin-bottom: 10px; } #comments .comment.thread-even {} #comments .comment.bypostauthor { background: #D6DEE5; } #comments .comment{width:100%;list-style-type:none;} #comments .comment .comment-container {background: #EDF1F4;border:1px solid #D6DEE5;display: block;overflow: hidden;position: relative;margin-bottom: -2px;} #comments .comment-head {background: none repeat scroll 0 0 #F3F6F8;float: left;margin: 0;padding-top: 10px;width: 100%;} #comments .avatar { float: left; margin: 0 10px 5px 0; } #comments .avatar img {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;margin: 0;padding: 2px;vertical-align: middle; /* Box Shadow */ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #comments .name {color: #3585B3;display: block;font-size: 13px;font-weight: bold;margin: 0 4px 0 0; } #comments .comment-head .date {color: #92999F;display: block;font-size: 12px;margin: 0 10px 0 0;text-align: right;} #comments .comment-head .edit, #comments .comment-head .perma {display: inline;float: right;margin: 0 10px 0 0;} #comments .comment-entry { background: #EDF1F4;border-top: 1px solid #D6DEE5;overflow: hidden;padding: 10px;} #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { } #comments .reply a { font: 11px/18px sans-serif; color:#fff !important; margin-right: 10px; margin-left: 0; padding: 2px 10px 0; text-shadow: none; } #comments .date { font-size: 12px; } #comments ul.children{margin-left:25px;;padding:0; } #comments ul.children li {border-top:1px solid #e6e6e6; } #comments .cancel-comment-reply{margin:10px 0;} #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { font-size:14px; font-weight: bold; } .entry ol.commentlist { padding: 0; } /* 5.2 Comments Form */ #respond {margin: 2em 0 0;} #comments #respond { margin:0; overflow: hidden;padding: 20px;} #respond h3 { color:#333; font:bold 1.38em 'PT Sans', sans-serif; margin-bottom:20px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* .ngg-gallery-thumbnail-box { width: 20%; margin: 0 2% 10px 0; } .ngg-gallery-thumbnail { width: 100%; } .ngg-gallery-thumbnail img { width: 100%; height: auto; }*/ /* 6.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { cursor: pointer; display: inline-block; margin: 5px; padding: 3px 13px; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #3585B3; /*Fallback*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; }a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover { background: #449DD1; } #uploadimage .submit { margin: 10px 0 0; padding: 6px 15px; cursor: pointer; } #uploadimage input.button-primary { color: #FFF; font-size: 13px; font-weight: bold; padding: 0; border: 0; background: transparent; cursor: pointer; } imagefiles,#imagedescription { width: 100%; height: 30px; box-sizing: border-box; } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ opacity:0.8; } a.button:active, a.button.active { border-color: #20559a; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{background:#f5f8fb;height:300px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper form { width: 735px !important; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 600px !important; padding: 7px 3px !important; } .gform_wrapper.gf_browser_chrome .ginput_complex select, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select { width: 444px; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } .gform_confirmation_wrapper { color: #449DD1; padding-top: 10px; border-top: 2px solid #CAD9E4; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:1px solid #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 #navigation .sf-sub-indicator { display:none; } .ie6 #navigation li a:hover { text-decoration:none; } .ie6 #navigation li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; } .ie7 #navigation li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie7 #comments .comment .comment-container {margin-bottom: -4px;} .ie7 #comments ul.children li.comment .comment-container {margin-bottom: -4px;margin-top:2px;} .ie7 #comments .comment-entry {float: left;} .ie7 .swiper-slide .slide-content.entry { position: relative; background: url(images/ie7trans.png) repeat left top; margin-bottom: -250px; top: 220px; } .ie8 .swiper-slide .slide-content.entry { background: url(images/ie7trans.png) repeat left top; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } /* 6.6 Connect */ #connect { margin:0 0 1.5em; border-bottom:1px solid #e6e6e6; clear:both; } #footer-widgets #connect { border-bottom:1px dotted #263848; padding-bottom: 15px; } #main #connect .col-left, #connect .col-right { width:48%; } #main #connect { background: #EDF1F4; border: 1px solid #D6DEE5; padding: 15px; } #connect .title { margin: 0 0 0.5em; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:140px; } #connect .newsletter-form .submit { padding: 4px;} #connect .social { margin-bottom: 5px; } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} /* 6.7 Slider */ /* Remove lines & padding from header */ .woo-slider #top { padding: 20px 0 0 0; } .woo-slider #header { border-bottom: 0; } .woo-slider #content { padding: 20px 0px; } #slides {position:relative;height:auto;background:#E4EDFA;border-top: 3px solid #CAD9E4; border-bottom:1px solid #CAD9E4;padding: 0;} #slide-box {margin: 0 auto;position: relative; z-index: 1;} #banner { position: relative; width: 1040px; margin: 0 auto; background:#E4EDFA; border-top: 3px solid #CAD9E4; border-bottom:1px solid #CAD9E4;padding: 0; overflow: hidden; } #banner:after { content: ''; position: absolute; width: 100%; top: 0; bottom: 0; left: -999px; right: -999px; background:#E4EDFA; border-top: 3px solid #CAD9E4; border-bottom:1px solid #CAD9E4;padding: 0; overflow: hidden; } #banner .holder { position: absolute; top: 0; bottom: 0; width: 100%; max-width: 1280px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .swiper-slide { width: 100%; min-height:200px; } .swiper-slide .slide-content.entry { width: 35%; left: 15px; top: 20px; padding: 10px; position: absolute; font-size: 13px; background-color: rgba(0,0,0,0.35); } .swiper-slide .slide-content.video {background: none repeat scroll 0 0 transparent;border: medium none;-moz-box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;float: left;font-size: 13px;padding: 20px 0px 10px 80px;width: 280px; margin:0; } .swiper-slide .slide-content.video .title {color:#3585B3;font-size: 32px;font-weight: bold;line-height: 1.2em;margin-bottom: 0.5em;} .swiper-slide .slide-content.video p { color: #777777;font: 13px/1.5em sans-serif; } .swiper-slide .slide-content.entry h2 { font:700 19px/1.15em 'PT Sans', arial, sans-serif; letter-spacing: 2px; text-align: center; margin: 0 0 6px; } .swiper-slide .slide-content.entry h2 a {color:#fff;} .slide-content p { color: #eaeaea; margin:0 0 0.5em; } .slide-image { width: 100%; } .swiper-slide .slide-content.entry .title { font-size: 32px; line-height: 1em; margin: 0 0 10px 0; color: #fff; } .slide-img { float: left; width: 100%; height: auto; } .swiper-slide .video { float:right; padding: 2px; margin-right:80px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .swiper-slide .entry {margin: 0 auto;padding:0 80px;} .swiper-slide .entry h2 {color: #3585B3;font-size: 32px;font-weight: bold;line-height: 1.2em;} .swiper-slide a.btn {border-style:solid;border-width:1px;border-color: #89a924; border-top-color: #9DC030; border-bottom-color: #6c8914; background-color: #8dc11e;font-family: sans-serif;font-size: 16px;display: inline-block;line-height: 1em;padding: 8px 13px 6px;margin:0 .6em 1.5em 0;color: white !important;text-align: center;text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);text-decoration: none !important; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a7ce30),color-stop(1, #6e9102)); background: -moz-linear-gradient(center top,#a7ce30 20%,#6e9102 100%); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } #swip-prev, #swip-next { background-image: none; font-size: 68px; color: #FFF; text-shadow: 0 0 6px #222; opacity: .45; } #swip-prev:hover, #swip-next:hover { opacity: 1; } #banner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: .5; } #banner .swiper-pagination-bullet-active { background: #115588; opacity: 1; } /* 6.8 Portfolio */ ol.portfolio li { margin: 10px; width: 220px; float: left; } .portfolio-img img {background: #fff;padding:2px;margin-bottom:10px;border:1px solid #DDD;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} .portfolio-img img:hover { border-color: #AAAAAA; } #portfolio-content {float:left; width: 390px} #portfolio-content h2 {font-size:33px; margin-bottom: 10px;} #portfolio-content h3 {font-size:20px; margin-bottom: 10px;} #portfolio-content #testimonial {border-top: 1px dotted #BFC5CA; padding-top:20px;} #portfolio-content blockquote {font:16px/1.3em Georgia,serif; margin-bottom: 10px;} #portfolio-content cite {color:#999999;} #gallery #slides { background: none; border: none; padding: 0px; } #gallery h2 { font-size: 14px !important; color: #000; margin-top: 20px; margin-bottom: 16px; } #gallery, .portfolio .video { float:left; margin-right: 30px; width:540px; } #gallery .slides_container .slides_control div { width: 541px; text-align: center; } #gallery #slides.gallery { position:relative; margin: 0 0 30px; width:540px; z-index: 1; } #gallery #slides.gallery .slides_container { width: 540px; min-height: 340px; overflow:hidden; position:relative; margin: 0 0 10px 0; } /*#slides.gallery .slides_container div { position:absolute; top:0; left:0; }*/ body.single-portfolio #slides.gallery .slides_container img, #gallery img { padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .jcarousel-container { width: 540px; margin: 0 auto; text-align: center; } .jcarousel-clip { width: 540px; margin: 0 auto; } .jcarousel-item { width: 160px; height: 160px; } .jcarousel-next, .jcarousel-prev { position: absolute; top: 80px;cursor: pointer; height: 10px; width: 7px; background-position: top left; background-repeat: no-repeat; } .jcarousel-prev { left: -12px; background-image: url(images/ico-gallery-prev.png); } .jcarousel-next { right: -12px; background-image: url(images/ico-gallery-next.png); } .sidebar .jcarousel-container { width: 540px; } .sidebar .jcarousel-clip { width: 542px; } #gallery #slides.gallery .pagination {float: left; float: left; height: 170px; } #gallery #slides.gallery .pagination li { margin: 0; float: left; display: block; } #gallery #slides.gallery .pagination li img { padding: 2px; border: 1px solid #ddd; background:#fff; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #gallery #slides.gallery .pagination li a { background: none; display: block; float: none; width: auto; height: auto; padding: 0px; } #gallery #slides.gallery .pagination li.active img {} #TB_overlay { z-index: 9998!important; } #TB_window { z-index: 9999!important; } #slides.gallery .gallery-hover { position: absolute; top: 0; left: 0; background: url(images/gallery-hover.png) no-repeat center center; width: 100%; height: 100%; } #single-gallery-image { margin: 0 auto 50px auto; }