//Global Variables
@dark-color:#2A282A;
@light-color:#FFFFFF;
@logo-green: #a6d843;
@box-shadow:0px 3px 15px rgba(100, 100, 100, 0.29);
///Global
//button styling
.sqs-block-button-element, .dark-bold .header-actions .btn, {
background-color:@logo-green !important;
color:@dark-color !important;
font-weight: 900;
text-transform: uppercase;
}
//Mobile Sitewide Queries
/* mobile */
@media screen and (max-width:767px) {
h1 {
font-size: calc((3.5 - 1) * 1.2vh + 1rem)!important;
}
}
// anchor links offset to deal with fixed menu
@media screen and (min-width: 640px){
#casestudies, #testimonials, #products{
margin-top: -90px;
padding-top: 90px;
pointer-events: none;
}
}
/* mobile */
@media screen and (max-width:767px) {
#casestudies, #testimonials, #products{
margin-top: -30px;
padding-top: 30px;
pointer-events: none;
}
}
//Styling-------------------------------------------------------------Header
//shadow to the header and reduce padding
.header .header-announcement-bar-wrapper {
background-color: @dark-color;
box-shadow: @box-shadow;
-moz-box-shadow: @box-shadow;
-webkit-box-shadow: @box-shadow;
position: relative;
z-index: 4;
padding-top: 1.8vw !important;
padding-bottom: 1.8vw !important;
}
// Center the CODE BLOCK in ------------------------------------------"HERO SECTION"
section[data-section-id="603416b17aacd44d16aec445"] {
h1{
margin-top:0;
}
#block-yui_3_17_2_1_1614030936450_6608{
padding-top:0!important;
}
p{
margin-bottom:0;
}
#block-yui_3_17_2_1_1614031344386_7315{
padding-bottom:0 !important;
}
}
// Center the CODE BLOCK in ------------------------------------------"what we can do for you"
section[data-section-id="6032d3b58e30837700e1846a"], section[data-section-id="6022047755fdbf5e4e4a0e24"] {
@media screen and (min-width: 640px) {
.sqs-row{
display: flex;
align-items: center;
box-sizing: border-box;
justify-content: center;
}
}
.sqs-col-4{
background-color:@dark-color;
color:white;
}
//read the case study color to white
.light-bold .sqs-block-html a, .light-bold .read-more-link, .light-bold .entry-excerpt a {
color: #ffffff !important;
text-decoration: underline !important;
}
.c-tabs__tab-title{
font-size:1.2rem;
line-height:2.1rem;
font-weight:500;
padding:1rem;
}
.c-tabs__accordion-tab{
background-color:#dfdfdb !important;
border: 1px solid @dark-color !important;
}
}
//Blog Pages Styling------------------------------------ Blog
.blog-item-wrapper .blog-item-title h1.entry-title {
font-size: calc((3 - 1) * 1.2vw + 1rem);
}
/* mobile */
@media screen and (max-width:767px) {
.blog-item-wrapper .blog-item-title h1.entry-title {
font-size: calc((7 - 1) * 1.2vw + 1rem);
}
}