/* ---------------------------------------------------------------------------------------------- Flavorus - STYLE STYLESHEET - WORDPRESS Stylesheet: style.css Author: Flavorus Version: 11 July 2011 Revision: 20 Sept 2012 ---------------------------------------------------------------------------------------------- */ /* General */ .clearfix {clear:both;} .padding-10 { padding:10px; } .m-t-neg1 {margin-top: -1px;} .m-t-neg2 {margin-top: -2px;} .m-t-neg3 {margin-top: -3px;} .m-t-neg5 {margin-top: -5px;} .m-t-neg10 {margin-top: -10px;} .m-t-1 { margin-top:1px; } .m-t-2 { margin-top:2px; } .m-t-5 { margin-top: 5px; } .m-t-6 { margin-top:6px; } .m-t-7 { margin-top:7px; } .m-t-8 { margin-top:8px; } .m-t-40 {margin-top: 40px;} .m-t-50 {margin-top:50px;} .m-t-90 {margin-top:90px;} .m-l-0 {margin: 0px;} .m-l-5 {margin-left:5px;} .m-l-20 {margin-left: 20px;} .m-l-50 {margin-left: 50px;} .m-r-0 {margin-right:0px;} .p-t-23 {padding-top: 23px;} .p-t-40 {padding-top: 40px;} .block { display: block; } .hide-element { display:none; } /* Buttons */ .ie7 #footer .lrg-btn {width: 75px; display: inline; text-align: center;} /* Icons */ .arrow-red-right-icon { margin-left: 3px;} /* Home */ .divider {height:1px;background-color: #999;width:100%;display: block;} /* additional style */ h1.inside-page { border-bottom:thin #D2D0CA solid; margin-bottom: 20px;} #inside-page h2 {font-family: "MuseoSans300", Helvetica, Arial,sans-serif; font-size: 14px;} #inside-page p { margin-bottom: 10px; color: #333333; line-height: 22px; font-size:14px; text-align: justify;} /*Odds & Ends Page Styles*/ .single-column-content-section {border-top: thin solid #D2D0CA; display: block; width: 100%; clear: left;} .single-column-content-text {border-left: medium none; display: block; padding: 20px 0; width: auto;} .t-shadow-1px-ccc{ text-shadow: 1px 1px #ccc;} .single-column-content-ul li{ list-style-image: url("https://d1mi3s36zg393u.cloudfront.net/images/sales_table/plus.png"); font-size:14px; line-height:22px; color: #414141; padding:0px 0px 5px 0px; } .single-column-sublist li { list-style-type:disc; list-style-image: none; } .single-column-content-ol li { font-size: 14px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 10px 0px;} #inside-page .privacy-subheader { font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #000; } .single-column-content-intro .privacy-address { font-size: 14px; font-weight: bold; letter-spacing: -0.5px; line-height: 1.2; float:left; clear:both;} .info-sharing-point { color:#000; font-weight: bold; } .copyright { font-size: 9px; } .single-column-content-intro { min-height: 170px; } .single-column-content-intro .blog-icon-156 { margin: 0px 20px 0px 0px; } .single-column-content-intro p { width:auto; float: left; } #post-115 .single-column-content-intro p, #post-119 .single-column-content-intro p { width: 100%; } #post-115 .single-column-content-intro img, #post-119 .single-column-content-intro img { margin-right: 20px; } .content-frame {padding:8px; border:1px solid #d9d8d8; border-radius:10px; background-color:#f6f6f4; -moz-box-shadow:inset 0 0 1px 1px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; } .red-block-style {background-color:#E23D45; border:1px solid #841F28; -moz-box-shadow:inset 0 0 1px 1px #fa4b54; -webkit-box-shadow:inset 0 0 1px 1px #fa4b54; box-shadow:inset 0 0 1px 1px #fa4b54; text-shadow: #841F28 0px 1px;} .blue-block-style { background-color: #107697; border: 1px solid #0D566E; box-shadow: 0 0 1px 1px #1285AA inset; text-shadow: 0 1px #0D566E;} /* Client Terms Page */ .client-terms {margin-left: 40px;} /*Learn More Page*/ .box-container { margin: -1px 0px 0px 0px;} .learn-more-block { border-top:1px solid #D2D0CA; padding: 5px; } .learn-more-bg:hover { background:#F8F8F8; } .learn-more-bg { width:257px; min-height: 100px; display:block; padding:20px; } .learn-more-mod {margin:0px 0px 10px 0px; min-height:481px; } .learn-more-row { border-top:thin #666 solid; margin:0 0 0 0px; width:922px; height:0px; display:block; position: relative; z-index: 100;} ul.learn-more-list { list-style: none outside none; margin-left:0; display:block; } .even-row { background:#F8F8F8;} /* GENERAL RESPONSIVE STYLING */ @media screen and (max-width: 320px) { #home-main {padding-left:0px; padding-right:0px;} #main {max-width:320px;} } /*Outlets and Store Locator*/ .location_search{ display: none; } #main #results{ margin: 15px 0px 0px; } #results div.result{ width: 31.88%; min-height: 182px; float: left; } #main div.result:hover{ background: #F8F8F8; } #main div.result {transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} #main div.result div.result_address { float: left; width: 100%; } #main div.result div.result_phone { float: left; height: 3em; margin: 10px 0 0; width: 100%; } #main div.result div.result_links { display: table-cell; float: left; text-align: left; vertical-align: bottom; width: 100%; } #main div.result h3, #results h3, #main .markertext h3 { line-height: 19px; font-family: "MuseoSans500", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.5em; letter-spacing: -1px; } #main .result_name small { display: block; color: #69817E; } .ie9 #main .result_name small { display: block; color: #69817E;font-size:.8em; } #results small { color: #69817E; } #outlets_search_widget{ width:auto; } #outlets_search_widget .tab-top-divider{ width: 100%; margin: 40px 0px 0px 0px; } .location_search_widget{ width: 100%; margin: 5px 0px 0px 0px; } .location_search_widget input{ width: 99%; text-indent:1.79372%; padding:0px; } .location_search_widget td{ font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; padding:5px 0px 0px 0px; color: #666666; } #location_widget_search_form{ /*border-bottom: 1px solid #999999; padding: 0 0 20px;*/ width: auto; } #outlet_regions_list{ margin: 15px 0px 0px 0px; padding: 0px 0px 15px 0px; border-bottom:1px solid #D2D0CA;} #outlet_regions_list .tab-top-divider { width: auto; margin-top: 0px; } #outlet_regions_list ul li { text-indent:-25px; } #location_widget_search{ clear:left; } #outlets_search_widget .textwidget { width: auto; } .markertext h3 { padding:0px 0px 5px 0px; } .bubble_category { display: none; } #simplemap .bubble_links a{ color:#E13D45; padding: 1px; font-size: 13px;} #simplemap .bubble_links a:hover{ background:#E13D45; color:#fff; padding: 1px; border-radius:4px; text-decoration: none} #outlets_search_widget .inputdiv { width:100%; } #cardnum{ width:99%; padding:0px; } .outlet-search-submit{ background: #a2dfe8;font-family: "MuseoSans700", Helvetica, Arial, sans-serif;font-weight:normal;border-radius: 4px;border:1px solid #63B9D4;text-transform: uppercase;color:#004454;display: block; margin: 10px 0 0 0; width: 100%; text-align: center; padding: 3px 0px; line-height: 22px; } .outlet-search-submit:hover{ background-color: #B0F6FC;text-decoration: none; } a.magcard-lookup , a:link.magcard-lookup , a.magcard-lookup:visited{ font-family: "MuseoSans500", Helvetica, Arial, sans-serif; color: #0C4454; padding: 0px !important; background: transparent !important; } a.magcard-lookup:hover, a.magcard-lookup:active { font-family: "MuseoSans500", Helvetica, Arial, sans-serif; background: transparent !important; padding: 0px !important; } #location_search_widget_submit_field{background: #a2dfe8;font-family: "MuseoSans700", Helvetica, Arial, sans-serif;font-weight:normal;border-radius: 4px;border:1px solid #63B9D4;text-transform: uppercase;color:#004454;display: block; margin: 10px 0 0 0; width: 100%; } .ie7 #location_search_widget_submit_field{ border:1px solid #63B9D4; width: 98%; } #location_search_widget_submit_field:hover {background: #B0F6FC;text-decoration: none;} #location_search_widget_submit_field {transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;} #main .markertext p { color: #414141; line-height: 12px; margin-bottom: 10px; text-align: justify; } #verify-card-widget { margin: 15px 0px 0px 0px; padding: 0px 0px 15px 0px; } #verify-card-widget .tab-top-divider { width: auto; margin-top: 0px; } #verify-card-widget-instructions { font-weight: normal; font-size: 11px; font-family: "MuseoSans500", Arial, sans-serif; line-height: 11px; color:#666666; } #location_search_widget_distance_field { width: 99%; height:32px; padding-top: 9px; } #location_search_widget_distance_field option { padding-top:9px; } /* Outlet MEDIA QUERY */ @media screen and (max-width: 480px) { #simplemap {width: 85% !important;} #results div.result {width: 85%;} } @media screen and (max-width: 320px) { #simplemap {width:85% !important;} #results div.result {width:85%;} } /* HOME PAGE */ .home-header-container {width:100%; height:320px; background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/home-image.png") center bottom no-repeat #93cfe4; margin:0px; position:relative; margin-top:4px; border-bottom: 1px solid #ccc;} .home-header-shadow {width:100%; height:100%; padding: 0px 3px 3px 3px; /* box-shadow: inset 0px -1px 3px rgba(0,0,0,.3); */ position:relative; left:-3px; top:-3px; z-index:50;} .home-header-content {width:100%; max-width:1024px; height:100%; position:absolute; top:0px; left:50%; z-index:51; -moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;} .home-header-text-container {width:50%; max-width:475px; height: 100%; padding:20px 0px;} .home-header-text-container h1 {color:#ffffff; font-family:"MuseoSans700", helvetica, arial, sans-serif; font-weight:normal; font-size:40px; line-height: 1.25; text-shadow:1px 1px rgba(0, 0, 0, 0.4); margin-bottom:12px;} .home-header-text-container h2 {color:#107697; font-family:"MuseoSans700", helvetica, arial, sans-serif; font-weight:normal; line-height:1.25; font-size:20px; margin-bottom:23px;} .home-header-text-container .feature-post-callout p {color:#107697; margin-top:8px;} .home-header-text-container .indent {padding:4px; width:181px; background-color:rgba(0,0,0,.2); border-radius:5px; -moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none;} .home-header-text-container .indent:hover {background-color:rgba(0,0,0,.2);} .home-header-text-container .red-block-style {font-size:30px;} .home-header-text-container p.or {float:left; color: #107697; font-size:16px; margin-top:19px; margin-left:8.5%;} .featured-events {width:100%; height:auto; border-bottom:1px solid #cccccc;} .featured-events h3 {font-family:"MuseoSans100", helvetica, arial, sans-serif; font-size:31px; color:#989898; margin-bottom:30px; float:left;} .featured-events .social-media {float:right;} .featured-events .social-media ul {list-style-type:none; margin-top:-8px; margin-left:0px;} .featured-events .social-media ul li {list-style-type:none;float:left;} .featured-events .social-media ul li div {font-size:17px;padding-top:2px; padding-left:31px; margin-left:15px; height: 23px; background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/large-social-media.png") left no-repeat transparent;-webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;} .featured-events .social-media ul a div.facebook {margin-left:0px;} .featured-events .social-media ul a:hover div {background-color:transparent; opacity:.5;} .featured-events .social-media li div.facebook {background-position: left 0px;} .featured-events .social-media li div.twitter {background-position: left -25px;} .featured-events .social-media li div.googleplus {background-position: left -50px;} .featured-events .social-media ul a, .featured-events .social-media ul a:link, .featured-events .social-media ul a:visited, .featured-events .social-media ul a:active {color:#333333;} .featured-events .social-media ul a:hover {background-color:transparent;} .featured-events .social-media ul li .colorTip {display: none !important;} .featured-events .caroufredsel_wrapper {left:15px !important;} #home-slider-container {margin:0px;} #home-slider-container li {display:block; float:left; max-width:256px; height:400px;} #home-slider-container li .content-frame a, #home-slider-container li .content-frame a:hover, #home-slider-container li .content-frame a:visited, #home-slider-container li .content-frame a:active, #home-slider-container li .content-frame a:link, #home-slider-container li .content-frame a:hover {padding:0px} #home-slider-container li h2 {font-size:17px; line-height:1; margin-bottom:11px;} #home-slider-container li h2 a {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:17px; color:#989898;} #home-slider-container li h2 a:hover {color:#cccccc; background-color:transparent; } #home-slider-container li .content-frame {margin-bottom:15px;} #home-slider-container li img {border-radius:4px; -webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;} #home-slider-container li a:hover img {opacity: 0.7;} .home-article-1 {margin-left:0px; margin-right:30px;} .home-article-2 {margin-left:0px; margin-right:30px;} .home-article-3 {margin-left:0px; margin-right:30px;} .home-article-4 {margin-left:0px; margin-right:30px;} .home-article-border {border:1px solid #cccccc; border-radius:5px;} .middle-content {width:100%; padding-bottom:30px; border-bottom:1px solid #cccccc;} .middle-content .left-content {width: 54.101563%; float:left; padding-top:30px;} .middle-content .right-content {width:42.96875%; float:right; padding-top:30px;} .middle-content .right-content .filters-box {margin-bottom:0px;} .middle-content .box ul, .middle-content .box-no-border ul {padding: 0px;} .middle-content .box .info-box {margin-bottom:0px;} .middle-content .box ul li, .middle-content .box-no-border ul li {padding:13px 5px;} .middle-content .location-box {display:none; padding:10px 5px 0;} .facebook-sign-in-prompt {width:100%; height: 528px; border:1px solid #cccccc; border-radius:4px; padding:30px; margin-bottom:30px; /* Watch out for this box-sizing --> */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/facebook-connect.png") center bottom no-repeat #f6f6f4; } .facebook-sign-in-prompt h4 {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:35px; color:#989898;} .facebook-sign-in-prompt p {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:18px; color:#989898; margin:15px 0px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .facebook-sign-in-prompt p {font-size:17px; color:#989898; margin:15px 0px 24px 0px;} } .facebook-connect-no-friends {width:100%; min-height:400px; padding:0 5px; /* Watch out for this box-sizing --> */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/facebook-connect-no-friends.png") center bottom no-repeat transparent; } .facebook-connect-no-friends h4 {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:35px; color:#333333;} .facebook-connect-no-friends p {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:18px; color:#333333; margin:15px 0px;} .facebook-connect-header {background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/facebook-header.png") left 2px no-repeat transparent; padding-left:32px; } #locationdiv a:link, #locationdiv a:visited, #locationdiv a:hover, #locationdiv a:active {background-color:transparent;padding:0;} #locationname {float:left;display: block;} a:link #locationname, a:visited #locationname {padding:1px;} a:hover #locationname, a:active #locationname {background-color:#E13D45;padding:1px; border-radius:4px;} .ad-slider {margin-bottom:7px;} .ad-slider .border {border:1px solid #989898; border-radius:5px;} #ad-slider-container {margin:0px; height:auto;} #ad-slider-container li {width:420px; height:290px; float:left; display:block;} #ad-slider-container li img {width:100%; height:100%;} #ad-slider-container a, #ad-slider-container a:link, #ad-slider-container a:visited, #ad-slider-container a:active, #ad-slider-container a:hover {background-color:transparent; padding:0;} .ad-slider .caroufredsel_wrapper {border-radius:4px;} a.prev, a.next { background: url(../images/miscellaneous_sprite.png) no-repeat transparent; width: 45px; height: 50px; display: block; position: absolute; top: 85px; } a.prev { left: -22px; background-position: 0 0; } a.prev:hover { background-position: 0 -50px; } a.prev.disabled { background-position: 0 -100px !important; } a.next { right: -22px; background-position: -50px 0; } a.next:hover { background-position: -50px -50px; } a.next.disabled { background-position: -50px -100px !important; } a.prev.disabled, a.next.disabled { cursor: default; } a.prev span, a.next span { display: none; } .home-slider-pagination, .ad-slider-pagination { text-align: center; } .home-slider-pagination a, .ad-slider-pagination a { background-color: #cccccc; width: 8px; height: 8px; margin: 0 15px 0 0; padding:0px; display: inline-block; border-radius:4px; -moz-transition:none; -webkit-transition:none; -o-transition:none; transition:none; } .home-slider-pagination a.selected, .ad-slider-pagination a.selected { background-color: #107798; } .home-slider-pagination a:hover, .ad-slider-pagination a:hover { background-color: #107798; } .home-slider-pagination a span, .ad-slider-pagination a span { display: none; } .home-slider-pagination {margin-bottom:5px;} .ad-slider-pagination {margin-bottom:27px;} .company-updates-container {width:100%; padding-top:30px; padding-bottom:30px;} .company-updates-container a:hover {background-color:transparent;} .company-update {width:31.445313%; height:322px; background-color:red; float:left; border-radius:4px; margin-bottom:30px; /* Watch out for this box-sizing --> */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .company-updates-container a, .company-updates-container a:link, .company-updates-container a:visited {padding:0px;} .company-update-1 {background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/help-update-background.png) 152px -31px no-repeat #93cfe4; border:1px solid #6b97a7; padding:15px; margin-right:2.9296875%;} .company-update-1 h4 {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:35px; color:#1a7796; line-height:1.25;} .company-update-1 p {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:22px; color:#ffffff; line-height:1.25; margin-top:10px;} .company-update-1 p a, .company-update-1 p a:link, .company-update-1 p a:visited, .company-update-1 p a:active {color:#333333;} .company-update-1 p a:hover {color:#1a7796;} .company-update-2 {background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/mobile-app-update-background.png) center top no-repeat #f6f6f4; border:1px solid #d8d8d9; position:relative;} .company-update-2 div {position:absolute; bottom:0px; width:100%; margin-bottom:12px;} .company-update-2 h4 {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:25px; color:#333333; text-align:center; } .company-update-2 p {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:22px; color:#989898; margin-top:10px; text-align:center;} .company-update-3 {background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/facebook-update.png) center bottom no-repeat #f8ebd8; border:1px solid #e1d3be; float:right; padding:15px;} .company-update-3 h4 {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:35px; color:#afa598;} a .company-update-3 h4, a .company-update-3 p {transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;} a .company-update-3 p, a:link .company-update-3 p, a:visited .company-update-3 p, a:active .company-update-3 p {font-family:"MuseoSans500", helvetica, arial, sans-serif; font-size:18px; color:#afa598; margin-top:15px;} a:hover .company-update-3 h4, a:hover .company-update-3 p {color:#333333;} .home-client-wrapper {width:100%; background-color:#f6f6f4; border-top:1px solid #cccccc; margin:0px; position:relative;} .home-client-container {width:98%; max-width:1024px; margin-left:auto; margin-right:auto; padding:30px 0px;} .home-client-container h4 {font-family:"MuseoSans300", helvetica, arial, sans-serif; font-size:35px; color:#989898;} .home-client-container h4 a {font-size:14px;} .home-client-container img {float:left; margin-top:30px; width:20%;} .home-client-container img.logo-1 {margin-right:6.66666667%;} .home-client-container img.logo-2 {margin-right:6.66666667%;} .home-client-container img.logo-3 {margin-right:0px;} .home-client-container img.logo-4 {float:right;} .home-page #main {padding-bottom:0px;} #home-top-banner {background-color: #F2F2F2; padding-bottom: 5px;} #home-top-banner img {display: block; margin: 0 auto; max-width: 100%;} /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { .home-header-text-container {margin-left:30px;} .home-header-container {background-position:right bottom;} .home-client-container {width:94.140625%; padding:30px 2.9296875%;} } /* iPad Landscape ----------- */ @media (max-device-width: 1024px) and (orientation: landscape) { .home-header-text-container {margin-left:30px;} .home-header-container {background-position:right bottom;} .home-client-container {width:94.140625%; padding:30px 2.9296875%;} } /* 1000px Display ----------- */ @media screen and (max-width: 1000px) { .middle-content .location-box {display:block;} } /* 990px Display ----------- */ @media screen and (max-width: 990px) { .company-update-2 h4 {font-size:24px;} } /* 930px Display ----------- */ @media screen and (max-width: 930px) { .company-update-3 h4 {font-size:28px;} a .company-update-3 p, a:link .company-update-3 p, a:visited .company-update-3 p, a:active .company-update-3 p {font-size:14px;} } /* 910px Display ----------- */ @media screen and (max-width: 910px) { .home-header-text-container p.or {display:none;} .home-header-text-container h2 {font-size:18px;} .middle-content #locationdiv { background-color: #F8F8F8; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-bottom: 7px; position: relative; top: 1px; width: 100%;} } /* 850px Display ----------- */ @media screen and (max-width: 850px) { .company-update-2 h4 {font-size:22px;} .company-update-2 p {font-size:22px;} .home-header-text-container h1 {font-size:36px;} } /* 830px Display ----------- */ @media screen and (max-width: 830px) { .home-header-text-container h1 {font-size:36px;} .company-update-1 p {font-size:18px;} } /* iPad Portrait ----------- */ @media (max-device-width: 768px) and (orientation: portrait) { .menu-item-31 {border-left: 2px solid #FFFFFF;} .blog-data-blocks-right {float:right;} .blog-data-blocks-left {float:left;} .home-header-text-container {width:100%; max-width:412px;} .home-header-container {background-position:-45px bottom;} #home-slider-container li {height:300px;} .middle-content .left-content {float:none; width:100%;} .middle-content .right-content {float:none; width:100%;} .middle-content .location-box {display:none;} .middle-content .p-t-7 {display:block;} .ad-slider-container {width:50%;} #ad-slider-container li {width:326px; height:225px; max-width:326px; max-height:225px; float:left; display:block;} .company-update-3 h4 {font-size:24px;} .company-update-2 h4 {font-size:19px;} .company-update-2 p {font-size:19px;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { .home-header-text-container {width:100%; max-width:412px;} .home-header-container {background-position:-45px bottom;} #home-slider-container li {height:300px;} .middle-content .left-content {float:none; width:100%;} .middle-content .right-content {float:none; width:100%;} .middle-content .location-box {display:none;} .middle-content .p-t-7 {display:block;} .ad-slider-container {width:50%;} #ad-slider-container li {width:326px; height:225px; max-width:326px; max-height:225px; float:left; display:block;} .company-update-3 h4 {font-size:24px;} .company-update-2 h4 {font-size:19px;} .company-update-2 p {font-size:19px;} } /* 680px Display ----------- */ @media screen and (max-width: 680px) { .home-header-container {background:#93cfe4;} .home-header-text-container {margin-left:auto; margin-right:auto; max-width:500px;} .company-update {float:none; width:100%;} .company-update-1 {margin-right:0px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/help-update-background.png) right -31px no-repeat #93cfe4;} a .company-update-3 p, a:link .company-update-3 p, a:visited .company-update-3 p, a:active .company-update-3 p {font-size:16px;} .company-update-3 h4 {font-size:30px;} .company-updates-container {padding-bottom:0px;} } /* 610px Display ----------- */ @media screen and (max-width: 610px) { .social-media {display:none;} .home-client-wrapper {display:none;} } /* 570px Display ----------- */ @media screen and (max-width: 570px) { .middle-content .location-box {display:block;} .middle-content .p-t-7 {display:none;} } /* 480px Display ----------- */ @media screen and (max-width: 480px) { .home-header-container {height:300px;} .home-header-text-container {max-width:410px;} .company-update-2 {display:none;} .company-update-3 {display:none;} .left-content .tab-top-nav-box-active {top:0; border:1px solid #cccccc; margin-bottom:4px; border-radius:4px;} .left-content .tab-top-nav-box {top:0; margin-bottom:4px; border-radius:4px;} .left-content .box-tab {border-radius:4px;} /* RESPONSIVE TOP BANNER HOME PAGE*/ #home-top-banner {min-height: 100px; background: url("https://flavorus.s3.amazonaws.com/images/banners/jetstream/ww-2012-onsale-fri-sml.jpg") no-repeat center 0 #f5f5f5;} #home-top-banner img {display:none;} .wpcf7 .resume_uploader {margin: 10px 12px 0;} } /* iPhone landscape ----------- */ @media screen and (max-width: 480px) and (orientation:landscape) { .home-header-container {height:300px;} .home-header-text-container {max-width:410px;} .company-update-2 {display:none;} .company-update-3 {display:none;} .left-content .tab-top-nav-box-active {background-color:transparent; border:none;} .left-content .tab-top-nav-box {background-color:transparent;border:none;} .left-content .box-tab {border-radius:4px;} .wpcf7 .resume_uploader {margin: -20px 12px 0;} } /* 320px display ----------- */ @media screen and (max-width: 320px) { .home-header-container {height:410px;} .home-header-text-container {max-width:280px;} .home-header-text-container .float-l, .home-header-text-container .float-r {float:none;} .home-header-text-container .indent {margin-left:auto; margin-right:auto; width:252px;} .home-header-text-container .red-block-style {width:234px;} .home-header-text-container .feature-post-callout {margin-bottom:15px;} .company-update-1 {background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/help-update-background.png") no-repeat scroll 140px -31px #93CFE4;} .company-update-1 p {font-size:22px;} .feature-highlights {display:none;} .feature-block {width: 94%;} .feature-block img {width: 100% !important;} .feature-block-3 {margin-bottom: 30px;} .feature-post-sub {width: 92%;} .wpcf7 .resume_uploader {margin: 10px 15px 0;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) and (orientation:portrait) { .home-header-container {height:410px;} .home-header-text-container {max-width:280px;} .home-header-text-container .float-l, .home-header-text-container .float-r {float:none;} .home-header-text-container .indent {margin-left:auto; margin-right:auto; width:252px;} .home-header-text-container .red-block-style {width:234px;} .home-header-text-container .feature-post-callout {margin-bottom:15px;} .company-update-1 {background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/help-update-background.png") no-repeat scroll 140px -31px #93CFE4;} .feature-highlights {display:none;} .features-container {margin-top: 30px;} .feature-block {width: 94%;} .feature-block img {width: 100% !important;} .company-update-1 p {font-size:22px;} .features-more {width: 94%;} .feature-block-3 {margin-bottom: 30px;} .feature-post-sub {width: 92%;} .wpcf7 .resume_uploader {margin: 10px 15px 0;} .home-header-text-container .feature-post-callout {width: 100%;} } /* iPads & iPhone 4 (portrait and landscape) RETINA DISPLAY ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .featured-events .social-media ul li div {background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/large-social-media-2x.png"); background-position: left; background-repeat: no-repeat; background-color: transparent; background-size:26px;} .facebook-sign-in-prompt {background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/facebook-connect-2x.png"); background-position: center bottom; background-repeat: no-repeat; background-color: #f6f6f4; background-size:440px;} .facebook-connect-no-friends {background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/facebook-connect-no-friends-2x.png"); background-position: center bottom; background-repeat: no-repeat; background-color: transparent; background-size:426px; } .facebook-connect-header {background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/facebook-header-2x.png"); background-size:26px; } .home-header-container { background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/home-image-2x.png"); background-size:1024px;} .company-update-1 {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/help-update-background-2x.png); background-size:222px;} .company-update-2 {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/mobile-app-update-background-2x.png); background-size:319px;} .company-update-3 {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/home-page/facebook-update-2x.png); background-size:319px;} } /*CATEGORY*/ .archive .blog-hed, .category .blog-hed{ display:none;} .category .outermost-container, .archive .outermost-container{ background-color: #FFFFFF; margin: -4px auto 0; height: 42px; padding: 0 15px;} .category .mid-container, .archive .mid-container{ margin: -4px auto 0; max-width: 1024px; padding: 40px 0 20px; width: 98%;} /*CAREERS*/ .page-template-careers-php .blog-post {background:transparent; border-top:#D2D0CA thin solid; display:block; width:90.6475%; height:165px;} .page-template-careers-php .blog-content {background: transparent; float:none; width:auto; display:block; padding:3.2%; height:165px;} .page-template-careers-php .box-container {margin-top:25px;} .attachment-page-single { margin:5px 15px 15px 0px; max-width: 195px; max-height: 195px; height: auto; float: left; padding:8px; border:1px solid #d9d8d8; border-radius:5px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) ); } .about-flavorus-widget-desc p{ color:#666666; text-align: left; font-size: 14px; line-height: 20px; } .careers-widget #outlet_regions_list .tab-top-divider{ margin-top: 15px; } .page-template-careers-php div.textwidget {padding:12px 2.08333333%; border-top:1px solid #d2d0ca; font-size:14px; line-height:22px; color:#333333;} .page-template-careers-php div.textwidget ul {margin-left:0px; margin-top:10px;} .careers-single-sidebar{ margin: 6px 0px 0px 0px; } .career-return {padding-top: 0px !important;} .career-return a {font-weight:normal !important;} .career-print a {font-weight:normal !important;} .left-blog #inside-page p{ font-size:14px; line-height: 22px; } .application-field-title { width: 200px; } .app-form-field { width: 662px; } .spacer-10 { display: block; width: 100%; height: 10px; } .spacer-15 { display: block; width: 100%; height: 15px; } .application-form-tab { padding: 10px 10px 0px 10px; border-bottom: 0px;} .application-section { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #CCCCCC; padding: 10px; } .fake-resume-uploader { margin: 0px 5px 0px 0px; width: 582px; position: relative; z-index: 1; display: none;} .jobform-lineheight .resume-uploader { padding: 1px 5px 5px; } #resume { position:relative; float:right; right:-178px; width:179px; top:-20px; opacity: 0; text-align: right; z-index: 2; } #portfolio { position:relative; float:left; right:200px; width:179px; top:-20px; opacity: 0; text-align: right; z-index: 2; } .wpcf7-validation-errors {display: block;background-color:#BA0000;padding:11px 1%;font-size: 13px; font-family: "MuseoSans700", Helvetica, Arial, sans-serif;font-weight:normal;position: relative;top:-2px;border:1px solid #E13D45;color:#fff;border-radius:4px; margin:20px auto 0 auto;max-width:1024px;width:98%;line-height:16px;} .wpcf7-textarea, .wpcf7-text, .wpcf7-validates-as-required { width:74%; } .dob-select .wpcf7-textarea, .dob-select .wpcf7-text, .dob-select .wpcf7-validates-as-required { width:95%; } .wpcf7 label { width:22.8908%; text-align: left; } .realsubmit-btn { margin-left: -64px; margin-top:-20px; position: absolute; width: 64px; opacity:0; z-index: 2; } .contact-form-box { margin: 0px 0px 30px 0px; padding: 5px; } .wpcf7 .box { width: auto; } .wpcf7 .fake-resume-uploader-btn { background: none repeat scroll 0 0 #A2DFE8; border: 1px solid #63B9D4; border-radius: 4px 4px 4px 4px; color: #004454; display: block; font-family: "MuseoSans700",Helvetica,Arial,sans-serif; font-weight: normal; margin: 0; text-transform: uppercase; } .wpcf7 .resume-uploader:hover .fake-resume-uploader-btn{ background-color: #B0F6FC;} .wpcf7 .fake-resume-uploader-btn:hover { background-color: #B0F6FC; } .wpcf7 .resume_uploader:hover .fake-resume-uploader-btn{ background-color: #B0F6FC; } .wpcf7 .resume_uploader{ width: 75px; padding: 0px 3px; margin: -20px 0px 0px 0px; float: right; } .resume-uploader{ padding: 5px 5px 10px; } .wpcf7-mail-sent-ok {display: block;background-color: #A2DFE8;padding:11px 1%;font-size: 13px;line-height:14px;font-family: "MuseoSans700", Helvetica, Arial, sans-serif;font-weight:normal;border:1px solid #63B9D4;color:#004455;border-radius:4px; margin:20px auto 0 auto;max-width:1024px;width:98%;} /* 700px Display ----------- */ @media screen and (max-width: 700px) { .page-template-careers-php .blog-sidebar {display:none;} .page-template-careers-php .col9 {width:100%;} .page-template-careers-php .blog-content {height: auto; max-height: none;} } /* 480px Display ----------- */ @media screen and (max-width: 480px) { .page-template-careers-php .blog-post {width:100%;} .page-template-careers-php .blog-f-image {display:none;} } /* Blog Styles */ .main_blog_col { width:102.34375%; margin: 0 0 0 -01.171875%; } .blog-post { display: block;} .main_blog_col .blog-post {float:left;} .innerblog_container{ display:block; width:100%; background: #F8F8F8; } /*.page-template-careers-php .left-blog { width:700px; }*/ .blog article, .archive article { width:31.0114503816794%; padding: 22px 01.1450381679389% 0px 01.1450381679389%; position:relative; float: left;} .blog .blog-post a:hover{ color:#FFF; } .single .blog-entry-single a:hover{ color:#FFF; } .blog-icon-156 { border: 3px solid #FFFFFF; box-shadow: 0 1px 4px #999999; height: 156px; margin:20px; width: 156px; } .blog-content { display:block; border-left:#D2D0CA thin solid; padding:03.6923076923077%; min-height:170px; max-height:205px; width:auto; background: #F8F8F8; overflow-y: hidden;} .blog-content p { margin-bottom:10px; color:#333333; line-height: 20px; font-size:14px; text-align: left;} .blog-data-blocks { margin:0 auto; border-right:#D2D0CA thin solid; display:block; } .blog .blog-data, .archive .blog-data {width:auto;} .blog-data-container{ width:auto; margin-top: 5px } .options-border-blog { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #D9D8D8; height: 0; margin-bottom: 5px; margin-top: 15px; margin-left: -6.7%; width: 113.4%; } .value_text_container_blog { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: -moz-linear-gradient(center bottom , #F3F3F3 0%, #FEFEFE 100%); border-color: -moz-use-text-color #D9D8D8 #D9D8D8; border-radius: 0 0 5px 5px; border: 1px solid #D9D8D8; border-style: none solid solid; border-width: 0 1px 1px; box-shadow: 0 0 2px 2px #FFFFFF inset; height: auto; padding: 5.6% 5.6% 8px; width: auto; } .page-template-careers-php p.blog-date { width:192px; background:#F0F0F0; color: #666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 15px; text-align: center; margin:5px; padding:5px 0; display:none; } .page-template-careers-php p.blog-date a { color: #666666;} .page-template-careers-php p.blog-date a:hover { background: transparent;} article.category-careers{ display:block; position:relative; clear: both; height:215px; } .single article.category-careers{ display:block; position:relative; clear: both; height:auto; } p.blog-date { display:block; color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 15px; padding: 0px 0px 10px 0px; text-shadow:none; } p.blog-date a { color: #333;} p.blog-date a:hover { background: transparent;} p.blog-cat a:hover { background: transparent;} p.blog-cat { display:block; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; text-align: center; margin:5px; padding:5px; float: left;} .blog .blog-cat-pleft, .archive .blog-cat-pleft { float: left; color:#333; display:block; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight:bold; line-height:0px; margin: 14px 0px 5px; padding: 5px 0px;} .blog-cat-icon { display: block; height:24px; text-align: center; } .blog-cat-icon a img { max-width: 19px; height:auto; } .blog-cat-icon a:hover, .blog-cat-icon a:hover { background: transparent; } .blog-cat-icon a img{ border-radius: 12px; transition: all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out; } .blog-cat-icon a img:hover { border-radius: 12px; /* box-shadow: 0px 0px 3px #004455; box-shadow: 0px 0px 3px rgba(00, 68, 85,0.65); background:#004455; */ opacity:0.55;} .blog-cat-icon a:link, .blog-cat-icon a:visited{ height: 17px; width: 17px; padding: 0px; margin:1px 4px 0px 0px; float: left; border-radius: 12px; position: relative; } #posts_page_borderline { border-top: 1px solid #D2D0CA; width: 100%; height: 1px; } .post_header { background: #E23D45; padding:03.6923076923077%; width:auto; clear: left; min-height:70px; } .blog-post-title {padding:25px; border-radius: 5px 5px 0px 0px;} p.blog-comment { display:block; color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; text-align: center; margin:6px 0 5px 0; padding:5px 5px 5px 0px; } .comment-num-icon a { padding:0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .comment-num-icon a { position:relative; bottom:1px; } } .blog-comment-bubble { background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/blog-comment-bubble.png) no-repeat; display:none; height:22px; width:6px; margin-top:7px; } .comment-num-icon { color: #FFFFFF; font-family: Helvetica, Arail, sans-serif; font-size: 10px; font-weight: bold; height: 18px; width: 18px; padding: 0px 0px 0px 0px; text-align: center; line-height:21px; background:#004354; border-radius:9px; transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;} .comment-num-icon:hover{ opacity: 0.55; } .comment-num-icon a, .comment-num-icon a:visited { color: #FFFFFF; } .last-data-block { border-right:none; margin: 8px 0px 0px 0px; } .blog-share { padding:6px 0 0 5px;} .wp-post-image{ width: 100%; height: auto; position: relative; float: left; } a.featured-img-link {background: transparent; background: none repeat scroll 0 0 transparent; border-radius: 5px 5px 0 0; border:1px solid #cccccc; border-bottom:0px; padding: 0; width: auto; position:relative; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .category-careers .blog-f-image a { float: left; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 transparent; border-color: #989898 #989898 -moz-use-text-color; border-radius: 5px 5px 0 0; border:0px solid #D9D8D8; border-bottom:0px; height: auto; padding: 0; position: relative; width: auto;} .blog-f-image { transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; border-bottom:none;} .innerblog_container img {border-radius: 4px 4px 0px 0px; overflow:hidden;} a.featured-img-link:hover {opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha (opacity=70);} .page-template-careers-php .blog-f-image { float: left;} .page-template-careers-php .attachment-large {margin:20px 0px; width: 156px; height:156px; padding:8px; border:1px solid #d9d8d8; border-radius:5px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} .page-template-careers-php .attachment-feature_thumb {margin:20px 0px; width: 156px; height:156px; padding:8px; border:1px solid #d9d8d8; border-radius:5px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} .attachment-156x156 {border: 3px solid #FFFFFF; box-shadow: 0 1px 4px #999999; height: 156px; margin:20px; width: 156px;} .attachment-50x50 {border: 3px solid #FFFFFF; box-shadow: 0 1px 4px #999999; height: 50px; margin:5px 10px 5px 0px; width: 50px; float: left;} .blog-post-share { padding: 15px 5px 0px 0px; margin-bottom: 10px;} h5.entry-title { font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 30px; line-height: 30px; font-weight: normal;} .category-careers h5.entry-title { font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 30px; line-height: 30px; font-weight: normal; min-height:25px; } .blog-entry-single {margin:0px 0 0px 0; padding: 0px 0 10px 0; color: #454545; font-size:16px; line-height: 22px; display:block; width:100%;} .blog-entry-single p{ line-height: 22px; font-size:16px; } .blog-entry-single blockquote { font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size: 24px; } .blog-entry-single blockquote p{ line-height: 25px; font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:21px; } h4.blog-comments, h4.blog-comments a, h4.blog-comments a:hover {color: #69817E; font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 24px; line-height: 24px; background: transparent; display:none;} .divider-693 { background-color: #D2D0CA; display: block; height: 1px; width: 100%; } .box-693 { margin-bottom: 30px; padding: 5px; width: 100%; } .post-content-paragraph{ position: relative; display: block; min-height: 50px; } .featured-img-link{ background: transparent; background-color: transparent; color: transparent; } .category_single{ border-right:2px solid #004455; padding: 2px 10px 0px 0px; margin: 0px 10px 0px 0px; line-height:1.6;} /*.single .left-blog { width: 74.90234375%; margin: 0; }*/ .single .left-blog h5.entry-title { font-family: 'MuseoSans700', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 30px; line-height:35px; word-wrap:break-word; color: #ffffff;} .left-blog h5.entry-title { font-family: 'MuseoSans700', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 20px; line-height:22px; word-wrap: break-word; } .left-blog h5.entry-title a { color:#fff; } .ie7 .left-blog h5.entry-title a { color:#fff; } .left-blog h5.entry-title a:hover { background:transparent; text-shadow:-1px -1px 0px #AA0000; color:#edfafe; } .ie9 .left-blog h5.entry-title a:hover, .ie8 .left-blog h5.entry-title a:hover, .ie7 .left-blog h5.entry-title a:hover { background:transparent; color:#663333; } .page-template-careers-php .left-blog h5.entry-title a { color:#E13D45; } .page-template-careers-php .left-blog h5.entry-title a:hover { color:#FFF; background: #E13D45; text-shadow: none; } .datetime_single { border-right: 1px solid #e6e6e6; margin: 26px 0 0 -78px; position: absolute; padding: 3px 0px; } .datetime_single .event-cal-box{ border-radius: 8px 0 0 8px; margin: 0px 0px 0px 0px; border-right:0px solid; height:65px; width:65px; } .datetime_single .event-cal-box .event-cal-month { border-radius:8px 0 0 0; width:66px; font-size:17px; line-height:22px; } .datetime_single .event-cal-box .event-cal-day { font-size:32px; line-height: 35px; } .cat_print_single { font-weight:bold; color:#004455; } .email_print_container { width: 120px; } #single-feature-page .email_print_container { padding: 3px 0px 0px 0px; } .email_print_container .email { background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/images/print-email-icon.png"); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; line-height:19px; height: 20px; margin-top: 1px; } .print { background-repeat: no-repeat; padding-left: 20px; line-height:19px; height: 20px; margin-top: 1px; } .social-btns-container { padding: 3px 0px 0px 0px; position: relative; float: left; } /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { .datetime_single {position:relative; margin:0; top:8px; border-right:0px solid;} .datetime_single .event-cal-box {border-right:1px solid #a2dfe8; border-radius:8px 8px 0px 0px; position:relative; left:10px; border-bottom:0; } .datetime_single .event-cal-box .event-cal-month {border-radius:8px 8px 0px 0px; } } /* 810px Display ----------- */ @media screen and (max-width: 810px) { .blog-data-blocks-right {float:left;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .main_blog_col .blog-post {float:none;} .innerblog_container {height:auto;} .blog article, .archive article {float:none; padding:22px 0px; position:static; width:100%;} .post_header {height:auto;} .innerblog_container h5.entry-title {min-height:inherit;} .innerblog_container .post_header {padding:20px 5% 18% 50%; width:45%; float:right; clear:none; border-radius:4px 4px 0px 0px;} .innerblog_container .post-content-paragraph {height:auto;} .innerblog_container a.featured-img-link {width:35%; padding:5px; border:1px solid #d9d9d8; border-radius:5px; background-color:#ffffff; z-index:500; position:absolute; margin:2%;} .blog-data-blocks-left {float:left;} .blog-data-blocks-right {float:right;} .learn-more-mod .innerblog_container .post_header {padding: 20px 5% 8% 50%;} } /* 480px Display ----------- */ @media screen and (max-width: 480px) { .learn-more-mod .innerblog_container .post_header {padding: 20px 5% 8% 50%;} .innerblog_container a.featured-img-link {width: 40%;} .olderposts-btn {float: none; text-align:center; margin-bottom: 10px;} .newerposts-btn {float: none; text-align: center;} .olderposts-btn div {float: none !important;} .main_blog_col .post_header {min-height: 67px;} .blog-entry-single .attachment-page-single {max-width: 96%; max-height: none;} } /* 320px Display ----------- */ @media screen and (max-width: 320px) { .innerblog_container .post_header { padding: 11px 5% 9% 50%; } #colorbox #cboxContent {     width: 90% !important; } body #cboxContent {     background-image: -moz-linear-gradient(center bottom , #F9F9F9 0%, #DDDDDD 50%, #F9F9F9 100%);     border-radius: 4px 4px 4px 4px;     box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);     height: auto !important;     padding: 7px;     z-index: 99999999; } .table-head sortable m-t-5 .cc-type column float-l {font-size:8px!important;} .table-head sortable m-t-5 .cc-numb column float-l {font-size:8px!important;} .table-head sortable m-t-5 .exp-date column float-l {font-size:8px!important;} .table-head sortable m-t-5 .security-code column float-l {font-size:8px!important;} .table-head sortable m-t-5 .zip-postal column float-l {font-size:8px!important;} .datetime_single .event-cal-box {height: 53px; width: 55px;} .datetime_single .event-cal-box .event-cal-month { font-size: 15px; line-height: 19px; width: 55px; } .datetime_single .event-cal-box .event-cal-day { float: none; font-size: 29px; line-height: 30px; } .blog-entry-single .attachment-page-single {max-width: 94%;} .single .left-blog h5.entry-title {font-size: 28px;} .innerblog_container a.featured-img-link {display:none;} p.blog-date {width: 200% !important; float: right;} .left-blog .red-block-style h5.entry-title {float: right; width: 200%;} .main_blog_col .post_header {min-height: 38px;} .olderposts-btn {float: none; text-align:center; margin-bottom: 10px;} .newerposts-btn {float: none; text-align: center;} .olderposts-btn div, .newerposts-btn div {float: none !important;} .datetime_single .event-cal-box {left: 6px;} } /* iPads & iPhone 4 (portrait and landscape) RETINA DISPLAY ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .email_print_container .email {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/images/print-email-icon-2x.png"); background-size:20px;} } /* FACEBOOK PAGE */ .fb_dl_btn a:link, .fb_dl_btn a:visited, .fb_dl_btn a:hover, .fb_dl_btn a:active {background-color:transparent;padding:0;} /* LEGAL STUFF */ .legal-stuff .inside-page { display: none; } .legal-stuff #inside-page { margin: -10px 0px 0px 0px; } #inside-page .privacy-address, #inside-page .privacy-subheader, .info-sharing-point { padding: 5px 20px 0px 0px; font-family: "MuseoSans700",Helvetica,Arial,sans-serif; font-weight: normal;} /*BEGIN LANDING PAGES */ .landing-page #what-container #landing-page-features h2 {color: #333333 !important; font-size: 42px;} .landing-page #what-container #landing-page-features ul {list-style-type: none; min-height: 215px;} .landing-page h1.value_text {font-size: 25px;} .landing-page ul.market-specific-cta{ width: 197px; float: left; padding: 20px 0px 0px 0px; } .landing-page ul.market-specific-cta-or{ width: 60px; float: left; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 10px; } .landing-page ul.market-specific-cta li p{ float: none; text-align: center; } .landing-page ul.market-specific-cta li p.museo-text{ font-family: "MuseoSans500" } .landing-page ul.market-specific-cta-or li p.museo-text{ color: #f8f8f8; font-family: "MuseoSans500" } .landing-page ul.market-specific-cta li{ width: 197px; padding: 8px 0px 4px 0px; } .landing-page ul.market-specific-cta li p.museo-text{ color: #fff; float: none; text-align: center; } .landing-page .feature_header_content{ width: 60%; } .landing-page #feature_header_title{ width: 68%; font-size: 45px; line-height: 48px; color: #e23d45; text-shadow: 1px 1px 0 #000000; } .landing-page p.feature_header_text { font-family:"MuseoSans500"; font-size: 22px; line-height: 32px; color: #f8f8f8;} .landing-page #more-content-list li{ list-style-type: none; background: none; padding-left: 0px; padding-bottom: 36px; margin-right: 8.5%; } .landing-page #what-container h2 { line-height: 30px; font-size: 44px; } .landing-page #what-container p { font-family: "MuseoSans300"; font-size: 24px; line-height: 34px;} .landing-page ul li a:hover, .landing-page ul li a:visited {background: none;} .landing-page #more-container .less_important_header p {position:relative; left:2px; top:70px;} .landing-page ul.bullets {list-style-type:none; margin-left:15px;} .landing-page ul.bullets li {font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; color:#333333; line-height: 1.5em; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png) left 8px no-repeat transparent; padding-left:27px; margin-bottom:20px;} /*930px Display*/ @media screen and (max-width: 930px) { .landing-page .feature_header_content { width: 93%; } } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .landing-page #more-content-list li.last {display:block;} .landing-page #more-content-list li {margin-right: 9%;} .landing-page #feature_header_title br {display:none;} .landing-page .value_block {width: 98%;} .landing-page #values_container {width: 98%;} .landing-page .value_text_container {min-height: 87px;} .landing-page .testimonial-top-content {font-size: 16px; min-height: 200px;} .landing-page #what-container h2 {font-size: 40px;} .landing-page .testimonial-who {min-height: 76px;} } /*550px ----------- */ @media screen and (max-width: 550px) { .landing-page .testimonial-post {float: none; width: 98%; margin-left: auto; margin-right: auto; max-width: none;} .landing-page .testimonial-top-content {min-height: auto;} .landing-page .client-thumbnail {margin-left: auto; margin-right: auto; width: 70%;} .landing-page #more-container {display: none;} .landing-page ul.market-specific-cta {width: 98%;} .landing-page ul.market-specific-cta li {width: 98%;} .landing-page ul.market-specific-cta-or {display:none;} .landing-page .testimonial-who {min-height: auto;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { .landing-page #what-container h2 {font-size: 37px;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { .landing-page .page-header h1 {display:none;} } /* END GENERAL LANDING PAGE STYLING */ /* HAUNT LANDING PAGE */ .haunt-landing #feature_header { background:url("http://flavorus.s3.amazonaws.com/images/version3/feature-headers/landing-pages/haunt-landing-bg.png") no-repeat scroll right top #333; min-height: 2px; } .haunt-landing #what-container #landing-page-features li{background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png") no-repeat scroll left 1px transparent; color: #333333; font-family: 'MuseoSans500',Helvetica,Arial,sans-serif; font-size: 24px; line-height: 20px; margin-bottom: 28px; padding-left: 27px;} /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { .haunt-landing .feature_header_content {width: 56%;} .haunt-landing .value-block-3 .value_text {padding: 0 5px;} .haunt-landing #testimonial-header h1 {font-size: 80px;} } /* iPad Landscape ----------- */ @media (max-device-width: 1024px) and (orientation: landscape) { .haunt-landing .feature_header_content {width: 56%;} .haunt-landing .value-block-3 .value_text {padding: 0 5px;} .haunt-landing #testimonial-header h1 {font-size: 80px;} } /* 930px Display ----------- */ @media screen and (max-width: 930px) { .haunt-landing #feature_header {background: none repeat scroll 0 0 #333333; } .haunt-landing .feature_header_content {width: 95%;} .haunt-landing .delusion-testimonial p {width: 92%;} } /* 900px Display ----------- */ @media screen and (max-width: 900px) { .haunt-landing #testimonial-header h1 {font-size: 66px;} .haunt-landing .value-block-3 .value_text {padding: 0 2px;} } /* 800px Display ----------- */ @media screen and (max-width: 800px) { .haunt-landing .value-block-1 {margin-right: 1.93%;} .haunt-landing .zero-downtime-title {padding: 20px 0;} .haunt-landing .delusion-testimonial p {width: 88%; margin: 0 auto;} .haunt-landing .testimonial-who span {font-size: 14px;} } /* iPad Portrait ----------- */ @media (max-device-width: 768px) and (orientation: portrait) { .haunt-landing #testimonial-header h1 {font-size: 60px;} .haunt-landing .value-block-3 .value_text {padding: 0;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { .haunt-landing #testimonial-header h1 {font-size: 60px;} .haunt-landing .value-block-3 .value_text {padding: 0;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .haunt-landing .value_text_container {padding: 5px;} .haunt-landing .value-block-1 {margin-right: auto;} .haunt-landing .value_block {width: 77.333%;} .haunt-landing .value-image-wrapper {display: none;} .haunt-landing .testimonial-post {width: 77.333%; float: none; margin-bottom: 30px; margin-left: auto; margin-right: auto;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { .landing-page ul.market-specific-cta {width:98%;} .landing-page ul.market-specific-cta li {width: 98%;} .landing-page ul.market-specific-cta-or {display:none;} #learn-tab a:link, #learn-tab a:visited {margin-right: 5px;} .haunt-landing .zero-downtime-title {padding: 0;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { .haunt-landing .page-header h1 {display:none;} .haunt-landing #feature_header_title {font-size: 32px;} .landing-page p.feature_header_text { color: #F8F8F8; font-family: "MuseoSans500"; font-size: 18px; line-height: 26px; } .landing-page #what-container h2 { font-size: 34px; line-height: 30px; } .bigger-info { font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size: 20px; } .landing-page ul.bullets li { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png") no-repeat scroll left 4px transparent;} .landing-page h1.value_text { font-size: 22px !important; } .landing-page .value_header_container { height: 110px; } h1.value_text {margin-top: 0;} .haunt-landing .zero-downtime-title { padding: 0; } .landing-page #what-container p { font-family: "MuseoSans300"; font-size: 18px; line-height: 26px; } } /* END HAUNT LANDING PAGE */ /*FAIR LANDING PAGE */ .fair-landing #feature_header { background: url("http://flavorus.s3.amazonaws.com/images/version3/feature-headers/landing-pages/fair-landing-bg.png") no-repeat scroll right bottom #91CFE6; } .fair-landing #feature_header_title {color: #ffffff;} .fair-landing p.feature_header_text {color: #107697;} /*END FAIR LANDING PAGE STYLING */ /* FOOD AND WINE FESTIVAL LANDING PAGE */ .foodwine-landing #feature_header { background: url("http://flavorus.s3.amazonaws.com/images/landing_pages/winefood.png") no-repeat scroll right bottom #949494; } .foodwine-landing .feature_header_content { padding: 1.5% 0 2% 2.93%; } .foodwine-landing #feature_header_title { width: 90%; } /* FOOD WINE iPads ------*/ @media screen and (max-width: 800px) { } /* FOOD WINE 768px Display ----------- */ @media screen and (max-width: 768px) { } /* FOOD WINE 600px Display ----------- */ @media screen and (max-width: 600px) { /* .foodwine-landing .value-image-wrapper {border: 0 none;margin-bottom: 287px;width: 300px;} .foodwine-landing .value_text {font-size: 15px;} .foodwine-landing .value_text_container {min-height: 0;} .foodwine-landing .value_text_container {padding-left: 5%;} .foodwine-landing .value_block img {width: 96%;} .foodwine-landing .value_block img {float: left;width: 100px;} .foodwine-landing .value_block img {background-color: #FFFFFF; border: 1px solid #D9D8D8; border-radius: 5px 5px 5px 5px; float: left; margin-left: 0; margin-top: 1%; padding: 5px; width: 110px;} */ } /* FOOD WINE iPhone Landscape ----------- */ @media screen and (max-width: 550px) { } /* FOOD WINE iPhone Landscape ----------- */ @media screen and (max-width: 480px) { } /* FOOD WINE iPhone Portrait ----------- */ @media screen and (max-width: 320px) { } /* END FOOD WINE LANDING STYLING */ /* EDM LANDING PAGE */ #edm_logos_container{ width:80%; height:auto; margin:auto; } #edm_logos_container img{ width: auto; height: auto; } .EDM_logos{ position: relative; margin: auto; } .EDM_logos li { list-style-type: none; display: inline; float: left; margin: 10% 0px 0px 18%; width: 21%; } .market-specific-cta{ list-style-type: none; padding: 0px; margin: 0px; } .edm_landing ul.market-specific-cta{ width: 197px; float: left; padding: 20px 0px 0px 0px; } .edm_landing ul.market-specific-cta-or{ width: 60px; float: left; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 10px; } .edm_landing ul.market-specific-cta li p{ float: none; text-align: center; } .edm_landing ul.market-specific-cta li p.museo-text{ font-family: "MuseoSans500" } .edm_landing ul.market-specific-cta-or li p.museo-text{ font-family: "MuseoSans500" } .edm_landing ul.market-specific-cta li{ width: 197px; padding: 8px 0px 4px 0px; } .edm_landing ul.market-specific-cta li p.museo-text{ float: none; text-align: center; } /* .EDM_logos li img { max-width: 18%; } */ .EDM_logos li.no-left-margin { margin-left:0px; } #edm_logos_container img.no-left-margin { margin-left: 0px; } .edm_landing .feature_header_content{ width: 58%; } .edm_landing #feature_header_title{ font-size: 45px; line-height: 48px; } .edm_landing #feature_header { background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-headers/EDM_landingpage_Illustration_clippingmask_taller.jpg") no-repeat scroll right top #F8EBDA; min-height: 2px; } .edm_landing p.feature_header_text { font-family:"MuseoSans300"; font-size: 22px; line-height: 32px;} .edm_landing #more-content-list li{ list-style-type: none; background: none; padding-left: 0px; padding-bottom: 36px; margin-right: 8.5%; } .edm_landing #what-container h2 { line-height: 30px; } .edm_landing #what-container p { font-family: "MuseoSans300"; font-size: 24px; line-height: 34px;} .edm_landing ul li a:hover, .edm_landing ul li a:visited {background: none;} .edm_landing .value-block-2 h1.value_text, .edm_landing .value-block-3 h1.value_text {padding: 0 4%;} /*EDM iPads ------*/ @media screen and (max-width: 800px) { .edm_landing #feature_header {background: #F8EBDA;} .edm_landing .feature_header_content {width: 95%;} .edm_landing #more-content-list li.last {display:none;} .edm-landing #more-content-list li {margin-right: 5.5%;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { .edm_landing .testimonial-who {min-height: 57px;} .edm_landing h1.value_text {font-size: 20px; line-height: 29px;} .edm_landing #what-container p { font-family: "MuseoSans300"; font-size: 20px; line-height: 29px; } .edm_landing #what-container h2 { font-size: 46px; } } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .edm_landing #more-content-list li.last {display:block;} .edm-landing #more-content-list li {margin-right: 9%;} .edm_landing #feature_header_title br {display:none;} .edm_landing .value_block {width: 98%;} .edm_landing #values_container {width: 98%;} .edm_landing .value_text_container {min-height: 87px;} .edm_landing .testimonial-top-content {font-size: 16px; min-height: 200px;} .edm_landing #what-container h2 {font-size: 40px;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 550px) { .edm_landing .testimonial-post {float: none; width: 98%; margin-left: auto; margin-right: auto; max-width: none;} .edm_landing .testimonial-top-content {min-height: auto;} .edm_landing .client-thumbnail {margin-left: auto; margin-right: auto; width: 70%;} .edm_landing #more-container {display: none;} .edm_landing ul.market-specific-cta {width: 98%;} .edm_landing ul.market-specific-cta li {width: 98%;} .edm_landing ul.market-specific-cta-or {display:none;} .edm_landing .testimonial-who {min-height: auto;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { .edm_landing .page-header h1 { float: left; padding-top: 2px; width: 60%;} .edm_landing .features-page-header {height: 87px;} .edm_landing .features-page-header ul.tour-bar { margin-top: 37px; position: absolute; } .edm_landing #what-container h2 {font-size: 37px;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { .edm_landing .page-header h1 {display:none;} .edm_landing .features-page-header {height: 50px;} .edm_landing .features-page-header ul.tour-bar {margin-top: 0;} } /* END EDM LANDING STYLING */ /*Film Festival Landing Page*/ .ff-landing #feature_header { background: url("http://flavorus.s3.amazonaws.com/images/version3/feature-headers/landing-pages/ff-landing-page-header.png") no-repeat scroll right bottom #CCC; } .ff-landing #feature_header_title { color: #F8F8F8; width: 100%;} .ff-landing p.feature_header_text {color: #333;} .ff-landing .testimonial-top-content {min-height: 245px;} .ff-landing .value_header_container {min-height: 80px;} /* Film Fest Responsive Styling ----------- */ @media screen and (max-width: 1024px) { .ff-landing #feature_header_title {width: 88%; font-size: 37px;} .ff-landing .value_text_container {min-height: 76px;} } @media screen and (max-width: 900px) { .ff-landing #feature_header_title {width: 98%; font-size: 37px;} .ff-landing .feature_header_content {background: #ccc; background-image: none;} .ff-landing h1.value_text {font-size: 20px;} } @media screen and (max-width: 480px) { .ff-landing .testimonial-top-content {min-height: 186px;} } @media screen and (max-width: 360px) { .ff-landing #feature_header_title {width: 98%;} } /* END FILM FESTIVAL STYLING */ blockquote { background: url(https://d1mi3s36zg393u.cloudfront.net/images/version3/images/open_quote_ipad.png) 7px 7px no-repeat #F8F8F8; padding:2%; margin:5px 0px 0px 10px; position: relative; float: right; display: block; width:35%; background-size: 20px; } blockquote p { background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/images/close_quote_ipad.png) bottom right no-repeat transparent; color: #004455; float: right; font-size: 17px; font-weight: normal; margin: 0 0 0 15px; padding: 15px 25px 15px 0; position: relative; width: 85%; text-align:right; letter-spacing: -.5px; background-size: 20px; } .pbdarticle{ position: relative; float: left; clear:both; width:100%; } /* .pbdarticle .blog-post { padding: 20px 1.14504% 0; width: 31.0114%; } */ /* let's hold onto this until we figure out everything for the ajax load more posts -michael */ #pbd-alp-load-posts { text-align:center; border-bottom:1px solid #D2D0CA; border-top:1px solid #D2D0CA; padding: 5px 0px 5px 0px; } .loadmore-container { padding: 20px 0px 0px 0px; } a.loadlink{ background: #F0F0F0; color:#004455; font-weight:bold; font-size: 16px; } .loadlink:hover{ color:#004455; font-weight:bold; font-size: 16px; background: #CCC; } .loadlink:visited{ color:#004455; font-weight:bold; font-size: 16px; background: #F0F0F0; } .blog_ajax_divider{ display:block; height: 20px; width:100%; background: transparent; } /*.social4i { margin: 8px 0 0 10px;}*/ .social4i { margin: 8px 15px 0 10px; } .socialicons { float: left;} .s4twitter { width: 75px;} .s4fblike { width: 50px;} .s4plusone { width: 60px;} .connect_widget_button_count_count { display: block!important; } .like_button_no_like .tombstone_cross { display:block !important; visibility: visible !important; } #f147f9d008680ce #LikePluginPagelet .tombstone_cross { display:block !important; visibility: visible !important; } #LikePluginPagelet .like_button_no_like .connect_widget .tombstone_cross { background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png") no-repeat scroll 0 -30px transparent !important; display: block !important; float: right; height: 15px !important; margin-right: -20px !important; width: 15px !important; z-index: 99; } .ie7 .page-template-careers-php .attachment-156x156, .ie8 .page-template-careers-php .attachment-156x156 { padding:3px; border:1px solid #D2D0CA; } .ie8 .attachment-156x156 { max-width:none; } .ie8 .attachment-156x156:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .ie8 .attachment-325x207 { min-width:325px; } .ie8 .attachment-325x207:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .blog-post-share .social4i { margin-right: 33px; } .blog-post-share .like, .blog-post-share .tweet, .blog-post-share .plusone { float:left; } .cat-type { margin: 0 auto; padding: 0; width: auto;} .cat-type h2 { padding: 20px 0 0 15px; margin-bottom: -40px; font-size: 20px; color: #666666;} .blog-nav-button a { background: -moz-linear-gradient(center top , #e4e4e4, #F8F8F8) repeat scroll 0 0 #B7EBFA; border: 1px solid #c0c0c0; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #0C4454; display: inline-block; font-family: 'GovernorRegular',Arial,Helvetica,sans-serif; margin: 10px 0 0 0; text-transform: uppercase; } .like { min-width:50px; max-width: 75px; float: right; } .tweet { width: 75px; float: right; margin-right: 10px; } .plusone { width: 69px; float: right; } /*DISQUS OVERRIDE*/ #global-nav li, #global-nav h4 {display:none !important;} /* WP-PAGINATE */ .wp-paginate .title { display: none; } .navigation .wp-paginate .page, .navigation .wp-paginate .prev, .navigation .wp-paginate .next { border-radius: 10px; } .navigation .wp-paginate .next { background: url("http://dev.y9.com/spec/version3/HTML/images/icon-sprite.png") repeat-y scroll center 818px transparent !important; display: block; height: 19px; text-indent: -9999px; width: 19px; padding:0px; margin-right: 0px; } .navigation .wp-paginate .prev { background: url("http://dev.y9.com/spec/version3/HTML/images/icon-sprite.png") repeat-y scroll center 780px transparent !important; display: block; height: 19px; text-indent: -9999px; width: 21px; padding:0px; } .navigation .wp-paginate { width: auto; float: right; } .navigation .wp-paginate li { display: block; float: left; } .navigation .wp-paginate a{ border: 0px solid #ccc !important; display: block; height: 16px; width: 18px; padding: 3px 0px 0px 0px; background: transparent; color: #E13D45; margin-right: 4px; text-align: center;} .navigation .wp-paginate a:hover, .navigation .wp-paginate a:active{ background: #F0F0F0; } .navigation .wp-paginate .current { display: block; height: 16px; width: 18px; padding: 3px 0px 0px 0px; margin-right:4px; text-align: center; border:0px solid; background: #C9C9C9; color: #000; } .navigation { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #D2D0CA; border-top: 1px solid #D2D0CA; float: right; margin-top: 10px; padding: 5px; width: 100%; } .navigation .wp-paginate .gap { color: #999999; margin-right: 4px; } /* Blog sidebar */ /*.blog-sidebar { width:22.75%}*/ .divider-198 { background-color: #D2D0CA; display: block; height: 1px; width: 198px; } .box-198 { margin-bottom: 30px; padding: 5px; width: 198px; } .box-100-percent { margin-bottom: 30px; padding: 12px 2.08333333%; width: 95.833333%; border-top:1px solid #D2D0CA; border-bottom:1px solid #D2D0CA; } .sidebar-h6 { font-family: "MuseuSans500", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; margin:0 0 10px 0px;} .sidebar-input { width:65.217391%;} .sidebar-feed { background:#F8F8F8; border:#CCCCCC thin solid;} .sidebar-fb-hed { float: left; padding: 15px 0 0 10px; margin: 0 0 25px 0;} .sidebar-icons { background:#F8F8F8; margin: 10px 0 0 0; padding: 3px; } .sidebar-icons a { color:#0C4454; padding: 3px 0 0 23px; font-weight: bold; font-size: 11px; display: block; } .sidebar-icons a:hover { background: transparent;} .sidebar-sm-icon { margin: 5px 0 5px 5px; display: block; width: 60px; height: 20px; float: left;} .blog-sidebar ul li { list-style-type: none;} .sidebar-social-media-links {width:72%; height:auto; margin-top:10px; border-radius:10px;} .sidebar-social-media-links ul {list-style-type:none; margin-left:0px;} .sidebar-social-media-links li {width:50%;} .sidebar-social-media-links li a, .sidebar-social-media-links li a:link, .sidebar-social-media-links li a:visited, .sidebar-social-media-links li a:active, .sidebar-social-media-links li a:hover {text-decoration:none; background-color:transparent;} .sidebar-social-media-links li { transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; } .sidebar-social-media-links li { opacity: 1.0; } .sidebar-social-media-links li:hover { opacity: 0.55; } .sidebar-iphone-app {margin-top:8px;} .sidebar-iphone-app a, .sidebar-iphone-app a:link, .sidebar-iphone-app a:visited, .sidebar-iphone-app a:active, .sidebar-iphone-app a:hover {text-decoration:none; background-color:transparent;} .sidebar-iphone-app img {border-left:1px solid #D2D0CA;} .top-posts-feed {list-style: none;margin:0;padding:0; border-top:1px solid #D2D0CA;} ul.top-posts-feed li { height:48px; padding:12px 5px;list-style: none;border-bottom:1px solid #D2D0CA; position:relative;} ul.top-posts-feed li:hover {background-color: #F0F0F0;} .top-posts-feed .event-title {font-weight: bold;font-size:12px;margin:5px 0 2px 0;} .top-posts-feed h6 {font-size:12px;} .top-posts-feed h6 span {font-weight: normal;font-size:12px;} .top-posts-feed img {float:left;width:40px; height:40px; margin-right:7px; padding:3px; border:1px solid #d9d8d8; border-radius:3px; -moz-box-shadow:inset 0 0 1px 1px #FFFFFF; -webkit-box-shadow: inset 0 0 1px 1px #FFFFFF; box-shadow:inset 0 0 1px 1px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) ); } .top-posts-widget .m-b-10 {margin-bottom:0px;} .top-posts-widget {margin-bottom:30px;} .top-posts-feed a, .top-posts-feed a:link, .top-posts-feed a:visited, .top-posts-feed a:active, .top-posts-feed a:hover {color:#004454; font-size:14px; font-family:"MuseoSans700",Helvetica,Arial,sans-serif; font-weight:normal; text-decoration:none; background-color:transparent; display: block; height: 48px; overflow: hidden; line-height: 1.2em ;} .top-posts-feed .rank-number {width:24px; height:24px; background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/top-posts-rank-sprite.png); background-color: #e23d45; border-radius:24px; position:absolute; z-index:200; left:0px; top:5px; display:none;} .ie8 .top-posts-feed .rank-number, .ie7 .top-posts-feed .rank-number {width:24px; height:24px; background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/top-posts-rank-sprite-ie.png); background-color:transparent; border-radius:24px; position:absolute; z-index:500; left:0px; top:5px;} /*footer menu */ .menu-footer ul {margin-left: 0;} .menu-footer ul li { font-size: 12px; font-weight: normal; } /*dropdown menu */ #h-nav-bar ul.sub-menu { clear: both; border-left: none; border-right: none; display: none; list-style: none; position: absolute; top: 30px; left: 25px; z-index: 0; } #h-nav-bar ul.sub-menu li span { display: inline; background:#F1F0EE; float: left; padding: 15px 0; position: absolute; left: 0; top:32px; display: none; /*--Hide by default--*/} #h-nav-bar ul.sub-menu li { width: auto; margin-right:10px; margin-left: 10px; padding-right: 10px; } #h-nav-bar ul.sub-menu li a { width: 100%; border-left: none; border-right: none; display: block; height: auto; padding: 7px 3px;} #h-nav-bar ul.sub-menu li a:hover, #h-nav-bar ul.sub-menu li a:active { background-color:transparent; border-radius: 0;} #h-nav-bar li:hover > ul { display:block;} li#menu-item-35 ul.sub-menu { left: 70px;} /* DSQ Styles */ #dsq-content h3 { display: none;} #dsq-content .dsq-avatar a:hover { background: transparent;} #dsq-sort-by { margin-bottom: 10px;} /* LOGO PAGE */ .logo-download .trans-container a:hover, .logo-download .trans-container a:active {background: transparent;} /* IPHONE APP PAGE */ .iphone-left-col {width:40.332031%;} .iphone-left-col img {width:100%;} #inside-page .iphone-right-col {width:50%;} #inside-page .iphone-right-col h2 { color: #666666; font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; font-size: 30px;} #inside-page ul.iphone-page { display: block; float: left; margin-left:0; padding: 0px; width: 98.046875%;font-size: 12px;} #inside-page ul.iphone-page li { display: block; background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png") no-repeat scroll left transparent; height: 19px; font-size: 18px; margin-top: 30px; padding-left: 27px; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; color: #333333;} #inside-page ul.iphone-page li:first-child {margin-top: 0px;} #inside-page .iphone-right-col p {font-size:12px; line-height:normal;} .iphone-right-col .options-border {margin-left: -5.7%; width: 111.8%; margin-top: 25px;} a:hover img { background: transparent;} a.iphone-link:hover { background: transparent;} .aligncenter {display:block; margin: 5px auto 5px auto;} .iphone-right-col .aligncenter {float: left;} .iphone-right-col h3 {margin-top: 0; } .iphone-right-col .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } /* iPhone MEDIA QUERY */ @media screen and (max-width: 480px) { #inside-page .iphone-right-col {float:none; width: 90%; margin: 0 auto;} .iphone-left-col {float:none; margin: 0 auto;} .iphone-right-col .aligncenter {float:none;} } @media screen and (max-width: 320px) { #inside-page .iphone-right-col {float:none; width: 90%; margin: 0 auto;} .iphone-left-col {float:none;} .iphone-right-col .aligncenter {float:none;} } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ #disqus_thread {margin-top: 10px;} /* OLD PRICING PAGE -- NOT IN USE */ .check { background-position: 0 989px; margin: 0 auto; } .header_h1 { background-color:#FCFBF8; background-image: linear-gradient(bottom, rgb(252,251,248) 0%, rgb(241,240,238) 17%); background-image: -o-linear-gradient(bottom, rgb(252,251,248) 0%, rgb(241,240,238) 17%); background-image: -moz-linear-gradient(bottom, rgb(252,251,248) 0%, rgb(241,240,238) 17%); background-image: -webkit-linear-gradient(bottom, rgb(252,251,248) 0%, rgb(241,240,238) 17%); background-image: -ms-linear-gradient(bottom, rgb(252,251,248) 0%, rgb(241,240,238) 17%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(252,251,248)), color-stop(0.17, rgb(241,240,238)) ); border: 1px solid #EDEDED; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); margin-top: -50px; padding: 50px 0 55px 0px; } h1.pricing-h1 { color: #004455; font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 100px; margin: 25px 0px 5px 0px; text-align: center; } .p-left-col { background: #FFFFFF; display: block; width: 600px; float: left; margin: 50px 0 25px 0;} .p-left-col ul { list-style: none; margin: 0;} .p-left-col ul p { font-family:Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; color: #3F3F3F;} .p-left-col ul li { transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; } .p-left-col ul li {background: #fff; padding: 10px 0 10px 135px; height: 109px; margin: 0 0 0 10px; border-top:1px solid #D2D0CA; } .p-left-col ul li.fees { background: url(http://dev.y9.com/spec/version3/HTML/images/no-fidden-fees.png) no-repeat top left; border-top:#FFFFFF thin solid; margin-top: 2px;} .p-left-col ul li.fees:hover { background: url(http://dev.y9.com/spec/version3/HTML/images/no-fidden-fees.png) no-repeat top left #F8F8F8;} .p-left-col ul li.costs { background: url(http://dev.y9.com/spec/version3/HTML/images/no-set-up.png) no-repeat top left;} .p-left-col ul li.costs:hover { background: url(http://dev.y9.com/spec/version3/HTML/images/no-set-up.png) no-repeat top left #F8F8F8;} .p-left-col ul li.hardware { background: url(http://dev.y9.com/spec/version3/HTML/images/no-hardware.png) no-repeat top left;} .p-left-col ul li.hardware:hover { background: url(http://dev.y9.com/spec/version3/HTML/images/no-hardware.png) no-repeat top left #F8F8F8;} .p-left-col ul li.low-customer { background: url(http://dev.y9.com/spec/version3/HTML/images/low-customer.png) no-repeat top left; border-bottom:#FFFFFF thin solid; margin-bottom: 2px;} .p-left-col ul li.low-customer:hover { background: url(http://dev.y9.com/spec/version3/HTML/images/low-customer.png) no-repeat top left #F8F8F8;} .p-right-col { background: url(http://dev.y9.com/spec/version3/HTML/images/blue-ribbon-bg.png) repeat-y; display: block; width: 300px; height: 500px; float: left; margin-top: 40px; position: relative; padding: 20px 10px;} /*.p-right-col-bottom { background: url(http://dev.y9.com/spec/version3/HTML/images/blue-ribbon-bottom.png) no-repeat; display: block; width: 316px; height: 40px; position: relative; left: 600px; top:580px;}*/ .p-right-col-bottom { background: url(http://dev.y9.com/spec/version3/HTML/images/blue-ribbon-bottom.png) no-repeat; display: block; width: 300px; height: 0px; float: left; margin-top: 0px; position: relative; padding: 20px 10px;} .pricing-btn { transition: all .4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; } .pricing-btn { width:257px; position: relative; display: block; background: #E6E6E6; background-image: linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%); background-image: -o-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%); background-image: -moz-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%); background-image: -webkit-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%); background-image: -ms-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(179,179,179)), color-stop(1, rgb(230,230,230))); border-radius: 4px; } .pricing-btn a { font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 60px; height: 60px; color: #414141; display:block; width:255px; border-radius: 4px; padding-bottom: 7px; text-align:center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .get-started-btn-lrg { margin: 5px 20px 15px; } .pricing-btn a:hover, .pricing-btn a:active { background-color:#92e7ff; background-color: rgba(146,231,255,0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); } #intntnl_pricing_container a:hover, #intntnl_pricing_container a:hover h2, #intntnl_pricing_container a:hover p, #intntnl_pricing_container a:active, #intntnl_pricing_container a:active h2, #intntnl_pricing_container a:active p { background-color:#5b8e9c; background-color: rgba(107,160,175,0.5); border-radius:0px; } #intntnl_pricing_container a { box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); background-color: #6ba0af; background-color: rgba(107,160,175,1.0); text-shadow: -1px -1px 0px rgba(91,112,119,0.5); position: relative; display: block; width: 257px; height:139px; padding: 0px; } .intntnl_pricing_anchor { margin: 5px 19px; display: block; } .intntnl_pricing p { font-weight: bold; color: #fff; text-align: center; display: block; padding: 10px;} .intntnl_pricing h2 { font-size: 44px; color: #FFF; display: block; text-align: center; letter-spacing: 2px; padding-bottom: 10px; } .pricing_assistance { font-size: 24px; font-weight: bold; letter-spacing:0.5px; color:#FFFFFF; text-align: center; margin-top: 85px; } .intntnl_rt_arrow { background-image: url(https://d1mi3s36zg393u.cloudfront.net/images/rt_arrow_icon2.png); background-position: top center; background-repeat: no-repeat; width: 35px; height: 35px; position: relative; float: right; margin: -49px 40px 0px 0px; } .pricing_details_container a { color: transparent; background-color: transparent; overflow: hidden; } .pricing_details_container a:hover, .pricing_details_container a:active{ color:transparent; background-color: transparent; } .pricing_details_icon { border: 3px solid #FFF; box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); position: relative; float: left; } .pricing_details_feature { background:url(https://d1mi3s36zg393u.cloudfront.net/images/dwn_rt_arrow_icon_red2.png) 865px 30px no-repeat scroll #F8F8F8; padding: 5px; border-bottom: 1px solid #D2D0CA; border-top:5px solid #FFFFFF;} .pricing_details_feature h4 { font-family:Arial, sans-serif; font-size:24px; font-weight:bold; color:#3F3F3F; position:relative; display: block; margin:10px 5px 5px 96px;} .pricing_details_feature p { position: relative; display: block; margin: 5px 5px 5px 96px; color: #7F7F7F; font-size: 24px;} .pricing_details_container .more_icon { position: relative; float: right; margin-right: 15px; } .morefeatures_list_column { width: 270px; margin: 0px 0px 0px 55px; float: left; } .morefeatures_list_column_first { margin: 0px 0px 0px 10px; } .morefeatures_list { padding: 35px 0px; display: none;} .morefeatures_list ul { clear: both; display: block; position: relative; margin:0px 0px 0px 0px; width: auto;} .morefeatures_list ul li { background:url(https://d1mi3s36zg393u.cloudfront.net/images/blue_check_icon.gif) top left no-repeat; list-style-type: none; margin: 15px 0px 0px 0px; padding: 0 0 3px 30px; width: 270px; font-size: 16px; color: #666666; display: inline; float: left; } .morefeatures_list ul li p{ } #slickbox7 { height:265px; background: #fff; position: relative; } #slickbox8 { height:235px; background: #fff; position: relative; } #slickbox9 { height:200px; background: #fff; position: relative; } #slickbox10 { height:110px; background: #fff; position: relative; } #slick-slidetoggle7 { padding: 0px; display: block; position: relative; z-index: 200; } #slick-slidetoggle8 { padding: 0px; display: block; position: relative; z-index: 200; } #slick-slidetoggle9 { padding: 0px; display: block; position: relative; z-index: 200; } #slick-slidetoggle10 { padding: 0px; display: block; position: relative; z-index: 200; } /* PRICING PAGE */ #sign-up-header {margin-bottom:24px; margin-top:21px;} #sign-up-header h1 {line-height:100%; text-align:center; font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:93px; color:#333333; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0, #91cfe6 -7px 7px 0, #91cfe6 -8px 8px 0, #91cfe6 -9px 9px 0, #91cfe6 -10px 10px 0, #91cfe6 -11px 11px 0, #91cfe6 -12px 12px 0; } .features-container {width:100%; height:auto; margin-bottom:30px;} .features-container .collapsed-seperator {display:none;} .feature-inner-container-1 {width:48.535156%; float:left;} .feature-inner-container-2 {width:48.535156%; float:right;} .feature-block {width:43.259557%; height:auto;} .feature-block-1 {float:left;} .feature-block-2 {float:right;} .feature-block-3 {float:left;} .feature-block-4 {float:right;} .price-feature-image-wrapper {width:auto; height:auto; border:1px solid #989898; border-bottom:0px; border-radius:5px 5px 0px 0px;} .price-feature-image {width:100%; border-radius:4px 4px 0px 0px; margin-bottom:-3px;} .price-feature-title {width:auto; height:auto; padding:5.6338%; background-color:#E23D45; border:1px solid #841F28; -moz-box-shadow:inset 0 0 1px 1px #fa4b54; -webkit-box-shadow:inset 0 0 1px 1px #fa4b54; box-shadow:inset 0 0 1px 1px #fa4b54; border-radius:0px 0px 5px 5px; } .price-feature-title h2 {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:21px; text-align:center; text-shadow: #841F28 0px 1px; color:#FFFFFF; word-wrap: break-word; line-height:normal;} #pricing-options-container {margin-bottom:30px;} .pricing-option-block {width:42.3%; height:auto; padding:2.92969%; background-color: #F6F6F4; border: 1px solid #D9D8D8; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0 0 1px 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px 1px #FFFFFF inset; box-shadow: 0 0 1px 1px #FFFFFF inset; } .pricing-option-block h2 {font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; color:#666666; font-size:30px;} .pricing-option-block h3 {font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; color:#666666; font-size:12px; line-height:normal; margin-top:15px;} .low-fees h3 {margin-bottom:73px;} .options-border {width:113.4%; height:0px; border-top:1px solid #d9d8d8; border-bottom:1px solid #ffffff; margin-left:-6.7%; margin-bottom:26px;} .low-fees .options-border {margin-top:44px;} .payment-processing-options .options-border {margin-top:30px; margin-bottom:30px;} ul.low-fees-list {list-style-type:none; margin-left:0px;} ul.low-fees-list li {font-family: 'MuseoSans500',Helvetica,Arial,sans-serif; color:#333333; font-size:18px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png) left 5px no-repeat transparent; padding-left:27px; margin-bottom:30px;} ul.payment-processing-options-list {list-style-type:none; margin-left:0px; } ul.payment-processing-options-list li {font-family: 'MuseoSans500',Helvetica,Arial,sans-serif; color:#333333; font-size:20px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png) left 1px no-repeat transparent; padding-left:27px; margin-bottom:28px; line-height:20px;} @media screen and (-webkit-min-device-pixel-ratio:0) { ul.payment-processing-options-list li {margin-bottom:25px;} } .bigger-info {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:22px;} .sub-info {font-size:12px;} .span-link {color: #E13D45; outline: medium none; padding: 1px; text-decoration: none; -moz-transition: all 0.4s ease-in-out 0s; -webekit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;} .span-link:hover {background-color: #E13D45; color:#ffffff; padding: 1px; text-decoration: none; border-radius:4px;} ul.low-fees-list li.last-item {margin-bottom:0px;} ul.payment-processing-options-list li.last-item {margin-bottom:0px;} ul.low-fees-list li.check-tweak {background-position:left 2px;} ul.hidden-list {list-style-type:none; margin:0px;} ul.payment-processing-options-list li ul.hidden-list li {font-size:12px; background-image:none; background:none; margin-bottom:0px; padding:0px;} li.hidden-item {display:none;} #more-container {width:98.242188%; height:auto; position:relative;} #more-container .less_important_header {width:1.98807%; padding:0px 1.78926%; margin-left:-1px; position:absolute;} #more-container .less_important_header p {position:relative; left:2px; top:19px;} .edm_landing #more-container .less_important_header p {position:relative; left:2px; top:70px;} .landing-page #more-container .less_important_header p {position:relative; left:2px; top:70px;} #more-content {width:95%; padding-bottom:36px; height:auto; float:right; border:1px solid #d9d8d8; border-left:0px; border-radius:0px 5px 5px 0px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} #more-content-list {list-style-type:none; margin-left:5.99401%;} #more-content-list li {float:left; height:17px; margin-top:36px; margin-right:9%; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png) left center no-repeat transparent; padding-left:2.6973%; } #more-content-list li.last {margin-right:0px;} /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { #more-content-list {margin-left: 4%; } #sign-up-header h1 {font-size:89px;} } /* iPad Landscape ----------- */ @media (max-device-width: 1024px) and (orientation: landscape) { #more-content-list {margin-left: 4%; } } /* 930px Display ----------- */ @media screen and (max-width: 800px) { #more-content-list li {padding-left: 3.5%;} } /* 900px Display ----------- */ @media screen and (max-width: 800px) { .price-feature-title h2 {font-size:16px;} } /* 800px Display ----------- */ /* iPad Portrait ----------- */ @media (max-device-width: 768px) and (orientation: portrait) { .pricing-option-block {width:93.945313%;} .options-border {width:106.1%; margin-left:-3%;} .low-fees {margin-bottom:30px;} #more-container .less_important_header {padding:0px 3%;} #more-content-list {margin-left:9%;} #more-content-list li {padding-left: 5%;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { .pricing-option-block {width:93.945313%;} .options-border {width:106.1%; margin-left:-3%;} .low-fees {margin-bottom:30px;} #more-container .less_important_header {padding:0px 3%;} #more-content-list {margin-left:9%;} #more-content-list li {padding-left: 5%;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { #sign-up-header h1 {font-size:50px; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0; } .feature-block {width:43.727599%;} .price-feature-title h2 {font-size:25px;} .feature-inner-container-1 {width:100%; float:none;} .feature-inner-container-2 {width:100%; float:none;} .features-container .collapsed-seperator {display:block;} .feature-block-1 {float:left; margin-right:0px; margin-bottom:30px;} .feature-block-2 {float:right; margin-right:0px; margin-bottom:30px;} .feature-block-3 {float:left; margin-right:0px;} .feature-block-4 {float:right; margin-right:0px;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { #more-content {width:84%;} #more-content-list li {padding-left: 8%;} #more-container .less_important_header {padding:0px 7%;} .price-feature-title h2 {font-size:20px;} } @media screen and (max-width: 360px) { .feature-block {width:43%;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { /* .price-feature-block {width:94.375%;} */ .pricing-option-block h3 br {display:none;} ul.payment-processing-options-list li {font-size:19px;} #more-content-list li {padding-left: 13%;} .price-feature-title h2 {font-size:14px;} } /* iPads & iPhone 4 (portrait and landscape) RETINA DISPLAY ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #more-content-list li {background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33-2x.png"); background-position: left top; background-repeat: no-repeat; background-color: transparent; background-size:19px;} ul.payment-processing-options-list li {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33-2x.png); background-position: left 1px; background-repeat: no-repeat; background-color: transparent; background-size: 19px;} ul.low-fees-list li {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33-2x.png); background-position: left 1px; background-repeat: no-repeat; background-color: transparent; background-size: 19px;} } /* COLORBOX POPUP */ .intntnl_currency_list { float: left; width: 200px;} .intntnl_currency_list li { list-style-type: none; float: left;} body #cboxOverlay { background: none repeat scroll 0 0 #000000; opacity: 0.55 !important; width: 100%; height: 100%; position: fixed; z-index: 500; } #cboxClose{position:absolute;right:15px;top:15px;display:block; color:#444;background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/images/pop-up-close-x.png");text-indent: -9999px;height:30px !important;width:30px !important;top:18px !important;background-size: 30px;} body #cboxClose:hover { opacity: .7; top: 15px; right: 15px; background-position: 0 0; } body #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { height: 20px; position: absolute; text-indent: -9999px; width: 20px; z-index: 100; } body #cboxLoadedContent {background: #fff;padding: 6px;margin-bottom: 0px;} body #cboxContent {height:auto !important;width: auto !important;padding: 10px 10px 0px 10px;border-radius: 4px;} body #colorbox, #cboxWrapper { overflow: visible !important; z-index: 600; display: block; top:0px; left:0px;} body #cboxMiddleLeft, body #cboxBottomLeft, body #cboxTopLeft, body #cboxTopCenter, body #cboxTopRight, body #cboxMiddleRight, body #cboxBottomRight, body #cboxBottomCenter { display: none; } body #cboxCurrent {display:none !important;} body #cboxTitle {position:static !important; margin-top:11px; width:auto !important;} body #cboxNext {position:static !important; float:right !important; margin-top:9px; background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/colorbox-controls.png);} body #cboxPrevious {position:static !important; float: right !important; margin-top:9px; background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/colorbox-controls.png);} body.page-template-page-pricing-php #cboxTitle {display:none !important;} .popup_header_container { height: 30px; margin-left: -5px; margin-top: -5px; overflow: hidden; padding-top: 5px; padding-bottom:10px; position: relative; width: 102.2%; } .popup_heading {background-color:#004454;color: #FFF;margin: -5px;border:1px solid #107697;} h2.popup_heading {color: #FFF; font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 30px;line-height: 0pt; padding: 22px 0px 22px 10px; text-align:left;} #intntnl_fees_tbl { margin-top: 5px; font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; background-color: #FBFBFB; } #intntnl_fees_tbl h3 { font-size: 14px; font-family: 'MuseoSans500',Helvetica,Arial,sans-serif; line-height:25px; color: #3F3F3F; text-align: left;} #intntnl_fees_tbl thead { text-align:left; height: 15px; text-indent: 5px; } #intntnl_fees_tbl thead th h3 { text-align: left; } #intntnl_fees_tbl thead .th_first { padding: 0px 0px 0px 0px;} #intntnl_fees_tbl td { font-size: 14px; font-weight: normal; color: #666666; padding: 10px 0px 10px 5px; width: 175px; } #intntnl_fees_tbl td.last_col { width:100px; } #intntnl_fees_tbl .tr_normal td { border-top:1px solid #D2D0CA; border-bottom:1px solid #D2D0CA; } .tr_last td { border-top: 0px solid #D2D0CA; border-bottom: 0px solid #D2D0CA;} #intntnl_fees_tbl .tr_last { border-top: 1px solid #D2D0CA; border-bottom: 0px solid #D2D0CA; } #intntnl_fees_tbl tr:hover, #intntnl_fees_tbl tr:active { background: #FFFFFF; } #intntnl_fees_tbl thead tr:hover, #intntnl_fees_tbl thead tr:active { background: transparent; } #paypal-limited-features td {padding-left:31px; background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png") no-repeat scroll 6px center transparent;} #paypal-limited-features #intntnl_fees_tbl .tr_normal td {border:0px;} #paypal-limited-features #intntnl_fees_tbl .tr_last {border:0px;} /*pointy bubble */ p.speech { position: relative; width: 200px; height: 100px; text-align: center; line-height: 100px; background-color: #fff; border: 8px solid #666; border-radius: 30px; -webkit-box-shadow: 2px 2px 4px #888; -moz-box-shadow: 2px 2px 4px #888; box-shadow: 2px 2px 4px #888; } p.speech:before { content: ' '; position: absolute; width: 0; height: 0; left: 30px; top: 100px; border: 20px solid; border-color: #666 transparent transparent #666; } p.speech:after { content: ' '; position: absolute; width: 0; height: 0; left: 38px; top: 100px; border: 15px solid; border-color: #fff transparent transparent #fff; } /*blog updates */ .blog-data-blocks { border: none;} .blog-data { border: none;} .blog-content { border: none;} .attachment-156x156 { margin-top: 5px;} /* SORTING BUTTONS (i.e. top of Features and Team) */ ul#sorting_buttons, ul.list_style {margin-left:0;} ul#sorting_buttons {list-style-type:none;} ul#sorting_buttons li {margin-right:7px;} ul#sorting_buttons a, ul#sorting_buttons a:link, ul#sorting_buttons a:hover, ul#sorting_buttons a:visited, ul#sorting_buttons a:active {background-color:transparent;} li.sorting_button {float:left; background-color:#F8F8F8; border: 1px solid #CCCCCC; border-radius:3px; padding:5px 8px; margin-top:3px; color:#CCCCCC; text-decoration:none; font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:24px; -moz-transition:background-color 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s; -webkit-transition: background-color 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s; transition:background-color 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s;} li.sorting_button_active {float:left; border: 1px solid #83202A; border-radius:3px; color:#FFFFFF; -moz-box-shadow:inset 0 0 2px #F27E80; -webkit-box-shadow: inset 0 0 2px #F27E80; box-shadow: inset 0 0 2px #F27E80; padding:8px; text-decoration:none; text-shadow: 0px 1px 0px #64181F; color:#FFFFFF; font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:24px; background: rgb(226,61,69); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyM2Q0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzMyMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(226,61,69,1) 0%, rgba(188,50,57,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,61,69,1)), color-stop(100%,rgba(188,50,57,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(226,61,69,1) 0%,rgba(188,50,57,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(226,61,69,1) 0%,rgba(188,50,57,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(226,61,69,1) 0%,rgba(188,50,57,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(226,61,69,1) 0%,rgba(188,50,57,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23d45', endColorstr='#bc3239',GradientType=0 ); /* IE6-8 */ } .ie9 li.sorting_button_active, .ie8 li.sorting_button_active {font-weight:bold; color:#FFFFFF;} li.sorting_button:hover {color:#989898; background-color:#CCCCCC; border:1px solid #989898;} /* MEET THE TEAM PAGE ----- Justin 2/23/2012 */ h1.meet_the_team {border-bottom: thin solid #666666;} #team_content {width:930px; padding:15px; margin-left:auto; margin-right:auto;} #team_sorting_buttons {height:44px; width:100%; padding:0px; margin-bottom:38px;} ul.list_style {list-style-type: none; padding:0px;} li.employee {float:left; margin-right:38px; margin-bottom:38px; position:relative;} li.last_in_row {margin-right:0px;} li.bottom_row {margin-bottom:0px;} .headshot {width:90px; height:90px; position:relative; background-image: -moz-linear-gradient(center bottom , #F3F3F3 0%, #FEFEFE 100%); border: 1px solid #D9D8D8; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 2px 2px #FFFFFF inset; padding: 8px;} .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {display:block; height:90px; width:90px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding:0px; background-repeat:no-repeat; text-indent: -9000px; border:none; -moz-transition:none; -webkit-transition:none; transition:none; border-radius:0px;} li#employee-1 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-2 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-3 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/carlos-sprite.jpg);} li#employee-4 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/dave-sprite.jpg);} li#employee-5 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/mark-sprite.jpg);} li#employee-6 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-7 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/michael-sprite.jpg);} li#employee-8 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-9 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/nick-sprite.jpg);} li#employee-10 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/julie-sprite.jpg);} li#employee-11 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/caroline-sprite.jpg);} li#employee-12 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/evelynn-sprite.jpg);} li#employee-13 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/warren-sprite.jpg);} li#employee-14 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-15 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-16 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-17 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-18 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/justin-sprite.jpg);} li#employee-19 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/heather-sprite.jpg);} li#employee-20 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} li#employee-21 .headshot a, .headshot a:link, .headshot a:visited, .headshot a:hover {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-page-test-mario-sprite.jpg);} .headshot a:link, .headshot a:visited {background-position:0px -90px; padding:0px; -moz-transition:none; -webkit-transition:none; transition:none; border-radius:0px;} .headshot a:hover {background-position:0px -180px; padding:0px; -moz-transition:none; -webkit-transition:none; transition:none; border-radius:0px;} li.gray_headshot .headshot a:link {background-position:0px 0px; padding:0px;} li.gray_headshot .headshot a:visited {background-position:0px 0px; padding:0px;} li.gray_headshot .headshot a:hover {background-position:0px 0px; padding:opx;} .info_bubble {max-height:100px; position:absolute; display:block; z-index:500; width:auto; top:96px;} .info_arrow {margin:0px; width:100px; height:20px; display:block; padding:0px;} .info_content {margin: 0px; width:auto; height:auto; background-color:rgba(0,0,0,.85); padding:10px; border-radius:5px;} .coffee_cups {background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/team-coffee-cup.png) left bottom repeat-x transparent; height:28px;} .no_coffee_cups {background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/team_page_pictures/no-team-coffee-cup.png) left center repeat-x transparent; height:25px;} #inside-page .info_bubble p {display:none;} #inside-page .wordpress_p_removal p {display:none;} ul.list_style .info_content h4, #employees .info_content h5 {display:block; padding:0px; margin:0px; white-space:nowrap;} ul.list_style .info_content h4 {font-size: 16px; font-weight:normal; font-family: "MuseoSans700",Helvetica,Arial,sans-serif; color:#FFFFFF;} ul.list_style .info_content h5 {font-size: 14px; font-weight:normal; font-family: "MuseoSans500", Helvetica,Arial,sans-serif; color:#999999;} .inactive_bubble {display:block;} .active_bubble {display:block;} #default_team_list {display:none;} #directors {display:none;} #coffee_consumed {display:none;} #sales {display:none;} #product_development {display:none;} /* TEAM PAGE (Kit 10.10.2012) */ #our-history {width: 65.1796%; float: right; height: auto; margin-top: 10px; margin-bottom: -16px;} #our-history .top {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:125px; margin-bottom:-15px; color:#333333; text-align:center; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0, #91cfe6 -7px 7px 0, #91cfe6 -8px 8px 0, #91cfe6 -9px 9px 0, #91cfe6 -10px 10px 0, #91cfe6 -11px 11px 0, #91cfe6 -12px 12px 0; } #our-history div p {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:14px; color:#ffffff; text-align:center; position:relative; top:4px;} #our-history .bottom {font-family:'MuseoSans500',Helvetica,Arial,sans-serif; font-size:20px; color:#333333; text-align:left; margin-top:36px;} .team-images .value_block {margin-bottom: 0px !important;} #careers-plug {border-style: none;} #are-you-flavorus {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; color: #333333; font-size: 43px; height: 100px; line-height: 38px; margin-top: 50px; text-align: center;} #join-us {height: 50px; text-align: center;} .silhouette {display:none;} .value-image-wrapper .wrapper {overflow: hidden; position: relative;height: 200px;} .value-image-wrapper .caption {position: relative; color: #ffffff; background-color: #333333; font-size: 30px; font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif; text-align: center; padding: 10px 0;} .value-image-wrapper img {position: relative;} /* WHY FLAVORUS previously ABOUT */ #why-header-container {width:100%; height:auto; margin-bottom:-16px;} #why-header-container p.top {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:196px; margin-bottom:-15px; color:#333333; text-align:center; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0, #91cfe6 -7px 7px 0, #91cfe6 -8px 8px 0, #91cfe6 -9px 9px 0, #91cfe6 -10px 10px 0, #91cfe6 -11px 11px 0, #91cfe6 -12px 12px 0; } #why-header-container div.red-background {background-color:#e23d45; width:100%; height:61px;} .left-notch {float:left; height:61px; width:22px; margin:0px; padding:0px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/about_page/ribbon-notches.png) left center no-repeat #e23d45;} .right-notch {float:right; height:61px; width:22px; margin:0px; padding:0px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/about_page/ribbon-notches.png) right center no-repeat #e23d45;} #why-header-container div p {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:42px; color:#ffffff; text-align:center; position:relative; top:4px;} #why-header-container p.bottom {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:42px; color:#333333; text-align:center; margin-top:17px;} #ed-sheeran-contest-container {width:100%; height:auto; margin-bottom:-16px;} #ed-sheeran-contest-container p.top {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:150px; margin-bottom:-15px; color:#333333; text-align:center; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0, #91cfe6 -7px 7px 0, #91cfe6 -8px 8px 0, #91cfe6 -9px 9px 0, #91cfe6 -10px 10px 0, #91cfe6 -11px 11px 0, #91cfe6 -12px 12px 0; } #ed-sheeran-contest-container .reg {font-size: 26px;position: relative;top:-16px;} #ed-sheeran-contest-container div p {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:50px; color:#ffffff; text-align:center; position:relative; top:4px;} #ed-sheeran-contest-container p.bottom {font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:50px; color:#333333; text-align:center; margin:17px 0 30px 0;} .ed-sherran-contest .tab-top {top:6px;} #header_container {margin-bottom:0px;} #header_container img { max-width: none; width: 100%; } #values_container {width:100%; height:auto;} .about-section {font-size:34px;} .value_block {width:29.589844%; height:auto; margin-top:30px; margin-bottom:30px;} /* width:303px */ .value-block-1 {float:left; margin-right:2.9296875%;} .value-block-2 {float:left;} .value-block-3 {float:right;} .value_block_right {float:right;} /*.value_block img {margin-bottom:15px;}*/ .value-image-wrapper {border:1px solid #989898; border-bottom:0px; border-radius:5px 5px 0px 0px;} .value_block img {margin-bottom:-3px; width:100%; height:auto; border-radius:4px 4px 0px 0px;} /*.about_value_illustration {width:288px; height:288px;}*/ .about_value_illustration {width:100%; height:auto;} /*.value_header_container {width:258px; height:auto; padding:15px; background-color:#E23D45;}*/ .value_header_container {width:auto; height:auto; padding:05.8139534883721%; background-color:#E23D45; border:1px solid #841F28; -moz-box-shadow:inset 0 0 1px 1px #fa4b54; -webkit-box-shadow:inset 0 0 1px 1px #fa4b54; box-shadow:inset 0 0 1px 1px #fa4b54;} /*.value_text_container {width:258px; height:120px; padding:15px; background-color:#F8F8F8;}*/ .value_text_container {width:auto; height:auto; padding:05.8139534883721%; border:1px solid #d9d8d8; border-radius:0px 0px 5px 5px; border-top:0px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} h1.value_text {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:26px; text-align:center; text-shadow: #841F28 0px 1px; color:#FFFFFF; word-wrap: break-word;} #inside-page p.value_text {font-family:'MuseoSans300' Arial,sans-serif; font-size:14px; color:#000000; margin-bottom:0px; text-align: left; word-wrap: break-word; } @media screen and (-webkit-min-device-pixel-ratio:0) {#inside-page .value_block p.value_text {font-family:'MuseoSans300' Arial,sans-serif; font-size:16px; color:#000000; margin-bottom:0px; text-align: left; word-wrap: break-word;}} .ie8 #inside-page p.value_text {font-family:'MuseoSans300' Arial,sans-serif; font-size:16px; color:#000000; margin-bottom:0px; text-align: left; word-wrap: break-word; } #what-container {padding:2.9296875%; border:1px solid #d9d8d8; border-radius:10px; background-color:#f6f6f4; -moz-box-shadow:inset 0 0 1px 1px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; } #what-container h2 {font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:50px; color:#107697; margin-bottom:15px; line-height:50px;} /* font-family: 'MuseoSans100',Helvetica,Arial,sans-serif; font-size:38px; color:#107697; margin-bottom:15px; */ #what-container p {color:#333333; font-size:16px;} .jquery-activator-div {width:0px; height:0px; margin:0px; padding:0px;} /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { } /* iPad Landscape ----------- */ @media (max-device-width: 1024px) and (orientation: landscape) { } /* 930px Display ----------- */ @media screen and (max-width: 930px) { } /* 900px Display ----------- */ @media screen and (max-width: 900px) { #why-header-container {margin-top: 35px;} #why-header-container p.top {font-size:165px;} #why-header-container div p {font-size:40px; top:9px;} #why-header-container p.bottom {font-size:40px;} } /* 800px Display ----------- */ @media screen and (max-width: 800px) { } /* iPad Portrait ----------- */ @media (max-device-width: 768px) and (orientation: portrait) { } /* 768px Display ----------- */ @media screen and (max-width: 768px) { #why-header-container p.top {font-size:165px;} #why-header-container div p {font-size:40px; top:9px;} #why-header-container p.bottom {font-size:40px;} } /* 600 - 767px Display ----------- */ @media screen and (min-width: 600px) and (max-width:767px){ #why-header-container p.top {font-size:120px; margin-bottom:-5px;} #why-header-container div p {font-size:32px; top:13px;} #why-header-container p.bottom {font-size:32px;} } /* 630px Display ----------- */ @media screen and (max-width: 630px) { #what-container h2 {font-size:36px; line-height:40px;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .jquery-activator-div {width:20px;} .value_block {margin-left:auto; margin-right:auto; width:50.3333%;} .value-block-1 {float:none;} .value-block-2 {float:none;} .value-block-3 {float:none;} .value-image-wrapper {border:0px;} .value_header_container {border-radius:5px 5px 0px 0px; padding:2%;} .value_text_container {padding:3% 3% 3% 36%;} /* .value_block img {float:left; width:33%; border-radius:5px 0px 0px 5px; border:1px solid #d9d8d8;} */ .value_block img {float:left; width:110px; margin-top:5%; margin-left:5%; padding:5px; background-color:#ffffff; border-radius:5px; border:1px solid #d9d8d8;} #get-started .wpcf7 .resume_uploader {margin: -20px 12px 0;} } /* 480 - 599px Display ----------- */ @media screen and (min-width: 480px) and (max-width:599px){ #why-header-container p.top {font-size:90px; margin-bottom:3px; margin-left:10px;} #why-header-container div p {font-size:23px; top:17px;} #why-header-container p.bottom {font-size:23px;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { .value_block img {float:left; width:100px;} h1.value_text {font-size:24px;} body #cboxClose { background: url("https://d1mi3s36zg393u.cloudfront.net/images/icon-sprite-v3_ipod.png") repeat-y scroll 0 -116px transparent; top: 15px; right: 15px; background-size: 19px; } #why-header-container p.top {margin-top: 35px;} #get-started .wpcf7 .resume_uploader {margin: -10px 12px 0;} } /* 321px - 479px displays ----------- */ @media screen and (min-width: 321px) and (max-width:479px) { .value_block img {width:80px;} .value_text_container {padding-left:40%;} } /* 320px - 479px displays ----------- */ @media screen and (min-width: 320px) and (max-width:479px) { #why-header-container p.top {font-size:127px; margin-bottom:3px; margin-left:10px; line-height:126px;} #why-header-container div.red-background {height:auto;} #why-header-container div p {font-size:30px; position:static; padding-top:5px;} .left-notch, .right-notch {display:none;} #why-header-container p.bottom {font-size:30px;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { h1.value_text {margin-top:22px; font-size:18px;} .value_block img {width:76px; margin-top:5px; margin-left:5px;} .value_header_container {height:85px;} .value_text_container {padding:3%;} body #cboxClose { background: url("https://d1mi3s36zg393u.cloudfront.net/images/icon-sprite-v3_ipod.png") repeat-y scroll 0 -116px transparent; top: 15px; right: 15px; background-size: 19px; } #get-started .wpcf7 .resume_uploader {margin: 10px 12px 0;} } /* 404 Page -- Justin 12/26/2011 */ #404_illustration {margin-bottom:15px;} #404_text p, #404_text li {font-size:16px;} #404_text ul {margin-top:10px; margin-bottom:10px;} /* GET STARTED */ #get-started #why-header-container div p, #get-started #why-header-container p.bottom {font-size: 46px;} #get-started h1.inside-page {display:none;} #get-started #why-header-container p.bottom {margin-bottom: 17px;} #get-started .wpcf7 .resume_uploader {width: 60px;} /* BEGIN "GET STARTED" RESPONSIVE STYLING */ @media (max-device-width: 1024px) { #get-started #why-header-container div p, #get-started #why-header-container p.bottom {font-size: 39px; line-height: 51px;} } /* 900px Display ----------- */ @media screen and (max-width: 900px) { #get-started #why-header-container div p, #get-started #why-header-container p.bottom {font-size: 33px;} } /* 800px Display ----------- */ @media screen and (max-width: 800px) { #get-started #why-header-container div p, #get-started #why-header-container p.bottom {font-size: 30px; line-height: 40px;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { #get-started #why-header-container div p, #get-started #why-header-container p.bottom {font-size: 25px; line-height: 30px;} wpcf7-form .tab-top {font-family: "MuseoSans700",Helvetica,Arial,sans-serif; font-size: 15px; text-transform: uppercase; padding: 4px 1.5%;} } /* 630px Display ----------- */ @media screen and (max-width: 630px) { #get-started #why-header-container div p, #get-started #why-header-container p.bottom {font-family: 'MuseoSans700', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px;} .wpcf7 label {font-size: 13px; width: 100%;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { wpcf7 label {font-size: 13px; width: 100%;} } /* 480px Display ----------- */ @media screen and (max-width: 480px) { #get-started #why-header-container p.bottom {margin-bottom: 22px;} #get-started .wpcf7-textarea, #get-started .wpcf7-text, #get-started .wpcf7-validates-as-required {width: 97%;} } /*320 Display */ @media screen and (max-width: 360px){ #get-started .wpcf7-textarea, #get-started .wpcf7-text, #get-started .wpcf7-validates-as-required {width: 97%;} } /* END "GET STARTED" RESPONSIVE STYLING */ /* FEATURES */ p.feature_header_text {display:block; margin:0px; padding:0px;} p.feature_text {display:block; margin:10px 0px 0px 0px; padding:0px;} #feature_header {width:100%; border:solid 1px #989898; max-width:1003px; height:auto; padding:0%;margin:0px;} #feature_header img {float:right; padding:0; margin:0; border-radius:0px 5px 5px 0px; } .feature_header_content {float:left; width:70%; padding:2.93% 0% 0% 2.93%;} .feature_header_spotlight {background-color:#cccccc;} .feature_header_manage {background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature_page/manage-header-background.png") right bottom no-repeat #91cfe6;} .feature_header_marketing {background-color:#f8ebd7;} .feature_header_support {background-color:#cccccc;} #feature_header_title {width:140%; position:relative; color: #000000;font-family: 'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size: 40px; text-shadow: 1px 1px 0 #F8F8F8; margin-bottom:15px;} @media screen and (-webkit-min-device-pixel-ratio:0) {#feature_header_title {font-size:39px;}} p.feature_header_text {color:#000000; font-size:14px; text-align:left; line-height:normal;} p.feature_header_text a {font-weight:bold;} .features-container img.attachment-large {border-radius:4px 4px 0px 0px; overflow:hidden;} .attachment-feature_thumb {border-radius:4px 4px 0px 0px; overflow:hidden;} .feature-f-image a {width:auto; height:auto; position: relative; float: left; padding: 0px; background: transparent; border:1px solid #989898; border-bottom:0px; border-radius:5px 5px 0px 0px; } .feature-f-image { transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; } .feature-f-image a:hover { opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha (opacity=70); } .feature-post {width:20.996094%; height:auto; margin-right:30px; margin-bottom:30px; float:left; overflow:visible;} .feature-post-content {float:left; width:100%; height:auto;} .feature-title-container {min-height: 38px; padding: 6.47%;} .feature-title-container a, .feature-title-container a:link, .feature-title-container a:active, .feature-title-container a:hover, .feature-title-container a:visited {text-decoration:none; background-color:transparent; color:#ffffff;} .feature-title-container h2 {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:21px; text-align:center; color:#FFFFFF;line-height:normal;} .feature-text-container {padding: 6.47%; border:1px solid #d9d8d8; border-top:0px; border-radius:0px 0px 5px 5px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} .sub-feature-pod {padding:2.9296875%; padding-bottom:0px; background-color: #F6F6F4; border: 1px solid #D9D8D8; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 1px 1px #FFFFFF inset;} .feature-post-sub {width: 42.871094%; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png) left 1px no-repeat transparent; padding-left:27px; margin-right:30px; margin-bottom:30px; float:left;} .sub-feature-pod h2.entry-title {color: #333333; font-family: 'MuseoSans500',Helvetica,Arial,sans-serif; font-size: 18px; line-height: 20px; margin-bottom:5px;} .sub-feature-pod h2.entry-title a, .sub-feature-pod h2.entry-title a:link, .sub-feature-pod h2.entry-title a:visited, .sub-feature-pod h2.entry-title a:active, .sub-feature-pod h2.entry-title a:hover {text-decoration:none; background-color:transparent; color:#333333; transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .sub-feature-pod h2.entry-title a:hover {color:#989898;} .feature-post-sub p {color:#333333;} .less_important_wrapper {width:100%; height:auto; margin:0px; padding:0px; border-radius:5px;} .less_important_header {width:2.05%; float:left; padding:1.7892644%; border-radius:5px 0px 0px 5px;} .less_important_header_manage {height:176px;} .less_important_header_marketing {height:127px;} .less_important_header_support {height:94px;} .less_important_content {width:88.183594%; height:auto; float:right; padding:2.93%; border:1px solid #d9d8d8; border-left:0px; border-radius:0px 5px 5px 0px; -moz-box-shadow:inset 0 0 2px 2px #FFFFFF; -webkit-box-shadow: inset 0 0 2px 2px #FFFFFF; box-shadow:inset 0 0 2px 2px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} @media screen and (-webkit-min-device-pixel-ratio:0) { .less_important_content { width: 88.4%;} } .ie7 .less_important_content{background-color:#F3F3F3; padding-bottom: 2.97%;} .ie8 .less_important_content{background-color:#F3F3F3;} .less_important_list {list-style-type:none; margin:0px; padding:0px;} .less_important_list li {width:28.04%; height:19px; float:left; background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33.png") left top no-repeat transparent; float:left; padding:2px 1.94% 0px 24px; margin-bottom:12px;} .less_important_header p {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:20px; color:#FFFFFF; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .edm_landing .less_important_header p {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:20px; color:#FFFFFF; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .landing-page .less_important_header p {font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-size:20px; color:#FFFFFF; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);} .less_important_list p {float:left; font-size:14px; text-align:left;} .less_important_list li.last-feature {margin-bottom:0;} .less_important_list li.two-lines {height:36px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .less_important_list li.last-feature {margin-bottom:1px;} } .ie8 .less_important_header p, .ie7 .less_important_header p {display:none;} .ie8 .less_important_header, .ie7 .less_important_header {background-color:transparent;} .ie8 .less_important_wrapper, .ie7 .less_important_wrapper {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/feature_page/less-important-header-ie-fix.png);background-position:left top;background-repeat:no-repeat;background-color:#e23d45;} .ie7 .clearfix {height:0px;} .features-more #more-content-list li {width:21%;} #learn-tab a:link, #learn-tab a:visited {border-radius: 0px 0px 4px 4px; margin-top: -1px;} /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { } /* iPad Landscape ----------- */ @media (max-device-width: 1024px) and (orientation: landscape) { } /* 930px Display ----------- */ @media screen and (max-width: 930px) { .feature-post {margin-right:25px;} .feature-post-sub {width:90%; margin-right:0px;} .features-more #more-content-list li {width:17%;} } /* 900px Display ----------- */ @media screen and (max-width: 900px) { } /* 800px Display ----------- */ @media screen and (max-width: 800px) { } /* iPad Portrait ----------- */ @media (max-device-width: 768px) and (orientation: portrait) { .feature_header_content {width:auto; padding: 2.93%;} #feature_header_title {width:auto;} #feature_header img {display:none;} .feature_header_manage {background-image:none; background-color:#91CFE6;} .feature-post {margin-right:15px;} .feature-title-container h2 {font-size:20px;} .features-more #more-content-list li {width:34%;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { .feature_header_content {width:auto; padding: 2.93%;} #feature_header_title {width:auto;} #feature_header img {display:none;} .feature_header_manage {background-image:none; background-color:#91CFE6;} .feature-post {margin-right:15px;} .feature-title-container h2 {font-size:20px;} .features-more #more-content-list li {width:34%;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .features-more #more-content-list li {width:34%;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { .features-more #more-content-list li {width:70%;} .feature-post-sub {width: 94%;} } @media screen and (max-width: 360px) { article .feature-block {width: 94%;} article .feature-block .feature-f-image img {width: 100%;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { } /* iPads & iPhone 4 (portrait and landscape) RETINA DISPLAY ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .feature-post-sub {width: 42.871094%; background-image:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-black-33-2x.png"); background-position:left 1px; background-repeat: no-repeat; background-color: transparent; background-size: 19px; padding-left:27px; margin-right:30px; margin-bottom:30px; float:left;} } /* SINGLE FEATURE */ .col-feature {width:100%;} /* 749/1024 -- replaced col9 and col-m-r to make right gutter ~30px */ .feature-post-title { width:100%; height:300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:30px; margin:0; position:relative; overflow:hidden; border-radius:5px 5px 0px 0px; background-position:right bottom; background-repeat:no-repeat; background-color:transparent;} .feature-post-title-border {width:100%; height:300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:absolute; left:0px; top:0px; border-radius:4px 4px 0px 0px; border-top:1px solid rgba(0,0,0,.3); border-right:1px solid rgba(0,0,0,.3); border-left:1px solid rgba(0,0,0,.2); } .feature-post-title-shadow {width:100%; height:100%; padding:3px 3px 0px 3px; -moz-box-shadow:inset 0px -1px 3px rgba(0,0,0,.2); -webkit-box-shadow:inset 0px -1px 3px rgba(0,0,0,.2); -o-box-shadow:inset 0px -1px 3px rgba(0,0,0,.2); box-shadow:inset 0px -1px 3px rgba(0,0,0,.2); position:absolute; top:-3px; left:-3px;} .feature-post-header-text {width:389px; position:relative;} .single .left-blog .feature-post-title h4.entry-title {width:100%; font-size:34px; color:#FFFFFF; font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-weight:normal; text-shadow:1px 1px rgba(0,0,0,.4); line-height:1; } .single .left-blog .feature-post-title h5.feature-slug {width:100%; font-size:20px; font-family: 'MuseoSans700',Helvetica,Arial,sans-serif; font-weight:normal; margin-top:10px; line-height:1.25; margin-bottom:20px;} .feature-post-callout a, .feature-post-callout a:visited, .feature-post-callout a:link, .feature-post-callout a:hover, .feature-post-callout a:active, .feature-post-callout a:visited {text-decoration:none; background-color:transparent; padding:0px;} .feature-post-callout div {width:163px; color:#ffffff; text-align:center; text-shadow: 0 -1px #841F28; padding:8px 8px 4px 8px; margin:0px; font-size:23px; font-family:"BebasNeueRegular",helvetica,arial,sans-serif; border-radius:3px; transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .feature-post-callout div:hover {background-color:#fa4b54;} .feature-post-callout p {text-align:center; font-size:16px; margin-top:10px;} .feature-post-share { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.8666667%; margin-bottom: 30px; border:1px solid #d9d8d8; border-top:0px; border-radius:0px 0px 5px 5px; -moz-box-shadow:inset 0 0 1px 1px #FFFFFF; -webkit-box-shadow: inset 0 0 1px 1px #FFFFFF; box-shadow:inset 0 0 1px 1px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} .feature-post-share .social4i { margin-right: 33px; } .feature-post-share .like, .feature-post-share .tweet, .feature-post-share .plusone { float:left; } .feature-post-share .icons {margin-top:0px;} .ie7 .feature-post-share .cat_print_single-container {width:31.5%;} .ie7 .feature-post-share .category_single {width:39.402986%;} .ie7 .left-blog .olderposts-btn a {width:59px;} .feature-entry-single {margin:0 0 30px 0; color: #454545; text-align:justify; display:block; width:100%; overflow:hidden;} .feature-entry-single .intro {font-size: 26px;} .feature-entry-single ul.bullets {list-style-type:none; margin-left:15px;} .feature-entry-single ul.bullets li {font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; color:#333333; font-size:30px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-grey.png) left 7px no-repeat transparent; padding-left:27px; margin-bottom:20px;} .feature-entry-single ul.bullets li .sub-info {font-size:22px;} .feature-entry-single ul.bullets-sub {padding-top: 15px; list-style-type:none; margin-left:15px;} .feature-entry-single ul.bullets-sub li {font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; color:#333333; font-size:24px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-grey.png) left 7px no-repeat transparent; padding-left:27px; margin-bottom:20px;} .feature-entry-single ul.bullets-sub li .sub-info {font-size:20px;} .feature-entry-single .line {width:100%; height:1px; margin:30px 0px 30px 0px; padding:0px; background-color:#d2d0ca; clear:both;} .feature-entry-single img {float:right; display:block; margin-bottom:30px; margin-left:30px;} .feature-entry-single .examples {padding:0px 15px;} .feature-entry-single .examples .example-arrow {float:left; width:39%; position:relative; margin-top:36px;} .feature-entry-single .examples .example-arrow div {padding:15px; border-radius:5px;} .feature-entry-single .examples .example-arrow img {position:absolute; right:-32px; top:3px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .feature-entry-single .examples .example-arrow img { right:-31px; top:2px; } } .feature-entry-single .examples .image-container {float:right; margin:0px 0px 30px 30px;} .feature-entry-single .examples .image-container img {float:none; margin:0px 0px 10px 0px;} .feature-entry-single .examples .image-container p {text-align:center; color:#989898; font-size:16px;} .feature-entry-single .examples .last {margin-left:0px;} .feature-entry-single .examples .example-arrow p {text-align:left; font-size:25px; color:#ffffff; text-shadow:0px -1px 0px #0D566E;} .feature-entry-single .section {width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0px 15px;} .feature-entry-single .paragraph {width:70%; float:left;} .feature-entry-single h4 {width:100%; font-family: 'MuseoSans300',Helvetica,Arial,sans-serif; font-size:30px; margin-bottom:15px; float:none;} .feature-entry-single p {width:100%; font-size:18px; float:none;} /* RETINA DISPLAY FEATURE PAGE IMAGES */ #dsq-logo { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/disqus-logo.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 200px; margin-bottom: 20px; margin-left: 20px; width: 200px;} #social-media-examp { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/share-buttons.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 108px; margin-bottom: 20px; margin-left: 20px; width: 200px;} #f-plus-f { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/fplusf.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 215px; margin-bottom: 20px; margin-left: 20px; width: 200px;} #wl-boodang { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/wl-boodang.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 137px; width: 145px; background-clip: content-box;} #wl-insomniac { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/wl-insomniac.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 137px; width: 145px; background-clip: content-box;} #wl-grand-central { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/wl-grand-central.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 137px; width: 145px; background-clip: content-box;} #examp-bw-bay { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/beyond-wonderland.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 137px; width: 145px; background-clip: content-box;} #examp-dod { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/day-of-dead.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 137px; width: 145px; background-clip: content-box;} #examp-edc-2012 { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/EDC-2012.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 137px; width: 145px; background-clip: content-box;} #mobile-sales { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/mobile-sales.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 378px; width: 200px; background-clip: content-box;} #desk-logo { background: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/desk.png") no-repeat scroll center bottom #FFFFFF; float: right; height: 200px; margin: -65px 0 20px 20px; width: 200px; } /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { .blog-post-share {margin-bottom:0;} } /* 750px Display ----------- */ @media screen and (max-width: 750px) { .feature-post-title {background-image: none !important; background-color:#91cfe6;} .single .left-blog .feature-post-title h5.feature-slug {color:#107697 !important;} .feature-post-callout p {color:#107697 !important;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { .feature-entry-single {text-align:left;} .feature-example {display:none;} .feature-entry-single .paragraph {width:100%;} .feature-entry-single ul.bullets li {font-size:20px;} .feature-entry-single ul.bullets li .sub-info {font-size:16px;} .feature-entry-single p {font-size:16px;} .feature-entry-single .intro {font-size:16px;} } /* 480px Display ----------- */ @media screen and (max-width: 600px) { .feature-post-title {height:auto;} .single .left-blog .feature-post-title h4.entry-title {font-size:25px;} .feature-post-header-text {width:100%;} .feature-post-callout {margin-top:10px; width: 40%;} .feature-post-callout div {width:auto; } .features-more #more-content-list {margin-left: 7%;} .features-more #more-content-list li {width: 90%;} } /* 320px Display ----------- */ @media screen and (max-width: 320px) { #single-feature-page .lrg-btn {float:left; margin-bottom:20px; } .feature-entry-single {margin-bottom:0;} .features-more #more-content-list {margin-left: 7%;} .features-more #more-content-list li {width: 90%;} } /* iPads & iPhone 4 (portrait and landscape) RETINA DISPLAY ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .feature-entry-single ul.bullets li {background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/pricing/check-grey-2x.png); background-size:19px;} /* FEATURES PAGES EXAMPLE IMAGES */ #dsq-logo {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/s-page-single/retina-display/disqus-logo-2x.png"); background-size: 200px;} #social-media-examp {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/share-buttons-2x.png"); background-size: 200px;} #f-plus-f {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/fplusf-2x.png"); background-size: 200px;} #wl-boodang {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/wl-boodang-2x.png"); background-size: 145px;} #wl-insomniac {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/wl-insomniac-2x.png"); background-size: 145px;} #wl-grand-central {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/wl-grand-central-2x.png"); background-size: 145px;} #examp-edc-2012 {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/EDC-2012-2x.png"); background-size: 145px;} #examp-bw-bay {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/beyond-wonderland-2x.png"); background-size: 145px;} #examp-dod {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/day-of-dead-2x.png"); background-size: 145px;} #mobile-sales {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/mobile-sales-2x.png"); background-size: 200px;} #desk-logo {background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/version3/feature-page-single/retina-display/desk-2x.png"); background-size: 200px;} } /* FIND A WORKAROUND FOR THIS USING WORDPRESS BEFORE LAUNCH */ .feature-entry-single .attachment-page-single {display:none;} .ie8 .feature-entry-single .attachment-page-single {max-height:300px;} .post-edit-link {margin-top:15px;} /* NEW PAGE HEADERS -- TOUR BAR */ .page-header {width:100%; height:44px; border-bottom: 1px solid #d2d0ca;} .page-header h1 {float:left; padding-top:2px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .page-header h1 {padding-top:0px;} } ul.tour-bar {list-style-type:none; margin:0px; padding:0px; float:right;} ul.tour-bar li {float:left; padding:8px 8px 4px 8px; margin:0px 0px 5px 5px; font-size:20px; font-family:"BebasNeueRegular",helvetica,arial,sans-serif; border-radius:3px; transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} ul.tour-bar li p {float:left;} ul.tour-bar li p.museo-text {margin: 2px 0px 0px 5px; font-family:'MuseoSans300',helvetica,arial,sans-serif; font-size:15px; float:left;} ul.tour-bar li.red-block-style:hover {background-color:#fa4b54;} ul.tour-bar li.blue-block-style:hover {background-color:#1285AA;} ul.tour-bar a, ul.tour-bar a:link, ul.tour-bar a:visited, ul.tour-bar a:hover {text-decoration:none; color:#FFFFFF; background-color:transparent; padding:0px; margin:0px;} ul.tour-bar a p, ul.tour-bar a:link p, ul.tour-bar a:visited p, ul.tour-bar a:hover p {color:#ffffff;} .arrow-left {width:15px; height:17px; margin:2px 5px 0px 0px; float:left; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/tour-bar-arrows.png) left top no-repeat;} .arrow-right {width:15px; height:17px; margin:2px 0px 0px 5px; float:right; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/tour-bar-arrows.png) left -17px no-repeat;} ul.sub-nav {list-style-type:none; margin:0px; padding:0px; float:left;} ul.sub-nav li {float:left; padding:8px 8px 4px 8px; margin:0px 0px 5px 5px; font-size:20px; font-family:"BebasNeueRegular",helvetica,arial,sans-serif; border-radius:3px; transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; border:1px solid #cccccc; background-color:#f8f8f8;} ul.sub-nav a p {transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} ul.sub-nav a, ul.sub-nav a:link, ul.sub-nav a:visited {text-decoration:none; color:#cccccc; background-color:transparent; padding:0px; margin:0px;} ul.sub-nav a p, ul.sub-nav a:link p, ul.sub-nav a:visited p {color:#cccccc;} ul.sub-nav a:hover {text-decoration:none; color:#989898; background-color:transparent; padding:0px; margin:0px;} ul.sub-nav a:hover p {color:#989898;} ul.sub-nav li:hover, ul.sub-nav li.active {background-color:#cccccc; border:1px solid #989898; color:#989898;} ul.sub-nav li.active p {color:#989898;} /* TERMS MEDIA QUERY */ @media screen and (max-width: 480px) { ul.sub-nav {margin-top: 3%;} } @media screen and (max-width: 320px) { ul.sub-nav {margin-top: 3%;} } /* 960px Display ----------- */ @media screen and (max-width: 960px) { .features-page-header ul.tour-bar li.blue-block-style p {display:none;} .features-page-header ul.tour-bar li.blue-block-style .arrow-left {margin-bottom:6px;} .features-page-header ul.tour-bar li.blue-block-style .arrow-right {margin-bottom:6px;} } /* 810px Display ----------- */ @media screen and (max-width: 810px) { .features-page-header ul.tour-bar li.red-block-style p.museo-text {display:none;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { } /* 700px Display ----------- */ @media screen and (max-width: 700px) { .features-page-header {height:87px; position:relative;} .features-page-header ul.sub-nav {position:absolute; top:44px; left:-5px;} .features-page-header ul.tour-bar {position:absolute; right:0px;} } /* 680px Display */ @media screen and (max-width:680px) { .why-flavorus-page-header ul.tour-bar li.blue-block-style p {display:none;} .why-flavorus-page-header ul.tour-bar li.blue-block-style .arrow-left {margin-bottom:6px;} .why-flavorus-page-header ul.tour-bar li.blue-block-style .arrow-right {margin-bottom:6px;} .buzz-page-header ul.tour-bar li.blue-block-style p {display:none;} .buzz-page-header ul.tour-bar li.blue-block-style .arrow-left {margin-bottom:6px;} .buzz-page-header ul.tour-bar li.blue-block-style .arrow-right {margin-bottom:6px;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { ul.tour-bar li.blue-block-style p {display:none;} ul.tour-bar li.blue-block-style .arrow-left {margin-bottom:6px;} ul.tour-bar li.blue-block-style .arrow-right {margin-bottom:6px;} } /* 550px Display ----------- */ @media screen and (max-width: 600px) { .why-flavorus-page-header ul.tour-bar li.red-block-style p.museo-text {display:none;} .buzz-page-header ul.tour-bar li.red-block-style p.museo-text {display:none;} } /* 480px Display ----------- */ @media screen and (max-width: 480px) { ul.tour-bar li.red-block-style p.museo-text {display:none;} .why-flavorus-page-header li.red-block-style {margin-left:0px;} } /* 321-479px Display ----------- */ @media screen and (min-width:321) and (max-width: 479px) { .buzz-page-header h1 {font-size:23px;} } /* 320px Display ----------- */ @media screen and (max-width: 320px) { .features-page-header ul.sub-nav {left:-4px;} .features-page-header ul.sub-nav li {padding: 8px 5px 4px; margin: 0 0 5px 4px; } .buzz-page-header h1 {font-size:23px;} } /* iPads & iPhone 4 (portrait and landscape) RETINA DISPLAY ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #home-news a {background-image:url(images/icon-news@2x.png);} .arrow-left {width:15px; height:17px; margin:2px 5px 0px 0px; float:left; background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/tour-bar-arrows-2x.png); background-position: left top; background-repeat: no-repeat; background-size:15px;} .arrow-right {width:15px; height:17px; margin:2px 0px 0px 5px; float:right; background-image:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/tour-bar-arrows-2x.png); background-position: left -17px; background-repeat: no-repeat; background-size:15px;} } /* BUZZ */ #testimonial-header {margin-bottom:50px; margin-top:58px;} #testimonial-header h1 {text-align:center; margin-left:14px; font-family:'BebasNeueRegular',Helvetica,Arial,sans-serif; font-size:95px; color:#333333; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0, #91cfe6 -7px 7px 0, #91cfe6 -8px 8px 0, #91cfe6 -9px 9px 0, #91cfe6 -10px 10px 0, #91cfe6 -11px 11px 0, #91cfe6 -12px 12px 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { #testimonial-header h1 {margin-left:9px;} } .testimonial-post {width:31.3%; max-width:357px; height:auto; float:left; margin-right:2.9296875%; margin-bottom:30px;} .testimonial-post-2 {margin-right:0;} .testimonial-post-5 {margin-right:0;} .testimonial-post-8 {margin-right:0;} .testimonial-top-content {width:90.0311526%; padding:4.6728972%; height:auto; font-size:18px; position:relative; border:1px solid #d9d8d8; border-radius:5px; -moz-box-shadow:inset 0 0 1px 1px #FFFFFF; -webkit-box-shadow: inset 0 0 1px 1px #FFFFFF; box-shadow:inset 0 0 1px 1px #FFFFFF; background-image: linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -o-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -moz-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -ms-linear-gradient(bottom, #F3F3F3 0%, #FEFEFE 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F3F3F3), color-stop(1, #FEFEFE) );} .testimonial-top-content a {font-size:14px;} .client-thumbnail {width:99%; height:auto; padding:1px; background-color:#FFFFFF; border:1px solid #d9d8d8; border-radius:3px; margin-bottom:15px; } .testimonial-arrow {width:23px; height:34px; background:url(https://d1mi3s36zg393u.cloudfront.net/images/version3/testimonial-bubble-arrow.png) center center no-repeat transparent; position:relative; z-index:99; bottom:2px; left:16px; margin-bottom:-24px;} .testimonial-who {padding:4.6728972%; border-radius:5px; font-size:16px; color:#FFFFFF; text-align:right;} .testimonial-who span {font-style:italic;} .collapsed-testimonial {width:100%; height:auto; overflow:hidden;} .expanded-testimonial {width:100%; height:auto; display:none; overflow:hidden;} /* 1024px Display ----------- */ @media screen and (max-width: 1024px) { #testimonial-header h1 {font-size:88px;} } /* iPad Landscape ----------- */ @media (max-device-width: 1024px) and (orientation: landscape) { #testimonial-header h1 {font-size:88px;} } /* 930px Display ----------- */ @media screen and (max-width: 800px) { } /* 900px Display ----------- */ @media screen and (max-width: 800px) { } /* 800px Display ----------- */ @media screen and (max-width: 800px) { } /* 769px - 1023px Display ----------- */ @media screen and (min-width: 769px) and (max-width: 1023px) { #testimonial-header h1 {font-size:65px;} } /* iPad Portrait ----------- */ @media (max-device-width: 768px) and (orientation: portrait) { #testimonial-header h1 {font-size:65px;} } /* 768px Display ----------- */ @media screen and (max-width: 768px) { #testimonial-header h1 {font-size:65px;} } /* 601px - 767px Display ----------- */ @media screen and (min-width: 601px) and (max-width: 767px) { .client-thumbnail {width:98%;} #testimonial-header h1 {font-size:49px; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0, #91cfe6 -5px 5px 0, #91cfe6 -6px 6px 0;} } /* 600px Display ----------- */ @media screen and (max-width: 600px) { #testimonial-header h1 {font-size:65px; line-height:72px; } #testimonial-header {margin-bottom: 26px; margin-top: 19px;} } /* 550px Display ----------- */ @media screen and (max-width: 550px) { .testimonial-post {width:47%;} .testimonial-fix {display: none !important;clear:none !important;} .testimonial-post-0 {margin-right:6%;} .testimonial-post-1 {margin-right:0;} .testimonial-post-2 {margin-right:6%;} .testimonial-post-3 {margin-right:0;} .testimonial-post-4 {margin-right:6%;} .testimonial-post-5 {margin-right:0;} .testimonial-post-6 {margin-right:6%;} .testimonial-post-7 {margin-right:0;} .testimonial-post-8 {margin-right:6%;} } /* 450px Display ----------- */ @media screen and (max-width: 450px) { #testimonial-header h1 {font-size:50px; line-height:51px; text-shadow:#91cfe6 -1px 1px 0, #91cfe6 -2px 2px 0, #91cfe6 -3px 3px 0, #91cfe6 -4px 4px 0;} } /* iPhone Landscape ----------- */ @media screen and (max-width: 480px) { .client-thumbnail {width:97%;} } /* iPhone Portrait ----------- */ @media screen and (max-width: 320px) { .testimonial-post {width:100%;} .client-thumbnail {width:98%;} .testimonial-post-0 {margin-right:0%;} .testimonial-post-1 {margin-right:0;} .testimonial-post-2 {margin-right:0%;} .testimonial-post-3 {margin-right:0;} .testimonial-post-4 {margin-right:0%;} .testimonial-post-5 {margin-right:0;} .testimonial-post-6 {margin-right:0%;} .testimonial-post-7 {margin-right:0;} .testimonial-post-8 {margin-right:0%;} } /* REFERRAL PROGRAM */ .referral-start {width:223px; margin-left:auto; margin-right:auto; padding:8px 8px 4px 8px; font-size:20px; font-family:"BebasNeueRegular",helvetica,arial,sans-serif; border-radius:3px; transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .referral-start-new-client {margin-top:13px;} .referral-start p {float:left;} .referral-start p.museo-text {margin: 2px 0px 0px 5px; font-family:'MuseoSans300',helvetica,arial,sans-serif; font-size:15px; float:left;} .referral-start:hover {background-color:#fa4b54;} .referral-program-container a p, .referral-program-container a:link p, .referral-program-container a:visited p {color:#ffffff;} .referral-program-container a:hover {background-color:transparent;} /* HERE */ .referral_header{ background:url("https://d1mi3s36zg393u.cloudfront.net/images/version3/images/monopoly_board_crop.png") top right no-repeat #91CFE6; } .referral_header .feature_header_content{ width:69%; padding: 2.93% 0 2.93% 2.93%; } .referral_header p { font-family:"MuseoSans300",Helvetica,Arial,sans-serif; font-size: 24px; color:#333; } h3.heres-how-strong { font-family: 'MuseoSans500'; font-size: 15px; margin-top:-5px; } #client-referral-list li { list-style-type: none; background: transparent; padding: 0px; margin-bottom: 15px;} #client-referral-list .bigger-info { font-size: 20px; } .referral-program-container .options-border { margin-top: 25px; } .event-syndicate-container #referral-logo {float: right;} .event-syndicate-container ul.payment-processing-options-list { min-height: 315px;} .event-syndicate-container ul.payment-processing-options-list li { line-height: 24px; background-position: 0px 2px; } .referral-program-container .pricing-option-block {width:42.3%; height:auto; padding:2.92969%; background-color: #F6F6F4; border: 1px solid #D9D8D8; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0 0 1px 1px #FFFFFF inset; -webkit-box-shadow: 0 0 1px 1px #FFFFFF inset; box-shadow: 0 0 1px 1px #FFFFFF inset; } #reblab-logo {float: right;} /* 600px Display ----------- */ @media screen and (max-width: 600px) { .referral-program-container .pricing-option-block {width:94%; float:none;} } /* Mag Card */ .mag-card {width:83%; margin-right:10px;} .input-mag {width:100%; margin-right:0px;} .mag-card-submit {margin-top:1px; margin-left:12px;} .mag-card-img {padding-top:10px;} /* ASSIGNED SEATING ICON TEMPORARY STYLE */ .seating-section-details-icon { transition: all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; background-image: url("https://d1mi3s36zg393u.cloudfront.net/images/target_icon.png") !important; background-position: -2px -2px !important; background-size: 23px auto !important; height: 19px; width: 19px; border-radius: 100px 100px 100px 100px !important; box-shadow: 0 0 0px 0px #004455; } .seating-section-details-icon:hover {box-shadow:0px 0px 6px #004455;}