8
0
2024-01-24 16:42:38 +01:00

2186 lines
50 KiB
CSS

/*@grayBG: #d3d3d3;*/
.HoverShadow {
z-index: 50;
outline: 0;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
transition: all 0.7s linear;
}
/*========== Bootstrap overrides ==========*/
.navbar-inner {
height: 129px;
padding: 0;
}
.navbar-inverse .navbar-inner {
background: none;
border: none;
box-shadow: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
box-shadow: none;
background: none;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background: none;
}
/* Bootstrap map fix */
#map label {
width: auto;
display: inline;
}
#map img {
max-width: none;
}
/* DNN Form */
#Form {
margin: 0;
}
.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
display: inline-block;
width: auto;
margin: 6px 5px 6px 5px;
}
.dnnTextPanelView {
display: none !important;
}
/*========== Global ============*/
body {
background: #686868 url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/bg.jpg) top no-repeat;
font: normal 14px 'Lato', sans-serif;
color: #5f5f5f;
}
a,
a:visited {
color: #6280a8;
}
a:hover {
text-decoration: underline;
}
h1 {
word-spacing: 0.143em;
font: 700 2.429em 'Lato', sans-serif;
margin-top: 0;
color: #6280a8;
}
h2 {
word-spacing: 0.143em;
font: 700 1.714em 'Lato', sans-serif;
color: #6280a8;
}
h2 a,
h2 a:visited {
color: #6280a8;
}
h3 {
word-spacing: 0.143em;
font: 700 1.429em 'Lato', sans-serif;
}
h3 a,
h3 a:visited {
color: #6280a8;
}
h4 {
word-spacing: 0.143em;
font: 700 1.143em 'Lato', sans-serif;
color: #6280a8;
}
h4 a,
h4 a:visited {
color: #6280a8;
}
h5 {
word-spacing: 0.143em;
font: 700 1em 'Lato', sans-serif;
}
h6 {
font: normal 0.786em 'Lato', sans-serif;
text-transform: uppercase;
}
/*======= Background Colors ======*/
.bg-white {
background: #ffffff;
}
.bg-offwhite {
background: #f4f4f4;
}
.bg-timberwolf {
background: #e9e9e9;
}
.bg-lightblue {
background: #8fb3cc;
}
.bg-blue {
background: #507dba;
}
.bg-iris {
background: #6f76ab;
}
.bg-skyblue {
background: #ddeaf0;
}
.bg-petegray {
background: #e4e4e4;
}
/*============ Header ===========*/
header {
position: relative;
height: 129px;
background: #507dba;
/* Fallback */
background: rgba(80, 125, 186, 0.85);
z-index: 500;
}
header .navbar #logo {
margin: 15px 0 0 100px;
}
header .navbar #root-nav {
height: 54px;
color: #ffffff;
}
header .navbar #root-nav ul {
margin: 18px 32px 0 0;
}
header .navbar #root-nav ul li {
padding: 0 5px;
}
header .navbar #root-nav ul li a {
color: #ffffff;
text-shadow: none;
padding: 0;
}
header .navbar #root-nav #contact-sales {
width: 337px;
height: 54px;
background: #274a7a;
/* Fallback */
background: rgba(0, 0, 0, 0.15);
}
header .navbar #root-nav #contact-sales .phone-icon {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/phone-icon.png) no-repeat;
width: 23px;
height: 30px;
margin: 11px 20px 11px 27px;
}
header .navbar #root-nav #contact-sales #sales-number {
font-size: 1.143em;
margin-top: 16px;
}
header .navbar #root-nav #contact-sales #sales-number a {
color: #ffffff;
}
header .navbar #primary-nav {
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
header .navbar #primary-nav ul {
margin-top: 13px;
}
header .navbar #primary-nav ul li a {
font: 700 1.357em/1em 'Lato', sans-serif;
text-shadow: none;
color: #ffffff;
padding: 10px 18px 32px 18px;
}
header .navbar #primary-nav ul li.dropdown:hover > ul.dropdown-menu {
display: block;
}
header .navbar #primary-nav .dropdown-menu {
border-radius: 0;
border: none;
text-align: center;
width: 285px;
left: 50%;
margin: 0 0 0 -142px;
padding: 22px 0 5px 0;
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-bg.jpg) top center no-repeat;
}
header .navbar #primary-nav .dropdown-menu li:last-child a {
background: none;
}
header .navbar #primary-nav .dropdown-menu li:last-child a:hover {
background: none;
}
header .navbar #primary-nav .dropdown-menu li a {
padding: 22px 32px;
font-size: 1.143em;
color: #3a5d90;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-border.jpg) bottom no-repeat;
}
header .navbar #primary-nav .dropdown-menu li a:hover {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-border.jpg) bottom no-repeat;
}
header .navbar #primary-nav .dropdown-menu::before,
header .navbar #primary-nav .dropdown-menu::after {
border: none;
content: none;
}
header .navbar #open-search {
margin: 23px 42px 0 0;
padding: 5px 15px;
border-left: 1px solid rgba(255, 255, 255, 0.4);
}
header .navbar #open-search #search-btn {
width: 17px;
height: 17px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/search-icon.png) no-repeat;
cursor: pointer;
}
header #search-bar {
width: 309px;
height: 45px;
background: #274a7a;
/* Fallback */
background: rgba(39, 74, 122, 0.7);
position: relative;
z-index: 800;
}
header #search-bar #search-form {
margin: 7px 0 0 10px;
}
header #search-bar #search-form input {
border-radius: 0;
}
header #search-bar #search-form #dnn_Header_dnnSEARCH_cmdSearch {
/* webkit/mozilla line-height difference */
border-radius: 0;
display: inline-block;
font: normal 1em/1em 'Lato', sans-serif;
padding: 7px 12px 7px 12px;
}
header #services-menu-container {
position: absolute;
top: 129px;
width: 100%;
height: 335px;
background: #ffffff;
z-index: 500;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
header #services-menu-container #services-menu-left {
height: 335px;
width: 345px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/services-menu-left-bg.jpg) no-repeat;
}
header #services-menu-container #services-menu-left p {
line-height: 1.882em;
}
header #services-menu-container #services-menu-left h6 {
margin-top: 0;
}
header #services-menu-container #services-menu-left .services-menu-content {
padding: 67px 55px 65px 80px;
}
header #services-menu-container #services-menu-right {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dropdown-bg.jpg) no-repeat;
background-position: 184px 0;
}
header #services-menu-container #services-menu-right .services-menu-content {
margin: 67px 10px 0 10px;
}
header #services-menu-container #services-menu-right .services-menu-content .services-menu-column {
width: 195px;
margin-left: 60px;
}
header #services-menu-container #services-menu-right .services-menu-content .services-menu-column h4 {
margin-top: 0;
}
header #services-menu-container #services-menu-right .services-menu-content .services-menu-column ul {
margin: 0;
list-style: none;
}
header #services-menu-container #services-menu-right .services-menu-content .services-menu-column ul li {
padding: 7px 0 7px 15px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/bullet.jpg) 0px 15px no-repeat;
}
header #mobile-nav,
header .btn-navbar {
display: none;
}
/* Splash */
#splash {
position: relative;
margin-top: -129px;
min-height: 476px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/bg-tmp.jpg) top center no-repeat;
z-index: 10;
color: #ffffff;
}
#splash .splash-pad {
margin: 0;
padding: 172px 0 0 0;
width: 100%;
text-align: center;
}
#splash h1,
#splash h2,
#splash h3 {
font: 300 4.286em/1em 'Lato', sans-serif;
}
#splash p {
margin: 0 auto;
padding: 15px 0 0 0;
width: 80%;
text-align: center;
font: 300 2em/1.786em 'Lato', sans-serif;
}
.level-0 #splash {
min-height: 476px;
}
.level-1 #splash,
.level-2 #splash,
.level-3 #splash {
min-height: 325px;
}
/*Home*/
.section-56 .inner {
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
clear: both;
float: left;
}
.section-56 .inner .video-div {
position: relative;
top: -129px;
height: 600px;
margin: 0 auto;
width: 1470px;
z-index: 1;
}
.section-56 #body-container,
.section-56 #home-secondary {
position: relative;
z-index: 20;
}
.section-56 .splash-title {
position: relative;
margin: 95px 0 35px;
z-index: 20;
}
.section-56 .bottom-container {
padding-bottom: 100px;
}
/* Tertiary */
.tertiary #splash,
.news #splash {
min-height: 325px;
}
/* Blog */
.blog #splash {
min-height: 325px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blog-splash.jpg) top center no-repeat;
}
/* Blue Splash */
.section-121 #splash {
min-height: 325px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blog-splash.jpg) top center no-repeat;
}
/*Resources*/
.SizeCell {
font-size: 0.85em;
line-height: 1.0em;
}
.TitleCell i ~ a:hover {
text-decoration: none;
}
/* Secondary nav */
#secondary-nav {
border-top: 2px solid #ffffff;
margin: 0 auto;
height: 62px;
max-width: 1470px;
text-align: center;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/sub-nav-bg.jpg) repeat-x;
}
#secondary-nav .nav {
margin: 1px 0 3px 0;
}
#secondary-nav .nav li {
display: inline-block;
}
#secondary-nav .nav li:last-child {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/sub-nav-divider.jpg) right no-repeat;
}
#secondary-nav .nav li a {
display: block;
padding: 19px 35px;
font: normal 1.143em/1.143em 'Lato', sans-serif;
color: #41659a;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/sub-nav-divider.jpg) left no-repeat;
}
#secondary-nav .nav li a:hover {
text-decoration: none;
background: #ffffff;
/* Fallback */
background: rgba(0, 0, 0, 0.2);
}
#secondary-nav .nav .active a {
background: #ffffff;
/* Fallback */
background: rgba(0, 0, 0, 0.2);
position: relative;
}
#secondary-nav .nav .active a:after {
content: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/secondary-nav-indicator.png);
position: absolute;
left: 50%;
bottom: -17px;
margin-left: -12px;
}
#secondary-nav .btn-group button,
#secondary-nav .btn-group .dropdown-menu {
border-radius: 0 0 0 0;
}
#secondary-nav .btn-group button {
padding: 8px 15px;
}
#secondary-nav .btn-group .dropdown-toggle {
padding: 8px 10px;
}
#secondary-nav .btn-group .dropdown-menu {
text-align: left;
}
#secondary-nav .btn-group .dropdown-menu li a:hover {
background: #507dba;
/* Fallback */
background: rgba(80, 125, 186, 0.85);
}
#secondary-nav .blog-nav {
margin: 8px 0;
}
#secondary-nav .blog-nav a.btn {
padding: 8px 10px;
border-radius: 0 0 0 0;
}
#secondary-nav .blog-nav .widget {
margin: 0px;
}
#secondary-nav .blog-nav .input-append {
margin-bottom: 0;
}
#secondary-nav .blog-nav .input-append input,
#secondary-nav .blog-nav .input-append button {
border-radius: 0 0 0 0;
height:auto;
}
#secondary-nav .blog-nav .input-append input,
#secondary-nav .blog-nav .input-append button {
padding: 8px 10px;
}
#secondary-nav .blog-nav .Blog_SearchForm {
position: relative;
}
#secondary-nav .blog-nav input.searchIcon {
padding-top: 0px;
position: absolute;
right: 5px;
top: 2px;
z-index: 1;
border:0px;
background:transparent;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
}
#secondary-nav .blog-nav .blog-nav-section {
margin: 0 15px;
}
#secondary-nav .blog-nav .blog-nav-section .widget-archives {
max-height: 40px;
}
#secondary-nav .blog-nav .blog-nav-section ul.widget-categories li a {
font-size: 14px;
}
#secondary-nav .blog-nav #postdivrich {
margin-top: 20px;
}
#secondary-nav .blog-nav .validation-summary-errors li {
padding-left: 25px;
}
#secondary-nav .blog-nav #meet-our-bloggers,
#secondary-nav .blog-nav #contact-us,
#secondary-nav .blog-nav #rss {
display: inline-block;
margin-top: -8px;
}
#secondary-nav .blog-nav #contact-us li {
background: none;
}
#secondary-nav .blog-nav #contact-us li a {
background-image: none;
color: #ffffff;
font-size: 16px!important;
}
.page-131 .blog-nav {
display: none;
}
#secondary-nav-shadow {
margin: 0 auto;
height: 14px;
max-width: 1470px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/nav-shadow.png) center top no-repeat;
position: relative;
z-index: 100;
}
/*============ Body ===========*/
#body-container {
clear: both;
}
.btn-primary,
.bstrap30 .btn,
.bstrap30 .btn-primary,
.bstrap30 .btn-info {
font: normal 1.429em Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
background: #006fe8!important;
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#00a4e8), to(#006fe8)) !important;
background-image: -webkit-linear-gradient(#00a4e8, #006fe8) !important;
background-image: -moz-linear-gradient(#00a4e8, #006fe8) !important;
background-image: -o-linear-gradient(#00a4e8, #006fe8) !important;
background-image: linear-gradient(#00a4e8, #006fe8) !important;
background-repeat: repeat-x;
}
.btn-primary:hover,
.btn-primary:active {
background-color: #006fe8!important;
}
.form-actions {
background-color: transparent;
border-top: 0px;
margin-top: 0px;
}
.body-content {
margin: 0 auto;
max-width: 1470px;
padding: 30px 0;
line-height: 2.143em;
/*blockquote
{
text-indent: 45px;
background-image: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/quote-1.png);
background-repeat: no-repeat;
background-position: top left;
border-left: 0px;
color: @borderGray;
p
{
font-size: 24px!important;
line-height: 40px;
font-family: Georgia, serif;
display: block;
background-image: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/quote-2.png);
background-repeat: no-repeat;
background-position: bottom right;
padding-right: 42px;
}
}*/
}
.body-content p {
margin: 14px 0;
font-size: 16px;
}
.body-content p + ul,
.body-content ol {
margin-top: 0px;
margin-bottom: 24px;
}
.body-content p + ol,
.body-content ul ol {
margin-bottom: 4px;
}
.body-content p + h3 {
margin-top: 32px;
}
.body-content .pane p {
font-size: 1.143em;
}
.body-content ul li,
.body-content ol li {
font-size: 16px;
padding: 3px 0;
}
.body-content .pane ul li ul,
.body-content .pane ol li ul,
.body-content .pane ul li ol,
.body-content .pane ol li ol {
margin-top: 8px;
}
.body-content .pane ul li ul li,
.body-content .pane ol li ul li,
.body-content .pane ul li ol li,
.body-content .pane ol li ol li {
font-size: 1.0em;
}
.body-content .pane ul.box-links li {
padding: 0 8px;
}
.body-content .right-pane h3 {
color: #6280a8;
line-height: 1.857em;
font-style: italic;
font-weight: normal;
}
.body-content .right-pane .DNNModuleContent {
margin-bottom: 36px;
}
.body-content .right-pane .DNNModuleContent:last-child {
margin-bottom: 0px;
}
.body-content h1 {
margin-bottom: 24px;
}
.body-content .double-column-list {
display: block;
}
.body-content .double-column-list li {
float: left;
width: 48%;
margin-right: 2%;
}
.body-content .double-column-list li:nth-child(even) {
margin-right: 0;
}
.body-content .double-column-list li:last-child {
clear: both;
}
.body-content .double-column-list + p {
clear: both;
}
.body-content input,
.body-content textarea {
padding: 10px 8px!important;
border-radius: 0 0 0 0!important;
}
.body-content .btn-primary {
margin: 0 0 0 9.7%;
}
.body-content #home-columns {
padding-left: 16px;
/* Don't mess with these widths, it's even */
}
.body-content #home-columns h4 {
text-transform: uppercase;
}
.body-content #home-columns h4 + p {
margin-top: 0px;
}
.body-content #home-columns .span3 {
vertical-align: top;
width: 315px;
margin-left: 63px;
}
.body-content #home-columns .media {
margin-top: 0;
}
.body-content #home-columns .media .media-object {
/* margin-top: -20px; */
padding-left: 10px;
}
.body-content .box-row .row {
margin-left: 10px;
}
.body-content .box-row .box-img {
width: 430px;
}
.body-content .box-row .box-content {
margin-top: 15px;
}
.body-content ul.box-links {
margin-top: 40px;
}
.body-content ul.box-links li {
display: inline-block;
padding: 0 8px;
line-height: 1em;
border-right: 1px solid #3d6398;
}
.body-content ul.box-links li:first-child {
padding-left: 0;
}
.body-content ul.box-links li:last-child {
padding-right: 0;
border: 0;
}
.body-content .video-details {
margin-top: 38px;
}
.body-content .blog-title {
margin-left: 4%;
}
.body-content #blog-container,
.body-content #news-events-container {
text-align: center;
}
.body-content #blog-container .pagination,
.body-content #news-events-container .pagination {
margin-top: 60px;
}
.body-content ul.blog-admin li {
margin-right: 8px;
}
.body-content ul.blog-admin li:last-child {
margin-right: 0px;
}
.body-content .other-services-links {
margin-top: 30px;
}
.body-content .blog-home-post {
display: inline-block;
width: 320px;
min-height: 480px;
background: #ffffff;
position: relative;
margin: 40px 2% 0 2%;
vertical-align: top;
}
.body-content .blog-home-post .blog-home-content {
padding: 15px 32px;
text-align: left;
}
.body-content .blog-home-post .blog-home-content h3 {
margin-bottom: 6px;
}
.body-content .blog-home-post .blog-home-content .post-info {
position: absolute;
bottom: 0;
width: 80%;
height: 60px;
padding-top: 15px;
border-top: 1px solid #e9e9e9;
}
.body-content .blog-home-post .blog-home-content .post-info .divider {
padding: 0 10px;
}
.body-content .blog-colpad {
padding: 15px 30px;
}
.body-content .blog-colpad .widget:after {
background: none;
}
.body-content .blog-colpad .viewAllTags {
display: none;
}
.body-content .triangle-up {
width: 0;
height: 0;
border-left: 135px solid transparent;
border-right: 135px solid transparent;
border-bottom: 20px solid #e9e9e9;
}
.body-content ul.widget-meta {
clear: both;
}
.body-content ul.widget-meta li {
float: left;
padding: 0 20px;
}
.body-content h2.post-title {
font: 26px/36px bold 'Lato', sans-serif;
color: #5f5f5f;
}
.body-content .post-header {
border-bottom: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
font-weight: bold;
font-size: 1.05em;
}
.body-content .share-block {
float: right;
}
.body-content .share-block .addthis_button_tweet {
width: 94px!important;
}
.body-content #relatedPosts {
border-bottom: 1px solid #dbdbdb;
margin-bottom: 26px;
padding-bottom: 6px;
}
.body-content #relatedPosts ul {
list-style-type: none;
margin-left: 0px;
}
.body-content #relatedPosts ul li {
margin-bottom: 14px;
}
.body-content .post-author {
margin-bottom: 30px;
}
.body-content .post-author h4 {
color: #5f5f5f;
}
.body-content #nav-below {
border-top: 1px solid #dbdbdb;
padding-top: 24px;
margin-top: 24px;
}
.body-content #nav-below .nav-previous a,
.body-content #nav-below .nav-next a {
font-size: 1.25em;
}
.body-content #nav-below .blog-entry-next,
.body-content #nav-below .blog-entry-prev {
margin-bottom: 6px;
}
.body-content ul.widget-tags li a {
padding: 0 3px;
}
.body-content ul.widget-tags li a:hover {
background-color: #508fc8;
}
.body-content .blog-icon {
background: none;
padding: 20px 0!important;
font-size: 1.25em;
}
.body-content .post-toolbar {
padding: 20px 0;
}
.body-content .post-toolbar a {
display: inline-block;
margin-right: 20px;
}
.body-content .post-toolbar a:visited {
color: #333333;
}
.body-content .discuss {
background: none;
}
.body-content .comments-section {
border-top: 1px solid #dbdbdb;
padding-top: 16px;
margin-top: 30px;
}
.body-content #commentCompose {
margin-bottom: 16px;
}
.body-content #btnSubmitComment {
margin-bottom: 12px;
}
.body-content #chkNotification,
.body-content #chkRememberMe {
margin-top: 0;
margin-right: 7px;
}
.body-content ul.annotation-replies {
padding: 5px 0!important;
}
.body-content .reply-to-comment {
float: right;
margin-left: 12px;
}
.body-content #sidebar-authors ul li {
list-style-type: none;
font: 1.1em/1.8em 'Lato', sans-serif;
background: #ffffff;
margin-bottom: 30px;
padding: 0;
}
.body-content #sidebar-authors ul li .author-container {
padding-top: 40px;
}
.body-content #sidebar-authors ul li .author-container h3 {
float: left;
}
.body-content #sidebar-authors ul li .author-container .view-auth-posts {
margin-top: 10px;
float: right;
}
.body-content #sidebar-authors ul li .author-container .auth-bio {
clear: both;
}
.body-content .whitepaper-cta {
margin: 20px 0;
text-align: center;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 30px;
}
.body-content .whitepaper-cta h3 {
font-style: italic;
}
.body-content .news h1 a.edit {
font-size: 14px;
}
.body-content .news .edn_article_gallery {
display: none;
}
.body-content .news-events-column {
display: inline-block;
width: 545px;
margin: 0 1.1%;
}
.body-content .article-info {
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 20px 0;
margin: 20px 0;
position: relative;
}
.body-content .article-info .article-sharing {
position: absolute;
right: 0;
top: 26px;
}
.body-content .news-events-post {
clear: left;
float: left;
width: 100%;
text-align: left;
margin: 15px 0;
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blue-corner.png) no-repeat top right;
position: relative;
border: 1px solid #e9e9e9;
}
.body-content .news-events-post:hover {
z-index: 50;
outline: 0;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
transition: all 0.7s linear;
cursor: pointer;
}
.body-content .news-events-post .news-events-content {
padding: 30px 40px;
}
.body-content .news-events-post .news-events-content .news-icon,
.body-content .news-events-post .news-events-content .event-icon {
margin-top: 12px;
}
.body-content .news-events-post .news-events-content .news-expand {
position: absolute;
top: -2px;
right: -2px;
height: 53px;
width: 53px;
cursor: pointer;
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blue-corner.png) no-repeat top right;
}
.body-content .news-events-post .news-events-content .news-events-excerpt {
margin-left: 7%;
width: 80%;
}
.body-content .news-events-post .news-events-content .news-events-excerpt h3 {
margin: 0 0 8px 0;
font-weight: normal;
}
.body-content .news-events-post .news-events-content .news-events-excerpt p {
margin: 0;
line-height: 1.714em;
}
.body-content .news-events-post.nosize h2 {
margin-top: 0px;
}
.body-content .white-note {
float: left;
width: 48%;
height: 262px;
display: inline-block;
position: relative;
text-align: left;
margin: 15px 0;
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/blue-corner.png) no-repeat top right;
border: 1px solid #e9e9e9;
}
.body-content .white-note:hover {
z-index: 50;
outline: 0;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
transition: all 0.7s linear;
cursor: pointer;
}
.body-content .white-note:nth-child(even) {
margin-left: 30px;
}
.body-content .white-note.tools:hover {
cursor: none;
}
.body-content .white-note .white-note-content {
padding: 47px 40px 30px;
/*.news-expand{
position: absolute;
top: -2px;
right: -2px;
height: 53px;
width: 53px;
cursor: pointer;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/news-expand.png) no-repeat;
}*/
}
.body-content .white-note .white-note-content .white-icon {
margin-top: 12px;
}
.body-content .white-note .white-note-content .white-note-text {
margin-left: 7%;
width: 76%;
}
.body-content .white-note .white-note-content .white-note-text h3 {
margin: 0 0 8px 0;
font-weight: normal;
}
.body-content .white-note .white-note-content .white-note-text p {
margin: 0;
line-height: 1.714em;
}
.body-content .partners-container {
margin: 20px auto 40px auto;
font-size: 0;
text-align: center;
}
.body-content .partners-container ul {
margin: 0;
}
.body-content .partners-container ul li {
display: inline-block;
position: relative;
z-index: 10;
padding: 0;
cursor: pointer;
outline: 1px solid #dbdbdb;
}
.body-content .partners-container ul li:hover {
z-index: 50;
outline: 0;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
transition: all 0.7s linear;
}
.body-content .partners-container ul li:hover a {
display: block;
}
.body-content .partners-container ul li:hover img {
width: 100%;
height: 100%;
z-index: 20;
}
.body-content .partners-container ul li:hover .partner-info {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/partner-link.jpg) right top no-repeat;
z-index: 30;
}
.body-content .partners-container ul li:hover .partner-info .partner-info-content {
padding: 30px 40px;
}
.body-content .partners-container ul li:hover .partner-info h4 {
font-size: 19px;
}
.body-content .partners-container ul li:hover .partner-info p {
font-size: 14px;
}
.body-content .certifications .partner-desc {
display: none;
}
.body-content .certifications a {
display: block;
}
.body-content blockquote {
margin-top: 20px;
font-size: 1.1em;
border-left-color: #363536;
}
.body-content .FormatCodeBlock {
background-position: -1080px 50% !important;
}
.section-56 .splash-pad {
padding-top: 260px;
}
.section-56 .cycle {
display: block;
height: 340px;
}
.section-56 .cycle #slideshow {
width: 800px;
text-align: center;
list-style: none;
margin: 0 auto;
margin-bottom: 20px;
}
.section-56 .cycle #slideshow li {
color: #fff;
font: 700 3.429em/1.4em 'Lato', sans-serif;
background: transparent url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/slide-shadow.png) repeat;
padding: 20px 40px;
text-shadow: 1px 1px 2px #969696;
}
.section-56 .cycle div.Normal {
height: 340px;
}
.section-56 .cycle .nav-container {
position: absolute;
bottom: 0px;
width: 100%;
margin: 0 auto;
z-index: 99;
}
.section-56 .cycle #slide-nav {
width: 435px;
margin: 0 auto;
text-align: center;
}
.section-56 .cycle #slide-nav li {
float: left;
margin: 4px;
list-style: none;
margin-right: 0px;
}
.section-56 .cycle #slide-nav li a {
width: 75px;
padding: 7px 11px;
display: block;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/slide-bg.png);
color: #ffffff;
text-align: center;
text-shadow: 1px 1px 2px #969696;
}
.section-56 .cycle #slide-nav li.activeSlide a {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/slide-bg-selected.png);
}
.section-56 .body-content {
padding: 50px 0;
}
#home-secondary {
margin: 0 auto;
max-width: 1470px;
line-height: 1.882em;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/home-secondary-bg.jpg) repeat-y;
background-size: contain;
}
#home-secondary .home-secondary-left {
width: 720px;
padding: 80px 0;
margin-right: 130px;
}
#home-secondary .home-secondary-left h2 {
margin-top: 0;
}
#home-secondary .home-secondary-left .span3 {
width: 220px;
}
#home-secondary .home-secondary-left #services-list {
margin-top: 55px;
}
#home-secondary .home-secondary-right {
width: 320px;
padding: 80px 0;
}
#home-secondary .home-secondary-right .excerpt {
margin-bottom: 55px;
}
#home-secondary .home-secondary-right .excerpt p {
font-style: italic;
}
.error {
color: #B20000;
}
#services-list {
margin-top: 13px;
}
#services-list ul li {
padding: 4px 0;
}
.leadership {
margin-left: 30px;
}
.leadership .leadership-row {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/leadership-bg.jpg) repeat-x;
}
.leadership .leadership-row .leader-name {
height: 198px;
background-position: right!important;
background-repeat: no-repeat;
}
.leadership .leadership-row .leader-name h3 {
text-align: left;
padding-top: 87px;
margin: 0 0 0 100px;
}
.leadership .leadership-row .leader-bio {
padding: 55px 0;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/leadership-bio-arrow.png) no-repeat top left;
}
.leadership .leadership-row:nth-child(even) .leader-name {
background-position: left!important;
}
.leadership .leadership-row:nth-child(even) .leader-name h3 {
text-align: right;
margin: 0 100px 0 0;
}
.leadership .leadership-row:nth-child(even) .leader-bio {
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/leadership-bio-arrow.png) no-repeat top right;
}
.widget {
margin-top: 25px;
}
.widget:after {
display: block;
content: '';
height: 35px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/widget-shadow.png) no-repeat;
background-size: contain;
}
.widget .widget-title {
padding: 25px 35px;
font-size: 1.286em;
color: #ffffff;
background: #508fc8;
}
.widget .widget-content .widget-txt {
padding: 15px 32px;
}
.widget .widget-content .widget-txt h2 {
font-size: 1.357em;
margin-bottom: 0;
}
.widget .widget-content .widget-txt p {
margin-bottom: 10px;
}
.widget .widget-content .ModActionFormC .col-sm-12 {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
}
.widget .widget-content .ModActionFormC .checkbox {
margin-left: 0px;
padding-left: 0px;
}
.widget .widget-content .ModActionFormC h3 {
margin-top: 10px;
}
.subnav {
margin-bottom: 35px;
}
.subnav ul {
margin: 0;
padding: 7px 15px 7px 15px;
}
.subnav ul li {
padding: 6px 0;
display: inline-block;
}
.subnav ul li a {
display: block;
padding: 10px 20px;
color: #5f5f5f;
font-weight: 700;
font-size: 1.143em;
}
.subnav ul li a:hover {
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/widget-link-bg.jpg) left no-repeat;
text-decoration: none;
}
.subnav ul li.active a {
background: #ffffff url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/widget-link-bg.jpg) left no-repeat;
text-decoration: none;
}
#contact-form-container {
clear: both;
}
#contact-form-container .pull-left {
float: left;
}
#contact-form-container .btn-primary {
margin: 0 auto;
padding: 6px 75px;
}
#contact-numbers {
padding-left: 32px;
border-left: 1px solid #dbdbdb;
}
#contact-map {
clear: both;
padding: 0 !important;
position: relative;
}
#contact-map #map-overlay {
position: absolute;
top: 155px;
left: 100px;
width: 418px;
height: 309px;
z-index: 100;
border: 14px solid #ffffff;
background: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#contact-map #map-overlay #map-overlay-content {
padding: 41px 56px;
box-shadow: inset 0 0 50px 5px rgba(0, 0, 0, 0.2);
}
#contact-map #map {
width: 100%;
height: 740px;
}
/* Some extra css rules for the box row pages */
.subpage #body-container .body-content:first-child,
.tertiary #body-container .body-content:first-child,
.blog #body-container .body-content:first-child,
.news #body-container .body-content:first-child {
margin-top: -14px;
}
.subpage #body-container .body-content:last-child,
.tertiary #body-container .body-content:last-child {
padding: 80px 0 220px 0;
}
.blog #body-container .body-content:last-child,
.news #body-container .body-content:last-child {
padding: 40px 0 220px 0;
}
.accordion-group {
border: 0;
border-radius: 0;
margin-bottom: 1px;
}
.accordion-group .accordion-heading {
background: #e9e9e9;
}
.accordion-group .accordion-heading a {
font: 700 1.3em 'Lato', sans-serif;
color: #6280a8;
padding: 18px;
}
.accordion-group .accordion-heading a:hover,
.accordion-group .accordion-heading a:focus {
text-decoration: none;
}
.accordion-group .accordion-heading a .Head {
display: normal;
margin-bottom: 0px;
border-bottom: 0px;
}
.accordion-group .accordion-heading a i,
.accordion-group .accordion-heading a span {
color: #dbdbdb;
border-left: 1px solid #dbdbdb;
padding-left: 27px;
font-size: 1.50em;
}
.accordion-group .accordion-heading a.active i,
.accordion-group .accordion-heading a.active span {
padding-left: 22px;
}
.accordion-group:nth-child(even) .accordion-heading {
background: #ffffff;
}
.tabbed-content .tabs {
float: left;
width: 100%;
padding: 0;
}
.tabbed-content .tabs .DnnModule {
margin-bottom: 0;
}
.tabbed-content .tabs .DNNModuleContent {
background: #ffffff;
padding: 4%;
}
.tabbed-content .tabs-nav {
float: left;
width: 100%;
}
.tabbed-content .tabs-nav ul {
margin: 0;
list-style: none;
font: 0/0 a;
height: 125px;
}
.tabbed-content .tabs-nav li {
float: left;
padding-bottom: 0px!important;
width: 190px;
}
.tabbed-content .tabs-nav li .divider {
border-left: 1px solid #dbdbdb;
border-right: 1px solid #ffffff;
height: 60px;
margin-top: 40px;
margin-right: 40px;
width: 1px;
float: right;
display: inline;
}
.tabbed-content .tabs-nav li a {
display: block;
float: left;
padding: 16px 12px 48px;
text-align: center;
font: normal 14px/14px sans-serif;
text-decoration: none;
}
.tabbed-content .tabs-nav li a.active {
background: url("https://www.netspi.com/Portals/0/Skins/NetSPI/img/tabs/tab-arrow.png") no-repeat scroll right bottom transparent;
}
.tabbed-content .tabs-nav li a .tab-icon {
margin-bottom: 14px;
}
.tabbed-content .tabs-nav li:last-child .divider {
display: none;
}
/*============ Footer ===========*/
footer {
margin: 0 auto;
max-width: 1470px;
}
footer #footer-top {
margin: -150px 0 0 10px;
position: relative;
z-index: 100;
}
footer #footer-top .span3 {
height: 150px;
width: 260px;
margin: 0;
cursor: pointer;
}
footer #footer-top .span3 .expertise-img {
position: relative;
margin: 3px 0 0 11px;
}
footer #footer-top .span3 h3 {
color: #ffffff;
font-weight: normal;
margin: 9px 0;
}
footer #footer-top .span3 a {
color: #ffffff;
}
footer #footer-top .span3 a:hover {
text-decoration: none;
}
footer #footer-top .span3 .footer-top-box {
padding: 16px 35px 0 35px;
font-size: 0.929em;
color: #ffffff;
position: relative;
}
footer #footer-top .span3 .footer-top-box .arrow-bg {
position: absolute;
top: 64px;
right: 35px;
width: 8px;
height: 5px;
background: url(https://www.netspi.com/Portals/0/Skins/NetSPI/img/dotted-arrow.png) no-repeat;
}
footer #footer-bottom {
background: #363536;
color: #e9e9e9;
line-height: 2.143em;
}
footer #footer-bottom .container {
padding: 74px 0;
}
footer #footer-bottom h3 {
margin-top: 0;
font-weight: normal;
}
footer #footer-bottom #footer-buttons {
margin-left: 50px;
}
footer #footer-bottom #footer-buttons .footer-btn {
margin-bottom: 15px;
}
footer #footer-bottom #footer-title {
width: 385px;
margin-left: 50px;
}
footer #footer-bottom #footer-title h3 {
line-height: 1.714em;
}
footer #footer-bottom #footer-title #copyright {
font-size: 0.857em;
color: #929292;
}
footer #footer-bottom #footer-address {
width: 140px;
margin-left: 50px;
}
footer #footer-bottom #footer-address address {
margin: 0;
font-size: 0.929em;
line-height: 2.143em;
}
footer #footer-bottom #social-links {
width: 230px;
margin-left: 50px;
}
footer #footer-bottom #social-links ul {
margin-top: 20px;
}
footer #footer-bottom #social-links ul li {
float: left;
margin-right: 4px;
margin-bottom: 4px;
}
footer #footer-bottom #social-links ul li:last-child {
margin-right: 0;
}
footer #footer-bottom #social-links ul li a {
display: block;
}
@media (max-width: 1234px){
.nav-row-link{
display:none!important;
}
}
@media (max-width: 765px){
.nav-row-link-rss{
display:none!important;
}
}
/* ==================== Less than 1200 ==================== */
@media (min-width: 980px) and (max-width: 1234px) {
/*============ Header ===========*/
header .navbar #logo {
margin: 18px 0 0 3%;
}
header .navbar #root-nav {
width: 70%;
}
header .navbar #root-nav ul {
margin: 23px 5.5% 0 0;
}
header .navbar #root-nav #contact-sales {
width: 45%;
}
header .navbar #primary-nav {
width: 72%;
}
header .navbar #primary-nav ul li a {
font: normal 1.357em/1em 'Lato', sans-serif;
padding: 10px 12px 34px 12px;
}
header .navbar #open-search {
margin: 23px 3.5% 0 0;
}
header #services-menu-container #services-menu-left {
width: 30%;
background-position: right;
background-size: cover;
}
header #services-menu-container #services-menu-left p {
line-height: 1.882em;
font-size: .85em;
}
header #services-menu-container #services-menu-left h6 {
margin-top: 0;
font-size: 1em;
}
header #services-menu-container #services-menu-left .services-menu-content {
padding: 67px 16% 65px 18%;
}
header #services-menu-container #services-menu-right {
background-position: 5% 0;
}
header #services-menu-container #services-menu-right .services-menu-content {
margin: 67px 0 0 0;
}
header #services-menu-container #services-menu-right .services-menu-content .services-menu-column {
width: 25%;
margin-left: 6%;
}
header #services-menu-container #services-menu-right .services-menu-content .services-menu-column a {
font-size: .85em;
}
/*============ Body ===========*/
.body-content #home-columns {
padding-left: 16px;
}
.body-content #home-columns h4 {
text-transform: uppercase;
}
.body-content #home-columns .span3 {
vertical-align: top;
width: 29%;
margin-left: 4%;
}
.body-content #home-columns .media {
margin-top: 0;
}
.body-content #home-columns .media .media-object {
width: 80%;
}
.body-content .blog-title {
text-align: center;
}
#home-secondary .home-secondary-left {
width: 61%;
padding: 80px 0;
margin-right: 11%;
}
#home-secondary .home-secondary-left h2 {
margin-top: 0;
}
#home-secondary .home-secondary-left .span3 {
width: 29%;
}
#home-secondary .home-secondary-right {
width: 27%;
}
/*============ Footer ===========*/
footer #footer-top {
margin: -94px 0 0 0;
}
footer #footer-top .span3 {
width: 25%;
}
footer #footer-top .span3 .footer-top-box {
padding: 14px 20px 0 20px;
}
footer #footer-top .span3 .footer-top-box .arrow-bg {
background: none;
}
footer #footer-bottom .container {
padding: 74px 0;
}
footer #footer-bottom #footer-buttons {
margin-left: 0;
}
footer #footer-bottom #footer-buttons .footer-btn {
margin-bottom: 15px;
}
footer #footer-bottom #footer-title {
width: 32%;
margin-left: 4%;
}
footer #footer-bottom #footer-address {
width: 15%;
margin-left: 2%;
}
footer #footer-bottom #social-links {
width: 22%;
margin-left: 4%;
}
footer #footer-bottom #social-links ul {
margin-top: 20px;
}
footer #footer-bottom #social-links ul li img {
width: 34px;
}
}
/* ==================== Tablet style ==================== */
@media (min-width: 765px) and (max-width: 980px) {
body {
padding: 0;
}
/*============ Header ===========*/
header .navbar #primary-nav,
header .navbar #root-nav ul {
display: none;
}
header .navbar #logo {
float: none;
width: 215px;
margin: 18px auto 0 auto;
}
header .navbar #root-nav {
height: 68px;
}
header .navbar #root-nav #contact-sales {
position: absolute;
right: 0;
top: 0;
width: 78px;
height: 68px;
cursor: pointer;
}
header .navbar #root-nav #contact-sales .phone-icon {
margin: 20px 27px;
}
header .navbar #root-nav #contact-sales #sales-number {
display: none;
}
header #mobile-nav,
header .btn-navbar {
display: block;
}
header #mobile-nav {
background: rgba(23, 59, 106, 0.9);
}
header #mobile-nav li a {
color: #ffffff;
border-radius: 0 0 0 0;
}
header #mobile-nav li a:hover {
background: rgba(255, 255, 255, 0.2);
}
header .btn-navbar {
float: left;
width: 100%;
padding: 18px 0;
text-align: center;
border: none;
border-radius: 0 0 0 0;
background: rgba(23, 59, 106, 0.9);
font: 700 1.286em 'Lato', sans-serif;
color: #ffffff;
text-transform: uppercase;
box-shadow: none;
text-shadow: none;
position: relative;
}
header .btn-navbar #nav-btn {
position: absolute;
left: 15px;
top: 22px;
}
header .btn-navbar #nav-btn .icon-bar {
background-color: #F5F5F5;
border-radius: 1px 1px 1px 1px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 2px;
width: 18px;
}
/* Splash */
#splash {
font-size: 90%;
}
#splash .splash-title {
padding: 230px 0 0 0;
}
/*============ Body ===========*/
.body-content #home-columns {
padding-left: 16px;
}
.body-content #home-columns h4 {
text-transform: uppercase;
}
.body-content #home-columns .span3 {
vertical-align: top;
width: 29%;
margin-left: 4%;
}
.body-content #home-columns .media {
margin-top: 0;
}
.body-content #home-columns .media .media-object {
display: none;
}
.body-content .box-links {
text-align: center;
}
.body-content .video-details {
margin-top: 0px;
}
.body-content .video-details h3 {
margin-top: 0;
}
.body-content .blog-title {
text-align: center;
}
.body-content .white-note {
width: 100%;
}
.body-content .white-note:nth-child(even) {
margin-left: 0px;
}
/* Secondary nav */
#secondary-nav .nav li a {
padding: 19px 20px;
}
#secondary-nav .blog-nav .blog-nav-section {
margin: 0 6px;
}
#home-secondary .home-secondary-left {
width: 61%;
padding: 80px 0;
margin-right: 11%;
}
#home-secondary .home-secondary-left h2 {
margin-top: 0;
}
#home-secondary .home-secondary-left .span3 {
width: 29%;
}
#home-secondary .home-secondary-right {
width: 27%;
padding: 80px 0 240px;
}
.subpage #body-container .body-content:last-child,
.tertiary #body-container .body-content:last-child {
padding: 80px 0 280px 0;
}
.blog #body-container .body-content:last-child,
.news #body-container .body-content:last-child {
padding: 40px 0 240px 0;
}
/*============ Footer ===========*/
footer #footer-top {
margin: -188px auto 0 auto;
text-align: center;
}
footer #footer-top .span3 {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}
footer #footer-bottom .container {
padding: 74px 0;
}
footer #footer-bottom #footer-buttons {
margin-left: 0;
}
footer #footer-bottom #footer-buttons .footer-btn {
margin-bottom: 15px;
}
footer #footer-bottom #footer-title {
width: 34%;
margin-left: 8%;
}
footer #footer-bottom #footer-address {
width: 20%;
margin-left: 8%;
}
footer #footer-bottom #social-links {
clear: both;
margin: 25px 0 0 0;
width: 100%;
text-align: center;
}
footer #footer-bottom #social-links ul {
margin-top: 20px;
text-align: center;
}
footer #footer-bottom #social-links ul li {
float: none;
display: inline-block;
}
footer #footer-bottom #social-links ul li img {
width: 25px;
}
}
/* ==================== Smartphone style ==================== */
@media (min-width: 0) and (max-width: 765px) {
body {
padding: 0;
font-size: 80%;
}
h1 {
font-size: 1.714em;
}
.navbar-inner {
height: 130px;
}
/*============ Header ===========*/
header {
height: 130px;
}
header .navbar {
width: 100%;
margin: 0;
}
header .navbar #primary-nav,
header .navbar #root-nav {
display: none;
}
header .navbar #logo {
float: none;
width: 215px;
margin: 18px auto 0 auto;
}
header #mobile-nav,
header .btn-navbar {
display: block;
}
header #mobile-nav {
background: rgba(23, 59, 106, 0.9);
}
header #mobile-nav li a {
color: #ffffff;
border-radius: 0 0 0 0;
}
header #mobile-nav li a:hover {
background: rgba(255, 255, 255, 0.3);
}
header .btn-navbar {
float: left;
width: 100%;
padding: 12px 0;
text-align: center;
border: none;
border-radius: 0 0 0 0;
background: rgba(23, 59, 106, 0.9);
font: 700 1.286em 'Lato', sans-serif;
color: #ffffff;
text-transform: uppercase;
box-shadow: none;
text-shadow: none;
position: relative;
}
header .btn-navbar #nav-btn {
position: absolute;
left: 15px;
top: 15px;
}
header .btn-navbar #nav-btn .icon-bar {
background-color: #F5F5F5;
border-radius: 1px 1px 1px 1px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 2px;
width: 18px;
}
/* Secondary nav */
#secondary-nav {
clear: both;
float: left;
height: auto;
border: none;
margin: 0 auto;
text-align: center;
background: none;
width: 100%;
}
#secondary-nav .nav {
margin: 0;
}
#secondary-nav .nav li {
display: inline-block;
width: 100%;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #cecece;
}
#secondary-nav .nav li:last-child {
background: none;
}
#secondary-nav .nav li a {
display: block;
padding: 15px 0;
font: normal 1.143em/1.143em 'Lato', sans-serif;
color: #41659a;
background: #E2E2E2;
background-image: -ms-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%);
background-image: -moz-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%);
background-image: -o-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e2e2), color-stop(1, #d1d2d3));
background-image: -webkit-linear-gradient(top, #e2e2e2 0%, #d1d2d3 100%);
background-image: linear-gradient(to bottom, #e2e2e2 0%, #d1d2d3 100%);
}
#secondary-nav .nav li a:hover {
text-decoration: none;
background: #ffffff;
background-image: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2));
background-image: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%);
}
#secondary-nav .nav .active a {
text-decoration: none;
background: #ffffff;
background-image: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2));
background-image: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%);
}
#secondary-nav .nav .active a:after {
content: '';
}
#splash,
.blog #secondary-nav {
display: none;
}
/*============ Body ===========*/
.body-content {
padding: 10px 10%;
}
.body-content #home-columns {
padding-left: 16px;
}
.body-content #home-columns h4 {
text-transform: uppercase;
}
.body-content #home-columns .span3 {
clear: left;
float: left;
width: 100%;
margin: 0;
padding: 30px 0;
vertical-align: top;
border-bottom: 1px solid #e9e9e9;
}
.body-content #home-columns .span3:last-child {
border: none;
}
.body-content #home-columns .media {
margin-top: 0;
}
.body-content #home-columns .media .pull-right {
float: right;
max-width: 77px;
}
.body-content #home-columns .media .media-object {
width: 70%;
}
.body-content .box-links {
text-align: center;
}
.body-content .row .box-img {
display: none;
}
.body-content .video-details {
margin-top: 0;
}
.body-content .video {
margin-top: 20px;
}
.body-content .blog-title {
text-align: center;
}
.body-content .blog-home-post {
margin: 15px 0 0 0;
}
.body-content .news-events-column {
width: 100%;
margin: 0;
}
.body-content .news-events-column .news-events-post {
margin: 5px 0;
height: auto;
border-right: none;
border-left: none;
}
.body-content .news-events-column .news-events-post .news-icon,
.body-content .news-events-column .news-events-post .event-icon {
width: 13%;
}
.body-content .white-note {
width: 100%;
}
.body-content .white-note:nth-child(even) {
margin-left: 0px;
}
.body-content .white-note img {
width: 24px;
}
#home-secondary {
background: #f4f4f4;
padding: 0 10%;
}
#home-secondary .home-secondary-left {
display: none;
}
#home-secondary .home-secondary-right {
width: 100%;
padding: 30px 0;
}
#home-secondary .home-secondary-right .excerpt {
margin-bottom: 30px;
}
#home-secondary .home-secondary-right .excerpt .excerpt-content {
display: none;
}
.widget:after {
background-size: cover;
}
.widget .widget-img img {
width: 100%;
max-width: none;
}
.subpage #body-container .body-content:last-child,
.tertiary #body-container .body-content:last-child {
padding: 10px 10%;
}
.blog #body-container .body-content:last-child,
.news #body-container .body-content:last-child {
padding: 10px 0 15px 0;
}
/*============ Footer ===========*/
footer #footer-top {
margin: 0;
width: 100%;
}
footer #footer-top .span3 {
clear: left;
float: left;
width: 100%;
display: inline-block;
vertical-align: top;
text-align: left;
}
footer #footer-top .span3:first-child {
display: none;
}
footer #footer-top .span3 .footer-top-box {
padding: 16px 18% 0 18%;
}
footer #footer-bottom .container {
padding: 30px 14%;
}
footer #footer-bottom #footer-buttons {
float: left;
width: 100%;
text-align: center;
margin-left: 0;
}
footer #footer-bottom #footer-buttons .footer-btn {
margin-bottom: 15px;
}
footer #footer-bottom #footer-title {
clear: left;
float: left;
width: 100%;
margin: 0;
}
footer #footer-bottom #footer-title #copyright {
width: 100%;
text-align: center;
}
footer #footer-bottom #footer-address {
clear: left;
float: left;
margin: 30px 0 0 0;
width: 100%;
text-align: center;
}
footer #footer-bottom #footer-address address {
margin: 0 auto;
}
footer #footer-bottom #social-links {
clear: both;
margin: 25px 0 0 0;
width: 100%;
text-align: center;
}
footer #footer-bottom #social-links ul {
margin-top: 20px;
text-align: center;
}
footer #footer-bottom #social-links ul li {
float: none;
display: inline-block;
}
footer #footer-bottom #social-links ul li img {
width: 25px;
}
}
.dnnDropEmptyPanes {
min-width: 200px;
height: 100px;
border: 1px dashed lime;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}