/* ===================> Fonts <================== */ /* ====> Content <==== */ body, li p, .cmsms_sitemap > li ul > li ul li > a, .entry-content, .tabs li a, .tour li a, .cmsms_details_links, .cmsms_details_links *, .project ul.project_details li div { font:13px/18px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } .comment-body .cmsms-edit, .comment-reply-link, .cmsmsLike span { font-family:'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; } table.table th { font-family:'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; } .colored_button, .cmsms_info .cmsms_post_year, .cmsms_info .cmsms_post_day, .skill_item_colored_wrap, .cmsms_pricing_table .title, .cmsms_pricing_table .currency, .cmsms_pricing_table .price, .cmsms_pricing_table .period, .cmsms_pricing_table .coins { font-family:'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; } .portfolio.two_columns .portfolio_inner .project_rollover .entry-header .entry-title, .portfolio.two_columns .portfolio_inner .project_rollover .entry-header .entry-title a, .portfolio.one_column .portfolio_inner .project_rollover .entry-header .entry-title, .portfolio.one_column .portfolio_inner .project_rollover .entry-header .entry-title a { font-size:18px; line-height:18px; } .portfolio.two_columns .portfolio_inner .project_rollover .entry-meta, .portfolio.two_columns .portfolio_inner .project_rollover .entry-meta a, .portfolio.one_column .portfolio_inner .project_rollover .entry-meta, .portfolio.one_column .portfolio_inner .project_rollover .entry-meta a {font-size:13px;} /* ====> Links <==== */ a { font:13px/18px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } /* ====> Navigation <==== */ #navigation > li > a { font:14px/18px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } #navigation ul li a { font:13px/18px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } /* ====> Headings <==== */ h1, h1 a, .logo .title { font:32px/36px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } h2, h2 a, .cmsms_sitemap > li > a, .error h2, #reply-title { font:24px/36px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } h3, h3 a { font:22px/36px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } h4, h4 a, h1.widgettitle { font:20px/36px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } h5, h5 a, .widgettitle { font:18px/24px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } h6, h6 a, .tog, .tog:hover, .tog.current, .widget_portfolio_link, .related_posts_content .one_half > p, .related_posts_content .one_half > p a, .cmsms_shortcode_testimonials blockquote, .cmsms_sitemap > li ul > li > a { font:16px/18px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } /* ====> Other <==== */ q, blockquote, .post.format-aside h6.entry-content { font:16px/24px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } .cmsms_shortcode_testimonials blockquote, q:before, blockquote:before { font-family:'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; } .tl-content:before, .tl-content:after, q:before, blockquote:before, .blog .post.format-quote .entry-header:before { font-family:'Droid Serif',serif; line-height:1.5; font-style:italic; font-weight:bold; } q:before, blockquote:before, .tl-content:before, .tl-content:after, .blog .post.format-quote .entry-header:before, .testimonial .tl-content blockquote:before, .opened-article .testimonial blockquote:before { font-size:30px; } span.dropcap { font:24px/48px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:bold; font-style:normal; } span.dropcap2 { font-size:42px; line-height:42px; } code { font:13px/18px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:300; font-style:normal; } small, small a, #wp-calendar caption, .tweet_text a, abbr, abbr a, .tab.lpr .tabs_tab strong, .cmsms_category *, .post .entry-header .cmsms_post_info span, .testimonial a.tl_company, .post .entry-header .cmsms_post_info *, .post .entry-header .cmsms_post_info .user_name, .post .entry-header .cmsms_post_info .published, .post .entry-header .cmsms_post_info .post-categories, .post_type_shortcode article .project_rollover .entry-meta .post_category a, .testimonial .tl_company, .testimonial .cmsms_tl_cat, .testimonial .cmsms_tl_cat a, .testimonial .tl_comments_wrap, .testimonial .tl_comments_wrap a, .testimonial .published, .post.format-quote .cmsms_author, #comments .comment-body .published, .comment-body .comment-edit-link, .cmsms_tags *, .cmsms_tags, .cmsms_tags li, .cmsms_tags li a, .cmsms_post_info span, .project ul.project_details li span.fl, .widget_custom_recent_testimonials_entries p, .tweet_text, .entry .project_navi span a, .cmsms_share, .tab.lpr .tabs_tab abbr, .headline p, .wp-caption-text, .pj_sort .button, .pj_sort .button_small, .pj_filter li a, .pj_filter a.pj_cat_filter, #cancel-comment-reply-link, input[type="submit"] { font:12px/18px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } .skill_item_colored > span, .comment-reply-link, .tab.lpr .tabs li a { font-family:'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif; } .comment-reply-link, .tab.lpr .tabs li a { font-size:11px; line-height:18px; } input, input[type="submit"], textarea, select, option, label, .cmsms_select span, .cmsms-form-builder p, .cmsms-form-builder .check_parent input[type="checkbox"]+label, .cmsms-form-builder .check_parent input[type="radio"]+label { font:12px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } /* ===================> Colors <================== */ /* ====> Content <==== */ body, .project ul.project_details li.published div, .project_sidebar .cmsms_like span, .cmsmsLike span, .tabs li a:hover, .tab.lpr .tabs li a:hover, .tab.lpr .tabs li.current a, .button.current, .button_small.current, .pj_filter_container:hover > a.pj_cat_filter, input[type="submit"]:hover, .button.current:hover, .button:hover, .button_small:hover, .button_medium.current, .button_medium:hover, .button_large.current, .button_large:hover { color:#727a7e; } .comment-reply-link, .button, .pricing_button, .button_small, .button_medium, .button_large, .bottom_inner .button, .bottom_inner .button_small, .bottom_inner .button_medium, .bottom_inner .button_large, .pj_sort_block .button_medium.current, .pj_sort_block .button_large.current, .featured_block, .colored_button, .colored_button:hover, .colored_title_inner *, .colored_banner *, .portfolio_inner .project_rollover *, .post_type_shortcode .project_rollover *, #cancel-comment-reply-link, input[type="submit"], .cmsms_pricing_table .cmsms_price_outer *, .percent_item_colored > span, .cmsms_info .cmsmsLike span, .cmsms_team_rollover * {color:#ffffff;} .bottom_inner h1, .bottom_inner h2.widgettitle, .bottom_inner h3, .bottom_inner h4, .bottom_inner h5, .bottom_inner h6 { color:#ffffff; } .bottom_inner, .bottom_inner .widget_portfolio_link, .bottom_inner code, .bottom_inner small, .bottom_inner abbr { color:#d1d3d4; } /* ====> Links <==== */ .tabs li a, .tab.lpr .tabs li a, ul.pj_filter_list li a, .portfolio_inner .project_rollover .entry-header .entry-title *, .post_type_shortcode .project_rollover .entry-header .entry-title *, .portfolio_inner .project_rollover .entry-header .entry-title a:hover, .post_type_shortcode .project_rollover .entry-header .entry-title a:hover, .portfolio_inner .project_rollover .entry-meta .cmsms_category a:hover, .post_type_shortcode .project_rollover .entry-meta .post_category a:hover {color:#ffffff;} .bottom_inner .button:hover, .bottom_inner .button_small:hover, .bottom_inner .button_medium:hover, .bottom_inner .button_large:hover, .bottom_inner .tab.lpr .tabs li a:hover, .bottom_inner .tab.lpr .tabs li.current a, .bottom_inner input[type="submit"]:hover {color:#d4d6d6;} a, .cmsms_sitemap > li ul > li ul li > a, .cms_archive li a, .jp-playlist li.jp-playlist-current div a, .post .entry-header .cmsms_post_info .published, ul.pj_filter_list li a:hover, ul.pj_filter_list li.current a, .jp-playlist li div a, .project_sidebar .cmsmsLike span:hover, .project_sidebar .cmsmsLike.active span, .project_sidebar .cmsmsLike.active span:hover, .cmsmsLike span:hover, .opened-article .cmsmsLike.active span, .rel_post_content a:hover, .jp-playlist li div a:hover, #wp-calendar #today, .color2, q:before, blockquote:before, .blog .post.format-quote .entry-header:before, .cmsms_info .cmsmsLike.active:hover span, .color_3 { color:#33bee5; } a:hover, .tabs li.current a, .jp-playlist li div a, .cmsms_sitemap > li ul > li ul li > a:hover, .cms_archive li a:hover { color:#727a7e; } .bottom_inner a, .bottom_inner .widget_links ul li a, .bottom_inner .footer_nav li a, .bottom_inner .widget_links ul li a, .bottom_inner .portfolio_inner .entry-title a, .bottom_inner abbr a { color:#B6C4CB; } .bottom_inner a:hover, .p_filter li a:hover, .related_posts_content div p a:hover, .bottom_inner .widget_links ul li a:hover, .bottom_inner .footer_nav li a:hover, .cmsms_shortcode_testimonials .cmsms_tags li a:hover, .entry-title a:hover { color:#33bee5; } /* ====> Navigation <==== */ #navigation li > a, #navigation li.current_page_item > a, #navigation li.current_page_ancestor > a, #navigation li.current-menu-ancestor > a { color:#ffffff; } #navigation li:hover > a:hover, #navigation li:hover > a { color:#ffffff; } #navigation li li > a { color:#4E5C64; } #navigation li li.current_page_item > a, #navigation li li.current-menu-ancestor > a, #navigation li li:hover > a:hover, #navigation ul li:hover > a { color:#33bee5; } /* ====> Headings <==== */ h1, h1 a, .logo { color:#4e5c64; } h2, h2 a, #reply-title { color:#4e5c64; } h3, h3 a { color:#4e5c64; } h4, h4 a { color:#4e5c64; } h5, h5 a { color:#4E5C64; } h6, h6 a, .tour li a, .accordion .acc a, .toggles .togg a { color:#4e5c64; } /* ====> Other <==== */ q, blockquote { color:#727a7e; } span.dropcap { color:#ffffff; } span.dropcap2 { color:#727A7E; } code { color:#727a7e; } small, abbr { color:#727a7e; } input, textarea, select, option, select option { color:#727a7e; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select option:hover, select option:focus, select:focus, select:focus option {color:#ffffff;} /* ====> Footer Content <==== */ #footer { color:#d1d3d4; } /* ====> Footer Links <==== */ #footer a, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a, #footer .footer_nav > li a { color:#b6c4cb; } #footer a:hover, #footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, #footer h6 a:hover, #footer .footer_nav > li.current-menu-ancestor a, #footer .footer_nav > li.current_page_item a, #footer .footer_nav > li a:hover { color:#33bee5; } /* ===================> Backgrounds and Borders <================== */ .button.current, .button_small.current, .button_medium.current, .button_large.current, .comment-reply-link:hover, .button_small.cmsms_share:hover, .pj_filter_container:hover > a.pj_cat_filter, .pj_sort a:hover, .pj_sort a.current, .button:hover, .button_small:hover, .tabs li a:hover, .tab.lpr .tabs li a:hover, .tabs li a.current, .tab.lpr .tabs li.current a, .button_medium:hover, .button_large:hover, input[type="submit"]:hover, .cmsms_content_block_hover:hover {background-color:#F8F8F8;} .cmsms_pricing_table .pricing_footer .pricing_button:hover {background-color:#F8F8F8 !important;} .bottom_inner .comment-reply-link:hover, .bottom_inner .tabs li a:hover, .bottom_inner .tab.lpr .tabs li a:hover, .bottom_inner .tab.lpr .tabs li.current a, .bottom_inner .button_small:hover, .bottom_inner .button_medium:hover, .bottom_inner .button_large:hover, .bottom_inner input[type="submit"]:hover {background-color:#495459;} .search_line input[type="submit"]:hover {background-color:transparent;} .cmsms_plus {background-color:#3A454B;} .cmsmsLike:hover, .cmsmsLike.active, .cmsms_info .cmsmsLike, .cmsms_info .cmsmsLike:hover, .cmsms_content_slider_parent ul.cmsms_slides_nav li a:hover, .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, .bottom_inner .cmsms_content_slider_parent ul.cmsms_slides_nav li a:hover, .bottom_inner .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, a.cmsms_content_next_slide:hover, .bottom_inner a.cmsms_content_next_slide:hover, a.cmsms_content_prev_slide:hover, .bottom_inner a.cmsms_content_prev_slide:hover, .responsive_nav span, span.dropcap, .comment-reply-link, #slide_top, .button, .button_small, .button_medium, .button_large, #cancel-comment-reply-link, input[type="submit"], a.cmsms_content_prev_slide:hover, a.cmsms_content_next_slide:hover, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-leftarrow.tparrows:hover, .tp-rightarrow.tparrows:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select option:hover, select option:focus, select:focus, select:focus option, .table thead, .tabs li a, .colored_title_inner, .table thead tr, #cancel-comment-reply-link { background-color:#33bee5; } code { border-top-color:#33bee5; } .cmsmsLike { border-color:#33bee5; } .bottom_inner input[type="text"]:focus, .bottom_inner input[type="password"]:focus, .bottom_inner textarea:focus, .bottom_inner select:focus, .bottom_inner select:focus option { border:1px solid #495459; border:1px solid rgba(255, 255, 255, .08); } .post .cmsms_tags li a:hover:before, .related_posts_content a img { border-color:#ebebeb; border-color:rgba(255, 255, 255, .08); } code {border-color:#ededed;} .glow_blue {background:#33bee5;} .glow_green {background:#6cc437;} .glow_yellow {background:#fabe09;} .glow_red {background:#f97a14;} .colored_title_inner.glow_blue {background-color:#33bee5;} .colored_title_inner.glow_green {background-color:#6cc437;} .colored_title_inner.glow_yellow {background-color:#fabe09;} .colored_title_inner.glow_red {background-color:#f97a14;} @media only screen and (min-width: 950px) and (max-width: 1439px) { .portfolio.three_columns .portfolio_inner .project_rollover .entry-meta .cmsms_category a, .portfolio.two_columns .portfolio_inner .project_rollover .entry-meta .cmsms_category a { font-size:12px; } .portfolio.two_columns .portfolio_inner .project_rollover .entry-header .entry-title a { font-size:16px; } } @media only screen and (max-width: 1024px) { #navigation li > a { color:#4E5C64; } #navigation ul li a { font:14px/18px 'Oxygen', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-weight:normal; font-style:normal; } } @media only screen and (max-width: 950px) { .portfolio.three_columns .portfolio_inner .project_rollover .entry-meta .cmsms_category a, .portfolio.two_columns .portfolio_inner .project_rollover .entry-meta .cmsms_category a {font-size:12px;} .portfolio.two_columns .portfolio_inner .project_rollover .entry-header .entry-title a {font-size:16px;} } @media only screen and (max-width: 768px) { .portfolio.two_columns .portfolio_inner .project_rollover .entry-header .entry-title, .portfolio.two_columns .portfolio_inner .project_rollover .entry-header .entry-title a, .portfolio.one_column .portfolio_inner .project_rollover .entry-header .entry-title, .portfolio.one_column .portfolio_inner .project_rollover .entry-header .entry-title a { font-size:18px; line-height:18px; } .portfolio.two_columns .portfolio_inner .project_rollover .entry-meta, .portfolio.two_columns .portfolio_inner .project_rollover .entry-meta a, .portfolio.one_column .portfolio_inner .project_rollover .entry-meta, .portfolio.one_column .portfolio_inner .project_rollover .entry-meta a {font-size:13px;} } @media only screen and (min-width: 401px) and (max-width: 540px) { .project_rollover .entry-header .entry-title, .project_rollover .entry-header .entry-title a, .portfolio.three_column .portfolio_inner .project_rollover .entry-header .entry-title, .portfolio.three_column .portfolio_inner .project_rollover .entry-header .entry-title a { font-size:18px; line-height:18px; } .post_type_shortcode article .project_rollover .entry-meta .post_category a, .project_rollover .entry-meta, .project_rollover .entry-meta a, .portfolio.three_column .portfolio_inner .project_rollover .entry-meta, .portfolio.three_column .portfolio_inner .project_rollover .entry-meta a {font-size:13px;} } /* ===================> Navigation Hover Background Colors <================== */ #navigation > li:hover, #navigation > li.current_page_item > a, #navigation > li.current-menu-ancestor > a, .tour > li a:hover, .tour > li.current a { background-color:#33bee5; } #navigation > li + li:hover, #navigation > li + li.current_page_item > a, #navigation > li + li.current-menu-ancestor > a, .tour > li + li a:hover, .tour > li + li.current a { background-color:#fabe09; } #navigation > li + li + li:hover, #navigation > li + li + li.current_page_item > a, #navigation > li + li + li.current-menu-ancestor > a, .tour > li + li + li a:hover, .tour > li + li + li.current a { background-color:#6cc437; } #navigation > li + li + li + li:hover, #navigation > li + li + li + li.current_page_item > a, #navigation > li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li a:hover, .tour > li + li + li + li.current a { background-color:#f97a14; } #navigation > li + li + li + li + li:hover, #navigation > li + li + li + li + li.current_page_item > a, #navigation > li + li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li + li a:hover, .tour > li + li + li + li + li.current a { background-color:#e94f4f; } #navigation > li + li + li + li + li + li:hover, #navigation > li + li + li + li + li + li.current_page_item > a, #navigation > li + li + li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li + li + li a:hover, .tour > li + li + li + li + li + li.current a { background-color:#48dcb8; } #navigation > li + li + li + li + li + li + li:hover, #navigation > li + li + li + li + li + li + li.current_page_item > a, #navigation > li + li + li + li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li + li + li + li a:hover, .tour > li + li + li + li + li + li + li.current a { background-color:#33bee5; } #navigation > li + li + li + li + li + li + li + li:hover, #navigation > li + li + li + li + li + li + li + li.current_page_item > a, #navigation > li + li + li + li + li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li + li + li + li + li a:hover, .tour > li + li + li + li + li + li + li + li.current a { background-color:#de5c8d; } #navigation > li + li + li + li + li + li + li + li + li:hover, #navigation > li + li + li + li + li + li + li + li + li.current_page_item > a, #navigation > li + li + li + li + li + li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li + li + li + li + li + li a:hover, .tour > li + li + li + li + li + li + li + li + li.current a { background-color:#db4141; } #navigation > li + li + li + li + li + li + li + li + li + li:hover, #navigation > li + li + li + li + li + li + li + li + li + li.current_page_item > a, #navigation > li + li + li + li + li + li + li + li + li + li.current-menu-ancestor > a, .tour > li + li + li + li + li + li + li + li + li + li a:hover, .tour > li + li + li + li + li + li + li + li + li + li.current a { background-color:#3387e5; } /* ===================> Post Formats Icons Colors <================== */ .format-standard .cmsms_post_format_img, .format-standard .project_rollover { background-color:#fabe09; } .format-aside .cmsms_post_format_img, .format-aside .project_rollover { background-color:#f97a14; } .format-quote .cmsms_post_format_img, .format-quote .project_rollover { background-color:#6dc437; } .format-link .cmsms_post_format_img, .format-link .project_rollover { background-color:#3c9ef1; } .format-image .cmsms_post_format_img, .format-image .project_rollover { background-color:#de5c8d; } .format-gallery .cmsms_post_format_img, .format-gallery .project_rollover { background-color:#e94f4f; } .blog .format-video .cmsms_post_format_img, .format-video .project_rollover { background-color:#48dcb8; } .format-audio .cmsms_post_format_img, .format-audio .project_rollover { background-color:#bc9ee5; } /* ================> Portfolio Project Formats Colors <=============== */ .format-album .project_rollover { background-color:#6cc437; } .format-slider .project_rollover { background-color:#fabe09; } .format-video .project_rollover { background-color:#f97a14; } /* =================> Social Icons Background Colors <================ */ #header .social_icons li { background-color:#e2e3e4; background-color:rgba(58, 69, 75, 0.15); } #footer .social_icons li { background-color:#495459; background-color:rgba(255, 255, 255, 0.08); } #header .social_icons li:nth-child(1):hover, #footer .social_icons li:nth-child(1):hover {background-color:#375dae;} #header .social_icons li:nth-child(2):hover, #footer .social_icons li:nth-child(2):hover {background-color:#fe3432;} #header .social_icons li:nth-child(3):hover, #footer .social_icons li:nth-child(3):hover {background-color:#30b2e3;} #header .social_icons li:nth-child(4):hover, #footer .social_icons li:nth-child(4):hover {background-color:#3dd7e1;} #header .social_icons li:nth-child(5):hover, #footer .social_icons li:nth-child(5):hover {background-color:#0076be;}