/* Theme Name: Phase 4 Theme URI: Description: Update to existing theme. Author: Koalition Edits: Koalition; Author URI: Version: 2.0 */ .clear {clear:both; padding:0px; margin:0px;} body,td,th {font-family: "Pontano Sans", sans-serif; } body h2, h3 {line-height:1.1; color:#E31937; } #wrapper {width:85%; margin:0 auto 15px; max-width:1050px; clear:both; overflow: auto;} .login {display:none; width:60px; height:60px; position:absolute; top:0px; right:0px;} #header2 {width:85%; margin:25px auto 0; max-width:1050px; padding:0; overflow:hidden;} .mobile-nav {height:25px; background-color:#906C10; display:none;} #header2 .rp-logo {max-width:326px; margin:0; padding:0; } #header2 .top-nav {color:#FFF; float:right; width:35%; display:none; padding:15px 0 0; text-align:right; font-size:90%; line-height:140%; text-transform:uppercase;} #header2 .top-nav a {color:#FFF;} #header2 .top-nav a:hover {color:#E31937; } #tag-line-mobile {display:none; } #accordion {display:none;} .acq-promo {display:none; width:738px; height:154px; margin:0px auto 20px; border:0px solid #222;} /* CIRCLE CONTAINER FOR DESKTOP VIEWING */ #circle-holder {display:none; width:740px; height:340px; margin:40px auto; } #circle-holder .left {display:none; width:200px; float:left; } #circle-holder .center {display:none; width:340px;float:left; } #circle-holder .right {display:none; width:200px;float:left;} #circle-seller .circle-seller-copy a {color:#FFF;} #circle-automation .circle-automation-copy a {color:#FFF;} #circle-buyer .circle-buyer-copy a {color:#FFF;} #circle-seller .circle-seller-copy a:hover {text-decoration:underline;} #circle-automation .circle-automation-copy a:hover {text-decoration:underline;} #circle-buyer .circle-buyer-copy a:hover {text-decoration:underline;} #circle-seller {position: relative; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 240px; height: 240px; background: rgba(7, 156, 216, 0.8); top: 0; left: 0; margin:50px 0; background-image:url(http://www.rubiconproject.com/wp-content/uploads/2013/10/seller-sihlouette.png); background-repeat:no-repeat; color:#FFFFFF;} #circle-automation {position: relative; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 340px; height: 340px; background: rgba(227, 25, 55, 0.8); top: 0; left: 0; z-index:999; color:#FFFFFF;} #circle-buyer {position: relative; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 240px; height: 240px; background: rgba(139, 195, 115, 0.8); top: 0; left: -40px; z-index: 10; margin:50px 0; background-image:url(http://www.rubiconproject.com/wp-content/uploads/2013/10/buyer-sihlouette.png); background-repeat:no-repeat; color:#FFFFFF;} #circle-seller:hover {background-color:#079CD8; filter:alpha(opacity=90); opacity:.9;} #circle-automation:hover {background-color:#E31937; filter:alpha(opacity=90); opacity:.9; } #circle-buyer:hover {background-color:#8BC373; filter:alpha(opacity=90); opacity:.9;} #circle-holder h2 {color:#FFF; font-size:24px; text-transform:uppercase; margin:0 0 8px; padding:0; line-height:100%; font-weight:normal;} #circle-holder h3 {color:#FFF; font-size:13px; text-transform:uppercase; margin:0 0 8px; padding:5px 0; line-height:100%; font-weight:normal;} #circle-seller .circle-seller-copy {float:right; margin:60px 50px 0 0; text-align:right;} #circle-automation .circle-automation-copy {float:left; margin:70px 50px 0 50px ; text-align:center;} #circle-buyer .circle-buyer-copy {float:left; margin:60px 10px 0 50px ; text-align:left;} #circle-holder .playbutton {width:55px; margin:15px 0; text-align:center; } /* END CIRCLE CONTAINER FOR DESKTOP VIEWING */ /* CIRCLE CONTAINER FOR TABLET VIEWING */ #circle-holder-tablet {display:none; width:740px; height:340px; margin:60px auto; } /* END CIRCLE CONTAINER FOR DESKTOP VIEWING */ /* SUB NAV */ #left-sub-nav {display:none; float:left; margin:200px 0 0 ; width:250px; text-align:right; text-transform:uppercase; font-size:90%; line-height:200%;} #left-sub-nav a {color:#97101b; } #left-sub-nav a:hover {color:#999;} /* END SUB NAV */ #cloud-nav {float:left; position:relative; background-color:!important; display:none; } #circle-container {width:100%; max-width:383px; background-color:#D2FC03; display:none; } #cloud-nav .prod-text a {text-decoration:none; color:#fff;} #cloud-nav .prod-text-aac a {text-decoration:none; color:#fff;} #cloud-nav .prod-text {font-size:90%; margin:55px 0 0; text-align:center; color:#FFF; text-transform:uppercase; line-height:105%;} #cloud-nav .prod-text-aac {font-size:90%; margin:50px 0 0; text-align:center; color:#FFF; text-transform:uppercase; line-height:105%;} #circle_small1 {position: absolute; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 140px; height: 140px; background-color:#079CD8; filter:alpha(opacity=60); opacity:.4; top: 0; left: 0;} #circle_small2 {position: absolute; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 140px; height: 140px; background-color:#E31937; filter:alpha(opacity=60); opacity:.4; top: 0; left: 0; z-index: 10; margin-left:120px;} #circle_small3 {position: absolute; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 140px; height: 140px; background-color:#8BC373; filter:alpha(opacity=60); opacity:.4; top: 0; left: 0; z-index: 10; margin-left:240px;} #circle_small1:hover {filter:alpha(opacity=90);opacity:.9; } #circle_small2:hover {filter:alpha(opacity=90);opacity:.9; } #circle_small3:hover {filter:alpha(opacity=90);opacity:.9; } /* CIRCLE CONTAINER FOR DESKTOP VIEWING */ #responsive-background {height:100%; display:none; margin:auto;width:300px;} #circle-responsive {display:none; margin:0 auto; } #circle-responsive .automation-circle h2 {padding:60px 0 5px; font-size:20px; color:#FFF; font-weight:normal; line-height:100%; text-transform:uppercase;} #circle-responsive .buyer-circle h2 {padding:80px 0 5px; font-size:32px; color:#FFF; font-weight:normal; line-height:100%; text-transform:uppercase;} #circle-responsive .seller-circle h2 {padding:80px 0 5px; font-size:32px; color:#FFF; font-weight:normal; line-height:100%; text-transform:uppercase;} #circle-responsive .automation-circle {margin:0 auto; text-align:center; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 200px; height: 200px; background: rgba(227, 25, 55, 0.7); top: 0; left: 0; z-index:999; color:#FFFFFF;} #circle-responsive .buyer-circle {margin:0 auto; text-align:center; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 200px; height: 200px; background: rgba(139, 195, 115, 0.7); top: 0; left: 0; z-index:999; color:#FFFFFF; background-image:url(http://www.rubiconproject.com/wp-content/uploads/2014/11/buyer-sihlouette-200px.png); background-repeat:no-repeat; } #circle-responsive .seller-circle {margin:0 auto; text-align:center; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; width: 200px; height: 200px; background: rgba(7, 156, 216, 0.7); top: 0; left: 0; z-index:999; color:#FFFFFF; background-image:url(http://www.rubiconproject.com/wp-content/uploads/2014/11/seller-sihlouette-200px.png); background-repeat:no-repeat; } #responsive-background .product-descrips {color:#FFF; text-align:center; line-height:110%; font-size:180%;} #tag-line-mobile {padding:2% 0; background-color:#898989; color:#FFF; text-align:center; position:fixed; bottom:0; width:100%; } #circle-responsive h3 {border:0px solid #FFF; font-size:12px; color:#FFF; font-weight:normal; line-height:100%; text-transform:uppercase; margin:15px 0 0;} #circle-responsive a {color:#FFF;} /* END CIRCLE CONTAINER FOR DESKTOP VIEWING */ #right-content .tweets {width:40%; float:left;display:none; height:100%;} #right-content .tweets .script {margin:0 0 0 8%;} #right-content .copy {width:60%; float:left;display:none; } #right-content .copy .content {} /* PR CONTACT TOP */ .twitter-timeline-mobile {display:none;} #right-content .press_center_top_row {} .press-row {display:none; text-align:center; font-size:90%; padding:1% 0; font-weight:bold; } #right-content .press_center_top_row .social { float:left; text-align:right; width:40%; display:none } #right-content .press_center_top_row .press-lead { float:left; width:60% } #right-content .press_center_top_row .circle { border-bottom-left-radius:50%; border-bottom-right-radius:50%; border-top-left-radius:50%; border-top-right-radius:50%; float:right; height:40px; margin:0 0 15px 15px; width:40px;} #right-content .release {margin:0 0 5% 0; } #right-content .release p {font-size:90%; line-height:125%; margin:2% 0 0;} #right-content .release h2 {text-transform:capitalize; padding:0; letter-spacing:0.04em; font-size:115%; color:#222;} .press-release-feed {display:none;} .release-accordion {padding:0 0 15px;} .release-accordion h3 {color:#E31937; text-transform:capitalize;} #right-content .copy { margin-bottom:25px;} /* END PR CONTACT TOP */ /* CLOUD PAGE SPECIFIC CSS */ #product-page-quotes {margin:200px 0 0; height:300px; overflow:hidden;} #product-right-content {float:right; } #right-content .cloud-logo-container { margin:auto; width:100%; text-align:left;} #product-right-content .cloud-logo {width:100%; margin:0 0 15px 60px; max-width:608px; } #product-right-content .cloud-logo-responsive {width:100%; max-width:500px;} #product-right-content .headline {width:100%; margin:0 0 15px; background-color:!important; } #product-right-content h2 { color:#FFFFFF; font-size:20px; font-weight:normal; letter-spacing:0.05em; margin:0 0 0 0; padding:2% 0 2%; text-transform:uppercase; line-height:100%;} #product-right-content .slide-deck-area {width:100%; padding:0; float:left; display:none; background-color:!important;} #product-right-content .product-roll {display:none; color:#FFF; padding:5%;} #product-right-content .product-roll h2 {color:#E31937; font-size:150%; font-weight:bold;} /* END CLOUD PAGE SPECIFIC CSS */ /* BLOG CSS */ #right-content .blog-right-container {width:100%; } #right-content .blog-right-container .blog-container {margin:0 0 15px;filter:alpha(opacity=85); opacity:.85;background-color:#FFF; float:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden; width:100%; } #right-content .blog-right-container .left { width:19%; float:left;background-color:!important; } #right-content .blog-right-container .right { width:81%; float:left; background-color:!important;} #right-content .blog-right-container .left .author {margin:35px 0 35px 35px; width:100%; background-color:!important;} #right-content .blog-right-container .left .author-photo {width:80px; height:80px; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; } #right-content .blog-right-container .left .author-credit {font-size:12px; max-width:80px; text-align:center; } #right-content .blog-right-container .right .blog-preview {margin:35px 35px 35px 0; background-color:!important;} #right-content .blog-right-container .right .blog-preview .headline {padding:0 2% 2% 2%;} #right-content .blog-right-container .right .blog-preview .headline h2 {line-height:100%; margin:0; padding:0;} #right-content .blog-right-container .right .blog-preview .excerpt {padding:0 2%;} #right-content .blog-right-container .right .blog-preview .read-more {padding:2% 0 0 2%; float:left; } #right-content .blog-right-container .right .blog-preview .read-more h3 {padding:7px 10px; background-color:#CB4345; color:#FFF; font-weight:normal; border-radius:5px;} #right-content .blog-right-container .right .blog-preview .read-more a { color:#FFF; text-decoration:none;} /* END BLOG CSS */ /* BLOG POST */ #right-content .blog-block { width:100%; float:left; clear:both; border-bottom:#E31937 solid 1px; margin:0 0 2% 0;} #right-content .blog-block .blog-block-left { float:left; min-width:12%; padding:0 4% 2% 0;} #right-content .blog-block .blog-block-right { float:left; width:75%; padding:0 4% 2% 0;} #right-content .blog-block .headline-top {display:none;} #right-content .blog-block .blog-block-left .author-photo {float:left; max-width:80px; } #right-content .blog-block .blog-block-right .headline {display:none;} #right-content .blog-block .blog-block-right h2 {color:#E31937; clear:both; padding:0; margin:0 0 5px 3%; line-height:100%;} #right-content .blog-block .blog-block-right .byline { float:left; padding:0 0 0 3%; } #right-content .blog-container-post .wrapper .blog-header .blog-header-author { } #right-content .blog-container-post .wrapper .blog-header .blog-header-author-photo { } #right-content .blog-container-post .wrapper .blog-header .blog-header-author-credit { } #right-content .blog-container-post .wrapper .social-buttons {float:left; clear:both; padding:2% 0 5%;} #right-content .blog-container-post .wrapper .social-buttons .temp {width:90%; max-width:300px;} #right-content .blog-container-post .wrapper .blog-post { float:left; clear:both;} /* END BLOG POST */ /* DEFAULT POST */ #right-content-full-width { width:100%; background-color:#FFFFFF; filter:alpha(opacity=85); opacity:.85;float:left; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-top:#E31937 solid 2px; } #right-content-full-width .window {height:200px; width:100%; background-image:url(http://www.rubiconproject.com/wp-content/uploads/2014/12/new-homepage.png); no-repeat top; background-size: 100%; background-position: 0 -30px;} #right-content-full-width .wrapper-left {width:19%; float:left; border-right:#CC0000 solid 1px; margin:3% 0;} #right-content-full-width .wrapper-left .content {padding:0 5% 5% 10%; } #right-content-full-width .wrapper-right {width:80%; float:right; margin:3% 0;} #right-content-full-width .wrapper-right .content {padding:0 5% 5% 3%; } #wrapper .title {text-align:right;} #wrapper .title h1 { color:#FFFFFF; font-size:50px; font-weight:normal; letter-spacing:0.05em; margin:0; padding:0 0 2%; text-transform:uppercase; line-height:100%;} #full-left-sub-nav {display:block; text-align:left; text-transform:uppercase; font-size:90%; line-height:200%; padding-right:5%;} #full-left-sub-nav a {} #full-left-sub-nav a:hover {color:#999;} #right-content {width:63%; float:right; } #right-content .wrapper { width:100%; background-color:#FFFFFF; filter:alpha(opacity=85); opacity:.85;float:left; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;} #right-content .wrapper .default-container-post { padding:5%;} #right-content .title {float:right; text-align:right; width:100%;} #right-content .title h1 { color:#FFFFFF; font-size:50px; font-weight:normal; letter-spacing:0.05em; margin:0; padding:4% 0 2%; text-transform:uppercase; line-height:100%;} #right-content .posted-date {padding:0 0 2%;} #right-content .wrapper .default-container-post .top-block { width:100%; float:left; border-bottom:#E31937 solid 1px; padding:0 0 2%; margin:0 0 5%;} #right-content .default-container-post .wrapper .default-header { width:100%; float:left; clear:both; border-bottom:#E31937 solid 1px;} #right-content .default-container-post .wrapper .default-header .default-header-left { float:left; min-width:12%; padding:0 4% 2% 0;} #right-content .default-container-post .wrapper .default-header .default-header-right {float:left; } #right-content .default-container-post h2 {} /* END DEFAULT POST */ /* CONTACT */ .map-row {display:none;} #right-content .contact-left { width:45%; float:left; padding:0 10% 0 0;} #right-content .contact-right { width:45%; float:left;} #right-content .form {display:none; padding:0 0 5%; clear:both; } #right-content .our-locations-text {clear:both; } #right-content .our-locations-text h2 { color:#E31937; clear:both; padding:0; margin:0 0 10px; line-height:100%;} #right-content .map-row { border-bottom:1px dotted #999; clear:both; padding:15px 0;} #right-content .map-row .map {display:none; float:left; width:300px; height:150px; margin:0 15px 0 0; border:1px solid #999;} #right-content .map-row .address { padding:0 0 0 0;} #right-content .map-row .address h2 { color:#E31937; margin-bottom:2%;} #right-content .map-row .directions-box a { color:#FFF; text-decoration:none; text-transform:uppercase;} #right-content .map-row .directions-box {display:none; background-color:#E31937; color:#FFFFFF; line-height:50px; text-align:center; width:40px; height:50px; float:left; margin:0 15px 0 0;} #right-content .map-row .directions-box .img-circle { border-bottom-left-radius:50%; border-bottom-right-radius:50%; border-top-left-radius:50%; border-top-right-radius:50%;} /* END CONTACT */ /* LEADERSHIP HOME */ #right-content .leader-block {float:left; margin-top:15px; width:50%; background-color:!important;} #right-content .leader-block .leader-block-left { float:left; background-color:!important;} #right-content .leader-block .photo {max-width:100px;} #right-content .leader-block .leader-block-right { float:left; width:63%; background-color:!important; } #right-content .leader-block .leader-block-right a {text-decoration:none; color:#E31937;} #right-content .leader-block .leader-block-right a:hover {text-decoration:underline; color:#E31937; background-color:#eee;} #right-content .leader-block .leader-block-right p {line-height:110%; margin:0 0 8px 10px; font-size:90%;} #right-content .leader-block .leader-block-right h2 {font-size:17px; text-transform:uppercase; margin:5px 8px 5px 10px; } #right-content .leader-block .leader-block-right h3 { text-transform:uppercase; margin:1% 8px 8px 10px; font-size:90%;} /* END LEADERSHIP */ /* LEADERSHIP BIO */ #right-content .leader-bio-block {float:left; margin-top:15px; width:100%; background-color:!important; border-bottom:1px solid #E31937; padding:0 0 2% 0; margin:0 0 2% 0;} #right-content .leader-bio-block {clear:both;} #right-content .leader-bio-block . { float:left; background-color:!important;} #right-content .leader-bio-block .left-photo {float:left;} #right-content .leader-bio-block .photo {max-width:100px;} #right-content .leader-bio-block .right-title { float:left; width:80%; background-color:!important; } #right-content .leader-bio-block .right-title a {text-decoration:none; color:#E31937;} #right-content .leader-bio-block .right-title a:hover {text-decoration:underline; color:#E31937; background-color:#eee;} #right-content .leader-bio-block .right-title h2 {font-size:18px; text-transform:uppercase; margin:5px 8px 0 2%; padding:0;} #right-content .leader-bio-block .right-title p {line-height:110%; margin:2%;} #right-content .leader-bio-block .right-title h3 { text-transform:uppercase; margin:1% 8px 8px 2%; } #right-content leader-bio-block .read-more {padding:2% 0 0 0; float:left; } #right-content leader-bio-block .read-more h3 {padding:7px 10px; background-color:#999; color:#FFF; font-weight:normal; border-radius:5px;} #right-content leader-bio-block .read-more a { color:#FFF; text-decoration:none;} #right-content leader-bio-block .read-more a:hover {} /* END LEADERSHIP BIO */ /* EVENTS BEGIN */ #events-section {clear:both; width:100%;} #events-section .event-block {width:100%; clear:both; margin:0 0 5%;} #events-section .events-header {margin:0 0 15px 0; display:none; border-bottom:1px solid #E31937; padding:0 0 15px;float:left; } #events-section .events-header .left {float:left; width:60%;} #events-section .events-header .right {float:left; width:40%;} #events-section .events-header .right .pad-left {padding:0 0 0 2%;} #events-section .event-date {background-color:#E31937; color:#FFFFFF; height:50px; line-height:50px; text-align:center; width:50px; float:left; margin:0 15px 0 0;} .img-circle { border-bottom-left-radius:50%; border-bottom-right-radius:50%; border-top-left-radius:50%; border-top-right-radius:50%;} #events-section .event-date .logo {max-width:50px;} #events-section .event-details {float:left; width:85%; float:left; line-height:115%} #events-section .event-details h2 {margin:0 0 5px; padding:0;} /* END EVENTS CSS */ /* JOBS */ #right-content .jobs-header {display:none;} #right-content .jobs-header-responsive {display:none; width:100%; margin:auto;} #right-content .jobs-intro {display:none;} #right-content .resumator-script {display:none;} #right-content .resumator-link {display:none; margin:auto; margin:0 0 5%;} #right-content .resumator-link h3 { text-align:center; padding:7px 10px; background-color:#E31937; color:#FFF; font-weight:normal; border-radius:5px;} #right-content .resumator-link a { color:#FFF; text-decoration:none;} #right-content .resumator-responsive-content {display:none;} /* END JOBS */ /* ALL PURPOSE CSS */ .read-more h3 {margin-top:10px; padding:7px 10px; background-color:#999; color:#FFF; font-weight:normal; border-radius:5px; float:left; font-size:90%;} .read-more h3:hover {background-color:#CB4345;} .read-more a {color:#FFFFFF;} a {color:#E31937; text-decoration:none;} p { margin: 0 0 10px 0; } h2 { color:#E31937; text-transform:uppercase; line-height:100% ; padding:0 0 5%;} h3 { color:#E31937; text-transform:uppercase;} h4 { color:#E31937; text-transform:uppercase;} ul { margin: 0 0 10px 25px; } ol { margin:0 0 25px 0; } li { list-style-type:disc; margin-left:5%;} #accordion li { list-style-type:none; } li:last-child { border:0; } ol.commentlist { list-style: none; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; } ol.commentlist li.comment div.comment-author { } ol.commentlist li.comment div.vcard { } ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard cite.fn a.url { } ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; } ol.commentlist li.comment div.vcard img.avatar-32 { } ol.commentlist li.comment div.vcard img.photo { } ol.commentlist li.comment div.vcard span.says { } ol.commentlist li.comment div.commentmetadata { } ol.commentlist li.comment div.comment-meta { font-size: 10px; } ol.commentlist li.comment div.comment-meta a { color: #ccc; } ol.commentlist li.comment p { } ol.commentlist li.comment ul { } ol.commentlist li.comment div.reply { font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; } ol.commentlist li.comment ul.children li { } ol.commentlist li.comment ul.children li.alt { } ol.commentlist li.comment ul.children li.bypostauthor { } ol.commentlist li.comment ul.children li.byuser { } ol.commentlist li.comment ul.children li.comment { } ol.commentlist li.comment ul.children li.comment-author-admin { } ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-5 { } ol.commentlist li.comment ul.children li.odd { } ol.commentlist li.even { background: #fff; } ol.commentlist li.odd { background: #f6f6f6; } ol.commentlist li.parent { border-left: 5px solid #111; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } form { } input[type=text] { } textarea { } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0px 10px 10px 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright {float: right;} .alignleft {float: left;} img.alignleft, img.left { margin-right:10px; } img.alignright, img.right { float: right; margin-left:10px;} img.aligncenter, img.center { margin-bottom:7px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } img.alignnone, img.block { display: block; clear: both; } img.frame { background: #eee; border-style: solid; border-color: #ddd; } img.stack { clear: none !important; } img[align="left"] { float: left; clear: left; } img[align="right"] { float: right; clear: right; } img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #999; } .pagination a:hover{ color:#fff; background: #e31937; } .pagination .current{ padding:6px 9px 5px 9px; background: #e31937; color:#fff; } /* END PURPOSE CSS */ /* ======= CULTURE SECTION =======*/ #section_content { } #culture_content { } /* ======= Each entry place into section styling because Culture will use all of content with no padding =======*/ #culture_content {width:100%; margin:0 0 35px;} #culture_content .top_row {display:block; margin:0 0 15px 0; padding: 0 0 15px 0; border-bottom:1px solid #e31937;} #culture_content .intro {float:left; width:55%; margin:0 15px 0 0; font-size:90%;} #culture_content .media {float:right; width:42%; margin:0; } #culture_content .left_column {width:280px; float:left; margin:0 15px 0 0;} #culture_content .right_column {width:315px; float:right; margin:0px;} #culture_content h3 {font-size:22px; text-transform:uppercase; padding:0; margin:0 0 2%;} #culture_content .left_blocks {font-size:15px; margin-bottom:20px; padding: 0 0 15px 0; border-bottom:1px solid #e31937;} .join-us {display:block; padding:20px 0; background-color:#e31937; text-align:center; text-transform:uppercase; } .join-us:hover {background-color:#CC3300; } .join-us a {font-size:20px; color:#FFF; } .roadMapContainer { background-color:#444; margin:0 0 15px; padding:15px 0; display:none;} .rmSummary { margin:5px 5% 0 5%; } /* ======= CULTURE SECTION =======*/ .ticker {margin:auto; width:100%; color:#FFF; text-align:center; display:none;} .ticker a {color:#fff;} .ticker a:hover {color:#E31937;} #footer {font-size:80%; text-align:center; color:#FFF; margin:5px 0 15px; padding:0px 0px 50px; float:left; width:100%; filter:alpha(opacity=90); opacity:.9;} #footer a {color:#FFF;} #footer a:hover {text-decoration:underline;} /* DESKTOP VERSION */ @media only screen and (min-width : 1025px) { body {background: #1a2126;} body { font-size: 95%;} #tag-line-mobile {display:none; } .login {display:block;} #header2 .top-nav {display:block;height:100px; } #cloud-nav {display:block;} #circle-container {display:block;} #left-sub-nav {display:block;} #right-content .tweets {display:block; } #right-content .copy {display:block; } .acq-promo {display:block;} /* HOMEPAGE */ #circle-holder {display:block;} #circle-holder .left {display:block;} #circle-holder .center {display:block;} #circle-holder .right {display:block;} #circle-responsive {display:none;} .ticker {display:block;} /* END HOMEPAGE */ /* PRESS */ .press-release-feed {display:block;} #right-content .press_center_top_row .social {display:block;} /* END PRESS */ /* JOBS */ #right-content .jobs-header {display:block;} #right-content .jobs-header-responsive {display:none;} #right-content .jobs-intro {display:block;} #right-content .resumator-script {display:block;} #right-content .resumator-link {display:none;} #right-content .resumator-responsive-content {display:none;} /* END JOBS */ /* CONTACT CSS */ .map-row {display:block;} #right-content .form {display:block; } #right-content .map-row .map {display:block;} #right-content .map-row .address { float:left; } /* END CONTACT CSS */ /* CLOUD PAGE SPECIFIC CSS */ #product-right-content .cloud-logo-container-mobile {display:none;} #product-right-content .slide-deck-area {display:block; } /* END CLOUD PAGE SPECIFIC CSS */ /* EVENTS CSS */ #events-section .events-header {display:block;} /* END EVENTS CSS */ /* BLOG */ #right-content .blog-block .blog-block-right .headline {display:block;} /* END BLOG */ /* CULTURE */ .roadMapContainer {display:block;} /* CULTURE */ } /* TABLET VERSION */ @media only screen and (min-width: 621px) and (max-width: 1024px) { body {background:#1a2126;} body {font-size:110%;} #header {display:block; position:relative;} #header2 {width:100%; padding:0 0 0;} #header2 .rp-logo {display:none;} .logo { max-width:355px;} #wrapper {width:100%; padding:15px 0 0;} .login {display:none;} .mobile-nav {display:block;} #tag-line-mobile {display:block; } #accordion {display:block;} .acq-promo {display:block;} #cloud-nav {display:none;} #circle-container {display:none;} #right-content .copy .content {margin:3% 5% 3% 0;} #right-content .wrapper { border-radius:0px;} #right-content {width:100%; float:left; margin:25px 0 0;} #right-content .right-container {border-radius:0;} #right-content .title {text-align:center; padding:0; background-color:#888888;} #right-content .copy {display:block; width:100%;} #right-content .title h1 { font-size:30px; padding: 6% 2% 3%; } /* HOMEPAGE */ #circle-holder {display:block; margin-top:100px; font-size:90%;} #circle-holder .left {display:block;} #circle-holder .center {display:block;} #circle-holder .right {display:block;} #circle-responsive {display:none;} /* END HOMEPAGE */ /* CIRCLE CONTAINER FOR TABLET VIEWING */ #circle-holder-tablet {display:none; width:740px; height:340px; margin:60px auto; } /* END CIRCLE CONTAINER FOR DESKTOP VIEWING */ /* BLOG CSS */ #right-content .blog-right-container .left .author {margin:25px; width:100%; background-color:!important;} #right-content .blog-right-container .right .blog-preview {margin:5% 15px 35px 15px; background-color:!important;} /* END BLOG CSS */ /* CLOUD PAGE SPECIFIC CSS */ #wrapper {} #product-right-content {width:100%; margin:45px 0 0;background-color:#eee; filter:alpha(opacity=85); opacity:.85;float:left; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;box-shadow:#000000 0 0 7px;} #product-right-content .slide-deck-area {display:none; } #product-right-content .headline {display:none;} #product-right-content .cloud-logo-container {display:none; } #product-right-content .cloud-logo-container-mobile {display:block; width:80%; margin:20px auto 15px;text-align:center;} #product-right-content .product-roll {display:block; color:#333; padding-top:0px;} #product-right-content .product-roll .illustrations {width:100%; margin:auto;} #product-right-content .product-roll h1 {padding:4% 5% 0 5%; line-height:100%; margin:0;} /* END CLOUD PAGE SPECIFIC CSS */ /* CONTACT CSS */ #right-content .form {display:block; } #right-content .map-row { padding:20px 0; } #right-content .map-row .address { padding:0; float:left; width:70%; } #right-content .map-row .directions-box {display:block; font-size:13px; float:right; margin:10px 0; padding:5px 10px;} #right-content .address-block .contact-left { width:100%; float:left; padding:0;} #right-content .address-block .contact-aright { width:100%; float:left; padding:0;} .map-row {display:block;} /* END CONTACT CSS */ /* JOBS */ #right-content .jobs-header {display:none;} #right-content .jobs-header-responsive {display:block;} #right-content .jobs-intro {display:block;} #right-content .resumator-script {display:block;} #right-content .resumator-link {display:none;} #right-content .resumator-responsive-content {display:none;} /* END JOBS */ /* PRESS */ .press-release-feed {display:block;} .press-row {display:block;} #right-content .press_center_top_row .social {display:block;} /* END PRESS */ /* LEADERS */ #right-content .leader-block {float:left; width:50%; padding-bottom:5px;} #right-content .leader-block .right-title h2 {font-size:20px; } #right-content .leader-block .left-photo { float:left; width:35%; max-width:110px; } #right-content .leader-block .leader-block .right-title { float:left; width:65%; } /* LEADERS */ /* EVENTS CSS */ #events-section .events-header {display:block;} /* END EVENTS CSS */ /* BLOG */ #right-content .blog-block-left {width:20%; } #right-content .blog-block .blog-block-right {width:75%; padding:0;} #right-content .blog-block .blog-block-right h2 {margin:0 0 2% 0; } #right-content .blog-block .blog-block-right .byline { padding:0; } #right-content .blog-block .headline-top {display:block;} /* END BLOG */ /* CULTURE */ .roadMapContainer {display:block;} } /* MOBILE VERSION */ @media only screen and (min-width: 100px) and (max-width: 620px) { body {} #responsive-background {display:block; margin:30px auto 0;} .twitter-timeline {display:block; } #tag-line-mobile {display:block; } #accordion {display:block;} .copyright {display:none;} #header {display:block; position:relative;} #header2 {width:100%; padding:0 0 0;} #header2 .rp-logo {display:none;} #wrapper {width:100%; padding:15px 0 0;} .login {display:none;} .mobile-nav {display:block;} #right-content {width:100%; float:left; margin:25px 0 0;} #right-content .right-container {border-radius:0; } #right-content .title {text-align:center; padding:0; background-color:#888888;} #right-content .copy {display:block; width:100%;} #right-content .title h1 { font-size:30px; padding: 6% 2% 3%; } /* PRESS */ .press-row {display:block;} #right-content .press_center_top_row .social {display:none;} #right-content .press_center_top_row .press-lead {width:100%;} .twitter-timeline-mobile {display:block; padding-bottom:15px;} /* END PRESS */ /* DEFAULT POST */ #right-content .wrapper {margin-top: 0px; border-radius:0px;} #right-content .wrapper .default-container-post h2 {font-size:23px;} /* END DEFAULT POST */ /* JOBS */ #right-content .jobs-header-responsive {display:block;} #right-content .resumator-link {display:block;} #right-content .resumator-responsive-content {display:block;} /* END JOBS */ /* HOMEPAGE */ #circle-holder {display:none;} #circle-holder .left {display:none;} #circle-holder .center {display:none;} #circle-holder .right {display:none;} #circle-responsive {display:block; margin-top:15px;} body {background-image:none.png;} /* END HOMEPAGE */ /* CLOUD PAGE SPECIFIC CSS */ #wrapper {background-color:#EEE;} #product-right-content {width:100%; margin:25px 0 0;} #product-right-content .slide-deck-area {display:none; } #product-right-content .headline {display:none;} #product-right-content .cloud-logo-container {display:none; } #product-right-content .cloud-logo-container-mobile {display:block; width:90%; margin:30px auto 0;} #product-right-content .product-roll {display:block; color:#333;} #product-right-content .product-roll .illustrations {width:100%; margin:auto;} #product-right-content .product-roll h1 {padding:4% 5% 0 5%; line-height:100%; margin:0;} /* END CLOUD PAGE SPECIFIC CSS */ /* MARKETO FORM */ #product-right-content {width:100%; } #product-right-content .slide-deck-area {display:none; } #product-right-content .headline {display:none;} #product-right-content .cloud-logo-container {width:50%; } #product-right-content .product-roll {display:block;} /* END MARKETO FORM*/ /* BLOG CSS */ #right-content .blog-right-container .blog-container {border-radius:0px;} #right-content .blog-right-container .left { width:35%; float:left;background-color:!important; } #right-content .blog-right-container .right { width:65%; float:left; background-color:!important;} #right-content .blog-right-container .right .blog-preview .headline h2 {color:#555; font-size:120%;} #right-content .blog-right-container .left .author {margin:25px 0 0 25px;} #right-content .blog-right-container .right .blog-preview { padding:0 0 5%;} #right-content .blog-right-container .right .blog-preview .excerpt {display:none;} #right-content .blog-right-container .right .blog-preview .read-more {padding:5% 0 0 2%; float:left;} /* END BLOG CSS */ /* BLOG POST INDIVIDUAL */ #right-content .blog-container-post {border-radius:0px;} #right-content .contact-container .address-block .left { width:80%; } #right-content .contact-container .address-block .right { width:100%; margin:0 0 2%;} #right-content .blog-block-left {width:20%; } #right-content .blog-block .blog-block-right {width:75%; padding:0;} #right-content .blog-block .blog-block-right h2 {margin:0 0 2% 0; } #right-content .blog-block .blog-block-right .byline { padding:0; } #right-content .blog-block .headline-top {display:block;} /* ENDBLOG POST INDIVIDUAL */ /* CONTACT */ #right-content {border-radius:0px; } #right-content .form {display:block;} #right-content .map-row { padding:20px 0; } #right-content .map-row .address { padding:0; float:left; width:70%; } #right-content .map-row .directions-box {display:block; font-size:13px; float:right; margin:10px 0; padding:5px 10px;} #right-content .contact-left { width:100%; float:left; padding:0;} #right-content .contact-right { width:100%; float:left;} /* CONTACT */ /* LEADERS */ #right-content .leader-block {float:left; width:100%; padding-bottom:5px;} #right-content .leader-block .right-title h2 {font-size:20px; } #right-content .leader-block .left-photo { float:left; width:35%; max-width:110px; } #right-content .leader-block .leader-block .right-title { float:left; width:65%; } #right-content .leader-bio-block .left-photo {width:20%;} #right-content .leader-bio-block .right-title {width:80%;} #right-content .leader-bio-block .photo {max-width:70px;} #right-content .leader-bio-block .right-title h2 {font-size:18px; text-transform:uppercase; margin:5px 8px 0 2%; padding:0;} #right-content .leader-bio-block .right-title p {line-height:110%; margin:2%;} /* LEADERS */ /* EVENTS */ #events-section .event-details {float:left; width:75%; float:left; } #events-section .event-details h2 {font-size:18px; } #events-section .event-block {margin-bottom:8%;} /* END EVENTS */ /* CULTURE */ #culture_content .intro {float:left; width:100%; margin:0 0 3%;} #culture_content .media {float:left; width:100%; margin:0; } /* CULTURE */ }