/* Theme Name: SocialChorus Description: A custom theme for SocialChorus Author: Seth Sobotka Author URI: http://www.integratedux.com/ Version: 1.1 */ /* fonts */ /* first for Internet Explorer < 9 */ @font-face { font-family: tstar; src: url("http://www.socialchorus.com/wp-content/themes/socialchorus.v1.1/fonts/TSTARPRO-RegularWeb.eot"); } /* then for WOFF-capable browsers */ @font-face { font-family: tstar; src: url("http://www.socialchorus.com/wp-content/themes/socialchorus.v1.1/fonts/TSTARPRO-RegularWeb.woff") format("woff"); } /*general */ body {font-family: "open sans", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; } ul, li {list-style: none;} .clear {clear:both;} a {text-decoration:none;color:#ed174f;} a:hover {color:#00bff3;} p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,hr,blockquote {padding: 0px; margin: 0px;} .textCenter {text-align:center;} .grey {background:#f3f3f4;} .red {background: #ed174f;} .purple {background: #711471;} .white {background:#fff;padding-top: 20px; margin-top: 20px;} .ltgrey {background:#f8f8f8;padding: 15px 0px;} .greybar {background:;height:32px;} .alignright {float:right; margin: 0 0 15px 15px;} .alignleft {float:left; margin: 0 15px 15px 0;} /* header */ .logo {background:url(img/navStripe.png) repeat-x 0 bottom;padding: 24px 0;} .logo a {display:block;height: 45px; } .navigation {background:url(img/bgNav.png) repeat-x center 0px ;height: 55px;} .navigation .sub-menu {display:none;visibility:hidden;} .navigation ul {float:right;} .navigation ul ul {float:none;} .navigation li {margin-left:20px;} .navigation li ,.slnavigation li {float: left;font-family: "open sans";font-size: 14px;font-weight: bold;list-style: none outside none;} .navigation li li {padding:0px!important;} .navigation li a,.slnavigation li a {color:#711471;} .navigation li a:hover , .slnavigation li a:hover {color:#ed174f ;} .slnavigation li li a:hover {color:#555!important;font-weight:bold;} /* home page */ .hero { line-height: 0px;} .heroimg {height:362px;} .hpbody h1 {font-family:tstar; font-weight: 200; color:#711471;} .pager {padding: 0 0 20px 46px;} .pager a.activeSlide {display: block; width: 13px; height: 13px; background: url(img/dots.png) -13px 0 no-repeat;float:left;text-indent: -9999em; } .pager a {display: block; width: 13px; height: 13px; background: url(img/dots.png) no-repeat 0 0 ; text-indent: -9999em; float:left;text-align:left;margin-right: 5px;} .hpbody p {font-family: "open sans";color:#54534a; font-weight: 200;padding: 0 0 5%;} .overlay {position:relative;top: -200px;} .overlay .row {z-index:2} .logoStrip {background:url(img/bgStripeSmall.png) ;} .purplebox li { padding-bottom: 5%;padding-left: 15%; } .redbox li {padding-bottom: 7.5%; padding-left: 20%;} .compliance {background: url(img/bgCompliance.png) no-repeat center 0 ; height: 148px;} .compliance h2 {text-align:center; font-size: 16px; line-height: 25px; color: #711471; font-weight:normal;padding: 5% 0 2%;} .compliance img {padding-bottom: 3.2%;} .hpone a {color:#ed174f;} .hptwo li, .hpthree li {background:url(img/bullet.png) no-repeat 0 50%; padding-left:8%;} .hpfooter .padleft .containerWidget {padding-left: 2%;} .hpone li /* {background:url(img/iconTinyTwitter.png) no-repeat;} */ .hpone .entry-meta {display:none;} .redbox ul, .purplebox ul {padding-top: 10px;} .purplebox .icon01 { background: url(img/iconp01.png) no-repeat 0 9px;padding-top: 20px; } .purplebox .icon02 { background: url(img/iconp02.png) no-repeat; } .purplebox .icon03 { background: url(img/iconp03.png) no-repeat; } .purplebox .icon04 { background: url(img/iconp04.png) no-repeat; } .redbox .icon01 { background: url(img/iconr01.png) no-repeat 0 20px; padding-top: 20px} .redbox .icon02 { background: url(img/iconr02.png) no-repeat; } .redbox .icon03 { background: url(img/iconr03.png) no-repeat; } .overflowvis {overflow: visible !important;} .hidethis {visibility: hidden;display:none;} /* footer */ .footer {font-size: 11px; color:#e6e7e8; background:url(img/bgFooterBot.png); padding: 3% 0% 1.5%;} .footer a {color:#b7b7b7;} .footer .grid_7 {padding-bottom: 20px;} .fSocial {padding-bottom: 5%;} .signup .fb {display:block;width:42px;height:25px;float:left;background:url(img/ftrSocial.png) no-repeat 0 0;} .signup .tw {display:block;width:51px;height:25px;float:left;background:url(img/ftrSocial.png) no-repeat -42px 0;} .signup .g {display:block;width:51px;height:25px;float:left;background:url(img/ftrSocial.png) no-repeat -93px 0;} .signup .li {display:block;width:23px;height:25px;float:left;background:url(img/ftrSocial.png) no-repeat -144px 0;} .signup .fb:hover {background:url(img/ftrSocial.png) no-repeat 0 -25px;} .signup .tw:hover {background:url(img/ftrSocial.png) no-repeat -42px -25px;} .signup .g:hover {background:url(img/ftrSocial.png) no-repeat -93px -25px;} .signup .li:hover {background:url(img/ftrSocial.png) no-repeat -144px -25px;} .signup ul li {float:left;padding-right: 2%;} .signup input[type=text] {background:url(img/bgFormField.png) repeat-x;display:block;border:none;width:190px;height:32px;color:#fff;padding-left:10px;} .signup input[type=submit] {background:url(img/btnSend.png) no-repeat; display:block;border:none;width:64px;height:32px; cursor: pointer; cursor: hand;} .signup input[type=submit]:hover {background:url(img/btnSend.png) no-repeat 0 -32px;} .fInfluencer {display:block;width:160px;background:url(img/btnInfluencer.png) no-repeat;height:31px;} .fInfluencer:hover {background:url(img/btnInfluencer.png) no-repeat 0 -31px;} .fPartner {clear:both; display:block;background:url(img/btnWorkWithUs.png) no-repeat;width:104px;height:32px;margin-bottom:10px} .fPartner:hover {display:block;background:url(img/btnWorkWithUs.png) no-repeat 0 -32px;} .footer a:hover {color:#fff;} .footer h2 {font-size: 16px; font-family:tstar; font-weight: 200;clear:both;padding-top: 30px;} .footerstripe {background:url(img/bgFooterTop.png) repeat-x center bottom;} .footer .city {font-weight:bold;font-size:14px;line-height:24px;padding-top: 2%;} .footer .phone {background:url(img/iconPhone.png) no-repeat 0px 50%;padding-left: 11%;} .footer .fax {background:url(img/iconFax.png) no-repeat 0px 50%; padding-left: 11%;} .footer span, .lightboxBrand span, .logo span {height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px;} .dots {background:url(img/footerDots.png) repeat-x center top;padding-top: 20px;} .dots .grid_3 {font-style:italic;} .footer h2 a {color:#fff;font-weight:bold;} /* hero images */ .herotext .grid_10 p {font-size: 16px; padding-bottom: 7%;} /*platform */ .pltfrmMidStripe {background: url(img/pltfrmMidStripe.png) repeat-x;color: #711471;font-size:12px;} .howitworks {background:#f3f3f4;} .pricing {background: #711471; color:#fff;font-size:24px; font-weight: 200; line-height: 36px;} .pltfrmTop {padding: 4% 0%; color:#54534a;font-size:14px; line-height: 20px;} .pltfrmTop h2 {font-size: 18px;color: #ed174f; padding-bottom: 30px;font-weight: 200;} .pltfrmTop p {padding-bottom: 4%;} .pltfrmTop .grid_12 {line-height: 0px;} .pltfrmMiddle {padding: 3% 0%;} .pltfrmMiddle .grid_12 h2 {font-size: 30px; font-family:tstar; font-weight: 200;color:#711471; line-height:34px;padding: 0% 0% 10px;} .pltfrmMiddle .grid_3 h2 {color:#ed174f; font-size: 18px; padding-bottom: 30px; padding-top: 20px; font-weight: 200;} .pltfrmMiddle ul {padding-bottom: 3%;font-size: 12px;color:#54534a;} .pltfrmMiddle li {background: url(img/bulletPlatform.png) no-repeat 0 6px; padding: 0 0 4% 10%; } .howitworks {padding: 3% 0%;} .howitworks h2 {font-size: 28px; font-family:tstar; font-weight: 200;color:#711471; line-height:40px;padding-bottom: 30px;letter-spacing: -0.03em;} .facts {padding: 3% 0%; color:#fff;} .facts p {font-size:14px;} .pricing .lightboxBrand {color: #fff; font-weight: bold; } .pricing .lightboxBrand:hover {color:#00bff3;} .faq {padding: 4% 0%;color:#54534a;font-size:14px; line-height: 24px;} .faq h2 {font-size: 30px; font-family:tstar; font-weight: 200;color:#711471; line-height:40px;padding-bottom: 30px;letter-spacing: -0.03em;} .faq strong {color:#ed174f; font-size: 18px; font-weight: normal;} .faq p {padding-bottom: 4%;} .firstquote {width:3%;float:left;color: #ED174F;font-size: 28px; font-weight: 200; line-height: 36px; padding: 7% 0 1.5%; font-family: 'tstar pro';} .bodyquote {width:97%;float:left;} .taketour {display:block;height:48px;width:225px;background:url(img/pltfrmTakeTour.png) no-repeat 0 0;} .taketour:hover {background:url(img/pltfrmTakeTour.png) no-repeat 0 -48px;} /* services */ .services .row {padding-bottom: 3%; font-size:14px;} .services .grid_3 {text-align: center;} .services .grid_7 h2 {padding: 5% 10% 24px;font-size:18px;color:#ed174f; font-family:tstar; font-weight: 200;} .services .grid_7 p {padding: 0% 10% 3%;} .services-1 {background:url(img/bgServices01.png) no-repeat; height: 178px;} .services-2 {background:url(img/bgServices02.png) no-repeat ;height: 239px;} .services-3 {background:url(img/bgServices03.png) no-repeat; height: 201px;} .partners h3 {font-size: 18px; color: #ed174f; font-weight: 200; padding-top: 25px;} .padtop35 {padding-top: 35px;} .padtop68 {padding-top: 68px;} .padtop64 {padding-top: 64px;} /* get savvy */ .samples .row {padding-bottom:30px; margin-bottom: 30px; border-bottom: dotted 1px #ed174f;} .samples .last {border-bottom:none !important;} .samples h2 {font-size: 18px; color: #ed174f;padding-bottom: 30px;font-weight:200;} .samples .grid_5 span {text-transform: uppercase; color:#ed174f;font-weight: 200;letter-spacing:.15em;} .samples .grid_5 div {font-size:14px;padding-bottom: 30px;} .samples .offset_1 p {color: #ed174f;font-weight: normal;padding-top:15px;} .learnGraphic img {padding: 0px 0px 55px;text-align:center;} .learnGraphic h2 { font-size:30px; font-family:tstar; font-weight: 200;color:#fff;padding: 50px 0px;} .whitepapers h2, .videos h2, .pressnews h2, .honchos h2, .board h2, .clients h2 , .contact h2 {font-size:30px; font-family:tstar; font-weight: 200;color:#711471;padding: 50px 0px 30px;} .whitepapers h3 a, .pressnews h3 a {font-size:18px;color: #ed174f;font-weight:200;} .whitepapers h3 a:hover, .pressnews h3 a:hover {text-decoration:underline;} .whitepapers p {color:#711471;font-style:italic;font-size:12px;padding: 10px 0 50px;} .videos, .board, .pltfrmMiddle {background: url(img/bgLearnWhyVideo.png) ; padding-bottom: 40px;} .videos h3 {font-size: 18px; color: #ed174f;padding-bottom: 25px;font-weight: 200;} .jobs, .comments {background: url(img/bgLearnWhyArticles.png) ; padding-bottom: 20px;} .partners {background: #f1f2f2; padding-bottom: 20px;} .pressnews {padding-bottom: 30px;} .pressnews p {color:#711471;font-style:italic;font-size:12px;padding: 10px 0 20px;} /* about us */ .brackets {background: url(img/bgBrackets.png) no-repeat center 0;} .brackets .grid_4 {font-size:16px; font-weight:200;text-transform:uppercaes; color: #ed174f;padding-bottom: 50px;} .brackets .grid_2 h1 {font-size:60px; font-family:tstar; color:#c2c2c2;} .brackets .grid_2 {font-size: 13px; color:#711471;} .brackets .grid_10 {font-size:14px; padding: 30px 0;} .honchos .grid_3 , .board .grid_3 {font-size:14px;padding-bottom: 50px;} .honchos img {margin-bottom: 20px;} .honchos h3, .board h3, .guides h3 , .contact h3 {font-size:18px;color: #ed174f;font-weight: 200;} .honchos h4 , .board h4, .guides h4 {color:#711471;padding-bottom: 15px;font-weight: 200;} .board .grid_12 p {font-size:20px;font-weight: 200; padding-bottom: 60px;} .guides {background: url(img/bgAboutGuides.png) no-repeat center 0;padding-bottom: 30px;} .guides .grid_12 p {font-size:20px;font-weight: 200; padding-bottom: 50px;} .guides .grid_6, .contact {font-size:14px;padding-bottom; 50px;} .bottomdots {border-bottom: dotted 1px #ed174f;padding-bottom:60px; margin-bottom: 60px;} .guides h2 {font-size:30px; font-family:tstar; font-weight: 200;color:#711471;padding: 50px 0px 30px;} .guides p {padding-top: 10px;} .jobsheader {font-size:20px; color:#fff; line-height:32px; font-weight: 200;padding: 75px 0;} .jobsheader h2 {font-size:30px;font-weight: 200; padding-bottom: 30px; font-family:tstar;color:#fff;} .maps {padding: 30px 0px;} .contact h2 {padding-bottom:0px!important;} .contact h3 a {padding-bottom: 40px;display:block; } /* blog */ .blogcat {font-size: 14px; padding-bottom: 20px;} .blogcat h2 a {font-size:30px; font-family:tstar; font-weight: 200;color:#711471; display:block;padding: 60px 0 10px;} .blogcat .meta {font-size: 12px; padding-bottom: 30px;} .blogcat .meta a {text-transform:uppercase;color:#ed174f;border-bottom: dotted 1px #ed174f;padding-bottom: 5px;letter-spacing:.15em;} .tags img {float:right;} .tags {padding: 30px 0 15px;} .tags a, .tags {color:#bcbec0;font-size:12px;line-height: 14px;} .more-link {text-transform:uppercase;color:#ed174f;border-bottom: dotted 1px #ed174f;display:block; width: 85px;letter-spacing:.15em} .content a {color:#ed174f;} .content ul {padding-left:20px;} .content ul li {list-style: square; margin-left:20px; padding-bottom: 20px;} .content p {padding-bottom: 20px;} .blogcat .buttons {padding: 30px 0;} .blogcat .buttons a {font-size:13px; color:#fff; background: #c1c3c5; display:block;padding: 5px 10px;text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .blogcat .grid_3 {; font-size: 12px; color:#a7a9ac;} .blogcat a:hover {color:#00bff3;} .blogcat .content img {margin:50px 0px;} /*form */ /* blog */ .wufoo > div {background:#eee; padding:10px;} .formcat {font-size: 14px; padding-bottom: 20px;} .formcat h1 {font-size:36px; font-family:tstar; font-weight: 200;color:#711471; display:block;padding: 60px 0 10px;} .formcat ol, .formcat ul {padding:0 0 0 40px;} .formcat li {list-style:decimal;} .wufoo .info h2 {margin-left:60px;} .wufoo .info img {margin-top:-50px;} #clients-love {padding-bottom:20px;} #clients-love ul li {float:left; margin:0 0 10px 0; width:20%;} /*sidebar */ .search {padding-top: 60px} #searchform input {background:url(img/bgSearch.png) no-repeat; height: 33px; width: 218px;border: none; padding-left: 35px;} .widget h3 {text-transform:uppercase;font-size:16px; font-family:tstar; font-weight: 200; padding: 50px 0 10px;} .follow span {height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px;} .follow a {margin-bottom:20px;} .follow .tw {background:url(img/bgSocialIcons.png) no-repeat 0px 0px; height:20px;width:46px;display:block;float:left;} .follow .fb {background:url(img/bgSocialIcons.png) no-repeat -46px 0px; height:20px;width:45px;display:block;float:left;} .follow .pn {background:url(img/bgSocialIcons.png) no-repeat -91px 0px; height:20px;width:47px;display:block;float:left;} .follow .li {background:url(img/bgSocialIcons.png) no-repeat -138px 0px; height:20px;width:43px;display:block;float:left;} .follow .g {background:url(img/bgSocialIcons.png) no-repeat -181px 0px; height:20px;width:21px;display:block;float:left;} .follow .vm {background:url(img/bgSocialIcons.png) no-repeat 0px -52px; height:24px;width:46px;display:block;float:left;} .follow .in {background:url(img/bgSocialIcons.png) no-repeat -46px -52px; height:24px;width:45px;display:block;float:left;} .follow .yt {background:url(img/bgSocialIcons.png) no-repeat -91px -52px; height:24px;width:47px;display:block;float:left;} .follow .rss {background:url(img/bgSocialIcons.png) no-repeat -181px -52px; height:24px;width:21px;display:block;float:left;} .follow .tw:hover {background:url(img/bgSocialIcons.png) no-repeat 0px -28px;} .follow .fb:hover {background:url(img/bgSocialIcons.png) no-repeat -46px -28px; } .follow .pn:hover {background:url(img/bgSocialIcons.png) no-repeat -91px -28px; } .follow .li:hover {background:url(img/bgSocialIcons.png) no-repeat -138px -28px;} .follow .g:hover {background:url(img/bgSocialIcons.png) no-repeat -181px -28px;} .follow .vm:hover {background:url(img/bgSocialIcons.png) no-repeat 0px -80px; } .follow .in:hover {background:url(img/bgSocialIcons.png) no-repeat -46px -80px; } .follow .yt:hover {background:url(img/bgSocialIcons.png) no-repeat -91px -80px; } .follow .rss:hover {background:url(img/bgSocialIcons.png) no-repeat -181px -80px; } .widget_twitter li {padding-bottom: 20px;} .widget_twitter a {color:#00bff3;} .widget_extended-categories li {background:url(img/bulletSidebar.png) no-repeat 0 4px; padding-left: 20px;} .widget_extended-categories li a {color:#a7a9ac;} .widget .current-cat a {color:#00BFF3;} /* comments */ .comments {padding-top: 60px;} .comments h2 {font-size:24px; font-family:tstar; font-weight: 200; color:#711471;padding:0 0px 40px;} .comments .reply a {background:#c1c3c5;font-family:tstar; color:#fff;font-size: 11px; font-weight: bold; padding: 2px 10px; text-transform: uppercase;} .comment-content a {display:block;color:#a7a9ac;font-size:12px;} .comment-content .fn a {color:#00bff3;font-size:16px;} .comment-content p {padding: 30px 0 40px;} .comments textarea {background:#ececec;-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;border:none; width:100%;margin-bottom: 20px;height: 200px;} .comments input[type=text] {background:#ececec;-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;border:none; width: 290px;padding:5px 0;margin-bottom: 20px;} .comments {font-size:12px;color:#a7a9ac;} .comments input[type=submit] {font-size:13px; color:#fff; background: #c1c3c5; display:block;padding: 5px 10px;text-align:center; -moz-border-radius: 5px; border:none; text-transform:uppercase; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} /* lightbox form */ .formwindow {padding:30px;width:585px;} .formwindow h2 {font-size:30px; font-family:tstar; font-weight: 200; color:#711471;} .formwindow p {padding: 10px 0 30px;} .formwindow .leftside {width:63%; float:left;font-size:12px} .formwindow .rightside {width:36%; float:left;font-size:12px; color:#a7a9ac;} .formwindow .field {background:url(img/bgFormLightbox.png) no-repeat; width: 337px; height: 30px; color:#636363;border:none;margin-bottom: 5px;padding-left:7px;} .formwindow input[type=submit] {background:url(img/btnSend.png) no-repeat; display:block;border:none;width:64px;height:32px;margin-top: 10px; cursor: pointer; cursor: hand;} .formwindow input[type=submit]:hover {background:url(img/btnSend.png) no-repeat 0 -32px;} .formwindow .rightside h3 {font-size:16px;font-family:tstar; font-weight: 200;text-transform:uppercase;padding-bottom: 15px;} .formwindow .rightside li {padding-bottom: 7px;} .formwindow textarea {height: 100px; width:337px;} /* .formwindow {width:85%;max-width:585px;} .formwindow h2 {font-size:30px; font-family:tstar; font-weight: 200; color:#711471;} .formwindow p {padding: 10px 0 30px;} .formwindow .leftside {width:63%; float:left;font-size:12px} .formwindow .rightside {width:36%; float:left;font-size:12px; color:#a7a9ac;} .formwindow input[type=submit] {background:url(img/btnSend.png) no-repeat; display:block;border:none;width:64px;height:32px;margin-top: 10px; cursor: pointer; cursor: hand;} .formwindow input[type=submit]:hover {background:url(img/btnSend.png) no-repeat 0 -32px;} .formwindow .rightside h3 {font-size:16px;font-family:tstar; font-weight: 200;text-transform:uppercase;padding-bottom: 15px;} .formwindow .rightside li {padding-bottom: 7px;} */ /* carousel */ .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl;} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 90%; padding: 0px 40px;} .jcarousel-skin-tango .jcarousel-clip { overflow: hidden;} .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; height: 90px;} .jcarousel-skin-tango .jcarousel-item { height: 90px; width: 130px} .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;} .jcarousel-skin-tango .jcarousel-item-placeholder { color: #000; width: 130px} .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 27px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrowRight.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(img/arrowRight.png);} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default;} .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 27px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrowLeft.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(img/arrowRight.png);} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default;} /* pop-up container */ .popupcontainer {visibility: hidden;display:none;}