Created
April 15, 2016 21:26
-
-
Save opensourcekam/3ac7e11085db1348d4c53b8825ce7075 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* @import url('http://example.com/example_style.css'); */ | |
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); | |
/***********************************************/ | |
/* CSS @imports must be at the top of the file */ | |
/* Add them above this section */ | |
/***********************************************/ | |
/****************************************/ | |
/* HubSpot Style Boilerplate */ | |
/****************************************/ | |
/* These includes are optional, but helpful. */ | |
{% include "hubspot/styles/responsive/modules.css" %} | |
{% include "hubspot/styles/patches/recommended.css" %} | |
{% include "hubspot/styles/responsive/required_base.css" %} | |
/*****************************************/ | |
/* Start your style declarations here */ | |
/*****************************************/ | |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700); | |
body{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size:100.0%; } | |
a{ text-decoration:none; } | |
a:hover { text-decoration:underline; } | |
a img:hover{ opacity:.8; } | |
p, h1, h2, h3, h4, h5{ | |
padding:0; margin:0; | |
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:100.0%; | |
} | |
p { | |
margin: 5px 0; | |
} | |
.hs-button:hover {opacity: .8;} | |
/*****************************************/ | |
/* MISC Fixes */ | |
/*****************************************/ | |
.clearfix:after { | |
visibility: hidden; | |
display: block; | |
font-size: 0; | |
content: " "; | |
clear: both; | |
height: 0; | |
} | |
.clearfix { display: inline-block; } | |
* html .clearfix { height: 1%; } | |
.clearfix { display: block; } | |
.row-fluid [class*="span"]:first-child { margin: auto; } | |
body{ border:none !important; } | |
.hs-cta-img:hover{ | |
opacity:.8; | |
} | |
/*****************************************/ | |
/* Top of Site */ | |
/*****************************************/ | |
.body-container-wrapper { | |
margin: 0!important; | |
padding: 0!important; | |
} | |
.header-container-wrapper { | |
width: 100%; | |
padding: 0!important; | |
margin: 0!important; | |
background-color: #4d4d4d; | |
border-bottom:none!important; | |
} | |
.header-container { | |
margin: 0 auto; | |
padding: 0 0 0 35px; | |
max-width: 815px; | |
} | |
.header-container-wrapper .top-group { | |
max-width: 780px !important; | |
height:166px; | |
float:none!important; | |
} | |
.top-group-container { | |
height: 166px!important; | |
float:none!important; | |
} | |
/*****************************************/ | |
/* Above Nav */ | |
/*****************************************/ | |
.logo { | |
padding-top: 18px; | |
} | |
.uti-search-phone { | |
float: right; | |
} | |
ul#uti-list { | |
display: inline-block; | |
list-style-position: outside; | |
list-style: none; | |
float: right; | |
padding: 10px 0 3px 0; | |
margin: 0 auto; | |
} | |
ul#uti-list li { | |
display:inline-block; | |
color: #fff; | |
font-weight: 300; | |
font-size: 78%; | |
} | |
ul#uti-list li a { | |
color: #fff; | |
font-weight: 300; | |
} | |
.phone-number { | |
display: block; | |
text-align: right; | |
height:24px; | |
} | |
.phone-number p { | |
color: #fff; | |
font-weight: 300; | |
font-size: 100%; | |
line-height:20px; | |
vertical-align: top; | |
} | |
.phone-number p span{ | |
display: inline-block; | |
background: url('http://cdn2.hubspot.net/hub/393083/file-1643057466-png/design_images/phone-icon.png') no-repeat transparent 0 0; | |
height: 20px; | |
width: 18px; | |
line-height: 20px; | |
padding-right: 15px; | |
} | |
#header-search { | |
margin-bottom:8px; | |
float: right; | |
text-align: right; | |
} | |
#header-search input { | |
width: 240px; | |
display: inline-block; | |
float: none; | |
height: 26px; | |
margin: 0; | |
padding: 0 35px 0 5px; | |
-moz-border-radius: 0px; | |
-webkit-border-radius: 0px; | |
border-radius: 0px; | |
background: url('http://cdn2.hubspot.net/hub/393083/file-1643064587-png/design_images/search-mag.png') no-repeat 210px 4px #fff; | |
} | |
/*****************************************/ | |
/* Nav */ | |
/*****************************************/ | |
.span12.widget-span.widget-type-cell.top-group-container{ | |
background: #4d4d4d; | |
} | |
.row-fluid-wrapper.row-depth-1.row-number-1 { | |
background: white; | |
} | |
li.hs-menu-item.hs-menu-depth-1:nth-last-of-type(1) { | |
padding-right: 0; | |
display: inline-block; | |
width: 170px; | |
height: 45px; | |
background: #ff5710 url('http://cdn2.hubspot.net/hubfs/393083/CTA/DBO/small-nav-icon_03.png') 20px 5px no-repeat; | |
margin-top: -8px; | |
} | |
li.hs-menu-item.hs-menu-depth-1:nth-last-of-type(1) a { | |
padding: 5px 5px 0 5px !important; | |
line-height: 1.2em; | |
display: block; | |
} | |
.main-nav{ | |
float:none!important; | |
} | |
ul#main-nav-list{ | |
font-family: 'Open Sans', sans-serif; | |
font-weight:300; | |
color:#fff; | |
list-style:none; | |
display: block; | |
padding: 15px 0px 0px 0px; | |
margin:0 auto!important; | |
max-width: 700px!important; | |
text-align:center; | |
height: 45px; | |
display: inline-block; | |
} | |
ul#main-nav-list li{ | |
padding:0; margin:0; | |
font-family: 'Open Sans', sans-serif; | |
font-weight:300; | |
color:#fff; | |
display:inline; | |
} | |
ul#main-nav-list li a{ | |
padding-left:30px; | |
margin:0; | |
font-family: 'Open Sans', sans-serif; | |
font-size:100.0%; | |
font-weight:300; | |
color:#fff; | |
text-decoration:none; | |
} | |
ul#main-nav-list li a.top_level { | |
display: inline-block; | |
float: left; | |
text-align: left; | |
padding-left: 0px!important; | |
} | |
li.one a,li.one a,li.two a,li.three a,li.four a,li.five a,li.six a { | |
line-height: 45px; | |
} | |
ul#main-nav-list li a:hover{ | |
text-decoration:underline; | |
} | |
ul#main-nav-list li.nav_list_item { | |
float: left; | |
display: inline-block; | |
padding-right: 30px; | |
height: 45px; | |
} | |
ul#main-nav-list li.nav_list_item.talk-to-expert { | |
padding-right: 0; | |
display: inline-block; | |
width: 170px; | |
height: 45px; | |
background: #ff5710 url('http://cdn2.hubspot.net/hubfs/393083/CTA/DBO/small-nav-icon_03.png') 20px 5px no-repeat; | |
margin-top: -8px; | |
} | |
li.nav_list_item.talk-to-expert a { | |
text-align: center!important; | |
} | |
ul#main-nav-list li.nav_list_item.talk-to-expert a { | |
padding: 5px 5px 0 5px!important; | |
line-height: 1.2em; | |
display: block; | |
} | |
.hs-menu-children-wrapper { | |
display: none; | |
} | |
.hs-menu-children-wrapper a{ | |
color: white; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
.hs-menu-wrapper:hover > li{ | |
display: block; | |
width: 900px; | |
height: 300px; | |
} | |
.hs-menu-item:hover > * { | |
display: block; | |
font-size: .9em; | |
} | |
/*****************************************/ | |
/* Home Callout Level 1 */ | |
/*****************************************/ | |
.body-container-wrapper { | |
margin-top: 0; | |
} | |
.body-container { | |
max-width: 100%!important; | |
margin: 0; | |
} | |
.main-header{ | |
background: url('http://cdn2.hubspot.net/hubfs/393083/Portal_Solutions_Hero.png') no-repeat center; | |
margin: 0 auto!important; | |
min-height:100px; | |
float: none!important; | |
max-width: 100%; | |
min-width: 100%; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
} | |
.main-container { | |
max-width:836px; | |
margin:0 auto !important; | |
float:none!important; | |
} | |
/**** test on right ****/ | |
.text-on-right { | |
padding-top: 50px; | |
padding-bottom: 50px; | |
} | |
.text-on-right h1 { | |
font-weight: 400; | |
font-size: 205%; | |
color: #000; | |
line-height: 40px; | |
padding: 15px 25px 15px 15px; | |
margin: 0; | |
text-shadow: 0px 0px 4px rgba(255, 255, 255, 1); | |
} | |
.text-on-right p{ | |
font-size: 105%; | |
padding: 0px 85px 5px 15px; | |
margin: 0px; | |
font-weight: 600; | |
letter-spacing: 0.5px; | |
text-shadow: 0px 0px 10px rgba(255, 255, 255, .8); | |
color: #000; | |
} | |
.span12.widget-span.widget-type-cell.logo-container{ | |
margin: 40px auto 40px auto!important; | |
max-width: 1024px; | |
float: none; | |
text-align: center; | |
} | |
.logo-set-min-height img { | |
min-height: 77px; | |
} | |
/*****************************************/ | |
/* Level 2 */ | |
/*****************************************/ | |
.level-two { | |
background-color: #e8e9eb; | |
} | |
.level-two-container { | |
max-width: 825px; | |
margin: 0 auto!important; | |
float: none!important; | |
padding-top: 35px; | |
padding-left: 45px; | |
padding-bottom: 35px; | |
padding-right: 45px; | |
} | |
.level-two-text h4 { | |
font-weight: 400; | |
font-size: 165%; | |
color: #000; | |
line-height: 30px; | |
padding: 0; | |
margin: 0 0 10px 0; | |
} | |
.level-two-text h3 { | |
font-weight: 400; | |
font-size: 112%; | |
line-height: 1em; | |
padding: 0px 0px 0px 0px; | |
margin: 0px 0px 0px 0px; | |
} | |
.body-container-wrapper .level-two-text p { | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0px 0px 0px 0px; | |
margin: 10px 0 10px 0; | |
} | |
.level-two-text a { | |
color: #333; | |
} | |
.level-two-text p br { | |
display:none; | |
} | |
img.case-study-image { | |
display: block; | |
padding-right: 20px; | |
padding-bottom: 10px; | |
} | |
/*****************************************/ | |
/* Level 3 */ | |
/*****************************************/ | |
.level-three { | |
background-color: #217ccf; | |
padding-top: 20px; | |
padding-bottom: 20px; | |
} | |
.level-three-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
float: none!important; | |
padding-left: 45px; | |
padding-right: 45px; | |
} | |
.level-three-text { | |
padding-top: 75px; | |
} | |
.level-three-text h3 { | |
font-weight: 400; | |
font-size: 165%; | |
color: #ffffff; | |
line-height: 25px; | |
padding: 0; | |
margin: 0 0 10px 15px; | |
} | |
.level-three-text p { | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0; | |
margin: 10px 25px 10px 15px; | |
color: #fff; | |
} | |
/*****************************************/ | |
/* Level 4 */ | |
/*****************************************/ | |
.level-four { | |
background: url('http://info.portalsolutions.net/hubfs/20160315_OneWindow_iPad_White.png') no-repeat; | |
background-position: center 70%!important; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-position: left; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
} | |
.level-four-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding-top: 20px; | |
padding-left: 45px; | |
padding-right: 45px; | |
float: none!important; | |
} | |
.level-four-main-text { | |
padding-top: 0px; | |
padding-bottom: 40px; | |
} | |
.level-four-main-text h3 { | |
font-weight: 400; | |
font-size: 165%; | |
color: #ff560f; | |
line-height: 25px; | |
padding: 0; | |
margin: 25px 25px 10px 0px; | |
display: block; | |
text-shadow: 0px 0px 4px rgba(255, 255, 255, 1); | |
} | |
.level-four-main-text p { | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0; | |
margin: 0px 25px 10px 25px; | |
color: #4d4d4d; | |
text-shadow: 0px 0px 4px rgba(255, 255, 255, 1); | |
} | |
.level-four-images{ | |
padding-top: 20px!important; | |
padding-bottom: 20px!important; | |
} | |
.level-four-images p{ | |
text-align:left; | |
} | |
/*****************************************/ | |
/* Level 5 */ | |
/*****************************************/ | |
.level-five { | |
background: #4e4e4e; | |
max-width: 100%; | |
min-width: 100%; | |
padding: 0!important; | |
margin: 0 auto!important; | |
float: none!important; | |
} | |
.level-five-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding-bottom: 45px; | |
padding-top: 45px; | |
float: none!important; | |
} | |
.level-five a{ text-decoration:none; } | |
.level-five #level-five-single-offer{ | |
max-width:680px; | |
margin:0 auto; float:none; | |
text-decoration:none; | |
background: transparent url('http://cdn2.hubspot.net/hubfs/393083/CTA/DBO-level-5/10x.png') bottom left no-repeat; | |
} | |
.level-five #level-five-single-offer-headline{ | |
color: #c7d92b; | |
font-weight: 400; | |
font-size: 165%; | |
text-align: right; | |
padding-bottom: 13px; | |
line-height:1em; | |
} | |
.level-five #level-five-single-offer-copy{ | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
color: #fff; | |
padding-left: 155px; | |
text-align: center; | |
} | |
#level-five-single-offer-cta{ | |
-moz-user-select: none; | |
-webkit-user-select: none; | |
-ms-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
background-color: #ff560f; | |
background-image: none; | |
border: 0; | |
box-shadow: none; | |
color: #fff; | |
cursor: pointer; | |
display: -moz-inline-stack; | |
display: block; | |
font-size: 14px; | |
height: auto; | |
padding: 10px 15px; | |
text-align: center; | |
text-decoration: none; | |
text-shadow: 0 0 #00004d; | |
line-height: 20px; | |
max-height: 40px; | |
font-weight: 300; | |
float: none!important; | |
position: relative; | |
max-width: 320px; | |
margin-left: 35%; | |
margin-top: 10px; | |
} | |
#level-five-single-offer-cta:hover{ | |
opacity:.8; | |
} | |
@media (max-width: 767px) { | |
.level-five #level-five-single-offer{ | |
background:none; | |
} | |
.level-five #level-five-single-offer-headline{ | |
text-align:center; | |
} | |
.level-five #level-five-single-offer-copy{ | |
padding-left:35px; | |
padding-right:35px; | |
} | |
#level-five-single-offer-cta{ | |
margin-left: auto; | |
margin-right: auto; | |
} | |
} | |
@media (max-width: 670px) { | |
.level-five-container{ | |
padding-left: 25px; | |
padding-right: 25px; | |
} | |
} | |
/* | |
.level-five { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-1593593524-jpg/design_images/level-five-background-image.jpg') no-repeat top left; | |
max-width:100%; | |
min-width:100%; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
min-height: 407px!important; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
}*/ | |
.level-five-right-side { | |
padding-top: 40px; | |
padding-bottom: 40px; | |
padding-left: 45px; | |
padding-right: 45px; | |
} | |
.level-five-right-side h1 { | |
font-weight: 400; | |
font-size: 165%; | |
color: #fff; | |
line-height: 25px; | |
padding: 0; | |
margin: 0 0 10px 0px; | |
} | |
.level-five-right-side h2 { | |
font-weight: 400; | |
font-size: 120%; | |
color: #ffffff; | |
padding: 0; | |
margin: 0; | |
line-height: 26px; | |
} | |
.level-five-right-side h3 { | |
font-weight: 400; | |
font-size: 120%; | |
color: #ffffff; | |
padding: 0; | |
margin: 0; | |
line-height: 26px; | |
} | |
.level-five-right-side h3 img { | |
padding: 0px 20px 30px 0px; | |
} | |
.level-five-right-side p { | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0; | |
margin: 10px 0px 0px 0px; | |
color: #ffffff; | |
} | |
/*** CTA specific ***/ | |
.level-five-right-side a:hover { | |
text-decoration: none; | |
} | |
.level-five-right-side a h4 { | |
color: #fff; | |
} | |
/*****************************************/ | |
/* Level 6 */ | |
/*****************************************/ | |
.level-six { | |
background: url('http://cdn2.hubspot.net/hubfs/393083/design_images/Portal_Solutions_Blue.png') no-repeat top left; | |
max-width:100%; | |
min-width:100%; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
min-height: 407px!important; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
color:#fff; | |
font-family: 'Open Sans', sans-serif; | |
} | |
.level-blog { | |
background: url('http://cdn2.hubspot.net/hubfs/393083/design_images/Portal_Solutions_Blue.png') no-repeat top left; | |
max-width:100%; | |
min-width:100%; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
min-height: 320px!important; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
color:#fff; | |
font-family: 'Open Sans', sans-serif; | |
} | |
.level-six-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding-bottom: 25px; | |
padding-top: 45px; | |
float: none!important; | |
padding-left: 45px; | |
padding-right: 45px; | |
} | |
.level-blog-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding-bottom: 0px; | |
padding-top: 0px; | |
float: none!important; | |
padding-left: 45px; | |
padding-right: 45px; | |
} | |
.level-six-left-side { | |
padding-bottom: 45px; | |
} | |
div#testimonial-photo p { | |
padding: 0px; | |
margin: 0; | |
} | |
div#testimonial-photo { | |
float: left; | |
padding: 5px 20px 25px 0; | |
} | |
div#testimonial-quote { | |
float: left; | |
/* width: 70%; */ | |
display: block; | |
width: 284px; | |
} | |
div#testimonial-quote p{ | |
font-weight: 700; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0; | |
margin: 0 0 10px 0; | |
color: #fff; | |
} | |
div#testimonial-quote p em { | |
font-weight: 300; | |
font-size: 120%; | |
color: #fff; | |
padding: 0; | |
margin: 0; | |
line-height: 26px; | |
} | |
.level-six-right-side{ } | |
.level-six-right-side h3 { | |
font-weight: 400; | |
font-size: 165%; | |
color: #fff; | |
line-height: 25px; | |
padding: 0; | |
margin: 0 0 10px 0; | |
} | |
.level-six-right-side ul { | |
list-style:none; | |
list-style-position:outside; | |
padding-left: 0px; | |
} | |
.level-six-right-side ul li{ | |
padding-bottom:5px; | |
} | |
.level-six-right-side ul li a{ | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0; | |
color: #fff; | |
text-decoration:none; | |
} | |
.level-six-right-side ul li a:hover{ | |
text-decoration:underline; | |
} | |
.level-six-right-side .widget-type-blog_subscribe h3{ | |
font-weight: 700; | |
font-size: 125%; | |
color: #fff; | |
line-height: 25px; | |
padding: 0; | |
margin: 0 0 10px 0; | |
} | |
.level-six-container form { | |
overflow: hidden; | |
position: relative; | |
} | |
.level-six-container form.hs-form.stacked .hs_email { | |
width: 220px; | |
margin: 0; | |
padding: 0; | |
float: left; | |
} | |
.level-six-container form .hs_email input { | |
width: 150%; | |
} | |
.level-six-container form .actions { | |
margin: 0; | |
padding: 0; | |
position: absolute; | |
bottom: 0; | |
right: 0; | |
} | |
.level-six-container form .actions input { | |
line-height: 20px; | |
max-height: 40px; | |
border-radius: 0; | |
} | |
/*****************************************/ | |
/* Level 7 */ | |
/*****************************************/ | |
.level-seven { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-2480905210-jpg/images/level-seven-background-image-v2.jpg') no-repeat top left; | |
max-width:100%; | |
min-width:100%; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
min-height: 407px!important; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
color:#fff; | |
font-family: 'Open Sans', sans-serif; | |
} | |
.level-seven-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding-bottom: 25px; | |
padding-top: 105px; | |
float: none!important; | |
} | |
.level-seven-container h3 { | |
font-weight: 400; | |
font-size: 165%; | |
color: #000; | |
line-height: 30px; | |
padding: 0; | |
margin: 0 0 10px 0; | |
} | |
.level-seven-container p { | |
font-weight: 300; | |
font-size: 96%; | |
line-height: 1.4em; | |
padding: 0; | |
margin: 0 0 10px 0; | |
color: #4d4d4d; | |
text-shadow: 0 0 4px rgba(255,255,255,1); | |
} | |
.level-seven-left-side { | |
padding-left: 45px; | |
padding-right: 45px; | |
} | |
/*****************************************/ | |
/* Level 8 */ | |
/*****************************************/ | |
.level-eight { | |
background-color:#fff; | |
max-width:100%; | |
min-width:100%; | |
padding:0px 0px 0px 0px !important; | |
margin:0 auto!important; | |
float: none!important; | |
color:#4d4d4d; | |
font-family: 'Open Sans', sans-serif; | |
} | |
.level-eight-container { | |
max-width: 836px; | |
margin: 0 auto!important; | |
float: none!important; | |
padding: 0; | |
} | |
.level-eight-row-one, .level-eight-row-two, .level-eight-row-three{ | |
text-align:center; | |
padding-top: 25px; | |
padding-bottom: 25px; | |
} | |
.level-eight-container .level-eight-row-one a img, | |
.level-eight-container .level-eight-row-two a img, | |
.level-eight-container .level-eight-row-three a img{ | |
padding:10px; | |
} | |
/*****************************************/ | |
/* Footer */ | |
/*****************************************/ | |
padding:0!important; | |
margin:0!important; | |
background-color:#4d4d4d; | |
background: url('http://cdn2.hubspot.net/hub/393083/file-1610468715-png/design_images/footer-background-image.png') repeat-y top left !important; | |
max-width:100%; | |
min-width:100%; | |
background-size: cover; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
.footer-container-wrapper { | |
background: none!important; | |
padding: 0!important; | |
margin:0!important; | |
border-bottom: none!important; | |
color: white; | |
} | |
.footer-container { | |
width: 100%!important; | |
float: none!important; | |
min-width: 100%!important; | |
padding: 0!important; | |
margin: 0!important; | |
background-color: #818181; | |
} | |
.footer { | |
background-color: #818181; | |
} | |
.top-footer { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-1610468715-png/design_images/footer-background-image.png') repeat-y top left!important; | |
} | |
.top-footer-container { | |
max-width: 836px!important; | |
background-color: #818181; | |
margin: 0 auto!important; | |
float: none!important; | |
} | |
.top-footer-left { | |
background-color: #686868; | |
min-height:220px!important; | |
} | |
.top-footer-left .top-footer-left-nav{ | |
padding-top: 15px; | |
} | |
.top-footer-left .top-footer-left-nav ul{ | |
list-style:none; | |
list-style-position:outside; | |
} | |
.top-footer-left .top-footer-left-nav ul li{ | |
} | |
.top-footer-left .top-footer-left-nav ul li a{ | |
font-weight:400; | |
font-family: 'Open Sans', sans-serif; | |
font-size:80%; | |
text-decoration:none; | |
} | |
.top-footer-left .top-footer-left-nav ul li a:hover{ | |
text-decoration:underline; | |
} | |
.top-footer-left .top-footer-left-nav ul.foot-nav-one{ | |
float: left; | |
border-right: solid 1px #fff; | |
margin-left: 0px; | |
padding-right: 10px; | |
} | |
ul.foot-nav-two { | |
padding: 0px 0px 0px 0px; | |
border-right: solid 1px #fff; | |
margin-left: 20px; | |
padding-right: 20px; | |
float:left; | |
} | |
ul.foot-nav-three { | |
padding: 0; | |
margin-left: 20px; | |
padding-right: 5px; | |
float:left; | |
} | |
@media (max-width: 767px) { | |
.row-depth-3.row-number-1 { | |
text-align: center; | |
} | |
.top-footer-left .top-footer-left-nav ul.foot-nav-one, ul.foot-nav-two, ul.foot-nav-three{ | |
float: none; | |
border-right:none; | |
margin-left: 0px; | |
margin-bottom: 0; | |
margin-top: 0; | |
padding:0; | |
width: 100%; | |
text-align: center; | |
font-size: 1.5em; | |
line-height: 1.5em; | |
} | |
ul.foot-nav-three { | |
margin-bottom: 25px; | |
} | |
} | |
.top-footer-right { | |
background-color: #818181; | |
padding-top: 30px; | |
} | |
.top-footer-right-contact-left{ | |
padding-bottom: 15px; | |
} | |
.top-footer-right-contact-right { | |
padding-bottom: 25px; | |
} | |
.top-footer-right-contact-left p{ | |
font-weight: 400; | |
font-family: 'Open Sans',sans-serif; | |
font-size: 85%; | |
} | |
.top-footer-right-contact-right p{ | |
font-weight: 400; | |
font-family: 'Open Sans',sans-serif; | |
font-size: 85%; | |
} | |
.top-footer-right-contact-left p strong, top-footer-right-contact-right p strong{ | |
font-weight: 700; | |
} | |
.footer-social-container { | |
background-color: #4d4d4d; | |
} | |
.footer-social{ | |
background-color:#4d4d4d; | |
float: none!important; | |
} | |
.footer-social { | |
padding-top: 45px; | |
padding-bottom: 45px; | |
text-align: center; | |
font-size: 82%; | |
line-height: 1.5em; | |
} | |
.footer-social ul { | |
list-style: none; | |
list-style-position: outside; | |
display: block!important; | |
padding: 0px;margin: 0 auto!important; | |
width: 170px!important; | |
} | |
.footer-social ul li { | |
display: inline; | |
padding: 0; | |
margin: 0; | |
float: left; | |
} | |
.footer-container p span { | |
font-size: 75%; | |
} | |
/*****************************************/ | |
/* Interior Page */ | |
/*****************************************/ | |
div div .new-blue-interior-offer{ | |
background-color:#217ccf; | |
max-width: 730px; | |
} | |
div div .new-blue-interior-offer:hover{ | |
text-decoration:none; | |
} | |
div div .new-blue-interior-offer-container{ | |
padding: 25px; | |
text-align: center; | |
} | |
div div .new-blue-interior-offer-container:hover{ | |
text-decoration:none; | |
} | |
div div .new-blue-interior-offer-headline{ | |
color: #c7d92b; | |
font-weight: 700; | |
font-size: 165%; | |
text-align: center; | |
padding-bottom: 10px; | |
} | |
div div .new-blue-interior-offer-headline:hover{ | |
text-decoration:none; | |
} | |
div div .new-blue-interior-offer-copy{ | |
font-weight: 300; | |
font-size: 130%; | |
line-height: 1.4em; | |
padding-bottom: 15px; | |
text-align: center; | |
color: #fff; | |
} | |
div div .new-blue-interior-offer-copy:hover{ | |
text-decoration:none; | |
} | |
div div .new-blue-interior-offer-cta{ | |
-moz-user-select: none; | |
-webkit-user-select: none; | |
-ms-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
background-color: #ff560f; | |
background-image: none; | |
border: 0; | |
box-shadow: none; | |
color: #fff; | |
cursor: pointer; | |
display: -moz-inline-stack; | |
display: block; | |
font-size: 16px; | |
padding: 10px 15px; | |
text-align: center; | |
text-decoration: none; | |
text-shadow: 0 0 #00004d; | |
line-height: 20px; | |
font-weight: 300; | |
width: inherit; | |
position: relative; | |
text-align: center; | |
display: inline-block; | |
margin: 0 auto!important; | |
} | |
div div .new-blue-interior-offer-cta:hover{ | |
opacity:.8; | |
} | |
/*****************************************/ | |
/* Interior Level One */ | |
/*****************************************/ | |
.interior-level-one { | |
background-color:#fff; | |
max-width:100%; | |
min-width:100%; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
} | |
.interior-level-one-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding: 35px!important; | |
float: none!important; | |
} | |
/*****************************************/ | |
/* Interior Call Out */ | |
/*****************************************/ | |
.interior-callout{ | |
background-color:#f8931f; | |
max-width:100%; | |
min-width:100%; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
} | |
.interior-callout-container{ | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding: 30px 35px 35px!important; | |
float: none!important; | |
} | |
.interior-callout-cta { | |
} | |
.interior-callout-container h4 { | |
margin-bottom: 5px; | |
font-weight: normal; | |
} | |
.interior-callout-container p { | |
min-height: 51px; | |
margin-bottom: 10px; | |
} | |
.interior-callout-container a { | |
color: #fffffe; | |
} | |
a.orange_section_cta { | |
text-decoration: none; | |
} | |
a.orange_section_cta:hover h4, a.orange_section_cta:hover p { | |
text-decoration: underline; | |
} | |
.cta-contents h4 { | |
font-size: 26px; | |
line-height: 30px; | |
} | |
.hs-cta-wrapper .cta-contents p { | |
margin-bottom: 10px; | |
font-size: 17px; | |
} | |
.orange-button { | |
padding: 8px 15px; | |
display: inline-block; | |
background-color: #ff560f; | |
font-size: 16px; | |
font-weight: bold; | |
color: #fffffe; | |
} | |
a:hover .orange-button, .orange-button:hover { | |
background-color: #fe6313; | |
text-decoration: none; | |
} | |
/*****************************************/ | |
/* Interior Level Two */ | |
/*****************************************/ | |
.interior-level-two { | |
background-color:#e7e8ea; | |
max-width:100%; | |
min-width:100%; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
} | |
.interior-level-two-container { | |
max-width: 836px; | |
margin: 0 auto !important; | |
padding: 35px!important; | |
float: none!important; | |
} | |
.callout-on-left { | |
padding-bottom: 35px; | |
} | |
/*****************************************/ | |
/* Interior Level Three */ | |
/*****************************************/ | |
.interior-four-level .row-fluid .interior-level-three { | |
background-color:#ffffff; | |
max-width:100%; | |
min-width:100%; | |
min-height: 0px; | |
padding:0 !important; | |
margin:0 auto!important; | |
float: none!important; | |
} | |
.interior-four-level .row-fluid .interior-level-three-container { | |
max-width: 836px; | |
min-height: 0px; | |
margin: 0 auto !important; | |
padding: 0; /* 35px!important; */ | |
float: none!important; | |
} | |
.interior-four-level .row-fluid .interior-level-three-container div { | |
margin: 50px 30px; | |
} | |
/*****************************************/ | |
/* Interior Text Styles */ | |
/*****************************************/ | |
.interior-level-one h1, | |
.interior-level-two h1, | |
.interior-level-three h1{ | |
font-size: 160%; | |
color: #000; | |
line-height: 130%; | |
margin-bottom: 25px; | |
font-weight: 400; | |
} | |
.interior-level-one h2, | |
.interior-level-two h2, | |
.interior-level-three h2{ | |
font-size: 120%; /* 115% */ | |
color: #333; | |
line-height: 150%; /* 130% */ | |
margin-bottom: 25px; | |
font-weight: 700; | |
} | |
.interior-level-one h3, | |
.interior-level-two h3, | |
.interior-level-three h3{ | |
font-size: 110%; /* 100% */ | |
color: #ff560f; | |
line-height: 150%; /* 130% */ | |
margin-bottom: 25px; | |
font-weight: 700; | |
} | |
.interior-level-one p, | |
.interior-level-two p, | |
.interior-level-three p { | |
color: #000; | |
font-size: 100%; /* 95% */ | |
margin-bottom: 20px; | |
line-height: 175%; /* 150% */ | |
} | |
.interior-level-one p a, | |
.interior-level-two p a, | |
.interior-level-three p a { | |
color:#ff560f; | |
text-decoration:none; | |
font-weight:700; | |
} | |
.interior-level-one p a:hover, | |
.interior-level-two p a:hover, | |
.interior-level-three p a:hover { | |
text-decoration:underline; | |
} | |
.interior-level-one ul, | |
.interior-level-two ul, | |
.interior-level-three ul{ | |
color:#000; | |
list-style-position:outside; | |
list-style-type: disc; | |
margin: 0 0 20px 50px; | |
padding: 0px; | |
} | |
.interior-level-one ul li, | |
.interior-level-two ul li, | |
.interior-level-three ul li{ | |
color: #000; | |
font-size: 100%; | |
margin-bottom: 5px; | |
line-height: 150%; | |
} | |
.body_image_left { | |
float: left; | |
margin: 0 20px 20px 0; | |
} | |
.body_image_right { | |
float: right; | |
margin: 0 0 20px 20px; | |
} | |
.secondary_image { | |
margin-bottom: 50px; | |
width: 250px; | |
} | |
.tertiary_image { | |
margin-bottom: 50px; | |
width: 200px; | |
} | |
.fancy_ol { | |
padding-left: 0; | |
list-style: none outside none; | |
} | |
.fancy_ol li { | |
padding: 0 0 20px 40px; | |
list-style: none outside none; | |
} | |
.fancy_ol li.fancy_one { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-2481050505-png/images/image-fancy-list-numbers-1.png') left top no-repeat; | |
} | |
.fancy_ol li.fancy_two { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-2481050500-png/images/image-fancy-list-numbers-2.png') left top no-repeat; | |
} | |
.fancy_ol li.fancy_three { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-2473284798-png/images/image-fancy-list-numbers-3.png') left top no-repeat; | |
} | |
.fancy_ol li.fancy_four { | |
background: url('http://cdn2.hubspot.net/hub/393083/file-2481050495-png/images/image-fancy-list-numbers-4.png') left top no-repeat; | |
} | |
/*****************************************/ | |
/* Blog Styles */ | |
/*****************************************/ | |
.blog-listing-page-header { | |
margin-bottom: 15px; | |
} | |
.blog-section .post-header h2 { | |
margin-bottom: 10px; | |
font-size: 24px; | |
font-weight: normal; | |
margin-bottom: 20px; | |
} | |
.blog-section .post-header h2 a { | |
color: #333; | |
font-weight:bold; | |
} | |
.blog-section .post-header p { | |
margin-bottom: 10px; | |
} | |
.blog-section .hs-blog-social-share { | |
overflow: hidden; | |
margin-bottom: 30px; | |
border-top: 1px solid #f1f1f1; | |
border-bottom: 1px solid #f1f1f1; | |
padding-top: 10px; | |
padding-bottom: 35px; | |
} | |
.blog-section .post-item { | |
padding-bottom: 30px; | |
border-bottom: 2px solid grey; | |
margin-bottom: 50px; | |
} | |
.blog-section .post-item .more-link { | |
font-size: 20px; | |
font-weight: bold; | |
} | |
.blog-section .post-item .more-link:after { | |
content: " »"; | |
} | |
.blog-section .post-item .custom_listing_comments { | |
margin-top: 20px; | |
} | |
.hs-blog-listing .widget-type-blog_subscribe, .hs-blog-post .widget-type-blog_subscribe { | |
background-color: #eee; | |
padding: 10px; | |
} | |
.hs-blog-listing .widget-type-blog_subscribe form.hs-form, .hs-blog-post .widget-type-blog_subscribe form.hs-form { | |
margin-bottom: 0; | |
} | |
.hs-blog-listing .widget-type-blog_subscribe .actions, .hs-blog-post .widget-type-blog_subscribe .actions { | |
margin-top: 10px; | |
} | |
.blog-listing-wrapper .hs-featured-image{ | |
max-width: 33%; | |
} | |
.blog_post_thumbnail { | |
float: left; | |
margin: 0 15px 15px 0; | |
max-width: 50%; | |
} | |
.hs-blog-listing .blog-section .hs-featured-image { | |
float:left; | |
margin: 20px 30px 20px 0; | |
} | |
.hs-blog-listing .blog-section .post-body .hs-featured-image-wrapper+p { /* why was this added?? */ | |
/* display:none; */ | |
} | |
.author-bio{ | |
height: 100%; | |
display: table; | |
background: #eeeeee; | |
width: 100%; | |
margin: 20px 0; | |
padding: 20px; | |
max-width: 650px; | |
} | |
.hs-author-avatar{ | |
float: left; | |
margin-right: 15px; | |
display: inline-block; | |
} | |
.author-text{ | |
/* removed so that the text flows properly around the floating thumbnail | |
display: inline-block; | |
float: left; | |
*/ | |
} | |
.author-text p { | |
margin-bottom: 10px; | |
} | |
.row-fluid div.blog_post_only_group[class*="span"] { | |
display:none; | |
} | |
.hs-blog-post .row-fluid div.blog_post_only_group[class*="span"] { | |
display:block; | |
} | |
/*****************************************/ | |
/* Pressroom Styles */ | |
/*****************************************/ | |
#newsletter-signup { | |
display:none; | |
} | |
.pressroom-item { | |
position:relative; | |
} | |
.pressroom-item a.pressroom-title { | |
font-weight:bold; | |
text-decoration:none !important; | |
} | |
.pressroom-item a.pressroom-title:hover { | |
text-decoration:underline !important; | |
} | |
.pressroom-item .date { | |
position:relative; | |
height: 100%; | |
} | |
a.pressroom-date { | |
display:block; | |
width:100%; | |
background: #888; | |
color: #fff; | |
min-height: 155px; | |
padding: 15px; | |
font-size: 1.5em; | |
box-sizing: border-box; | |
} | |
a.pressroom-date:hover { | |
text-decoration:none; | |
background:#4E83B5; | |
} | |
a.pressroom-date span { | |
display: block; | |
line-height: 1em; | |
text-align: right; | |
} | |
a.pressroom-date span.year { | |
font-size: .75em; | |
font-weight: 300; | |
padding-top: 9px; | |
} | |
a.pressroom-date span.day { | |
font-size: 3em; | |
font-weight: bold; | |
} | |
/*****************************************/ | |
/* Support Table */ | |
/*****************************************/ | |
table.support th, | |
table.support td { | |
text-align: center; | |
vertical-align: middle; | |
} | |
table.support td:first-child { | |
text-align: left; | |
} | |
@media (max-width: 767px) { | |
a.pressroom-date {font-size:1.2em; min-height:30px; text-align:right; margin-bottom: 10px;} | |
a.pressroom-date span {display:inline;} | |
a.pressroom-date span.day, a.pressroom-date span.year {font-size:1em;} | |
} | |
/*****************************************/ | |
/* Resources Page */ | |
/*****************************************/ | |
.resources-library .banner-section-content-inner { | |
overflow: hidden; | |
} | |
.resources-filter-bar { | |
margin-bottom: 20px; | |
background-color: #858585; | |
} | |
.resources-filter-bar-content { | |
/* width: 100%; doesn't seem necessary, causes responsiveness issues */ | |
/* max-width: 560px; added initially for centering, replaced with above */ | |
margin: 0 auto; | |
padding: 20px 20px 10px; | |
overflow: hidden; | |
} | |
.resources-filter-bar span { | |
margin: 0 15px; | |
display: block; | |
float: left; | |
font-size: 20px; | |
line-height: 36px; | |
color: #fffffe; | |
} | |
.resources-filter-bar select, .resources-filter-bar .resource_keyword_search, .resources-filter-bar .resource_keyword_submit { | |
height: 40px; | |
width: 240px; | |
margin: 0 10px 10px; | |
border-radius: 0; | |
display: block; | |
float: left; | |
font-size: 15px; | |
} | |
.resources-filter-bar .resource_keyword_search { | |
width: 350px; | |
margin-right: 0; | |
} | |
.resources-filter-bar .resource_keyword_submit { | |
width: 100px; | |
margin: 0; | |
border: 0; | |
background-color: #ff8841; | |
text-transform: uppercase; | |
color: #fffffe; | |
} | |
.resources-filter-bar .resource_keyword_submit:hover { | |
background-color: #ff560f; | |
cursor: pointer; | |
} | |
.resources-content-wrapper { | |
min-height: 500px; | |
} | |
.resources-content-intro { | |
padding: 10px 20px 20px; | |
font-size: 20px; | |
line-height: 28px; | |
} | |
.resource-box { | |
/* | |
width: 300px; | |
height: 300px; | |
margin: 20px; | |
background: url('http://cdn2.hubspot.net/hub/432029/file-2542307759-jpg/blocks-light.jpg?t=1426693127875') repeat; | |
*/ | |
width: 30%; | |
min-width: 293px; | |
height: 300px; | |
margin: 1.5%; | |
float: left; | |
} | |
.resource-box .resource-link { | |
height: 100%; | |
display: block; | |
position: relative; | |
text-decoration: none; | |
font-weight: bold; | |
text-align: center; | |
color: #fffffe; | |
} | |
.resource-box .resource-image { | |
height: 99%; | |
border: 1px solid #888; | |
border-bottom: 0px; | |
background: center top no-repeat transparent; | |
background-size: cover; | |
} | |
.resource-box.video .resource-image { | |
height: 60%; | |
} | |
.resource-box .resource-label { | |
width: 100%; | |
height: 10%; | |
position: absolute; | |
bottom: 25%; | |
left: 0; | |
background-color: #9e9e9e; | |
font-size: 18px; | |
line-height: 30px; | |
opacity: 0.8; | |
color: #000; | |
} | |
/* | |
.resource-box.brochure .resource-label { | |
background-color: #80b65e; | |
} | |
.resource-box.data-sheet .resource-label { | |
background-color: #c91616; | |
} | |
.resource-box.case-study .resource-label { | |
background-color: #e85700; | |
} | |
.resource-box.white-paper .resource-label { | |
background-color: #f0af00; | |
} | |
.resource-box.video .resource-label { | |
background-color: #005a83; | |
} | |
*/ | |
.resource-box .resource-title { | |
width: 100%; | |
height: 25%; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
background-color: #4e83b5; | |
font-size: 15px; | |
line-height: 24px; | |
} | |
.resource-box .resource-title-inner { | |
width: 96%; | |
height: 55px; | |
position: absolute; | |
top: 12%; | |
left: 2%; | |
font-weight: normal; | |
font-size: 14px; | |
} | |
.resource-link:hover { | |
opacity: 0.9; | |
} | |
.button { | |
padding: 10px 20px; | |
background-color: #ff560f; | |
font-weight: bold; | |
color: #fffffe; | |
} | |
.button:hover { | |
background-color: #ff8841; | |
text-decoration: none; | |
color: #fffffe; | |
} | |
.simple-landing-page.case-study img.case-study-image { | |
float: right; | |
padding-left: 20px; | |
} | |
.simple-landing-page h4 { | |
margin-bottom: 15px; | |
} | |
.simple-landing-page .hs_cos_wrapper_type_social_sharing { | |
padding-bottom: 40px; | |
} | |
/*****************************************/ | |
/* Reponsive Fixes */ | |
/*****************************************/ | |
@media (min-width: 1120px) { | |
.header-container, | |
.main-container, | |
.level-two-container, | |
.level-three-container, | |
.level-four-container, | |
.level-five-container, | |
.level-six-container, | |
.level-seven-container, | |
.level-eight-container{ | |
max-width: 1080px; | |
} | |
.header-container-wrapper .top-group, | |
.top-footer-container { | |
max-width: 1080px !important; | |
} | |
.interior-level-one-container, | |
.interior-callout-container, | |
.interior-level-two-container, | |
.interior-four-level .row-fluid .interior-level-three-container { | |
max-width: 1120px; | |
} | |
ul#main-nav-list{ | |
max-width: 1080px !important; | |
} | |
ul#main-nav-list li a.top_level{ | |
padding: 0 30px; | |
text-transform: uppercase; | |
} | |
.span12.widget-span.widget-type-cell.logo-container{ | |
max-width: 1200px; | |
} | |
.level-four-images p { | |
text-align: center; | |
padding: 10px; | |
} | |
.level-four-main-text, .level-four-images { | |
padding-top:20px; | |
padding-bottom:20px; | |
} | |
} | |
@media (max-width: 1100px) { | |
.resources-content-wrapper { | |
padding-left: 65px; | |
} | |
} | |
@media (max-width: 1024px) { | |
.span12.widget-span.widget-type-cell.main-container{ | |
width:100%; | |
} | |
} | |
@media (max-width: 976px) { | |
.top-group-container{ | |
height: 126px!important; | |
} | |
.top-group { | |
padding-top: 45px; | |
} | |
} | |
@media (max-width: 767px) { | |
/*****************************************/ | |
/* Utility Styles */ | |
/*****************************************/ | |
.top-group{ | |
height:auto!important; | |
} | |
.top-group-container{ | |
height:auto!important; | |
} | |
.logo { | |
width: 190px!important; | |
float: none!important; | |
margin: 0 auto!important; | |
} | |
.uti-search-phone { | |
width: 240px!Important; | |
float: none!important; | |
margin: 0 auto!important; | |
} | |
.phone-number p { | |
color: #fff; | |
font-weight: 300; | |
font-size: 100%; | |
line-height: 20px; | |
vertical-align: top; | |
text-align: center; | |
} | |
/*****************************************/ | |
/* Other Styles */ | |
/*****************************************/ | |
.header-container { | |
padding: 0; | |
} | |
.main-container { | |
padding-left: 45px; | |
padding-right: 45px; | |
background-image:url('http://cdn2.hubspot.net/hub/393083/file-1610941501-png/design_images/bg-transparent-fill-60.png'); background-repeat:repeat; | |
} | |
.text-on-right h1, | |
.text-on-right p{ | |
padding: 0 0 15px 0; | |
} | |
.level-four-images p { | |
text-align: center; | |
} | |
.top-footer-right-contact-left { | |
text-align: center; | |
padding-bottom: 15px; | |
} | |
.top-footer-right-contact-right { | |
text-align: center; | |
padding-bottom: 25px; | |
} | |
.interior-callout-cta { | |
padding-bottom: 35px; | |
} | |
.interior-callout-container{ | |
text-align:center; | |
} | |
.top-footer-left .top-footer-left-nav { | |
padding-top: 15px; | |
width: 100%; | |
margin: 0 auto!important; | |
float: none!important; | |
} | |
.body_image_right.mobile-block, .body_image_left.mobile-block { | |
float: none; | |
display:block; | |
margin: 10px auto; | |
max-height:200px; | |
} | |
div.mobile-block { | |
float: none; | |
display: block; | |
margin: 10px auto; | |
} | |
div.mobile-block:after { | |
content: ""; | |
display: block; | |
clear: both; | |
} | |
div#testimonial-quote { | |
width: 100%; | |
} | |
} | |
@media (max-width: 600px) { | |
.blog-listing-wrapper .hs-featured-image{ | |
width: 100%; | |
max-width: 100%; | |
} | |
.resources-filter-bar .resource_keyword_search { | |
width: 240px; | |
} | |
} | |
@media (max-width: 475px) { | |
.resources-filter-bar select, .resources-filter-bar .resource_keyword_search, .resources-filter-bar .resource_keyword_submit { | |
margin: 0 0 10px; | |
} | |
.level-six-container form .actions { | |
position: relative; | |
margin-top: 10px; | |
} | |
.level-six-container form .actions input{ | |
border-radius: inherit; | |
} | |
} | |
textarea, input[type=”text”], input[type=”button”], input[type=”submit”] {-webkit-appearance: none; border-radius: 0;} | |
.blog-list .interior-level-one { text-align:center; } | |
.blog-list .interior-level-one h1 { color: #f7751f; } | |
.hs-blog-listing .blog-section-main { background:#505050; } | |
.hs-blog-post .blog-section-main{ background:#f0edea; } | |
.blog-list .blog-section-main .block ul { text-align:center; padding-left:0; position:relative; float:left; width:100%; } | |
.blog-list .blog-section-main .block ul:after {content: " "; height: 1px; position: absolute; display: block; top: 50px; width: 84px; margin: 0 auto; background: #cbc1b7;left: 50%; margin-left: -42px; } | |
.blog-list .blog-section-main .block ul li { float:none; display:inline-block; width:auto; list-style:none; padding: 0 22px; text-transform:uppercase; } | |
.blog-list .blog-section-main .block ul .filter-link-count { display:none; } | |
.blog-section-main .post-listing { float:left; width:100%; padding-top:65px; } | |
.blog-section-main .profile-post { position: relative; display: inline-block; background: #fff; padding: 8px; text-align: center; width:30% !important; | |
margin: 0 16px 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3); | |
-moz-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3); | |
box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3); vertical-align: top; | |
} | |
.blog-section-main .profile-post1 { position: relative; display: inline-block; background: #fff; padding: 8px; text-align: center; width:100% !important; | |
margin: 0 16px 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3); | |
-moz-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3); | |
box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3); vertical-align: top; | |
} | |
.blog-section-main .post-image { position: relative; overflow: hidden; } | |
.blog-section-main .profile-post .overlay { | |
opacity: 0; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(50,50,50,0.9); | |
-webkit-transition: 0.2s opacity; | |
-moz-transition: 0.2s opacity; | |
-o-transition: 0.2s opacity; | |
transition: 0.2s opacity; | |
} | |
.blog-section-main .profile-post .overlay ul { width: 100%; margin: 0 auto; display: table; padding-left:0; text-align:center;position: relative; top: 50%; margin-top:-33px; } | |
.blog-section-main .profile-post .overlay ul li { | |
display: table-cell; | |
vertical-align: middle; | |
width: auto; | |
float: none; | |
display: inline-block; | |
} | |
.blog-section-main .profile-post .overlay ul li.email img { height :40px } | |
.blog-section-main .profile-post .overlay ul li .text { | |
width: 100px; | |
margin: 0 auto; | |
position: relative; | |
} | |
.blog-section-main .profile-post .overlay ul li img { | |
vertical-align: top; | |
max-width: 100%; | |
} | |
.blog-section-main .profile-post .overlay ul li .text span { | |
color: #fff; | |
display: block; | |
text-transform: uppercase; | |
font-size: 14px; | |
letter-spacing: 0.18em; | |
line-height: 1.7; | |
} | |
.blog-section-main .profile-post:hover .overlay { | |
opacity: 1; | |
} | |
.blog-section-main .profile-post .post-image a { float:left; width:100%; } | |
.blog-section-main .profile-post .overlay ul li.email .text span { margin-left:-15px; margin-top:4; float:left; } | |
.blog-section-main .profile-post .overlay ul li.about .text span { margin-left:-3px; float:left; } | |
.blog-section-main .profile-post .overlay a { width:50%; float: none; display: inline-block; } | |
.blog-section-main .profile-post .post-image a img { float:left; width:100%; margin:0; max-width:100%; } | |
.blog-section-main .profile-post .post-detail,.blog-section-main .post-detail-new { | |
padding: 24px 0 13px 0; | |
} | |
.blog-section-main .profile-post .post-detail h2,.blog-section-main .post-detail-new h2 { font-size: 24px; text-transform:capitalize; } | |
.blog-section-main .profile-post .post-detail h2 a, .blog-section-main .post-detail-new h2 a { color: #f7751f; } | |
.blog-section-main .profile-post .post-detail h2 a:hover,.blog-section-main .post-detail-new h2 a:hover { text-decoration:none; color:#000; } | |
.blog-section-main .profile-post .post-detail h4,.blog-section-main .post-detail-new h4 { color: #505050; font-size: 16px; font-style: italic; } | |
.blog-section-main .profile-post .overlay ul li.about { border-right:1px solid #fff; } | |
.blog-section-main .post-left-section { float:left; width:35%; } | |
.blog-section-main .post-right-section { float:right; width:65%; padding-left:45px; box-sizing:border-box; } | |
.blog-section-main .blog-listing { | |
background: #f0edea; | |
float: left; | |
width: 100%; | |
padding-bottom: 40px; | |
} | |
.blog-section-main .profile-post1 img,.blog-section-main .profile-post img { width:100%; } | |
.hs-blog-post .social-links { padding-left:0; float:left; width:100%; text-align:center; } | |
.hs-blog-post .social-links li { list-style:none; width:auto; float:none; display:inline-block; padding:0 10px; } | |
.hs-blog-post .social-links li a { position:relative; color:#606060; font-size:30px;} | |
.hs-blog-post .social-links li a:hover { color:#f7751f; text-decoration:none; } | |
.hs-blog-post .social-links li:first-child a:after{ position:absolute; display:block; color:#fff; left:0; top:0;} | |
.hs-blog-post .social-links li:first-child a:after { position:absolute; display:block; color:#fff; left:0; top:0; } | |
.blog-section-main .post-detail-new { position:relative; } | |
.blog-section-main .post-detail-new:after { position:absolute; display:block; bottom:0; left:50%; background:#ddd; width:200px; height:1px; content:''; margin-left:-100px; } | |
.hs-blog-post .blog-section-main .block ul { display:none; } | |
.blog-list .blog-section-main .block ul li a:hover { text-decoration:none; } | |
@media (min-width: 30px) and (max-width: 767px) { | |
.blog-section-main .profile-post,.blog-section-main .post-left-section,.blog-section-main .post-right-section { float:left; width: 100% !important; padding-left:0; padding-right:0;font-size:15px;text-align:center; } | |
.blog-section-main .profile-post1 { margin:0; box-sizing:border-box;} | |
.blog-section-main .interior-level-one-container { padding-top:10px !important; } | |
.blog-list .blog-section-main .block ul::after { top:36px; } | |
.blog-section-main .post-listing { padding-top:35px; } | |
.blog-section-main .blog-pagination { float:left; width:100%; text-align:center; } | |
.blog-section-main .post-right-section { margin-top:10px; } | |
.blog-list .blog-section-main .block ul::after { top:150% !important; } | |
} | |
@media (min-width: 30px) and (max-width: 500px) { | |
.blog-list .blog-section-main .block ul::after { top:125% !important; } | |
} | |
/*ADDED ON 4/1/2016 KAMERON Advanced menu classes - custom-menu-primary widget-type-classic_menu updaed_nav | |
page-center classes - page-center | |
nav-bg classes- nav-bg*/ | |
.hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal ul ul{ | |
border-radius: 4px; | |
height: 300px; | |
} | |
li.hs-menu-item.hs-menu-depth-2.hs-item-has-children { | |
display: table-cell; | |
} | |
.nav-bg .custom-menu-primary { | |
max-width: 716px; | |
margin-left: 38px; | |
} | |
.nav-bg .custom-menu-primary.chrome { | |
max-width: 724px; | |
} | |
.nav-bg .custom-menu-primary ul li { | |
max-height: 100px; | |
} | |
.custom-menu-primary ul li a { | |
color: #212123; | |
font-size: 14px; | |
font-weight: bold; | |
padding-right: 23px !important; | |
padding-left: 23px !important; | |
text-transform: uppercase; | |
letter-spacing: 0px; | |
border-top: 3px transparent solid; | |
} | |
.custom-menu-primary ul li a:hover { | |
color: orange !important; | |
border-top-color: #005DAA; | |
} | |
// Custom menu primary | |
.short.nav-bg .custom-menu-primary ul li { | |
max-height: 60px; | |
} | |
// header styles | |
.custom-menu-primary .hs-menu-children-wrapper { | |
display: none; | |
} | |
//1101 | |
.custom-menu-primary, .custom-menu-primary * { | |
display: block; | |
float: none; | |
position: static; | |
top: auto; | |
right: auto; | |
left: auto; | |
bottom: auto; | |
padding: 0px; | |
margin: 0px; | |
background-image: none; | |
background-color: transparent; | |
border: 0px; | |
-webkit-border-radius: 0px; | |
-moz-border-radius: 0px; | |
border-radius: 0px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
max-width: none; | |
width: 100%; | |
height: auto; | |
line-height: 1; | |
font-weight: normal; | |
text-decoration: none; | |
text-indent: 0px; | |
text-align: left; | |
color: { | |
{ | |
aColorMobile | |
} | |
} | |
; | |
} | |
/* Menu Styles on Mobile Devices | |
========================================================================== */ | |
/* Hide menu on mobile */ | |
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal, .custom-menu-primary.js-enabled .hs-menu-children-wrapper { | |
display: none; | |
} | |
/* Make child lists appear below parent items */ | |
ul.hs-menu-children-wrapper { | |
visibility: visible !important; | |
opacity: 1 !important; | |
background: #4E83B5; | |
} | |
/* Mobile Menu Styles */ | |
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal { | |
position: absolute; | |
/**************************************************************/ | |
top: 0; | |
/* Positions the menu to drop from the very top of the screen */ | |
left: 0px; | |
/**************************************************************/ | |
width: 100%; | |
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); | |
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); | |
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal { | |
padding: 40px 0 0 0; | |
/* Padding to add room for close button */ | |
background-color: { | |
{ | |
menuColorMobile | |
} | |
} | |
; | |
/* Menu background color set off global mobile-menuColor variable */ | |
width: 100%; | |
/* Full screen width */ | |
z-index: 8888; | |
} | |
/* Level 1 Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal > ul > li { | |
position: relative; | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal > ul > li a { | |
font-size: 22px; | |
/* Font size of top level list items */ | |
line-height: 45px; | |
overflow: visible; | |
} | |
/* Level 1 and Higher Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal ul li { | |
border-top: 1px dotted rgba(255, 255, 255, .35); | |
/* Adds transparent dark highlights to top of top level list items */ | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal ul li a { | |
padding: 0 10px; | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal ul li a:hover { | |
color: { | |
{ | |
aColorHoverMobile | |
} | |
} | |
; | |
/* link hover color set by global mobile-aColorHover variable */ | |
} | |
/* Level 2 and Higher Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul li { | |
background-color: rgba(255, 255, 255, .08); | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul li a { | |
text-indent: 10px; | |
/* Indent Child lists */ | |
font-size: 16px; | |
/* Font size of child lists */ | |
} | |
/* Level 3 and Higher Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a { | |
text-indent: 30px; | |
/* Indent Child lists */ | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a { | |
text-indent: 50px; | |
/* Indent Child lists */ | |
} | |
} | |
@media screen and (max-width: 1124px) { | |
.services-submenu-container { | |
display: none !important; | |
} | |
.about-submenu-container { | |
display: none !important; | |
} | |
.custom-menu-primary .hs-menu-children-wrapper { | |
display: block; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*ADDED ON 4/1/2016 KAMERON Advanced menu classes - custom-menu-primary widget-type-classic_menu updaed_nav | |
page-center classes - page-center | |
nav-bg classes- nav-bg*/ | |
.hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal ul ul{ | |
border-radius: 4px; | |
height: 300px; | |
} | |
li.hs-menu-item.hs-menu-depth-2.hs-item-has-children { | |
display: table-cell; | |
} | |
.nav-bg .custom-menu-primary { | |
max-width: 716px; | |
margin-left: 38px; | |
} | |
.nav-bg .custom-menu-primary.chrome { | |
max-width: 724px; | |
} | |
.nav-bg .custom-menu-primary ul li { | |
max-height: 100px; | |
} | |
.custom-menu-primary ul li a { | |
color: #212123; | |
font-size: 14px; | |
font-weight: bold; | |
padding-right: 23px !important; | |
padding-left: 23px !important; | |
text-transform: uppercase; | |
letter-spacing: 0px; | |
border-top: 3px transparent solid; | |
} | |
.custom-menu-primary ul li a:hover { | |
color: orange !important; | |
border-top-color: #005DAA; | |
} | |
// Custom menu primary | |
.short.nav-bg .custom-menu-primary ul li { | |
max-height: 60px; | |
} | |
// header styles | |
.custom-menu-primary .hs-menu-children-wrapper { | |
display: none; | |
} | |
//1101 | |
.custom-menu-primary, .custom-menu-primary * { | |
display: block; | |
float: none; | |
position: static; | |
top: auto; | |
right: auto; | |
left: auto; | |
bottom: auto; | |
padding: 0px; | |
margin: 0px; | |
background-image: none; | |
background-color: transparent; | |
border: 0px; | |
-webkit-border-radius: 0px; | |
-moz-border-radius: 0px; | |
border-radius: 0px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
max-width: none; | |
width: 100%; | |
height: auto; | |
line-height: 1; | |
font-weight: normal; | |
text-decoration: none; | |
text-indent: 0px; | |
text-align: left; | |
color: { | |
{ | |
aColorMobile | |
} | |
} | |
; | |
} | |
/* Menu Styles on Mobile Devices | |
========================================================================== */ | |
/* Hide menu on mobile */ | |
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal, .custom-menu-primary.js-enabled .hs-menu-children-wrapper { | |
display: none; | |
} | |
/* Make child lists appear below parent items */ | |
ul.hs-menu-children-wrapper { | |
visibility: visible !important; | |
opacity: 1 !important; | |
background: #4E83B5; | |
} | |
/* Mobile Menu Styles */ | |
.custom-menu-primary.js-enabled .hs-menu-flow-horizontal { | |
position: absolute; | |
/**************************************************************/ | |
top: 0; | |
/* Positions the menu to drop from the very top of the screen */ | |
left: 0px; | |
/**************************************************************/ | |
width: 100%; | |
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); | |
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); | |
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal { | |
padding: 40px 0 0 0; | |
/* Padding to add room for close button */ | |
background-color: { | |
{ | |
menuColorMobile | |
} | |
} | |
; | |
/* Menu background color set off global mobile-menuColor variable */ | |
width: 100%; | |
/* Full screen width */ | |
z-index: 8888; | |
} | |
/* Level 1 Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal > ul > li { | |
position: relative; | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal > ul > li a { | |
font-size: 22px; | |
/* Font size of top level list items */ | |
line-height: 45px; | |
overflow: visible; | |
} | |
/* Level 1 and Higher Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal ul li { | |
border-top: 1px dotted rgba(255, 255, 255, .35); | |
/* Adds transparent dark highlights to top of top level list items */ | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal ul li a { | |
padding: 0 10px; | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal ul li a:hover { | |
color: { | |
{ | |
aColorHoverMobile | |
} | |
} | |
; | |
/* link hover color set by global mobile-aColorHover variable */ | |
} | |
/* Level 2 and Higher Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul li { | |
background-color: rgba(255, 255, 255, .08); | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul li a { | |
text-indent: 10px; | |
/* Indent Child lists */ | |
font-size: 16px; | |
/* Font size of child lists */ | |
} | |
/* Level 3 and Higher Menu List Styles */ | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a { | |
text-indent: 30px; | |
/* Indent Child lists */ | |
} | |
.custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a { | |
text-indent: 50px; | |
/* Indent Child lists */ | |
} | |
} | |
@media screen and (max-width: 1124px) { | |
.services-submenu-container { | |
display: none !important; | |
} | |
.about-submenu-container { | |
display: none !important; | |
} | |
.custom-menu-primary .hs-menu-children-wrapper { | |
display: block; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment