blockquote {
padding: 1px 10px 1px 20px;
border-left: 5px solid #dadada;
}
.header-menu-nav-item a {
font-size: 6.5vmin;
}
@media screen and (min-width: 0) and (max-width: 800px){
.home-webdesign-spacer {
padding-top: 200px;
}
.website-design-spacer {
padding-top: 150px;
}
.seo-spacer
{
padding-top: 450px;
}
.mobile-hero-content {
padding-right:30%;
}
}
.textCenter {
text-align: center;
}
@media screen and (min-width: 0) and (max-width: 800px){
.mobile-erase {
display: none;
}
};
//spacing fix for 1st portfolio item on mobile
#collection-61d4f432dc5e6259ab9794a0 main .sections:first-child .page-section:first-child {
padding-top: 0px;
}
/*
* Horizontal Scrolling Sections
* from Will-Myers.com
*/
.wm-hs-container {
display: block;
position: relative;
top: 0;
left: 0;
width: 100vw;
transform: translateX(0);
.wm-hs-sticky-wrapper {
position: sticky;
top:0;
height: 100vh;
width: 100vw;
display: block;
overflow: hidden;
}
.wm-hs-scroll-wrapper {
height: 100vh;
width: ~'calc(100vw * var(--section-count))';
display:flex;
overflow:hidden;
}
.wm-hs-section {
flex: none;
width: 100vw;
height: 100vh;
}
}
/*mockup targeting*/
#block-84237ccfbee5048b5b23 {
--wm-plugin: websiteMockup;
}
#block-88e6f3a141e7bd53ca9e {
--wm-plugin: websiteMockup;
}
#block-9d2d954af67006afa885 {
--wm-plugin: websiteMockup;
}
#block-862f8c55433a0c2ae9d6 {
--wm-plugin: websiteMockup;
}
#block-d79a14437a9a2b8015fd {
--wm-plugin: websiteMockup;
}
/*
* Hover Cards for
* List Section Carousel
* from Will-Myers.com
*/
@media(hover:hover) {
section[data-section-id="67b4b1ac69d7220be1cecee6"], section[data-section-id="67b5ae12bc35825222259a70"], section[data-section-id="67b5b9416d64095fa4a3f3b8"], section[data-section-id="67b5c4c95fe03e599dec986f"],section[data-section-id="6877bb1a9709e23864fb09c6"],section[data-section-id="6880d6dd53b0141f9922ba4e"], section[data-section-id="689613870713a250264b1db6"], section[data-section-id="689c601cfd073504eb417d12"]{
--title-color: white;
--title-weight: 700;
--hover-title-color: white;
--description-color: white;
--overlay-color: black;
--overlay-opacity: 50%;
.user-items-list-carousel__media-container, .list-item-media{
margin-bottom: 0px !important;
}
li.list-item{
position: relative;
}
li {
pointer-events: initial;
user-select: initial;
}
.list-item-media:after,
.user-items-list-carousel__media-container:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity:0.15;
transition: opacity 0.3s ease;
background-color: var(--overlay-color);
}
.list-item-content{
--title-font-size-value: 2;
display: flex;
flex-direction: column;
padding: 17px;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.list-item-content__title{
font-weight: var(--title-weight);
color: var(--title-color);
}
.list-item-content__description *{
color: var(--description-color);
}
.list-item-content__description,
.list-item-content__button-wrapper{
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s ease 0.3s;
}
li:hover {
.list-item-content__description,
.list-item-content__button-wrapper{
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease, visibility 0s ease 0s;
}
.list-item-content__title{
color: var(--hover-title-color);
}
.user-items-list-carousel__media-container:after, .list-item-media:after {
opacity: var(--overlay-opacity);
}
}
.list-item-content__button-wrapper{
margin-top: auto;
}
}
}
/*Sideways Pricing Options*/
@media screen and (min-width: 0) and (max-width: 800px){
#pricingheader .sqs-block-content, #pricingheaderdesign .sqs-block-content, #pricingheadergoogleads .sqs-block-content, #pricingheadersocial .sqs-block-content{
text-orientation: sideways;
transform: rotate(180deg);
white-space: nowrap;
writing-mode: vertical-rl;
padding-top: 10px;
padding-right: 3px;
}
#pricingprice .sqs-block-content{
text-orientation: sideways;
transform: rotate(180deg);
white-space: nowrap;
writing-mode: vertical-rl;
padding-top: 10px;
padding-right: 3px;
}
}
/* Darken section BG onmobile*/
@media screen and (min-width: 800px){
#seo-why-you-need .section-background-overlay, #adswhysection .section-background-overlay, #socialwhysection .section-background-overlay, #socialmanagementwhy .section-background-overlay{
opacity:0 !important;
}
}
/* Hide All Desktop Only Sections */
@media screen and (max-width: 800px){
#supercardesign {
display:none !important;
}
}