/*
Theme Name: CUSP
Theme URI:
Description: Theme for CUSP - Centre for the Understanding of Sustainable Prosperity
Author: kultur.work
Author URI: http://www.kultur.work
Template: scene
Version: 1.0.0
*/
@import url("../scene/style.css");
/* Theme customisation starts here
-------------------------------------------------------------- */
/*
01. BODY BACKGROUND ________________________________________________________ */
html{
background: #ffffff;
}
/*
02. MAIN PLATE BACKGROUND __________________________________________________ */
.outter-wrapper, .text-seperator-line h5, .comment-num, fieldset.boxy fieldset, .mosaic-backdrop,
ul.graphs > li, ul.review-graph > li .rate-span, ul.comments .even, .maintenance_notice, .text-seperator-line .btn, .text-seperator-line .btn:hover
/* WOO COMMERCE */,
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active
/* ROYAL SLIDER */,
.Canon_Slider_1 .rsThumb.rsNavSelecteds, .Canon_Slider_3 .rsThumb.rsNavSelected, .Canon_Slider_1 .rsThumb:nth-child(odd){
background-color: #fff;
}
/*
03. GENERAL BODY TEXT ______________________________________________________ */
html, button, input, select, textarea, .comment-num {
color: #222222;
}
/*
04. BODY LINK TEXT _________________________________________________________ */
.body-wrapper a, .boxy blockquote cite, ul.comments li .more a:nth-child(2):before, div.widget ul li:before
/* VC SUPPORT */,
.wpb_toggle, .text-seperator-line a.btn:hover, .text-seperator-line a.btn, .widget.woocommerce ul.product-categories li:before {
color: #228899;
font-weight: bold;
}
/*
05. BODY LINK TEXT HOVER ___________________________________________________ */
.body-wrapper a:hover, ul.tab-nav li:hover, a.title:hover *, a:hover *, .link-multipages a:hover
/* VC SUPPORT */,
.wpb_toggle:hover, .wpb_tour_tabs_wrapper .wpb_tabs_nav li a:hover, .text-seperator-line a.btn:hover
/* ROYAL SLIDER */,
.canonSlider .feat-title h6.meta a:hover {
color: #1a3e54;
}
/*
06. MAIN HEADINGS TEXT ___________________________________________________ */
h1, h2, h3, h4, h5, h6
/* WOO COMMERCE */,
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, .summary.entry-summary .price span, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, mark{
color: #222222;
}
h1 {
font-size: 1.7em;
color: #222222;
letter-spacing: 3px;
font-weight: black;
}
h2 {
font-size: 1em;
letter-spacing: 1.5px;
line-height: 16px;
}
h3 {
font-size: 1em;
line-height: 1.45em;
letter-spacing: 0.5px;
}
.titlepost{
font-size: 0.85em;
font-weight: 600;
line-height: 1.2em;
letter-spacing: 0.5px;
color: #222222;
}
h4 { font-size: 1.05em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
}
/*
07. SECONDARY BODY TEXT ___________________________________________________ */
.scene_more_posts .meta, .tweet .meta, .post-date, .rss-date, .review-box .star-rating, .multi_navigation_hint
/* WOO COMMERCE */,
.woocommerce-result-count, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, .summary.entry-summary .price del span, .woocommerce .cart-collaterals .cart_totals p small, .woocommerce-page .cart-collaterals .cart_totals p small, .woocommerce .star-rating:before, .woocommerce-page .star-rating:before{
color: #adadad;
}
/*
08. LOGO AS TEXT ___________________________________________________________ */
.outter-wrapper .logo.logo-text a{
color: #222222;
}
/*
09. PRE HEADER BLOCK BACKGROUND ____________________________________________ */
.outter-wrapper.pre-header-area, .breadcrumb-wrapper{
background: #4c565c;
}
/*
10. PRE HEADER BLOCK TEXT __________________________________________________ */
.outter-wrapper.pre-header-area ul.social-links li a, .outter-wrapper.pre-header-area a{
color: #ffffff;
}
/*
11. PRE HEADER BLOCK TEXT HOVER ______________________________________________ */
.outter-wrapper.pre-header-area ul.social-links li a:hover,
.outter-wrapper.pre-header-area a:hover, .outter-wrapper.pre-header-area a:hover *{
color: #ff6666;
}
/*
12. HEADER BLOCK BACKGROUND ____________________________________________ */
.outter-wrapper.header-area, .header-area #navigation, .header-area.nav-container,
.header-area nav ul ul{
background: #1f2528;
}
/*
13. HEADER BLOCK TEXT __________________________________________________ */
.outter-wrapper.header-area ul.social-links li a, .outter-wrapper.header-area a{
color: #ffffff;
}
/*
14. HEADER BLOCK TEXT HOVER ________________________________________________ */
.outter-wrapper.header-area ul.social-links li a:hover, .outter-wrapper.header-area a:hover, .outter-wrapper.header-area a:hover *{
color: #ff6666;
}
/*
15. POST HEADER BLOCK BACKGROUND ______________________________________________ */
.outter-wrapper.post-header-area, .post-header-area #navigation, .post-header-area.nav-container,
.post-header-area.nav-container nav ul{
background: #606d74;
}
/*
16. POST HEADER BLOCK TEXT ____________________________________________________ */
.post-header-area, .post-header-area a {
color: #ffffff;
}
/*
17. POST HEADER BLOCK TEXT HOVER____________________________________________________ */
.post-header-area a:hover, .post-header-area a:hover * {
color: #ff6666;
}
/*
18. TERTIARY MENU BLOCK BACKGROUND ____________________________________________ */
#nav ul ul, .tab-nav li, h3.v_nav, .text-seperator-bar .btn, .post-header-area.nav-container nav ul ul ul,
.header-style-4 nav ul ul ul
/* VC SUPPORT */,
.wpb_tabs .wpb_tabs_nav li, .wpb_tabs .wpb_tabs_nav li:hover {
background: #4c565c;
}
/*
19. SIDR BLOCK BACKGROUND ______________________________________________ */
.sidr, .ui-autocomplete li {
background: #20272b;
}
/*
20. SIDR MENU TEXT ______________________________________________________ */
.sidr a, .ui-autocomplete li a{
color: #fff;
}
/*
22. FEATURE TEXT COLOR 1 ______________________________________________________ */
.feat-1, .feat-1 *, .feat-1 a, a.feat-1, .sidr a:hover, .breadcrumb-wrapper a:hover, .breadcrumb-wrapper a:hover *, h1 span, h2 span, h3 span, .highlight, .highlight:before, .highlight:after, blockquote cite, a.feat-title:hover, ul.comments .meta a, .paging .meta, .paging .col-1-2:before, .paging .col-1-2:after, nav li.fa:before, .logo.logo-text a:hover, .canon_animated_number h1.super, .statistics li em, .page-numbers .current, .sticky:before, a.toggle-btn.active:after, a.accordion-btn.active:after, a.sc_toggle-btn.active:after, a.sc_accordion-btn.active:after, a.toggle-btn.active, a.accordion-btn.active, a.sc_toggle-btn.active, a.sc_accordion-btn.active, .scene_fact h4.fittext, ol > li:before, .post ul li:before, .link-multipages a
/* VC SUPPPORT */,
.wpb_toggle_title_active, .wpb_tour .wpb_tabs_nav li.ui-tabs-active a, .ui-accordion-header-active a
/* WOO COMMERCE */,
.shipping_calculator h2 a, .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock, .woocommerce div.product .out-of-stock, .woocommerce #content div.product .out-of-stock, .woocommerce-page div.product .out-of-stock, .woocommerce-page #content div.product .out-of-stock
/* ROYAL SLIDER */,
.canonSlider .feat-title h6.meta, .canonSlider .feat-title h6.meta a, .canonSlider .rsThumb.rsNavSelected h3, .canonSlider .rsThumb h6, .canonSlider .rsThumb h6 a{
color: #ff6666;
}
.paging {
display: none;
}
/*
23. QUOTES TEXT ______________________________________________________________ */
.boxy blockquote, blockquote{
color: #555f64;
}
/*
24. WHITE TEXT _______________________________________________________________ */
.breadcrumb-wrapper, .breadcrumb-wrapper a, aside .widget-title, .tab-nav li, h3.v_nav, ol.sc_graphs li,
.post-tag-cloud li a:hover, .feat-block-1, .feat-block-2, .feat-block-3, .feat-block-4, .feat-block-5, .text-seperator-bar h5,
.text-seperator-bar .btn, .text-seperator-bar .btn:hover, .btn, input[type=button], input[type=submit], button, .mosaic-overlay *,
.search_controls li em, .widget_calendar caption, .flex-direction-nav a, .flex-direction-nav a:hover, .widget_rss .widget-title .rsswidget,
a.btn, a.btn:hover, .body-wrapper .btn:hover, .body-wrapper .flex-direction-nav a:hover
/* VC SUPPORT */,
.wpb_tabs .wpb_tabs_nav li a, .wpb_tabs .wpb_tabs_nav li.ui-tabs-active a:hover, .wpb_teaser_grid .categories_filter li.active a, .wpb_widgetised_column .widget .widget-title
/* WOO COMMERCE */,
.woocommerce span.onsale, .woocommerce-page span.onsale {
color: #ffffff;
}
/*
25. FOOTER BACKGROUND _________________________________________________________ */
.footer-wrapper {
background: #20272b;
opacity: 1em;
}
/*
26. BUTTON COLOR 1 ____________________________________________________________ */
.btn, .form-style-2 .btn, .form-style-2 input[type=button], input[type=button]:hover, input[type=submit]:hover, button:hover,
.form-style-2 input[type=submit], .form-style-2 button, .search_controls li
/* VC SUPPORT */,
.wpb_button_a .wpb_button.wpb_btn-inverse, .vc_btn_black
/* WOO COMMERCE */,
p.demo_store, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce-message:before, .woocommerce .shop_table.cart td.actions .button.alt, .woocommerce .shop_table.cart td.actions .button:hover, .woocommerce .woocommerce-message a.button:hover {
background: #228899;
}
/*
27. BUTTON COLOR 1 HOVER ______________________________________________________ */
.feat-block-1, .text-seperator-bar .btn:hover, .btn:hover, input[type=button], input[type=submit], button,
.post-tag-cloud li a:hover, .search_controls li:hover, .ui-state-focus,
.footer-wrapper .btn:hover, .footer-wrapper input[type=button]:hover, .footer-wrapper input[type=submit]:hover, .footer-wrapper button:hover,
.footer-wrapper .form-style-2 .btn:hover, .footer-wrapper .form-style-2 input[type=button]:hover, .footer-wrapper .form-style-2 input[type=submit]:hover,
.footer-wrapper .form-style-2 button:hover, .footer-wrapper .search_controls li:hover,
ul.graphs > li .rate-span div, ul.review-graph > li .rate-span div
/* VC SUPPORT */,
.wpb_teaser_grid .categories_filter li.active, .wpb_button_a .wpb_button.wpb_btn-inverse:hover, .vc_btn_black:hover
/* WOO COMMERCE */,
.woocommerce a.button:hover, .woocommerce button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce .shop_table.cart td.actions .button, .woocommerce .shop_table.cart td.actions .button.alt:hover, .woocommerce .woocommerce-message a.button, .product .cart button.single_add_to_cart_button:hover, #place_order:hover, .woocommerce span.onsale, .woocommerce-page span.onsale, .widget_price_filter .ui-slider .ui-slider-handle {
background: #ff6666;
}
/*
28. LIGHT BLOCKS BACKGROUND ___________________________________________________ */
table.table-style-1 tr:nth-child(2n+2), table.table-style-1 th, fieldset.boxy, .message.promo, .post-container .boxy, .boxy.author,
ul.comments .odd, .post-tag-cloud li a, .form-style-2 input[type=text], .form-style-2 input[type=email], .form-style-2 input[type=password],
.form-style-2 textarea, .form-style-2 input[type=tel], .form-style-2 input[type=range],.form-style-2 input[type=url],
.form-style-2 input[type=number], .boxy.review-box, .comments #respond.comment-respond, ul.sitemap > li > a
/* VC SUPPORT */,
.wpb_tour .wpb_tabs_nav li:hover, .wpb_teaser_grid .categories_filter li, .wpb_call_to_action, .vc_call_to_action, .wpb_gmaps_widget .wpb_wrapper,
.vc_progress_bar .vc_single_bar
/* WOO COMMERCE */,
input.input-text, .woocommerce ul.products li.product, .woocommerce ul.products li.product.last .woocommerce-page ul.products li.product, .col2-set.addresses .address, .woocommerce-message, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce #payment, .woocommerce-page #payment, .woocommerce-main-image img, input#coupon_code, .widget_price_filter .price_slider_wrapper .ui-widget-content
/* ROYAL SLIDER */,
.sceneDefault, .sceneDefault .rsOverflow, .sceneDefault .rsSlide, .sceneDefault .rsVideoFrameHolder, .sceneDefault .rsThumbs {
background: #f6f6f6;
}
/*
29. FEATURED TITLE BACKGROUND ___________________________________________________ */
.feat-title{
background: #ffffff;
}
/*
30. MENU BORDER COLOR ___________________________________________________ */
.post-header-area #navigation .nav li a, .header-area .nav ul#nav > li a, .sidr ul, .sidr ul li,
.post-header-area.nav-container nav ul > li > a, .header-style-4 nav > ul > li > a{
border-color: #2b363c;
}
/*
31. MAIN BORDER COLOR ___________________________________________________ */
.tab-contents, .body-wrapper ul.thumb-list li, .body-wrapper ul.wiget-comment-list li, hr, .text-seperator-line div,
blockquote.right, blockquote.left, pre, table.table-style-1, table.table-style-1 th, table.table-style-1 td, table.table-style-2,
table.table-style-2 th, table.table-style-2 td, .post-container, .sitemap div > ul,
.page-heading, .thumb-list.archive, ul.comments, .post-tag-cloud, .paging, .paging .col-1-2.prev, input[type=text], input[type=email],
input[type=password], textarea, input[type=tel], input[type=range], input[type=url], input[type=number], ul.toggle li, ul.accordion li,
ul.toggle li:first-child, ul.accordion li:first-child, .scene_more_posts li, aside .list-1 li, ul.statistics li, ul.tweets li.tweet,
.widget_archive ul li, .widget_calendar th, .widget_calendar td, .widget_categories ul li, .widget_nav_menu ul li, .widget_meta ul li,
.widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_tag_cloud .tagcloud a, .tabs-tags a, ul.graphs > li .rate-span,
ul.review-graph > li .rate-span, .widget_rss ul li, .cat-desription p:last-child, .canon-cleanTabs-container ul.tab-nav li,
ul.toggle li, ul.accordion li, ul.sc_toggle li, ul.sc_accordion li, .multi_nav_control, #comments_pagination .page-numbers:after
/* VC SUPPPORT */,
.vc_separator.vc_sep_color_grey .vc_sep_line, .wpb_toggle, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.wpb_tour .wpb_tabs_nav li, .wpb_tour .wpb_tour_tabs_wrapper .ui-tabs-panel, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .wpb_teaser_grid ul.categories_filter, .vc_toggle
/* WOO COMMERCE */,
ul.products li .price, ul.products li h3, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .col2-set.addresses .address, p.myaccount_user, .summary.entry-summary .price, .summary.entry-summary .price, .product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as, .product_meta span:first-child, .woocommerce-message, .related.products, .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text, .upsells.products, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register, .woocommerce #reviews #comments ol.commentlist, .widget_price_filter .price_slider_wrapper .ui-widget-content, .widget.woocommerce .tagcloud a, .widget.woocommerce ul.product_list_widget li, .widget.woocommerce ul.product-categories li
/* ROYAL SLIDER */,
.Canon_Slider_1 .rsThumb, .Canon_Slider_2 .rsThumbsVer, .Canon_Slider_3 .rsThumb, .Canon_Slider_3 .rsThumbsHor
{
border-color: #eaeaea;
font-variant-ligatures: none;
}
/*
32. FOOTER BORDER COLOR ___________________________________________________ */
.footer-wrapper .tag-cloud a, .footer-wrapper .col-1-5, .footer-wrapper ul.list-1 li, .footer-wrapper ul.list-2 li, .footer-wrapper ul.list-3 li,
.footer-wrapper .widget ul.toggle li, .footer-wrapper .widget ul.accordion li, .footer-wrapper .scene_more_posts li, .footer-wrapper ul.statistics li,
.footer-wrapper ul.tweets li.tweet, .footer-wrapper .widget_archive ul li, .footer-wrapper .widget_calendar th, .footer-wrapper .widget_calendar td,
.footer-wrapper .widget_categories ul li, .footer-wrapper .widget_nav_menu ul li, .footer-wrapper .widget_meta ul li, .footer-wrapper .widget_pages ul li,
.footer-wrapper .widget_recent_comments ul li, .footer-wrapper .widget_recent_entries ul li, .footer-wrapper .widget_tag_cloud .tagcloud a, .footer-wrapper .canon-cleanTabs-container ul.tab-nav li, .footer-wrapper .tabs-tags a, .footer-wrapper .thumb-list li, .footer-wrapper .canon-cleanTabs-container .tab_content,
.footer-wrapper ul.wiget-comment-list li,
.footer-wrapper .wrapper > .col-1-2, .footer-wrapper .wrapper > .col-1-3, .footer-wrapper .wrapper > .col-1-4, .footer-wrapper .wrapper > .col-1-5, .footer-wrapper .wrapper > .col-2-3, .footer-wrapper .wrapper > .col-3-4, .footer-wrapper .wrapper > .col-2-5, .footer-wrapper .wrapper > .col-3-5, .footer-wrapper .wrapper > .col-4-5{
border-color: #2b363c;
}
/*
33. FOOTER TEXT COLOR ___________________________________________________ */
.footer-wrapper, .footer-wrapper a, .footer-wrapper a *, .footer-wrapper .canon_animated_number h1.super, .footer-wrapper .canon_animated_number h1.super span,
.footer-wrapper .boxy blockquote, .footer-wrapper blockquote, .footer-wrapper .widget_calendar caption, .footer-wrapper .widget-title, .footer-wrapper .canon-cleanTabs-container .tab_content .thumb-list .meta.feat-1 * {
color: #ffffff;
}
/*
34. FOOTER LINK HOVER COLOR ___________________________________________________ */
.footer-wrapper a:hover, .footer-wrapper a:hover *, .footer-wrapper cite, .footer-wrapper .statistics li em,
.footer-wrapper .canon-cleanTabs-container ul.tab-nav li.active, .footer-wrapper .widget ul li:before{
color: #ff6666;
}
/*
35. SECONDARY FOOTER TEXT ___________________________________________________ */
.footer-wrapper .scene_more_posts .meta, .footer-wrapper .tweet .meta, .footer-wrapper .post-date{
color: #b6b6b6;
}
/*
36. SECONDARY FOOTER BLOCK ___________________________________________________ */
.footer-wrapper .widget_calendar caption, .footer-wrapper .btn, .footer-wrapper input[type=button], .footer-wrapper input[type=submit], .footer-wrapper button,
.footer-wrapper .form-style-2 .btn, .footer-wrapper .form-style-2 input[type=button], .footer-wrapper .form-style-2 input[type=submit], .footer-wrapper .form-style-2 button,
.footer-wrapper .search_controls li {
background: #2b363c;
}
/*
37. FORM ELEMENTS ___________________________________________________ */
input[type=text], input[type=email], input[type=password], textarea, input[type=tel], input[type=range], input[type=url],
input[type=number] {
background: #f4f4f4;
}
/*
38. BASELINE ___________________________________________________ */
.base-line{
background: #171e20;
}
/*
39. BASELINE TEXT___________________________________________________ */
.base-line *{
color: #b6b6b6;
}
/*
40. BASELINE TEXT HOVER ___________________________________________________ */
.base-line a:hover, .base-line a:hover *{
color: #ff6666;
}
/* ==========================================================================
02. FORMS & BUTTONS
========================================================================== */
form{
margin-top: 1.5em;
margin-bottom: 2em;
}
fieldset, fieldset.boxy{
padding: 1em;
border: none;
margin-top: 1em;
}
label{
padding-right: 1em;
}
input[type=text]{
} padding: 0.25em;
input[type=email], input[type=password], textarea, input[type=tel],
input[type=range], input[type=url], input[type=number]{
border: none;
padding: .75em 1em;
border-style: none;
border-width: 1px;
display: inline-block;
outline: none;
margin-bottom: 1em;
resize: none;
display: block;
width: 100%;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea{
width: 100%;
height: 140px;
display: block;
resize: none;
outline: none;
}
select, input[type=radio], input[type=checkbox] {
margin-bottom: 1em;
margin-right: 6px;
}
.error[generated=true] {
font-size: 14px;
}
input[type=submit]{
padding: 1em 1.5em;
font-size: 12px;
text-transform: uppercase;
}
.btn, input[type=button], button{
border: none;
padding: .75em 1.5em;
white-space: normal;
text-align: center;
display: inline-block;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
margin-bottom: .5em;
margin-top: 0em;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.xlarge-btn, input[type=button].xlarge-btn, input[type=submit].xlarge-btn, ul.toggle li a.xlarge-btn{
padding: 1em 1.75em;
font-size: 120%;
}
a.large-btn, input[type=button].large-btn, input[type=submit].large-btn, ul.toggle li a.large-btn{
padding: 1em 1.75em;
}
a.small-btn, input[type=button].small-btn, input[type=submit].small-btn, .widget input[type=submit], ul.toggle li a.small-btn{
font-size: 14px;
padding: .4em 1.2em;
}
a.xsmall-btn, input[type=button].xsmall-btn, input[type=submit].xsmall-btn, .pb_gallery .main .isotope_filter_menu li a, ul.toggle li a.xsmall-btn{
font-size: 12px;
padding: .2em 1em;
}
a.btn [class^="icon-"],
a.btn [class*=" icon-"]{
padding-right: 5px;
padding-left: 5px;
}
.body-wrapper .search-404 {
margin-bottom: 5em;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0px;
position: relative;
}
.body-wrapper .search-404 input{
margin: 0;
}
.body-wrapper .search-404 .btn{
position: absolute;
right: 0em;
top: 1em;
margin: 0;
}
.boxy.search-404{
background: none;
padding-left: 0;
padding-top: 0;
}
.boxy.search-404 .btn{
top: 0;
}
/* ==========================================================================
03. HEADER BASE STYLES
========================================================================== */
.logo img{
max-width: 300%;
}
.outter-wrapper .logo.logo-text{
max-width: 300%;
}
#navigation .nav > ul, .nav-container ul{
padding: 0;
margin: 0;
}
#navigation .nav > ul > li.right, .nav-container ul > li.right{
float: right;
}
.logo.logo-text a{
text-decoration: none;
}
.logo.logo-text{
line-height: 1;
}
.sticky_placeholder, .sticky_placeholder .outter-wrapper{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.boxed-page .sticky-header-wrapper{
position: relative;
margin: 0 auto;
-webkit-box-sizing: border-box ;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sticky-header-wrapper{
z-index: 1001;
position: relative;
}
ul.header_toolbar{
list-style-type: none;
}
ul.header_toolbar li{
cursor: pointer;
}
/* HEADER 3 */
.header-style-3 .logo{
display: inline-block;
text-align: left;
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
.header-style-3 #mobile-header {
left: 5px;
top: 5px;
text-align: right;
}
/* ==========================================================================
04. PRE HEADER AREA VARIATIONS
========================================================================== */
.outter-wrapper.pre-header-area {
text-transform: uppercase;
font-family: Source Sans Pro Light, Helvetica, Arial;
}
.pre-header-area .wrapper{
padding-top: 0;
padding-bottom: 0;
}
.pre-header-area .wrapper ul{
margin-bottom: .5em;
margin-top: .5em;
margin-left: 10;
position: relative;
top: 3px;
padding-left: 10px;
}
.pre-header-area .wrapper ul li{
list-style-type: none;
display: inline-block;
margin-right: .75em;
}
.pre-header-area .wrapper ul li:last-child{
margin-right: 0;
}
.post-header-area.nav-container nav > ul > li:last-child a {
border: medium none;
padding-right: 12px;
}
.pre-header-area .wrapper ul li a{
text-decoration: none;
font-size: 12px;
}
/* ==========================================================================
04. NAVIGATION
========================================================================== */
#mobile-header {
display: none;
width: 100%;
text-align: center;
}
.menuHideBtn{
display: none!important;
}
#sidr-id-closebtn{
text-align: right;
font-size: 24px;
}
#responsive-menu-button{
font-display: none;
font-family: Source Sans Pro, Arial;
font-size: 22px;
line-height: 45px;
text-transform: uppercase;
float: center;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
background-color: #1f272a;
}
#responsive-menu-button em{
font-size: 24px;
padding-right: 5px;
}
#responsive-menu-button img{
max-width: 100%;
width: 100%;
}
#navigation li a, .nav-container li a{
text-decoration: none;
}
.nav a,
nav a{
white-space: nowrap;
}
#nav ul,
nav ul ul {
position: absolute;
display: none;
z-index: 10000;
margin-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0;
}
#navigation .nav > ul > li,
.nav-container nav ul > li{
float: left;
}
#nav ul li,
#navigation nav ul ul li {
float: none;
margin: 0;
padding: 0.4em 0.4em 0.4em 0;
position: relative;
text-align: left;
display: block;
line-height: 1.5;
}
#nav ul li a,
nav ul li li a{
padding: .2em .9em;
}
#nav li:hover > ul, #nav li.nav-parent.hover ul,
nav ul li:hover > ul{
display: block;
}
#nav li:hover ul ul,
nav ul li:hover ul ul{
display: none!important;
position: absolute;
left: 100%;
top: 0;
}
#nav li:hover ul ul:before,
nav ul li:hover ul ul:before{
content:"";
display: block;
position: absolute;
left:-13px;
top:12px; /* you can adjust */
}
#nav ul li:hover ul,
nav ul ul li:hover ul {
display: block!important;
}
#nav ul li:last-child{
padding-bottom: .75em;
}
/* Centere Menu Option */
.centered-menu nav{
text-align: center;
text-transform: uppercase;
color: #fff;
box-sizing: 1.em;
}
.centered-menu a:hover {
}
.centered-menu nav > li,
.nav-container .centered-menu nav ul > li{
float: none!important;
display: inline-block;
}
nav li.fa{
display: inline-block;
}
nav li.fa:before{
display: inline-block;
position: relative;
left: 7px;
font-size: 90%;
}
nav li.fa a{
padding-left: 12px!important;
}
nav li.fa{
line-height: normal;
}
/* ==========================================================================
05. BREADCRUMBS (taken off)
========================================================================== */
.breadcrumb-wrapper, .breadcrumb-wrapper a{
font-size: 10px;
color: #c4d2ab;
background-color: #fafafa;
}
.breadcrumb-wrapper a{
text-decoration: none;
}
.breadcrumb-wrapper li:first-child a{
margin-right: 0em;
font-size: 14px;
}
.canon_breadcrumbs_separator{
padding-right: .5em;
padding-left: .5em;
}
.breadcrumb-wrapper a:first-child:after{
display: none;
}
.breadcrumb-wrapper {
overflow: hidden;
}
ul.canon_breadcrumbs {
list-style: none;
padding: 0;
margin: 0;
}
ul.canon_breadcrumbs li {
display: inline-block;
float: none;
}
/* TITLE DISPLAY */
.post .title, .post-title .title {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 0.925em;
color: #1a3e54;
line-height: 1.45em;
}
/* BLOG style */
.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
color: #ffffff;
background-color: #9cb7ad;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color: #FFF;
background-color: #588776;
}
.vc_btn3.vc_btn3-size-md {
font-family: Source Sans Pro, Helvetica;
font-size: 14px;
padding: 14px 20px;
}
/* ==========================================================================
15. COLUMNS
========================================================================== */
.full, .col-1-1{
width: 100%;
float: none;
}
.half, .col-1-2{
width: 48%;
margin-right: 4%;
float: left;
}
.third, .col-1-3{
width: 30%;
margin-right: 5%;
float: left;
}
.fourth, .col-1-4{
width: 22%;
margin-right: 4%;
float: left;
}
.fifth, .col-1-5{
width: 18%;
margin-right: 2.5%;
float: left;
}
.two-thirds, .col-2-3{
width: 65%;
margin-right: 5%;
float: left;
}
.three-fourths, .col-3-4{
width: 74%;
margin-right: 4%;
float: left;
}
.two-fifths, .col-2-5{
width: 36%;
margin-right: 3%;
float: left;
}
.three-fifths, .col-3-5{
width: 61%;
margin-right: 2%;
float: left;
}
.four-fifths, .col-4-5{
width: 78%;
margin-right: 4%;
float: left;
}
/* style footer */
.footertext1 {
font-size: 0.8em;
text-align: left;
}
/*GENERAL*/
.wrapper.logo-container {
padding-top: 10px;
padding-bottom: 10px;
outter-wrapper.breadcrumb-wrapper {
background-color: #59a18f;
}
.post h6.meta, h6.meta {
margin-bottom: 0.5em;
margin-top: 0px;
padding-left: 5%;
}
/* ==========================================================================
HELPER CLASSES
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.related-posts {
font-size: 0.8em;
}
.fa {
font-size-adjust: 0.9;
}
.last{
padding-right: 0!important;
margin-right: 0!important;
}
.first{
padding-left: 0!important;
margin-left: 0!important;
}
.centered{
text-align: center!important;
}
.tableless, .tableless th, .tableless tr, .tableless td{
background: none!important;
border: none!important;
padding: 0px!important;
}
.left{
float: left;
display: inherit;
}
.right{
float: right;
display: none;
}
img.left, .pad-right{
margin-right: 1em;
}
img.right, .pad-left{
margin-left: 1em;
}
.hide {
position: absolute;
top: -9999px;
left: -9999px;
}
/*Mailchimp button*/
.mailchimp-button {
bg-color: #228899;
}
.news-grid-text {
font-size: 0.8em;
line-height: 80%;
}
/* _____ breadcrumbs on project pages ________ */
.br-imitation {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: normal;
font-size:0.6em;
letter-spacing: 2px;
}
.br-imitation a:hover {
color:#1A3E54;
}
/* Social links on team page */
.soc {
border-radius: 2px;
width: 20px;
height: 20px;
}
/* archive*/
.mosaic-block {
position: absolute;
}
.li img {
margin-bottom: 1px;
}
/* Line Height latest news */
.meta-new a.meta-new {
color:#999999;
font-weight: normal;
}
/* Ligatures off */
.page-heading {
font-variant-ligatures: none;
}
/* -------------Repair after reinstall--------------------
-- Header --
in >> inc > templates > header > v3
-- Featured media ---
-- Title --
in >> inc/templates/template single
-- Commments --
in >> Comments.php
";
comments_number(__('No Replies yet','loc_canon'), __('1 Reply','loc_canon'), '% ' . __('Replies','loc_canon') );
echo "";
echo "";
-- IMAGE CAPTION --
in >> wp-content > plugins > js composer > assets > css > js.composer.min.css
.wpb_single_image .vc_figure-caption {
margin-top: 0.2em;
font-size: 0.6em;
font-style: italic;
color: #606060;
text-align: center;
}
-- ARCHIVE ---
in >> scene>css>mosaic
.mosaic-block {
position:absolute;
}
-- FILTER DISPLAY for news grid --- to copy to > wp-content > plugins > js composer > assets > css > js.composer.min.css
.vc_grid-filter.vc_grid-filter-center {
text-align: center;
font-size: 0.8em;
color: #e2ddb1;
}
EXCERPT ON PAGE ---- to copy to > Scene > functions.php
add_post_type_support( 'page', 'excerpt' );
*/