/* Contents generated by MODX - this file will be overwritten. */ body { line-height: 1; color: #212121; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 2em; background: #ffffff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } h1,h2,h3,h4,h5,h6 { font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; color: #000000; font-style: normal; font-weight: 300; text-transform: uppercase; } hr, blockquote { background: #eeeeee; } .post .post-meta span { color: #eeeeee; } .post, .sidebar .sidebar-block, .search-result { border-bottom: 1px solid #eeeeee; } .dropcap, input[type="submit"], button, .portfolio-filters .filter span, .portfolio-filters-fail, .project-controls, .read-more, .post-single .post-tags a, .sidebar .tags-cloud a, .contact-form .response-message { font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; text-transform: uppercase; } .post .post-title a, .post .post-meta a, .portfolio .portfolio-item a h4, .portfolio-filters .filter:hover span, .comment-meta strong, .search-result h2 a, ul.list-icon a, .contact-form .response-message, .portfolio.fail .portfolio-filters-fail { color: #000000; } input, textarea, select, button { background: #eeeeee; color: #212121; } input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { background: #dedede; color: #212121; } ul.list-icon i, ul.list-icon a:hover, .add-color, blockquote i, input[type="submit"]:hover, button:hover, .team-member h5, .team-member ul.team-member-social li a:hover i, .service-icon, .portfolio-filters .filter:hover span i, .portfolio-filters .filter li.active, .portfolio .portfolio-item a:hover h4, .portfolio .portfolio-item p.item-categories a:hover, .project-controls a, .project-meta ul.project-social li a:hover i, .post .post-title a:hover, .post .post-meta a:hover, .post .post-meta, .read-more:hover, .post-single .post-tags a:hover, .comment-meta a:hover, .comment-meta a.comment-reply, .comment-meta a.comment-reply:hover, .sidebar .sidebar-recent-posts a:hover, .sidebar .sidebar-blog-categories a:hover, .sidebar .tags-cloud a:hover, .search-results-title span.highlight, .search-result h2 a:hover, .search-results-page a:hover { color: #51b6c4; } .dropcap, .highlight, #header, input[type="submit"], button, .team-member ul.team-member-social li a, .service:hover .service-icon, .drop_down li.active:after, .portfolio .portfolio-item .image-container, .project-meta ul.project-social li a, .read-more, .post-single .post-tags a, .sidebar .tags-cloud a, .search-results-page a { background: #51b6c4; } input[type="submit"], button { color: #ffffff; } .dropcap { border: 1px solid #51b6c4; } input[type="submit"]:hover, button:hover, .team-member ul.team-member-social li a:hover, .project-meta ul.project-social li a:hover { background: #ffffff; } .read-more:hover, .post-single .post-tags a:hover, .sidebar .tags-cloud a:hover, .search-results-title span.highlight, .search-results-page a:hover { background: transparent; } h1,h2,h3,h4,h5,h6, .dropcap, input[type="submit"], button, #main-nav ul li, .portfolio-filters .filter span, .portfolio-filters-fail, .project-controls, .read-more, .post-single .post-tags a, .sidebar .tags-cloud a, .contact-form .response-message { } .comment-alt { background: #efefef; } #main-nav ul li { font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; text-transform: uppercase; } #main-nav ul li a { color: #198C92; } #main-nav ul li.active > a { color: #39B7C7; } #main-nav ul li:hover > a { background: #010E0D; color: #39B7C7; } .social-nav a i { color: #ffffff; } .panel-heading { background: #eeeeee; } .panel-title > a { color: #000000; } .panel-heading:hover { background: #51b6c4; } .button:hover { color: #000000 !important; background: transparent !important; } .button i { color: #ffffff; font-size: 20px; margin-right: 10px; border-bottom: 0; } button:hover { background: transparent; } .page { background: #ffffff; } #preloader { background-color: #ffffff; } #loading-animation { background-image: url(../../assets/images/loading-animation.gif); }