/*
Theme Name: Cookbook
Description: Multi-purpose Food Blog Theme
Theme URI: http://themeforest.net/
Author: ThemeCanon
Author URI: http://themecanon.com
Version: 1.15
Tags: light, dark, one-column, two-columns, three-columns, four-columns, right-sidebar, responsive-layout
License:
License URI:
*/
/* ==========================================================================
TABLE OF CONTENTS
01. Theme Colors
02. Theme Fonts
03. Typography
========================================================================== */
/******************************************************************************
01. THEME COLOURS
01. Body Background
02. Main Plate Background
03. General Body Text
04. Body Link Text
05. Body Link Text Hover
06. Main Headings
07. Secondary Body Text
08. Logo as Text
09. Pre Header Background
10. Pre Header Text
11. Pre Header Text Hover
12. Pre Header Tertiary Menu
13. Header Background
14. Header Text
15. Header Text Hover
16. Header 2nd Menu
17. Header 3rd menu
18. Post Header Background
19. Post Header Text
20. Post Header Text Hover
21. Post Header Tertiary Menu
22. Sidr Block Background
23. Sidr Block Text
24. Block Headings Background
25. Block Headings 2 Background
26. Feature Text Color 1
27. Quotes Text
28. White Text
29. Button Color 1
30. Button Color 1 Hover
31. Light Blocks Background
32. Featured Title Background
33. Menu Border Color
34. Main Border Color
35. Form Elements
36. Pre Footer Background
37. Pre Footer Text Color
38. Pre Footer Text Hover
39. Footer Background
40. Footer Text Color
41. Footer Text Hover
42. Footer Text Color 2
43. Footer Border Color
44. Secondary Footer Block
45. Baseline
46. Baseline Text
47. Baseline Text Hover
*******************************************************************************/
/*
01. BODY BACKGROUND ________________________________________________________ */
html{
background-color: #f1f1f1;
}
/*
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),
/* VC SUPPORT */
.wpb_tabs .wpb_tabs_nav li.ui-tabs-active,
.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:hover,
/* BUDDYPRESS */
#buddypress div.item-list-tabs ul li.selected,
#buddypress div.item-list-tabs ul li.current,
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
#buddypress .item-list-tabs.activity-type-tabs ul li.selected,
#bbpress-forums div.odd, #bbpress-forums ul.odd,
/* EVENTS CALENDAR */
.tribe-events-list-separator-month span,
.single-tribe_events .tribe-events-schedule .tribe-events-cost,
.tribe-events-sub-nav li a,
.tribe-events-calendar .tribe-events-tooltip,
.tribe-events-week .tribe-events-tooltip,
.recurring-info-tooltip {
background-color: #ffffff;
}
/*
03. GENERAL BODY TEXT ______________________________________________________ */
html,
button,
input,
select,
textarea,
.comment-num,
/* EVENTS CALENDAR */
.tribe-events-calendar .tribe-events-tooltip,
.tribe-events-week .tribe-events-tooltip,
.recurring-info-tooltip {
color: #222222;
}
/*
04. BODY LINK TEXT _________________________________________________________ */
.body-wrapper a,
.boxy blockquote cite,
ul.comments li .more a:nth-child(2):before,
/* REV SLIDER */
.tp-caption .read_more:hover,
/* VC SUPPORT */
.wpb_toggle,
.text-seperator-line a.btn:hover,
.text-seperator-line a.btn,
.widget.woocommerce ul.product-categories li:before {
color: #222222;
}
/*
05. BODY LINK TEXT HOVER ___________________________________________________ */
.body-wrapper a:hover,
ul.tab-nav li:hover, a.title:hover *,
a:hover *,
.link-multipages a:hover,
.text-seperator-line h5,
/* REV SLIDER */
.tp-caption .read_more,
/* VC SUPPORT */
.wpb_toggle:hover,
.wpb_tour_tabs_wrapper
.wpb_tabs_nav li a:hover,
.text-seperator-line a.btn:hover,
/* WOOCOMMERCE */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
/* ROYAL SLIDER */
.canonSlider .feat-title h6.meta a:hover,
/* BBPRESS */
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a,
/* EVENTS CALENDAR */
.tribe-events-list-separator-month span,
.tribe-events-sub-nav li a,
.tribe-events-tooltip .date-start.dtstart,
.tribe-events-tooltip .date-end.dtend,
.single-tribe_events .tribe-events-schedule .tribe-events-cost,
.tribe-bar-active a {
color: #c3ad70;
}
/*
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,
/* BBPRESS*/
#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-permalink,
/* BUDDYPRESS */
#buddypress .activity-meta a.bp-primary-action span,
/* EVENTS CALENDAR */
.single-tribe_events .tribe-events-schedule * {
color: #222222;
}
/*
07. SECONDARY BODY TEXT ___________________________________________________ */
.cookbook_more_posts .meta,
.tweet .meta,
.post-date,
.rss-date,
.review-box .star-rating,
.multi_navigation_hint,
p.link-pages,
/* 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,
/* BBPRESS*/
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink,
#bbpress-forums .bbp-topic-header .bbp-meta a.bbp-topic-permalink,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a,
/* BUDDYPRESS */
#buddypress div#item-header div#item-meta,
/* EVENTS CALENDAR */
.tribe-events-sub-nav li a:hover,
.tribe-events-event-meta .tribe-events-venue-details,
.tribe-events-thismonth div:first-child,
.tribe-events-list-widget ol li .duration,
.tribe-bar-views-list li:before {
color: #adadad;
}
/*
08. LOGO AS TEXT ___________________________________________________________ */
.outter-wrapper .logo.logo-text a{
color: #222222;
}
/*
09. PRE HEADER BLOCK BACKGROUND ____________________________________________ */
.outter-wrapper.pre-header-container,
.pre-header-container .nav ul,
.outter-wrapper.search-header-container{
background-color: #4c565c;
}
/*
10. PRE HEADER BLOCK TEXT __________________________________________________ */
.pre-header-container,
.pre-header-container *,
.pre-header-container a,
.pre-header-container a *,
.pre-header-container .hasCountdown * {
color: #ffffff;
}
/*
11. PRE HEADER BLOCK TEXT HOVER ______________________________________________ */
.pre-header-container a:hover, .pre-header-container a:hover *,
.pre-header-container li.current-menu-ancestor > a,
.pre-header-container .sub-menu li.current-menu-ancestor > a:hover,
.pre-header-container li.current-menu-item > a{
color: #c3ad70;
}
/*
12. PRE HEADER TERTIARY MENU BACKGROUND _________________________________________________ */
.pre-header-container ul ul.sub-menu ul.sub-menu,
.pre-header-container ul li:hover ul ul:before{
background-color: #333d43;
}
/*
13. HEADER BLOCK BACKGROUND ____________________________________________ */
.outter-wrapper.header-container,
.header-container .nav ul{
background-color: #ffffff;
}
/*
14. HEADER BLOCK TEXT __________________________________________________ */
.header-container,
.header-container *,
.header-container a,
.header-container a *,
.header-container .hasCountdown * {
color: #222222;
}
/*
15. HEADER BLOCK TEXT HOVER ________________________________________________ */
.header-container a:hover,
.header-container a:hover *,
.header-container li.current-menu-ancestor > a,
.header-container li.current-menu-ancestor.fa:before,
.header-container li.current-menu-item.fa:before,
.header-container li:hover.fa:before,
.header-container .sub-menu li.current-menu-ancestor > a:hover,
.header-container li.current-menu-item > a{
color: #c3ad70;
}
/*
16. HEADER CONTAINER 2nD MENU __________________________________________________ */
.header-container .nav li ul:before,
.header-container .nav li ul{
background-color: #fafafa;
}
/*
17. HEADER CONTAINER 3RD MENU __________________________________________________ */
.header-container .nav li:hover ul ul,
.header-container .nav li:hover ul ul:before{
background-color: #f1f1f1;
}
/*
18. POST HEADER BLOCK BACKGROUND ______________________________________________ */
.outter-wrapper.post-header-container,
.post-header-container .nav ul{
background-color: #1f272a;
}
/*
19. POST HEADER BLOCK TEXT ____________________________________________________ */
.post-header-container,
.post-header-container *,
.post-header-container a,
.post-header-container a *,
.post-header-container .hasCountdown * {
color: #ffffff;
}
/*
20. POST HEADER BLOCK TEXT HOVER____________________________________________________ */
.post-header-container a:hover,
.post-header-container a:hover *,
.post-header-container li.current-menu-ancestor > a,
.post-header-container .sub-menu li.current-menu-ancestor > a:hover,
.post-header-container li.current-menu-item > a,
.post-header-container .toolbar-search-btn *:hover {
color: #c3ad70;
}
/*
21. POST TERTIARY MENU BACKGROUND _________________________________________________ */
.post-header-container .nav li:hover ul ul,
.post-header-container .nav li:hover ul ul:before{
background-color: #141312;
}
/*
21. HEADER IMAGE TEXT _________________________________________________ */
.pre-header-container.image-header-container .header_img_text *,
.header-container.image-header-container .header_img_text *,
.post-header-container.image-header-container .header_img_text *{
color: #ffffff;
}
/*
22. SIDR BLOCK BACKGROUND ______________________________________________ */
.sidr,
.ui-autocomplete li {
background-color: #20272b;
}
/*
23. SIDR MENU TEXT ______________________________________________________ */
.sidr a,
.ui-autocomplete li a,
.ui-autocomplete li{
color: #fff;
}
/*
24. BLOCK HEADINGS BACKGROUND ______________________________________________ */
.tab-nav li.active,
h3.v_nav.v_active,
.text-seperator-bar,
.widget_calendar caption {
background-color: #20272b;
}
/*
25. 2ND BLOCK HEADINGS BACKGROUND ______________________________________________ */
.tab-nav li,
h3.v_nav,
.text-seperator-bar .btn:hover {
background-color: #4c565c;
}
/*
26. 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,
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,
.cookbook_fact h4.fittext,
ol > li:before,
div.widget ul li:before,
.post ul li:before,
.link-multipages a,
.tc-info-box ul.tc-info-box-ul li:before,
.widget_tag_cloud .tagcloud a:before,
.page-numbers.current,
.ui-autocomplete li.ui-state-focus,
/* 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,
/* BBPRESS*/
#bbpress-forums .bbp-forum-title:hover,
#bbpress-forums .bbp-topic-permalink:hover,
.bbp-forum-header a.bbp-forum-permalink:hover,
.bbp-topic-header a.bbp-topic-permalink:hover,
.bbp-reply-header a.bbp-reply-permalink:hover,
#bbpress-forums .bbp-topic-header .bbp-meta a.bbp-topic-permalink:hover,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a:hover,
.widget_display_stats dl dd strong,
/* BUDDYPRESS */
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
/* EVENTS CALENDAR */
#tribe-bar-collapse-toggle:hover{
color: #c3ad70;
}
/*
27. QUOTES TEXT ______________________________________________________________ */
.boxy blockquote,
blockquote{
color: #555f64;
}
/*
28. WHITE TEXT _______________________________________________________________ */
.breadcrumb-wrapper,
.breadcrumb-wrapper a,
.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,
.widget.cookbook_social_links ul.social-links:not(.standard) li a,
.widget.cookbook_social_links ul.social-links:not(.standard) li a:hover *,
/* VC SUPPORT */
.wpb_teaser_grid .categories_filter li.active a,
/* WOO COMMERCE */
.woocommerce span.onsale,
.woocommerce-page span.onsale,
/* BBPRESS*/
#bbp_reply_submit,
button.button,
.bbp-pagination-links a.next.page-numbers,
.bbp-pagination-links a.prev.page-numbers,
.bbp-logged-in .button.logout-link,
/* BUDDYPRESS */
#buddypress button,
#buddypress a.button,
#buddypress input[type="submit"],
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button,
#buddypress button:hover,
#buddypress a.button:hover,
#buddypress input[type="submit"]:hover,
#buddypress input[type="button"]:hover,
#buddypress input[type="reset"]:hover,
#buddypress ul.button-nav li a:hover,
#buddypress div.generic-button a:hover,
#buddypress .comment-reply-link:hover,
a.bp-title-button:hover,
#buddypress #profile-edit-form ul.button-nav li a,
.bp-login-widget-user-links .bp-login-widget-user-logout a,
/* EVENTS CALENDAR */
.tribe-events-event-cost span,
a.tribe-events-read-more,
a.tribe-events-read-more:hover,
.tribe-events-list-widget .tribe-events-widget-link a {
color: #ffffff;
}
/*
29. BUTTON COLOR 1 ____________________________________________________________ */
.btn,
input[type=button],
input[type=submit],
button,
.feat-block-1,
.search_controls li,
.post-tag-cloud li a:hover,
.search_controls li:hover,
.ui-state-focus,
ul.graphs > li .rate-span div,
ul.review-graph > li .rate-span div,
.widget.cookbook_social_links ul.social-links:not(.standard) li a,
/* VC SUPPORT */
.wpb_teaser_grid .categories_filter li.active,
.wpb_button_a .wpb_button.wpb_btn-inverse:hover,
.vc_btn_black:hover,
.vc_btn-juicy_pink,
a.vc_btn-juicy_pink,
button.vc_btn-juicy_pink,
/* WOO COMMERCE */
.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,
.widget_price_filter .ui-slider .ui-slider-handle,
/* BBPRESS */
#bbp_reply_submit,
button.button,
.bbp-logged-in .button.logout-link,
.bbp-pagination-links a.next.page-numbers,
.bbp-pagination-links a.prev.page-numbers,
/* BUDDYPRESS */
#buddypress button,
#buddypress a.button,
#buddypress input[type="submit"],
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button,
#buddypress #profile-edit-form ul.button-nav li a,
.bp-login-widget-user-logout a,
/* EVENTS CALENDAR */
.tribe-events-list-widget .tribe-events-widget-link a,
.tribe-events-read-more,
.tribe-events-calendar .tribe-events-has-events:after,
/* GRAVITY FORMS */
.gf_progressbar_percentage {
background-color: #c3ad70;
}
/*
30. BUTTON COLOR 1 HOVER ______________________________________________________ */
.btn:hover,
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.widget.cookbook_social_links ul.social-links:not(.standard) li a:hover,
/* VC SUPPORT */
.wpb_button_a .wpb_button.wpb_btn-inverse,
.vc_btn_black,
.vc_btn-juicy_pink:hover,
a.vc_btn-juicy_pink:hover,
button.vc_btn-juicy_pink:hover,
/* WOO COMMERCE */
p.demo_store,
.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,
/* BBPRESS */
#bbp_reply_submit:hover,
button.button:hover,
.bbp-pagination-links a.next.page-numbers:hover,
.bbp-pagination-links a.prev.page-numbers:hover,
.bbp-logged-in .button.logout-link:hover,
/* BUDDYPRESS */
#buddypress button:hover,
#buddypress a.button:hover,
#buddypress input[type="submit"]:hover,
#buddypress input[type="button"]:hover,
#buddypress input[type="reset"]:hover,
#buddypress ul.button-nav li a:hover,
#buddypress div.generic-button a:hover,
#buddypress .comment-reply-link:hover,
a.bp-title-button:hover,
#buddypress #profile-edit-form ul.button-nav li a:hover,
.bp-login-widget-user-logout a:hover,
/* EVENTS CALENDAR */
.tribe-events-read-more:hover,
.tribe-events-list-widget .tribe-events-widget-link a:hover,
.tribe-events-event-cost span {
background-color: #20272b;
}
/*
31. 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,
.tc-info-box,
/* VC SUPPORT */
.wpb_tour_next_prev_nav span,
.wpb_tour_next_prev_nav span,
.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,
.wpb_tabs .wpb_tabs_nav li,
.wpb_tabs .wpb_tabs_nav li:hover,
.Canon_Slider_3 .rsThumb,
/* 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,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
/* ROYAL SLIDER */
.cookbookDefault,
.cookbookDefault .rsOverflow,
.cookbookDefault .rsSlide,
.cookbookDefault .rsVideoFrameHolder,
.cookbookDefault .rsThumbs,
/* BUDDYPRESS */
#bbpress-forums li.bbp-header,
#bbpress-forums div.even,
#bbpress-forums ul.even,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header,
/* EVENTS CALENDAR */
.tribe-events-sub-nav li a:hover,
.tribe-events-loop .hentry,
.tribe-events-tcblock {
background-color: #f6f6f6;
}
/*
32. FEATURED TITLE BACKGROUND ___________________________________________________ */
.feat-title{
background-color: #ffffff;
}
/*
33. MENU BORDER COLOR ___________________________________________________ */
.post-header-container #navigation .nav li a,
.header-container .nav ul#nav > li a,
.sidr ul,
.sidr ul li,
.post-header-container.nav-container nav ul > li > a,
.header-style-4 nav > ul > li > a{
border-color: #2b363c!important;
}
/*
34. 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,
.cookbook_more_posts li,
aside .list-1 li,
ul.statistics li,
ul.tweets li.tweet,
.widget ul li,
.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,
img.avatar,
.tc-info-box-meta,
.widget-title,
p.link-pages,
/* VC SUPPPORT */
.wpb_tabs .wpb_tabs_nav li,
.vc_separator.vc_sep_color_grey .vc_sep_line,
.vc_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,
/* 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,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td,
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th,
.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
/* ROYAL SLIDER */
.Canon_Slider_1 .rsThumb,
.Canon_Slider_2 .rsThumbsVer,
.Canon_Slider_3 .rsThumb,
.Canon_Slider_3 .rsThumbsHor,
.Canon_Slider_2 .rsThumb,
/* BBPRESS */
#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
#bbp-user-navigation ul li,
.widget_display_stats dl dt,
.widget_display_stats dl dd,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
textarea#bbp_reply_content,
#bbp_topic_content,
#bbpress-forums li.bbp-header li.bbp-forum-freshness,
#bbpress-forums li.bbp-body li.bbp-forum-freshness,
#bbpress-forums li.bbp-header li.bbp-topic-freshness,
#bbpress-forums li.bbp-body li.bbp-topic-freshness,
/* BUDDYPRESS */
#buddypress .item-list-tabs ul li,
#buddypress #item-nav .item-list-tabs ul,
#buddypress div#subnav.item-list-tabs,
#buddypress #subnav.item-list-tabs li,
#bp-login-widget-form,
#buddypress #members-directory-form div.item-list-tabs ul li,
#buddypress #members-directory-form div.item-list-tabs ul,
#buddypress .activity-comments ul li,
#buddypress div.activity-comments > ul > li:first-child,
#buddypress .item-list-tabs.activity-type-tabs ul,
#buddypress div.item-list-tabs ul li a span,
#bbpress-forums fieldset.bbp-form,
/* EVENTS CALENDAR */
#tribe-bar-form,
#tribe-bar-views,
.tribe-events-list-separator-month,
.tribe-events-loop .hentry,
.tribe-events-sub-nav li a,
.events-archive.events-gridview #tribe-events-content table .vevent,
.single-tribe_events .tribe-events-schedule,
.tribe-events-single-section.tribe-events-event-meta,
.single-tribe_events #tribe-events-footer,
.tribe-events-list-widget ol li,
.tribe-events-tcblock,
.tribe-events-calendar .tribe-events-tooltip,
.tribe-events-week .tribe-events-tooltip,
.recurring-info-tooltip,
.tribe-events-mobile.hentry.vevent,
#tribe-events-content .tribe-events-calendar td,
#tribe-events-content table.tribe-events-calendar,
.tribe-events-loop .vevent.tribe-events-last,
.tribe-events-list .vevent.hentry.tribe-event-end-month,
/* GRAVITY FORMS */
.gf_progressbar {
border-color: #eaeaea;
}
/*
35. FORM ELEMENTS ___________________________________________________ */
input[type=text],
input[type=email],
input[type=password],
textarea,
input[type=tel],
input[type=range],
input[type=url],
input[type=number],
/* BUDDYPRESS */
#buddypress .item-list-tabs ul li,
#buddypress .standard-form textarea,
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="color"],
#buddypress .standard-form input[type="date"],
#buddypress .standard-form input[type="datetime"],
#buddypress .standard-form input[type="datetime-local"],
#buddypress .standard-form input[type="email"],
#buddypress .standard-form input[type="month"],
#buddypress .standard-form input[type="number"],
#buddypress .standard-form input[type="range"],
#buddypress .standard-form input[type="search"],
#buddypress .standard-form input[type="tel"],
#buddypress .standard-form input[type="time"],
#buddypress .standard-form input[type="url"],
#buddypress .standard-form input[type="week"],
#buddypress .standard-form select,
#buddypress .standard-form input[type="password"],
#buddypress .dir-search input[type="search"],
#buddypress .dir-search input[type="text"],
#buddypress form#whats-new-form textarea,
#buddypress div.activity-comments form textarea,
#buddypress div.item-list-tabs ul li.selected a span,
#buddypress div.item-list-tabs ul li.current a span {
background-color: #f4f4f4;
}
/*
36. PRE FOOTER ___________________________________________________ */
.outter-wrapper.pre-footer-container,
.pre-footer-container .nav ul {
background-color: #eaeaea;
}
/*
37. PRE FOOTER TEXT___________________________________________________ */
.pre-footer-container *{
color: #28292c;
}
/*
38. PRE FOOTER TEXT HOVER ___________________________________________________ */
.pre-footer-container a:hover,
.pre-footer-container a:hover *{
color: #c3ad70;
}
/*
39. MAIN FOOTER ___________________________________________________ */
.outter-wrapper.main-footer-container{
background-color: #272f33;
}
/*
40. MAIN FOOTER TEXT___________________________________________________ */
.main-footer-container *{
color: #e3e5e7;
}
/*
41. MAIN FOOTER TEXT HOVER ___________________________________________________ */
.main-footer-container a:hover,
.main-footer-container a:hover *{
color: #c3ad70;
}
/*
42. MAIN FOOTER SECONDARY TEXT ___________________________________________________ */
.main-footer-container .cookbook_more_posts .meta *,
.main-footer-container .tweet .meta,
.main-footer-container .post-date,
.main-footer-container .widget-title{
color: #ffffff;
}
/*
43. MAIN FOOTER BORDER COLOR ___________________________________________________ */
.main-footer-container .tag-cloud a,
.main-footer-container .col-1-5,
.main-footer-container ul.list-1 li,
.main-footer-container ul.list-2 li,
.main-footer-container ul.list-3 li,
.main-footer-container .widget ul.toggle li,
.main-footer-container .widget ul.accordion li,
.main-footer-container .cookbook_more_posts li,
.main-footer-container ul.statistics li,
.main-footer-container ul.tweets li.tweet,
.main-footer-container .widget_archive ul li,
.main-footer-container .widget_calendar th,
.main-footer-container .widget_calendar td,
.main-footer-container .widget_categories ul li,
.main-footer-container .widget_nav_menu ul li,
.main-footer-container .widget_meta ul li,
.main-footer-container .widget_pages ul li,
.main-footer-container .widget_recent_comments ul li,
.main-footer-container .widget_recent_entries ul li,
.main-footer-container .widget_tag_cloud .tagcloud a,
.main-footer-container .canon-cleanTabs-container ul.tab-nav li,
.main-footer-container .tabs-tags a,
.main-footer-container .thumb-list li,
.main-footer-container .canon-cleanTabs-container .tab_content,
.main-footer-container ul.wiget-comment-list li,
.main-footer-container .wrapper > .col-1-2,
.main-footer-container .wrapper > .col-1-3,
.main-footer-container .wrapper > .col-1-4,
.main-footer-container .wrapper > .col-1-5,
.main-footer-container .wrapper > .col-2-3,
.main-footer-container .wrapper > .col-3-4,
.main-footer-container .wrapper > .col-2-5,
.main-footer-container .wrapper > .col-3-5,
.main-footer-container .wrapper > .col-4-5,
.main-footer-container .widget-title {
border-color: #2b363c;
}
/*
44. MAIN FOOTER SECONDARY BLOCK ___________________________________________________ */
.main-footer-container .widget_calendar caption,
.main-footer-container .btn,
.main-footer-container input[type=button],
.main-footer-container input[type=submit],
.main-footer-container button,
.main-footer-container .form-style-2 .btn,
.main-footer-container .form-style-2 input[type=button],
.main-footer-container .form-style-2 input[type=submit],
.main-footer-container .form-style-2 button,
.main-footer-container .search_controls li {
background-color: #c3ad70;
}
/*
45. POST FOOTER ___________________________________________________ */
.outter-wrapper.post-footer-container,
.post-footer-container .nav ul,
.post-footer-container ul ul li:hover ul li {
background-color: #171e20;
}
/*
46. POST FOOTER TEXT___________________________________________________ */
.post-footer-container *{
color: #b6b6b6;
}
/*
47. POST FOOTER TEXT HOVER ___________________________________________________ */
.post-footer-container a:hover,
.post-footer-container a:hover *{
color: #c3ad70;
}
/* ******************************************************************************
002. THEME FONTS
01. Body Text
02. Main Headings
03. Navigation
04. Second / Meta Headings
05. Bold Text
06. Italic Text
07. Strong Text
08. Logo as Text
**************************************************************************/
/*
01. BODY TEXT _______________________________________________________________ */
body,
input[type=text],
input[type=email],
input[type=password],
textarea,
input[type=tel],
input[type=range],
input[type=url],
input[type=number],
.canonSlider,
.fa *,
.tc-info-box-meta h5 span {
font-family: 'source_sans_prolight';
}
/*
02. MAIN HEADINGS TEXT ______________________________________________________ */
h1,
h2,
h3,
.widget_rss a.rsswidget,
.wpb_tour .wpb_tabs_nav li,
/* BBPRESS*/
#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-permalink,
#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3,
.bbp-pagination-links a,
.bbp-pagination-links span.current,
/* BUDDYPRESS */
#buddypress .activity-meta a.bp-primary-action span {
font-family: 'source_sans_prosemibold';
}
/*
03. NAVIGATION ______________________________________________________________ */
.nav a,
.header-container .wrapper ul li a,
.header-container .canon_breadcrumbs li,
.pre-header-container .wrapper ul li a,
.pre-header-container .canon_breadcrumbs,
.post-header-container.nav-container a,
.post-header-container .canon_breadcrumbs,
.sidr a,
.responsive-menu-button {
font-family: 'source_sans_proregular';
}
/*
04. SECOND / META HEADINGS _________________________________________________ */
.breadcrumb-wrapper,
.main-footer-container h3.widget-title,
aside .widget-title,
.tab-nav li,
h3.v_nav,
h6.meta,
.rate-tab i,
.text-seperator-bar .btn,
blockquote cite,
legend,
.text-seperator-bar h5,
.text-seperator-line h5,
.text-seperator-bar .btn,
.text-seperator-line .btn,
ul.meta,
ul.meta a,
.page-heading,
ul.pagination li,
.paging .meta,
ul.comments .meta,
ul.comments li .more,
.comment-num,
.cookbook_more_posts .meta,
.read_more:before,
.tweet .meta,
.post-date,
ul.graphs > li,
ul.review-graph > li,
.rss-date,
h4,
h5,
h6,
.widget_rss .widget-title .rsswidget,
.text-seperator-line .btn,
ul.meta,
ul.meta a,
.meta,
.meta a,
.readmore,
/* VC SUPPORT */
.vc_separator h4,
.wpb_tabs .wpb_tabs_nav li a,
.wpb_tour .wpb_tour_next_prev_nav a,
.wpb_teaser_grid .vc_read_more,
.vc_carousel .vc_read_more,
h4.wpb_heading,
.wpb_widgetised_column .widget .widget-title,
/* BBPRESS */
.bbp-breadcrumb,
.bbp-header,
/* BUDDYPRESS */
#buddypress #profile-edit-form ul.button-nav li a,
.bp-login-widget-user-logout a,
#buddypress button,
#buddypress a.button,
#buddypress input[type="submit"],
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button,
#buddypress #profile-edit-form ul.button-nav li a,
.bp-login-widget-user-logout a,
.tt_timetable .hours,
/* EVENTS CALENDAR */
.tribe-events-read-more,
.tribe-events-list-widget .tribe-events-widget-link a,
.tribe-events-calendar th {
font-family: 'source_sans_prosemibold';
}
/*
05. BOLD TEXT ___________________________________________________________ */
strong,
b,
.page-heading,
ul.pagination li,
.paging .meta,
ul.comments .meta,
ul.comments li .more,
ol.sc_graphs li div,
.btn,
input[type=button],
input[type=submit],
.button,
button,
ul.toggle li a.toggle-btn,
ul.accordion li a.accordion-btn,
.statistics li span,
.read_more,
ul.pagination a,
ul.page-numbers,
#cancel-comment-reply-link,
a.toggle-btn:after,
a.accordion-btn:after,
a.sc_toggle-btn:after,
a.sc_accordion-btn:after,
a.toggle-btn,
a.accordion-btn,
a.sc_toggle-btn,
a.sc_accordion-btn,
ol > li:before,
ul.sitemap > li > a,
/* VC SUPPORT */
.wpb_toggle,
.wpb_accordion .wpb_accordion_header a,
.wpb_button_a .wpb_button,
.vc_btn,
.vc_progress_bar .vc_single_bar .vc_label,
/* BBPRESS*/
#bbpress-forums .bbp-forum-title,
#bbpress-forums .bbp-topic-permalink,
#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3,
.bbp-pagination-links a,
.bbp-pagination-links span.current,
/* BUDDYPRESS */
#buddypress .activity-meta a.bp-primary-action span{
font-family: 'source_sans_prosemibold';
}
/*
06. ITALICS TEXT _______________________________________________________________ */
.lead,
em,
i,
blockquote,
.boxy blockquote,
.rate-tab strong,
.wp-caption-text,
ul.tweets li.tweet {
font-family: 'source_sans_prolight_italic';
}
/*
07. STRONG TEXT ___________________________________________________________ */
.rate-tab strong {
font-family: 'source_sans_prosemibold';
}
/*
08. LOGO TEXT ___________________________________________________________ */
.logo.logo-text a{
font-family: 'source_sans_prolight';
}
/* ==========================================================================
002. SPECIFIC TYPOGRAPHY SETTINGS - FONT SIZES
========================================================================== */
html {
font-size: 1em;
}
/* Pre Menu Support*/
.pre-header-container.pre-head-lr,
.pre-header-container.pre-head-lr *,
.pre-header-container.pre-center-head,
.pre-header-container.pre-center-head *{
font-size: .825rem;
}
/* Menu Support
.header-container,
.header-container *{
font-size: 1rem;
}
*/
/* Post Menu Support*/
.post-header-container,
.post-header-container *{
font-size: .9rem;
}
/* ==========================================================================
General Font Sizes
========================================================================== */
.lead{
font-size: 1.3rem;
}
h1{
font-size: 1.9rem;
}
h1.super{
font-size: 4.25rem;
}
h2{
font-size: 1.5rem;
}
h3,
.widget-title,
.post-title h2,
.feat-title h2,
.post-container .title *,
.responsive-menu-button,
#menu-icon,
.widget_rss a.rsswidget {
font-size: 1.25rem;
}
h6.meta,
.meta h6,
.cookbook_more_posts .meta,
.post-date,
.rss-date aside .widget-title,
legend,
.text-seperator-bar h5,
.text-seperator-bar .btn,
.readmore,
ul.meta,
ul.meta a,
.page-heading,
ul.pagination li,
.paging .meta,
ul.comments .meta,
ul.comments li .more,
.read_more,
.tweet .meta,
ul.graphs > li div,
ul.review-graph > li,
.widget_rss .widget-title .rsswidget,
#cancel-comment-reply-link,
.text-seperator-line .btn,
.pre-header-container ul.nav li.fa,
ul.tab-nav li
/* VC SUPPORT */
.wpb_tour .wpb_tour_next_prev_nav a,
.vc_separator h4,
.wpb_tabs .wpb_tabs_nav li a,
.wpb_teaser_grid .vc_read_more,
.vc_carousel .vc_read_more,
h4.wpb_heading,
.vc_progress_bar .vc_single_bar .vc_label,
.tc-info-box-meta h6 {
font-size: .75rem;
text-decoration: none;
}
.tp-caption .read_more,
.text-seperator-line h5,
.thumb-list li h3{
font-size: 1rem;
}
blockquote{
font-size: 1.4rem;
}
.responsive-menu-button em,
.statistics li em{
font-size: 1.15rem;
}
/* ==========================================================================
003. TYPOGRAPHY
========================================================================== */
html {
line-height: 1.5;
overflow-x: hidden;
}
a, a *, a:hover, a:active, a:focus {
outline: 0;
}
body *{
-webkit-font-smoothing: antialiased;
font-smooth: always;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
font-style: normal;
}
h1, h2, h3{
line-height: 1;
}
h1, h2{
margin-top: 15px;
margin-bottom: 15px;
}
em, i{
font-style: normal;
}
:focus {
outline: 0;
}
del {
text-decoration: line-through;
}
.wrapper > h1:first-child, aside > .widget > h3:first-child{
margin-top: 0;
}
a{
text-decoration: none;
}
.readmore-container{
margin-top: 1.5em;
}
.post-container{
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 2.5em;
padding-bottom: 2.5em;
}
.post-container .title *{
margin-top: 0;
}
.post-container .boxy{
padding: 3em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post{
margin-bottom: 2em;
}
.post .title, .post-title .title{
margin-top: 0;
}
a.post-title, a.title{
text-decoration: none;
}
.post h6.meta, h6.meta, .meta h6{
margin-bottom: .5em;
margin-top: 0;
}
.single-meta h6{
margin-top: .75em;
}
.post h6.meta a{
text-decoration: none;
}
.boxy.author{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 3em;
padding: .25em 2em 1em;
}
.boxy.author .left.stay{
margin-right: 1em;
}
.boxy.author a{
text-decoration: none;
}
.author-social ul.social-links, .author-social ul.social-links li:first-child{
padding-left: 0;
}
ul.meta{
margin: 0!important;
padding: 0!important;
}
ul.meta a, .readmore{
padding-top: 0em;
padding-bottom: .5em;
}
ul.meta li{
display: inline-block;
padding-top: 0;
padding-bottom: 0;
padding-left: 0!important;
padding-right: 1em;
}
ul.meta li:last-child{
padding-right: 0;
}
.readmore:before, .read_more:before, ul.comments li .more:before{
content: "ï„";
padding-right: .5em;
}
.readmore:before, .read_more:before{
padding-left: .5em;
}
.meta a:before{
padding-right: .5em;
}
.meta .date:before{
content: "";
}
.meta .user:before{
content: "";
}
.text-seperator-bar,
.text-seperator-line{
display: block;
padding: 0em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 3em;
margin-bottom: 3em;
min-height: 27px;
border-radius: 2px;
}
.text-seperator-bar h5,
.text-seperator-line h5,
.text-seperator-bar .btn{
margin: 0;
padding: 0;
display: inline-block;
padding: .5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 27px;
}
.text-seperator-bar .btn{
float: right;
text-decoration: none;
padding-left: .75em;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.text-seperator-line{
padding: 0;
position: relative;
}
.text-seperator-line h5{
position: absolute;
top: 0;
padding-right: 1em;
padding-top: 0;
padding-left: 0;
}
.text-seperator-line div{
width: 100%;
height: 1px;
padding-top: 11px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
hr{
clear: both;
border: none;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 1.5em 0;
}
hr.dash{
border-bottom-style: dashed;
}
hr.dots{
border-bottom-style: dotted;
}
blockquote{
margin: 1em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
blockquote a{
text-decoration: none;
}
blockquote.right{
padding-left: 1em;
border-left-style: solid;
border-left-width: 2px;
margin-left: 1em;
}
blockquote.left{
padding-right: 1em;
border-right-style: solid;
border-right-width: 2px;
margin-right: 1em;
}
.boxy blockquote{
margin: 0;
line-height: 1.2;
}
.canon_animated_number h1 .canon_animated_number_wrapper{
margin-right: -3px;
}
.canon_animated_number h1.super{
letter-spacing: -5px;
}
/* ==========================================================================
04. THE BASE SETTINGS
========================================================================== */
/*
.wrapper,
.post-header-container #navigation .nav,
.post-header-container.nav-container nav,
.ui-autocomplete{
max-width: 1120px;
}
*/
.wrapper,
.post-header-container #navigation .nav,
.post-header-container.nav-container nav,
.ui-autocomplete,
.boxed-page .single-content > .vc_row,
.boxed-page .vc_desktop.vc_transform h1.title,
.vc_desktop.vc_transform .boxed-page.single-post .body-wrapper .wrapper {
max-width: 1120px;
}
/* Visual Composer Full Width settings */
.vc_desktop.vc_transform .boxed-page .body-wrapper .wrapper,
.boxed-page .vc_row.width-full{
max-width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: 0!important;
right: 0!important;
}
.boxed-page .vc_row:first-child.width-full{
padding-top: 0;
}
.boxed-page .vc_row.width-full .vc_column_container > .vc_column-inner{
padding-right: 0;
padding-left: 0;
}
.boxed-page .vc_column_container {
padding-left: 0;
padding-right: 0;
}
::-moz-selection {
background-color: #b3d4fc;
text-shadow: none;
}
::selection {
background-color: #b3d4fc;
text-shadow: none;
}
audio, canvas, img, video {
vertical-align: middle;
}
a:active, a:hover {
outline: 0;
}
.wrapper{
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1em 20px;
}
.outter-wrapper.body-wrapper{
padding-bottom: 2em;
padding-top: 1em;
}
img{
max-width: 100%;
height: auto;
vertical-align: middle;
border: none;
}
.left img, .right img{
width: 100%;
}
a, ul.header_toolbar li, a.title *, a *{
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
cursor: pointer;
}
aside .widget{
margin-bottom: 2.5em;
}
.feature-image{
margin-bottom: 2em;
}
/* ==========================================================================
04. Main Navigation Styles
========================================================================== */
.mobile-header {
display: none;
width: 100%;
text-align: center;
padding-top: 5px;
}
.menuHideBtn{
display: none!important;
}
#sidr-id-closebtn{
text-align: right;
font-size: 1.5rem;
}
.responsive-menu-button{
font-size: 1.25rem;
text-decoration: none;
line-height: 3;
padding-top: .75em;
padding-bottom: .75em;
}
.responsive-menu-button em{
font-size: 1.1rem;
padding-right: 5px;
}
.responsive-menu-button img{
max-width: 100%;
width: 100%;
}
.sticky-header-wrapper{
position: relative;
z-index: 999;
}
.sticky-header-wrapper .countdown_amount{
padding-left: 5px;
padding-right: 2px;
}
.sticky-header-wrapper .countdown_section *{
float: left;
}
.sticky-header-wrapper .hasCountdown strong{
padding-right: 5px;
}
.sticky-header-wrapper .countdown_row.countdown_descr{
display: block;
}
/* Header Container */
.header-container{
clear: both;
}
.header-container .nav.social-links li{
list-style-type: none;
float: left;
}
.header-container .nav.social-links li a{
padding-left: .5em;
padding-right: 0;
}
.centered .logo{
float: none;
}
.centered #nav > li{
display: inline-block;
float: none;
}
.centered #nav > li ul li{
text-align: left;
}
/* Pre Menu Support*/
.pre-header-container.pre-head-lr,
.pre-header-container.pre-head-lr *,
.pre-header-container.pre-center-head,
.pre-header-container.pre-center-head *{
margin-top: 0;
margin-bottom: 0;
}
.pre-header-container ul > li{
padding: 0;
padding-right: .5em;
margin-right: .5em;
}
.pre-header-container .canon_breadcrumbs li{
margin-right: 0;
}
.pre-header-container ul.nav,
.pre-header-container ul.social-links,
.pre-header-container .header_text,
.pre-header-container .footer_text,
.pre-header-container .header_toolbar li,
.pre-header-container .countdown,
.pre-header-container .canon_breadcrumbs{
line-height: 2;
}
.pre-header-container ul > li li,
.pre-header-container ul > li:last-child{
border: none;
}
.pre-header-container ul > li:last-child{
padding-right: 0;
margin-right: 0;
}
.pre-header-container ul.social-link > li,
.pre-header-container ul.nav > li,
.pre-header-container .canon_breadcrumbs li{
list-style-type: none;
display: inline-block!important;
}
.pre-header-container .wrapper,
.post-header-container .wrapper{
padding-top: 0;
padding-bottom: 0;
}
.pre-header-container ul.sub-menu {
position: absolute;
display: none;
z-index: 10000;
margin-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
margin-left: -.75em;
}
.pre-header-container ul.sub-menu > li {
float: none;
display: block;
margin: 0;
padding-left: 10px;
padding: 0.3em;
position: relative;
line-height: 1.25;
}
.pre-header-container ul.sub-menu > li:last-child{
padding-bottom: .5em;
}
.pre-header-container ul.sub-menu li a{
padding-left: .9em;
padding-top: 0em;
padding-right: .9em;
white-space: nowrap;
}
.pre-header-container ul li:hover > ul,
.pre-header-container ul li.nav-parent.hover ul {
display: block;
}
.pre-header-container ul li:hover ul ul{
display: none!important;
position: absolute;
left: 100%;
top: 0;
-webkit-border-radius: 0px 0px 3px 0px;
border-radius: 0px 0px 3px 0px;
}
.pre-header-container ul ul ul{
margin-left: 0!important;
}
.pre-header-container ul ul ul li{
white-space: nowrap;
}
.pre-header-container ul li:hover ul ul:before{
content:"";
width: 8px;
height: 8px;
display: block;
position: absolute;
left:-4px;
top:10px; /* you can adjust */
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: none;
}
.pre-header-container ul ul li:hover ul {
display: block!important;
}
.pre-header-container .nav li.flag{
padding-left: 25px!important;
background-size: 18px ;
background-repeat: no-repeat;
background-position: 0px 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pre-header-container .nav li.flag li.flag,
.pre-header-container .nav li li.flag{
background-position: 15px 7px;
padding-left: 30px!important;
}
.pre-header-container .header_text *{
display: inline;
}
/* Pre Centered */
.pre-header-container .centered .header_text li{
float: none;
display: inline;
}
.pre-header-container .centered ul.nav{
margin-left: -1em;
}
.pre-header-container .centered ul.nav li ul li{
text-align: left;
}
.outter-wrapper.image-header-container{
padding-bottom: 1em;
background-position: center top;
}
.pre-header li{
position: relative;
}
.pre-header-container.canon_sticky{
z-index: 1001!important;
}
.canon_sticky{
width: 100%;
}
.boxed-page .canon_stuck {
width: calc(100% - 32px);
}
/* Main Header Support*/
.logo{
display: inline-block;
/*float: left;*/
width: 100%;
max-width: 141px;
}
.bigLogo.logo{
max-width: 270px;
}
.logo img, .logo-foot img{
max-width: 100%;
}
.logo-text{
font-size: 56px;
display: inline-block;
}
.header-container .nav,
.header-container .nav *{
line-height: 1.5;
margin-top: 0;
margin-bottom: 0;
}
.header-container .wrapper{
padding-top: 0em;
padding-bottom: 0em;
}
.header-container ul.nav,
.header-container ul.social-links,
.header-container .header_text,
.header-container .footer_text,
.header-container .header_toolbar li,
.header-container .countdown,
.header-container .canon_breadcrumbs{
line-height: 2.5;
}
.sticky-header-wrapper .header-container ul.nav > li{
float: none;
position: relative;
margin: 0 .4em;
display: inline-block;
}
.header-container ul li{
position: relative;
}
.header-container ul li,
.header-container ul.nav > li > a,
.header-container .header_text{
display: inline-block;
}
.header-container .main-header.left ul.nav > li:first-child > a,
.header-container .main-header.left ul.nav > li:first-child {
padding-left: 0;
margin-left: 0;
}
.header-container ul.nav > li:last-child a,
.header-container ul.nav > li:last-child,
.header-container ul.social-link > li:last-child a,
.header-container .right .header_toolbar li:last-child{
padding-right: 0;
margin-right: 0;
}
.header-container ul ul li:last-child {
padding-bottom: .7em;
}
.header-container ul.social-link > li{
padding-left: 0em;
padding-right: 0em;
}
.header-container ul > li{
padding-left: .75em;
padding-right: .75em;
}
.header-container ul > li > ul a{
padding-right: .75em!important;
}
.header-container ul.social-links > li{
padding-left: 0;
padding-right: 0;
}
.header-container ul.social-links > li a{
padding-left: 0;
}
.header-container ul a{
white-space: nowrap;
padding: 0.3em .25em 0.5em;
}
.header-container a,
.pre-header-container a,
.post-header-container a,
.nav .fa:before{
white-space: nowrap;
-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;
}
.nav-parent a{
-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;
}
.header-container ul ul li, .header_toolbar li{
list-style-type: none;
}
#menu-icon {
display: none;
font-size: 1.125rem;
-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;
}
#menu-icon span{
width: 19px;
height: 15px;
/* display: inline-block; */
padding-right: 6px;
position: relative;
top: -1px;
display: none;
}
#menu-icon span img{
max-width: 100%;
}
.header-container ul #nav{
margin-top: 0px;
}
.sticky-header-wrapper .nav ul {
position: absolute;
display: none;
min-width: 122px;
z-index: 10000;
margin-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.sticky-header-wrapper .nav ul li {
float: none;
margin: 0;
padding-left: 10px;
padding: 0.25em;
position: relative;
text-align: left;
}
.sticky-header-wrapper .nav ul li a{
padding-left: .9em;
padding-top: .2em;
}
.sticky-header-wrapper .nav li:hover > ul,
.nav li.nav-parent.hover ul {
display: block;
}
.sticky-header-wrapper .nav li:hover ul ul{
display: none!important;
position: absolute;
left: 100%;
top: 0;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.header-container .nav li ul:before{
content:"";
width: 10px;
height: 10px;
display: block;
position: absolute;
left:12px;
top:-5px; /* you can adjust */
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: none;
}
.header-container ul.nav li:hover ul ul:before{
content:"";
width: 10px;
height: 10px;
display: block;
position: absolute;
left:-5px;
top:8px; /* you can adjust */
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: none;
}
.sticky-header-wrapper .nav ul li:hover ul {
display: block!important;
}
.donate.donate_btn, .donate.donate_btn:hover{
-webkit-border-radius: 4px 4px 4px 4px!important;
border-radius: 4px 4px 4px 4px!important;
}
.donate.donate_btn a:hover{
-webkit-border-radius: 4px 4px 4px 4px!important;
border-radius: 4px 4px 4px 4px!important;
}
.header-container .nav li.fa a{
padding-left: .6em;
padding-right: .6em;
}
.header-container .nav li li:before{
padding-left: .5em;
}
.header-container .nav li .flag{
background-position: 0 25px;
}
.header-container .nav li li .flag{
background-position: 5px 5px;
padding-left: 30px!important;
}
.nav li.flag ul{
margin-left: -38px;
}
.nav li.flag a{
padding-left: 0;
}
.header-container .nav li.flag,
.post-header-container .nav li.flag{
padding-left: 25px!important;
background-size: 18px ;
background-repeat: no-repeat;
background-position: 0 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header-container .nav li.flag li.flag,
.header-container .nav li li.flag{
background-position: 15px 12px;
padding-left: 40px!important;
}
.header-container .social-link li,
.post-header-container .social-link li{
list-style-type: none;
}
.header-container .centered nav{
float: none;
display: inline-block;
}
.header-container .centered ul.nav > li,
.header-container .centered ul.social-link > li,
.header-container .centered ul.header_toolbar > li,
.header-container .canon_breadcrumbs li{
display: inline-block;
float: none;
}
.header-container .canon_breadcrumbs li{
padding-left: .15em;
padding-right: .15em;
margin: 0;
}
.header_toolbar li{
cursor: pointer;
}
.header_banner{
padding-top: .5em;
padding-bottom: .5em;
}
.header_banner img{
max-width: 100%;
}
.header_text{
display: inline;
}
.header_text li{
display: inline;
list-style-type: none;
padding-right: .75em;
margin-left: 0!important;
}
.header_text li:last-child{
padding-right: 0;
margin-right: 0;
}
.header-container a {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Post Menu Support*/
.post-header-container,
.post-header-container *{
line-height: 1.5;
margin-top: 0;
margin-bottom: 0;
}
.post-header-container ul.nav a,
.post-header-container ul.social-link a{
padding-right: 1em;
}
.post-header-container ul.nav > li,
.post-header-container ul.social-link > li,
.post-header-container .canon_breadcrumbs li{
position: relative;
margin-right: 1em;
padding-right: 0;
display: inline-block!important;
}
.post-header-container .canon_breadcrumbs li,
.canon_breadcrumbs li{
margin-right: .5em;
}
.post-header-container ul.nav > li:after,
.post-header-container ul.social-link > li:after{
border-right: 1px solid rgba(255, 255, 255, 0.1);
content: "";
position: absolute;
right: 0;
top: 1em;
height: 20px;
width: 1px;
}
.post-header-container ul.nav > li ul li{
display: block;
}
.post-header-container ul.nav > li:last-child:after,
.post-header-container ul.social-link > li:last-child:after{
display: none;
}
.post-header-container ul.nav > li:last-child,
.post-header-container ul.social-link > li:last-child,
.post-header-container ul.social-link > li:last-child a{
padding-right: 0;
margin-right: 0;
}
.post-header-container ul.nav > li > a,
.post-header-container ul.social-link > li > a{
padding-top: .75em;
padding-bottom: .95em;
display: inline-block;
white-space: nowrap;
}
.post-header-container ul.nav > li > a{
display: inline-block;
white-space: nowrap;
}
.post-header-container ul.nav > li:first-child > a{
padding-left: 0;
}
.post-header-container ul.nav > li > ul{
margin-left: -1em;
margin-top: -5px;
}
.post-header-container ul.nav li.flag ul{
margin-left: -38px;
}
.post-header-container ul.nav li.flag ul a{
padding-left: 0;
}
.post-header-container ul.nav ul.sub-menu{
text-align: left;
padding-bottom: .5em;
}
.post-header-container ul.nav li:hover ul ul:before{
content:"";
width: 10px;
height: 10px;
display: block;
position: absolute;
left:-5px;
top:8px; /* you can adjust */
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: none;
}
.post-header-container ul.nav li li:before{
padding-left: 0.5em;
}
.post-header-container ul.nav li.fa a {
padding-left: 0.6em;
}
.post-header-container ul.nav li.fa.after a{
padding-left: 0.9em;
}
.post-header-container ul.nav > li.flag{
background-position: 0 15px!important;
}
.post-header-container .nav li.flag li.flag,
.post-header-container .nav li li.flag{
background-position: 13px 8px;
padding-left: 40px!important;
}
.pre-header-container .fa-search{
font-size: .85rem;
}
.post-header-container ul.nav a{ }
.post-header.right ul.nav > li:last-child a{
padding-right: 0;
}
.post-header-container .social-link li{
display: inline-block;
}
.post-header-container .header_toolbar li{
padding-top: .75em;
}
.post-header-container .centered .nav > li{
display: inline-block;
float: none;
}
.post-header-container .header_text,
.post-header-container .footer_text,
.post-header-container .countdown,
.post-header-container .social-links,
.post-header-container .canon_breadcrumbs li{
display: inline-block;
padding-top: .75em;
padding-bottom: .75em;
}
.post-header-container .header_text *{
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.post-header-container .header_text li{
position: relative;
margin-right: 1em;
}
.post-header-container .header_text li:after{
border-right: 1px solid rgba(255, 255, 255, 0.1);
content: "";
position: absolute;
right: 0;
top: .2em;
height: 20px;
width: 1px;
}
.post-header-container .header_text li:last-child:after{
display: none;
}
.post-header-container .header_toolbar{
padding-bottom: .75em;
}
.tc-page-heading{
border-style: solid;
border-width: 1px;
border-left: none;
border-right: none;
padding: 0.75em 0;
margin-bottom: 1.5em;
margin-top: 1em;
}
.tc-page-heading:before{
font-family: "FontAwesome";
content: "ï¼";
padding-right: 5px;
}
/* MENU ICONS */
ul.nav li.after.fa:before{
float: right;
}
.header-container ul.nav > li.after.fa:before{
margin-top: 0px;
}
.post-header-container ul.nav > li.after.fa:before{
margin-top: 15px;
}
ul.nav li li.after.fa{
padding-right: 24px;
}
.post-header-container ul.nav li.after{
padding-right: 20px;
}
.pre-header-container ul.nav li.fa{
font-size: .7rem;
}
.pre-header-container ul.nav li li.fa{
padding-left: 15px;
}
.pre-header-container ul.nav li li.fa.after{
padding-left: 4px;
}
.pre-header-container ul.nav > li.fa > a{
padding-left: 5px;
padding-right: 0;
}
.pre-header-container ul.nav > li.after > a{
padding-right: 5px;
padding-left: 0;
}
ul.nav li li.after.fa:before{
margin-top: 0;
float: none;
position: absolute;
right: 12px;
top: 5px;
}
.sticky-header-wrapper ul.nav li{
display: block;
}
ul.nav > li.fa{
line-height: inherit;
z-index: 9;
}
.sidr ul.nav li.after.fa:before,
.sidr ul.nav li li.after.fa:before{
float: none!important;
position: relative;
left: 0;
}
.sticky-header-wrapper ul{
margin: 0;
padding: 0;
}
/* ==========================================================================
04. BLOCK ELEMENTS
========================================================================== */
iframe, video{
border: none;
}
.fluid-width-video-wrapper, video, audio{
margin-bottom: 1em;
}
pre{
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
margin-bottom:10px;
overflow:auto;
width:auto;
padding: 0 1em;
background-color:transparent;
background: transparent;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, transparent 0%, transparent 51%, #efefef 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(51%,transparent), color-stop(51%,#f5f5f5));
background: -webkit-linear-gradient(top, transparent 0%,transparent 51%,#f5f5f5 51%);
background: -o-linear-gradient(top, transparent 0%,transparent 51%,#f5f5f5 51%);
background: -ms-linear-gradient(top, transparent 0%,transparent 51%,#f5f5f5 51%);
background: linear-gradient(to bottom, transparent 0%,transparent 51%,#f5f5f5 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#f5f5f5',GradientType=0 );
background-size: 100% 68px;
line-height: 34px;
border-style: solid;
border-width: 1px;
}
.ads{
text-align: center;
display: block;
}
.full-ad-block{
margin-top: 3em;
margin-bottom: 3em;
}
.page-heading{
border-style: solid;
border-width: 1px;
border-left: none;
border-right: none;
display: block;
padding: .75em 0;
}
.archive-header{
margin-bottom: 2.5em;
}
.page-heading .fa{
padding-right: 5px;
}
.page-heading a{
text-decoration: none;
}
.cat-desription p:first-child{
padding-top: .5em;
}
.cat-desription p:last-child{
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 1.5em;
margin-bottom: 0em;
}
.last-block{
margin-bottom: 0;
}
.maintenance_notice{
text-align: center;
max-width: 600px;
margin: 10% auto 0;
padding: 0em;
padding: 1.5em 1em 2em;
}
/* ==========================================================================
05. TABLES
========================================================================== */
table, .widget_calendar table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.table-style-1, .widget_calendar table{
border-style: solid;
border-width: 1px;
text-align: left;
width: 100%;
margin-bottom: 1em;
}
.table-style-1 th, .widget_calendar th{
padding: .5em;
border-style: solid;
border-width: 1px;
vertical-align: top;
}
.table-style-1 td, .widget_calendar td{
padding: .5em;
border-style: solid;
border-width: 1px;
vertical-align: top;
}
.table-style-2{
border-top-style: solid;
border-top-width: 1px;
text-align: left;
width: 100%;
margin-bottom: 1em;
}
.table-style-2 th{
padding: .5em;
border-bottom-style: solid;
border-bottom-width: 1px;
vertical-align: top;
}
.table-style-2 td{
padding: .5em;
border-bottom-style: solid;
border-bottom-width: 1px;
vertical-align: top;
}
.table-style-2 td:empty, .table-style-1 td:empty{ }
.widget_calendar th, .widget_calendar td{
padding: .2em;
text-align: center;
}
.widget_calendar caption{
line-height: 2;
}
/* ==========================================================================
05. LIST STYLES / ELEMENTS
========================================================================== */
.body-wrapper ul, .body-wrapper ol,
.main-footer-container ul, .main-footer-container ol{
list-style-type: none;
padding-left: 8px;
margin-top: 0;
margin-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.body-wrapper ul li, .body-wrapper ol li,
.main-footer-container ul li, .main-footer-container ol li{
padding-left: 12px;
}
ol {
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
margin-left: 18px;
}
.body-wrapper ol > li {
position:relative; /* Create a positioning context */
list-style:none; /
margin: 0 0 0 1em;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
}
.body-wrapper ul > li {
padding-top: 3px;
padding-bottom: 3px;
}
ol > li:before {
content:counter(li) "."; /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
position:absolute;
top: 0px;
left:-.75em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:1.5em;
margin-right:8px;
padding:4px;
text-align:center;
}
.body-wrapper ul li:before, .body-wrapper ol li:before,
.main-footer-container ul li:before, .main-footer-container ol li:before{
margin-left: -12px;
}
aside .list-1 li,
.widget_archive ul li,
.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_rss ul li,
.widget_display_forums ul li{
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: .5em;
margin-bottom: .5em;
}
.body-wrapper ul.list-1 li:before,
.main-footer-container ul.list-1 li:before,
.widget_archive ul li:before,
.widget_categories ul li:before,
.widget_nav_menu ul li:before,
.widget_meta ul li:before,
.widget_pages ul li:before,
.post ul li:before,
.widget_display_forums ul li:before{
content: "ï„…";
padding-right: 5px;
font-family: "FontAwesome"!important;
font-style: normal;
}
.body-wrapper ul.list-2 li:before,
.main-footer-container ul.list-2 li:before{
content: "";
padding-right: 5px;
font-family: "FontAwesome"!important;
font-style: normal;
font-size: .85rem;
}
.body-wrapper ul.list-3 li:before,
.main-footer-container ul.list-3 li:before{
content: "";
padding-right: 5px;
font-family: "FontAwesome"!important;
font-style: normal;
font-size: .7rem;
}
.body-wrapper ul.list-4 li:before,
.main-footer-container ul.list-4 li:before{
content: "ï”";
padding-right: 5px;
font-family: "FontAwesome"!important;
font-style: normal;
font-size: .7rem;
}
.widget_recent_comments ul li:before{
content: "ïµ";
padding-right: 5px;
font-family: "FontAwesome"!important;
font-style: normal;
font-size: .8rem;
}
.post-date:before{
content: "";
padding-right: 5px;
font-family: "FontAwesome"!important;
font-style: normal;
font-size: .7rem;
padding-left: 0px;
}
.post-date{
display: block;
}
.widget_recent_entries ul li{
padding-left: 0;
}
.post ul.meta li:before{
display: none;
}
.post ul.meta li{
padding-top: 0;
padding-bottom: 0;
}
/* ==========================================================================
05. WIDGET LISTS
========================================================================== */
.thumb-list, .body-wrapper .thumb-list{
margin: 0!important;
padding: 0!important;
}
.thumb-list li{
padding-left: 0!important;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: left;
padding-bottom: .65em!important;
margin-bottom: .1em!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.thumb-list li a{
text-decoration: none;
}
.thumb-list li:first-child{
margin-top: .5em;
}
.thumb-list li img{
float: left;
margin: 0;
margin-right: .5em;
}
.thumb-list li h6{
margin: 0;
}
.thumb-list li h3{
margin: 0;
line-height: 1.15;
}
.thumb-list li:before, .thumb-list li:after {
content: " "!important;
display: table;
}
.thumb-list li:after {
clear: both;
}
ul.wiget-comment-list{
margin: 0;
padding: 0;
}
ul.wiget-comment-list li{
padding-left: 0;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: left;
padding-bottom: .75em;
margin-bottom: .75em;
padding-left: 0px;
}
ul.wiget-comment-list li h6{
margin: 0;
margin-top: .25em;
}
.thumb-list.archive{
margin-bottom: 2em;
border-top-style: solid;
border-top-width: 1px;
padding-top: .75em;
}
.thumb-list.archive a{
text-decoration: none;
}
.error404 .thumb-list.archive .rate-container,
.cookbook_vc_posts_listed .rate-container,
.thumb-list .rate-container{
max-width: 65px;
margin-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.related-posts{
margin-bottom: 4em;
}
.related-posts .thumb-list.archive {
margin-bottom: 0;
}
.related-posts .thumb-list.archive li:last-child{
margin-bottom: 0;
}
.cookbook_more_posts ul{
padding-left: 0;
}
.cookbook_more_posts li, ul.statistics li{
padding-left: 0;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: .75em;
margin-bottom: .75em;
padding-left: 0px!important;
}
.cookbook_more_posts li h3{
margin: 0;
}
.cookbook_more_posts .meta{ }
aside .widget ul{
padding-left: 0;
}
ul.statistics{
padding-left: 0;
}
.statistics li em{
padding-right: .4em;
}
ul.tweets{
padding: 0!important;
}
ul.tweets li.tweet{
padding-left: 22px;
border-top-style: solid;
border-top-width: 1px;
padding-bottom: .5em;
margin-bottom: .5em;
padding-top: .5em;
overflow: hidden;
}
.wpb_widgetised_column ul.tweets li.tweet{
padding-bottom: .5em;
margin-bottom: .5em;
padding-top: .5em;
}
ul.tweets li.tweet:first-child{
border: none;
}
.tweet:before{
content: "ï‚™"!important;
font-family: 'FontAwesome';
font-size: 1.125rem;
position: relative;
left: 0;
top: 0px;
padding-right: 5px;
font-style: normal;
margin-left: -22px!important;
}
.tweet .meta{
display: block;
}
.widget_rss ul{
padding-left: 0;
}
.widget_rss ul li{
padding-left: 0;
padding-bottom: 1em;
margin-bottom: 1em;
}
.rss-date{
display: block;
margin-bottom: 1em;
}
.widget_rss a.rsswidget {
line-height: 1.2;
padding-bottom: 1em;
}
.thumb-list.archive.relates li{
float: left;
width: 45%;
margin-right: 5%;
clear: none;
}
.thumb-list.archive.relates{
border-top: none;
}
.thumb-list.archive.relates li:nth-child(-n+2){
border-top-style: solid;
border-top-width: 1px;
}
.thumb-list.archive.relates li:nth-child(even){
margin-right: 0;
}
.thumb-list.archive.relates li:nth-child(odd){
clear: left;
}
.thumb-list.archive.relates li .rate-container{
max-width: 65px;
margin-right: 10px;
}
.thumb-list.archive.relates li{
min-height: 65px;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.widget-title{
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: .5em;
}
/* ==========================================================================
05. BREADCRUMBS
========================================================================== */
.breadcrumb-wrapper, .breadcrumb-wrapper a{
font-size: .65rem;
}
.breadcrumb-wrapper a{
text-decoration: none;
}
.breadcrumb-wrapper li:first-child a{
margin-right: 0em;
font-size: .9rem;
}
.canon_breadcrumbs_separator{
padding-right: 0em;
padding-left: 0em;
}
.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;
}
/* ==========================================================================
09. REVIEW BOX
========================================================================== */
.boxy.review-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 3em;
padding: .25em 2em 1em;
}
.review-box h3{
margin-bottom: .5em;
}
.boxy.review-box .rate-tab{
margin-left: 1em;
margin-bottom: .5em;
}
ul.graphs, ul.review-graph{
margin-top: 1.5em;
margin-bottom: 0;
padding-left: 0;
}
ul.graphs > li:before, ul.review-graph > li:before{
display: none;
}
ul.graphs > li, ul.review-graph > li{
padding-left: 0;
padding-bottom: 1em;
}
ul.graphs > li .rate-span, ul.review-graph > li .rate-span{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin-bottom: .4em;
padding: 0;
border-style: solid;
border-width: 1px;
}
ul.graphs > li div, ul.review-graph > li div{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
padding: 3px 10px;
line-height: 1.2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.graphs > li span, ul.review-graph > li span{
float: right;
}
.per-10{
width: 10%;
}
.per-20{
width: 20%;
}
.per-30{
width: 30%;
}
.per-40{
width: 40%;
}
.per-50{
width: 50%;
}
.per-60{
width: 60%;
}
.per-70{
width: 70%;
}
.per-80{
width: 80%;
}
.per-90{
width: 90%;
}
.per-100{
width: 100%;
}
ol.sc_graphs, ol.sc_graphs li{
margin-left: 0!important;
padding-left: 0!important;
}
ol.sc_graphs li:before{
display: none;
}
ol.sc_graphs li div{
padding: 3px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
}
ol.sc_graphs li div span{
float: right;
}
/* ==========================================================================
09. PAGING & COMMENTS
========================================================================== */
ul.pagination, ul.page-numbers{
text-align: center;
margin-left: 0;
padding-left: 0;
}
p.link-pages{
border-top-style: solid;
border-top-width: 1px;
display: block;
clear: both;
}
p.link-pages {
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 1em;
margin-top: 2em;
text-align: center;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.link-pages a{
padding-left: 2px;
padding-right: 2px;
}
ul.pagination a, ul.page-numbers a{
text-decoration: none;
}
.page-numbers li a:hover{
text-decoration: none;
}
.page-numbers .prev, .page-numbers .next{ }
.page-numbers .prev{
float: left;
}
.page-numbers .next{
float: right;
}
.page-numbers.dots{
padding-left: 0;
padding-right: 0;
}
ul.pagination li:before, ul.paging li:before, ul.page-numbers li:before{
display: none;
}
ul.pagination li, ul.paging li, ul.page-numbers li{
padding-left: 0;
display: inline;
cursor: pointer;
}
ul.pagination li a, ul.paging li a, ul.page-numbers li a,
ul.pagination li span, ul.paging li span, ul.page-numbers li span{
padding: .4em;
}
ul.pagination li:first-child, ul.pagination li:last-child{
padding-left: 0;
padding-right: 0;
}
ul.pagination li a.active{
/* see theme colours */
text-decoration: underline;
}
ul.pagination .left a, ul.pagination .right a, ul.paging a span{ }
ul.pagination .right a, ul.paging .right span{
padding-right: .4em;
padding-left: .6em;
}
.paging{
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 3em;
}
.paging .col-1-2{
padding-top: 1.5em;
padding-bottom: 1.5em;
margin-top: 5px;
margin-bottom: 5px;
}
.paging .col-1-2 h3{
margin: 0;
}
.paging .col-1-2 a{
text-decoration: none;
}
.paging .col-1-2.prev{
border-right-style: solid;
border-right-width: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 1.5em;
position: relative;
padding-right: 1em;
}
.paging .col-1-2.next, .paging .col-1-2.next.last{
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 1.5em!important;
position: relative;
padding-left: 1em;
}
.paging .col-1-2.prev:before{
content: "ï„„";
position: absolute;
left: 0;
font-size: 1.25rem;
top: 40%;
}
.paging .col-1-2.next:after{
content: "ï„…";
position: absolute;
right: 0;
top: 40%;
font-size: 1.25rem;
}
.paging .col-1-2.prev.eol{
padding-left: 0!important;
}
.paging .col-1-2.next.eol{
padding-right: 0!important;
}
.paging .col-1-2.prev.eol:before, .paging .col-1-2.next.eol:after{
display: none;
}
.page-numbers .prev, .page-numbers .next,
ul.pagination li, ul.paging li, ul.page-numbers li{
font-size: .9rem;
}
/* ============= Comments ===============*/
ul.comments{
margin-bottom: 2em;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 3em;
padding-left: 0;
}
ul.comments ul{
padding-left: 0;
}
ul.comments li.comment{
padding: 0em!important;
}
ul.comments li div.left.stay{
padding-left: 0;
padding-top: 5px;
padding-bottom: 5px;
}
ul.comments li div{
padding: 1.5em 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.comments li li div{
padding-left: 4%;
}
ul.comments li li li div{
padding-left: 6%;
}
ul.comments li li li li div{
padding-left: 8%;
}
ul.comments li > ul{
margin: 0;
}
ul.comments .odd{ }
ul.comments .even{ }
ul.comments li:before{
display: none;
}
ul.comments h5, ul.comments h6{
display: inline;
letter-spacing: 0;
}
ul.comments h6 span:before{
content: "-";
display: inline-block;
padding: 0 .3em;
}
ul.comments li p{
margin-top: .5em;
margin-bottom: .5em;
}
ul.comments li .more{
padding-right: 0;
padding-top: 6px;
}
ul.comments li .more:before{
display: none;
}
ul.comments li .more a, ul.comments .meta a{
text-decoration: none;
}
ul.comments li .more a:nth-child(2):before{
content: "|";
padding-right: 4px;
}
#cancel-comment-reply-link{
float: right;
text-decoration: none;
}
.comments #respond.comment-respond{
margin-bottom: .5em;
margin-top: .5em;
padding: 1em 2em;
}
#respond.comment-respond div{
padding: 0;
}
#comments_pagination{
text-align: center;
position: relative;
}
#comments_pagination .page-numbers:after{
position: absolute;
content: "";
display: block;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#comments_pagination > *{
padding: 5px;
display: inline-block;
}
#comments_pagination .prev, #comments_pagination .next{
text-decoration: none;
}
img.avatar{
border-radius: 50%;
padding: 3px;
border-style: solid;
border-width: 1px;
max-width: 50px;
}
ul.comments li.comment ul li{
list-style-type: disc;
list-style-position: inside;
}
ul.comments li.comment ol li{
list-style-type: decimal;
}
ul.comments li.comment{
list-style-type: none!important;
}
/* ==========================================================================
05. SITEMAP
========================================================================== */
ul.sitemap{
display: table;
width: 100%;
padding-left: 0;
padding-top: 1em;
}
ul.sitemap > li{
display: table-cell;
padding-left: 0;
padding: 1px;
}
ul.sitemap > li:before{
display: none;
}
ul.sitemap a{
display: block;
padding: 1em;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
ul.sitemap li ul{
margin: 0em;
}
ul.sitemap li li{
padding-bottom: 0em;
line-height: 2;
}
ul.sitemap li ul li a{
padding: .2em;
}
ul.sitemap li li.fa{
display: block;
}
ul.sitemap li li.fa a{
display: inline-block;
}
ul.sitemap .right, ul.sitemap .left{
float: none;
}
/* ==========================================================================
05. PRE FOOTER + POST FOOTER MENUS
========================================================================== */
.pre-footer-container .wrapper{
padding-top: .25em;
padding-bottom: .25em;
}
.pre-footer-container,
.pre-footer-container *{
font-size: .9rem;
}
/* Pre Menu Support*/
.pre-footer-container ul ,
.post-footer-container ul {
padding-left: 0;
}
.pre-footer-container ul > li,
.post-footer-container ul > li{
padding-right: .5em;
margin-right: .5em;
}
.pre-footer-container .canon_breadcrumbs li,
.post-footer-container .canon_breadcrumbs li{
margin-right: 0;
}
.pre-footer-container ul.nav,
.pre-footer-container ul.social-links,
.pre-footer-container .header_text,
.pre-footer-container .footer_text,
.pre-footer-container .header_toolbar li,
.pre-footer-container .countdown,
.pre-footer-container .canon_breadcrumbs,
.post-footer-container ul.nav,
.post-footer-container ul.social-links,
.post-footer-container .header_text,
.post-footer-container .footer_text,
.post-footer-container .header_toolbar li,
.post-footer-container .countdown,
.post-footer-container .canon_breadcrumbs{
margin-top: 0;
margin-bottom: 0;
}
.pre-footer-container ul > li li,
.pre-footer-container ul > li:last-child,
.post-footer-container ul > li li,
.post-footer-container ul > li:last-child{
border: none;
}
.pre-footer-container ul > li:last-child,
.post-footer-container ul > li:last-child{
padding-right: 0;
margin-right: 0;
}
.pre-footer-container ul.social-link > li,
.pre-footer-container ul.nav > li,
.pre-footer-container .canon_breadcrumbs li,
.post-footer-container ul.social-link > li,
.post-footer-container ul.nav > li,
.post-footer-container .canon_breadcrumbs li{
list-style-type: none;
display: inline-block!important;
}
.pre-footer-container ul.sub-menu,
.post-footer-container ul.sub-menu {
position: absolute;
display: none;
z-index: 10000;
margin-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
margin-left: -1em;
padding-left: 0px;
}
.post-footer-container ul.sub-menu {
bottom: 10px;
}
.pre-footer-container ul.sub-menu > li,
.post-footer-container ul.sub-menu > li {
float: none;
display: block;
margin: 0;
padding-left: 10px;
padding: 0.3em;
position: relative;
line-height: 1;
}
.pre-footer-container ul.sub-menu > li:last-child,
.post-footer-container ul.sub-menu > li:last-child{
padding-bottom: .5em;
}
.pre-footer-container ul.sub-menu li a,
.post-footer-container ul.sub-menu li a{
padding-left: .9em;
padding-top: 0em;
padding-right: .9em;
white-space: nowrap;
}
.pre-footer-container ul li:hover > ul,
.pre-footer-container ul li.nav-parent.hover ul,
.post-footer-container ul li:hover > ul,
.post-footer-container ul li.nav-parent.hover ul {
display: block;
}
.pre-footer-container ul li:hover ul ul,
.post-footer-container ul li:hover ul ul{
display: none!important;
position: absolute;
left: 100%;
top: 0;
-webkit-border-radius: 0px 0px 3px 0px;
border-radius: 0px 0px 3px 0px;
}
.pre-footer-container ul ul ul,
.post-footer-container ul ul ul{
margin-left: 0!important;
}
.pre-footer-container ul ul ul li,
.post-footer-container ul ul ul li{
white-space: nowrap;
}
.pre-footer-container ul li:hover ul ul:before,
.post-footer-container ul li:hover ul ul:before{
content:"";
width: 8px;
height: 8px;
display: block;
position: absolute;
left:-4px;
top:10px; /* you can adjust */
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: none;
}
.pre-footer-container ul ul li:hover ul,
.post-footer-container ul ul li:hover ul {
display: block!important;
}
.pre-footer-container ul ul li:hover ul,
.post-footer-container ul ul li:hover ul li{
background-image: url(img/bg-white.png);
}
.pre-footer-container .nav li.flag,
.post-footer-container .nav li.flag{
padding-left: 25px!important;
background-size: 18px ;
background-repeat: no-repeat;
background-position: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pre-footer-container .nav li.flag li.flag,
.pre-footer-container .nav li li.flag,
.post-footer-container .nav li.flag li.flag,
.post-footer-container .nav li li.flag{
background-position: 12px 5px;
padding-left: 25px!important;
}
.pre-footer-container .header_text *,
.pre-footer-container .footer_text *,
.post-footer-container .header_text *,
.post-footer-container .footer_text *{
display: inline;
}
.pre-footer-container li:before,
.post-footer-container li:before{
left: 7px;
position: absolute;
}
/* Pre Centered */
.pre-footer-container .centered .header_text li,
.pre-footer-container .centered .footer_text li,
.post-footer-container .centered .header_text li,
.post-footer-container .centered .footer_text li{
float: none;
display: inline;
}
.pre-footer-container .centered ul.nav,
.post-footer-container .centered ul.nav{
margin-left: -1em;
}
.pre-footer-container .centered ul.nav > li,
.pre-footer-container .centered ul.social-link > li,
.post-footer-container .centered ul.nav > li,
.post-footer-container .centered ul.social-link > li{
display: inline-block;
float: none;
line-height: 1.25;
}
.pre-footer-container .centered ul.nav li ul li,
.post-footer-container .centered ul.nav li ul li{
text-align: left;
}
.pre-footer-container .centered .nav li.flag,
.post-footer-container .centered .nav li.flag {
background-position: 0 5px;
}
.pre-footer-container .header_toolbar li,
.post-footer-container .header_toolbar li{
padding-top: 0;
}
.pre-footer li,
.post-footer li{
position: relative;
}
/* ==========================================================================
05. FOOTER
========================================================================== */
.main-footer-container{
padding-bottom: 1em;
line-height: 1.3;
}
.main-footer-container a{
text-decoration: none;
}
.main-footer-container ul.list-1 li{
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: .5em;
margin-bottom: .5em;
}
#scrollUp {
bottom: 20px;
right: 20px;
padding: 10px 15px;
background-color: #111;
background-color: rgba(0, 0, 0, .7);
color: #fff;
border-radius: 3px;
font-size: 1rem;
text-decoration: none;
font-family: "FontAwesome";
}
.main-footer-container .canon-cleanTabs-container ul.tab-nav{
margin-top: 6px;
}
.main-footer-container .canon-cleanTabs-container ul.tab-nav li{
display: inline-block;
border-collapse: inherit !important;
background: none;
}
.main-footer-container .canon-cleanTabs-container .tab_content{
border-top-style: solid;
border-top-width: 1px;
padding-top: .5em;
margin-top: .75em;
}
.main-footer-container .cookbook_more_posts li h3{
font-size: 1rem;
}
/* ==========================================================================
05. BASELINE
========================================================================== */
.base-line{
font-size: .9rem;
}
.base-line a{
text-decoration: none;
}
/* ==========================================================================
06. SOCIAL LINKS
========================================================================== */
.outter-wrapper .wrapper ul.social-links li{
margin-right: 0;
padding-right: 2px;
}
.social-links{
margin: 0;
padding: 0;
list-style-type: none;
}
.social-links li{
display: inline-block;
padding-right: 2px;
}
.social-links li:last-child{
padding-right: 0;
}
.social-links li a{
text-decoration: none;
}
.social-links li a{
font-size: 1rem;
min-width: 20px;
text-align: center;
}
.social-links li:before{
display: none;
}
/* ==========================================================================
SEARCH FIELD & AUTO-COMPLETE
========================================================================== */
.outter-wrapper.search-header-container {
display: none;
overflow: visible;
padding-bottom: 0em;
}
.search-header-container header{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 90px;
position: relative;
}
.search-header-container header .search_controls{
position: absolute;
right: 0px;
margin-top: 0;
padding-top: 0;
}
.search-header-container header form, .search-header-container header form input{
margin-top: 0;
margin-bottom: 0;
}
.search_controls li {
list-style-type: none;
float: left;
cursor: pointer;
padding: .525em .8em;
margin: 0;
font-size: .95rem;
-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;
}
.search_controls li:first-child{
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
margin-right: 1px;
}
.search_controls li:last-child{
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}
.search_controls li:last-child{
margin-right: 0;
}
.search-header-container .ui-helper-hidden-accessible {
display: none;
}
.s-results{
float: right;
}
.search-header-container .ui-helper-hidden-accessible {
display: none;
}
.ui-autocomplete {
margin: 0 auto!important;
left: 0!important;
z-index: 999;
padding-right: 100px;
padding-left: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ui-autocomplete li {
margin-right: 10px;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 .75em;
cursor: pointer;
}
.ui-autocomplete li:last-child{
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
padding-bottom: 5px;
}
.ui-autocomplete li a{
font-size: 14px;
margin-top: -5px;
padding: 2px 4px;
}
.ui-state-focus {
outline:none;
border-radius: 0px;
}
/* ==========================================================================
06. TAG CLOUD
========================================================================== */
ul.tag-cloud{
list-style-type: none;
margin: 0;
padding: 0!important;
}
.wrapper .tag-cloud li, .widget_tag_cloud .tagcloud a, .tabs-tags a{
display: inline;
line-height: 1.5;
padding-left: 0;
}
.widget_tag_cloud .tagcloud a, .tabs-tags a{ }
.tag-cloud li:before{
display: none;
content: "";
}
.widget_tag_cloud .tagcloud a, .tabs-tags a{
text-decoration: none;
border-right-style: solid;
border-right-width: 1px;
padding-right: .5em;
margin-right: .5em;
}
.body-wrapper .post-tag-cloud{
list-style-type: none;
margin: 0 0 1em;
padding: 2em 0 1em;
border-top-style: solid;
border-top-width: 1px;
}
.body-wrapper .post-tag-cloud li{
display: inline-block;
line-height: 200%;
padding-bottom: 1px;
padding-left: 3px;
padding-top: 0;
}
.body-wrapper .post-tag-cloud li a{
text-decoration: none;
padding: .3em .5em;
border-radius: 2px;
}
.widget_tag_cloud .tagcloud a{
display: block;
border: none;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1rem!important;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.widget_tag_cloud .tagcloud a:before{
content: "ï„…";
font-family: FontAwesome;
padding-right: 5px;
}
/* ==========================================================================
02. TABS
========================================================================== */
.tab-container{
margin-top: 2em;
margin-bottom: 2em;
}
ul.tab-nav {
position: relative;
width:100%;
margin: 0 auto;
padding-left: 0!important;
}
ul.tab-nav li {
float:left;
position:relative;
display:block;
text-align:center;
padding: .5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2px;
margin-bottom: 2px;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.tab-nav li:hover {
text-decoration:none;
cursor:pointer;
}
.tab-nav li:last-child{
margin-right: 0;
}
.tab-nav li.active {
z-index:50;
}
.tab-contents {
clear:both;
position:relative;
width: 100%;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
top: -2px;
}
.widget .tab-container{
margin-bottom: 0;
margin-top: 0;
}
.widget .tab-contents {
border: none;
}
.tab_content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1em .5em .5em;
}
.widget .tab_content{
background: transparent;
padding: 1.75em 0 0;
}
.tab_content > p{
margin-top: 0;
}
h3.v_nav {display: none;}
.canon-cleanTabs-container ul.tab-nav{
display: table;
}
.canon-cleanTabs-container ul.tab-nav li{
display: table-cell;
float: none;
border-right-style: solid;
border-right-width: 1px;
}
.canon-cleanTabs-container ul.tab-nav li:before, .widget.cookbook_tabs .wiget-comment-list li:before{
display: none;
}
.canon-cleanTabs-container ul.tab-nav li:last-child{
border: none;
}
/* ==========================================================================
02. RATINGS & REVIEWS & FEATURE TITLES
========================================================================== */
.rate-container, .rate-container.rate-video{
position: relative;
}
.archive-masonry-container .rate-container, .sticky .rate-container{
margin-bottom: 1.5em;
}
.post-container h1{
margin-top: 0!important;
}
.format-quote .rate-container{
margin-bottom: 0;
}
.post .rate-container{
top: 2px;
}
ul.thumb-list .rate-container{
float: left;
}
ul.thumb-list .rate-container .rate-tab{
position: absolute;
left: 0;
bottom: 0;
z-index: 998;
}
.rate-container:before, .rate-container:after {
content: " ";
display: table;
}
.rate-container:after {
clear: both;
}
.rate-container-single{
margin-bottom: 1em;
}
.rate-container img{
float: none!important;
}
.feat-title-container{
position: absolute;
left: 0;
bottom: 0;
z-index: 998;
}
.feat-title{
margin: 0;
display: table-cell;
vertical-align: middle;
padding: .75em 1em .75em .75em;
opacity: .9;
}
.feat-title *{
margin: 0;
line-height: 110%;
}
.feat-title a{
text-decoration: none;
}
.rate-tab{
line-height: 1;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
padding: .4em;
}
.rate-container.rate-video .feat-title-container{
top: 0;
}
.rate-container.rate-video .rate-tab{
top: 0em;
bottom: inherit;
}
.rate-container .fluid-width-video-wrapper,
.rate-container .mosaic-block{
margin-bottom: 0;
}
.cookbook_more_posts .mosaic-block{
margin-bottom: 4%;
}
.rate-tab strong{ }
.rate-tab i{
display: block;
font-size: .65rem;
font-style: normal;
}
.rate-tab.rate-small i {
display: none;
}
.rate-big{
padding: .5em 1em;
}
.rate-small{
padding: .2em .3em .2em;
}
.rate-tab.rate-big strong{
font-size: 1.25rem;
line-height: 1.2;
}
.rate-tab.rate-small strong{
font-size: .7rem;
line-height: 1.5;
}
.comment-num{
position: absolute;
top: 2em;
left: 0;
display: block;
font-size: .65rem;
padding: .2em .75em .2em .4em;
z-index: 998;
line-height: 1.4;
min-width: 11px;
}
.comment-num a{
text-decoration: none;
}
.rate-container.rate-video .comment-num{
top: 3em;
}
.comment-num:before{
border:4px solid;
content:"";
display: block;
position: absolute;
border-color:#454e54 #454e54 transparent transparent;
left:-8px;
bottom:-8px;
}
.ratings-bar {
width: 0;
max-width: 100%;
}
.review-box .star-rating {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 1.4rem;
}
.review-box .star-rating li {
float: left;
padding: 0;
margin-right: 3px;
}
.review-box .star-rating.unrated li {
cursor: pointer;
}
.featured_media{
margin-bottom: 1em;
}
.rate-container .featured_media{
margin-bottom: 0em;
}
/* ==========================================================================
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], input[type=email], input[type=password], textarea, input[type=tel],
input[type=range], input[type=url], input[type=number]{
border: none;
padding: .5em 1em;
border-style: solid;
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;
border-radius: 2px;
}
textarea{
width: 100%;
height: 140px;
display: block;
resize: none;
outline: none;
border-radius: 2px;
}
select, input[type=radio], input[type=checkbox] {
margin-bottom: 1em;
margin-right: 6px;
}
.error[generated=true] {
font-size: .9rem;
}
.btn, input[type=button], input[type=submit], 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;
border-radius: 2px;
}
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: 1.2rem;
}
a.large-btn, input[type=button].large-btn, input[type=submit].large-btn, ul.toggle li a.large-btn{
padding: 1.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: 1rem;
padding: .5em 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: .75rem;
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: 140px;
position: relative;
}
.body-wrapper .boxy.search-404{
padding-right: 110px;
margin-bottom: 0;
}
.body-wrapper .search-404 input{
margin: 0;
}
.body-wrapper .search-404 .btn{
position: absolute;
right: 1em;
top: 1em;
margin: 0;
font-size: 1rem;
padding: .5em 1.2em;
}
.boxy.search-404{
background: none;
padding-left: 0;
padding-top: 0;
}
.boxy.search-404 .btn{
top: 0;
}
/* ==========================================================================
17. MESSAGE BOXES
========================================================================== */
.message, div.wpcf7-validation-errors, .woocommerce-message, .woocommerce-error, .woocommerce-info, .col2-set.addresses .address, .validation_error{
border-width: 1px;
border-style: solid;
display: block;
padding: .5em 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 1em;
}
.message.success{
border-color: #a2e29d;
background-color: #e2f5e4;
color: #219917;
}
.message.info, .woocommerce-info{
border-color: #7bb8e2;
background-color: #d2e4f1;
color: #2386c9;
}
.message.error, .woocommerce-error, .validation_error{
border-color: #fc604a;
background-color: #ffd4ce;
color: #d62911;
}
.message.notice, div.wpcf7-validation-errors{
border-color: #fcc84a;
background-color: #fffcce;
color: #d89b06;
}
.message .fa:before{
font-family: "FontAwesome";
}
.message.success .fa:before{
content: "";
}
.message.info .fa:before{
content: "ï„©";
}
.message.error .fa:before{
content: "ï€";
}
.message.notice .fa:before{
content: "ï±";
}
.message.promo{
padding: 1em 2em;
border: none;
text-align: center;
margin-bottom: 0;
}
.message.promo *{
margin-top: .5em;
margin-bottom: .5em;
}
span.wpcf7-not-valid-tip{
background: none;
border: none;
position: relative;
left: 0;
top: -10px;
}
div.wpcf7-validation-errors{
font-size: .7rem;
line-height: 1.1;
}
.message .fa{
padding-right: .5em;
width: 15px;
text-align: center;
}
/* ==========================================================================
32. Multi Post
========================================================================== */
.multi_nav_control {
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
margin-bottom: 10px;
padding: 7px 0;
}
.multi_navigation_hint {
float: right;
font-size: .7rem;
line-height: 2;
}
.link-multipages {
float: left;
}
.link-multipages .multipost_nav_back{
padding-right: 10px;
}
.link-multipages .multipost_nav_forward{
padding-left: 10px;
}
.multi-meta{
margin-bottom: 1em;
}
.multi-meta h6, .multi-meta *{
margin-top: 0em;
margin-bottom: .25em;
text-decoration: none;
}
/* ==========================================================================
09. TIMELINE
========================================================================== */
/*editbymb 30072014*/
/*.timeline-container{
width:100%;
margin:0px auto;
position: relative;
}
ul.timeline{
width: 100%;
position: relative;
list-style:none;
padding: 0px;
margin: 0px ;
}
ul.timeline > li{
width:47%;
position: relative;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: .5em;
}
ul.timeline > li:nth-child(even){
float:right;
clear:right;
}
ul.timeline > li:nth-child(odd){
float:left;
clear:left;
}
*/
/* ==========================================================================
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;
}
/*ARCHIVE MASONRY*/
.archive-masonry-container .post-container .title *{
margin-top: .75em;
}
ul.archive-masonry-container{
width: 100%;
position: relative;
list-style:none;
padding: 0px;
margin: 0px ;
}
ul.archive-masonry-container > li{
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.archive-masonry-container .col-1-1 {width: 100%; }
.archive-masonry-container .gut-1-1 { width: 0; }
.archive-masonry-container .col-1-2 { width: 48%; }
.archive-masonry-container .gut-1-2 { width: 4%; }
.archive-masonry-container .col-1-3 { width: 29.9%; }
.archive-masonry-container .gut-1-3 { width: 5%; }
.archive-masonry-container .col-1-4 { width: 22%; }
.archive-masonry-container .gut-1-4 { width: 4%; }
.archive-masonry-container .col-1-5 { width: 18%; }
.archive-masonry-container .gut-1-5 { width: 2.5%; }
/* ==========================================================================
TOGGLES & ACCORDION
========================================================================== */
ul.sc_toggle, ul.sc_accordion,
ul.toggle, ul.accordion,
ul.sc_toggle li, ul.sc_accordion li,
ul.toggle li, ul.accordion li{
padding-left: 0;
}
a.toggle-btn, a.accordion-btn,
a.sc_toggle-btn, a.sc_accordion-btn {
text-decoration:none;
display:inline;
padding-left: 2px;
outline: none;
}
a.toggle-btn:after, a.accordion-btn:after,
a.sc_toggle-btn:after, a.sc_accordion-btn:after{
content: "+";
float: right;
}
a.toggle-btn.active:after, a.accordion-btn.active:after,
a.sc_toggle-btn.active:after, a.sc_accordion-btn.active:after{
content: "-";
float: right;
}
.toggle-content, .accordion-content,
.sc_toggle-content, .sc_accordion-content{
margin-top: .5em;
}
.toggle-content p, .accordion-content p,
.sc_toggle-content p, .sc_accordion-content p{
margin-bottom: .5em;
}
ul.toggle li, ul.accordion li,
ul.sc_toggle li, ul.sc_accordion li {
position:relative;
overflow:hidden;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-top: .5em;
padding-right: 0;
padding-bottom: .5em;
padding-left: 0;
}
ul.toggle li:before, ul.accordion li:before{
display: none;
}
ul.toggle, ul.accordion{
margin-bottom: 1.5em;
padding-left: 0;
}
ul.toggle li a{
padding-top: 0;
padding-bottom: 0;
}
aside ul.accordion li:first-child, aside ul.toggle li:first-child{
border-top: none;
padding-left: 0;
}
/* ==========================================================================
FACTWIDGET
========================================================================== */
.cookbook_fact h4.fittext{
margin: 0;
line-height: 110%;
}
.cookbook_fact h3.fittext{
margin: 0;
line-height: 110%;
}
/* ==========================================================================
FACEBOOK WIDGET
========================================================================== */
#fb-root {
display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100%!important;
}
.fb_iframe_widget span{
min-height: 250px;
}
/* ==========================================================================
INFO BOX
========================================================================== */
.tc-info-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 3em;
padding: 1em 2em;
}
.tc-info-box-print{
float: right;
padding-left: 15px;
margin-top: 0em;
margin-bottom: 1em;
}
.tc-info-box-meta{
clear: both;
border-top-style: dashed;
border-top-width: 1px;
border-bottom-style: dashed;
border-bottom-width: 1px;
padding-top: .5em;
padding-bottom: .5em;
}
.tc-info-box-meta h5{
display: inline-block;
width: 33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
margin-top: .25em;
margin-bottom: .25em;
}
.tc-info-box h4{
margin-bottom: .5em;
margin-top: 0;
}
.tc-info-box ul.tc-info-box-ul li{
cursor: pointer;
}
.tc-info-box ul.tc-info-box-ul li:before{
font-family: 'FontAwesome';
content: "ï‚–";
width: 20px;
display: inline-block;
}
.tc-info-box ul.tc-info-box-ul li.checked:before{
content: "ï†";
}
.info-box-header{
margin-bottom: 1em;
}
.tc-info-box ul.tc-info-box-ul,
.tc-info-box ol.tc-info-box-ol,
.tc-info-box-extra > h4,
.tc-info-box-extra,
.tc-info-box-meta {
margin-bottom: 1em;
}
.tc-info-box ul.tc-info-box-ul,
.tc-info-box ol.tc-info-box-ol{
margin-top: 0;
}
/* ==========================================================================
AUTHORS CUSTOM STYLE
========================================================================== */
.icon-thirds li{
display: inline-block;
width: 24%;
padding-left: 0!important;
}
.icon-thirds li .fa{
font-size: 1.1rem;
padding-right: 5px;
}
.icon-thirds li:before{
display: none;
}
.column-example div{
min-height: 1em;
background-color: #efefef;
margin-bottom: 1em;
-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;
text-align: center;
}
.column-example div:hover{
background-color: #c3ad70;
}
dl.gallery-item{
margin-bottom: 0;
}
iframe{
width: 100%;
}
/* ==========================================================================
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;
}
.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: inherit;
}
img.left, .pad-right{
margin-right: 1em;
}
img.right, .pad-left{
margin-left: 1em;
}
.hide {
position: absolute;
top: -9999px;
left: -9999px;
}
/* ==========================================================================
31. WORDPRESS SPECIFIC
========================================================================== */
.wp-caption {
margin: 0;
border: none;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-caption-text {
margin-top: 0;
border-style: solid;
border-width: 0px;
border-top: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: .9rem;
padding: .2em .5em;
margin-bottom: .5em;
}
.mosaic-block .wp-caption-text{
margin-bottom: 0;
}
.sticky:before {
/*content: ""; - paperclip icon */
/*content: "ï‚Š"; - heart icon */
content: ""; /* - star icon */
display: inline-block;
font-family: 'FontAwesome';
font-size: 1.5rem;
position: absolute;
right: 10px;
top: 3px;
z-index: 2;
}
.sticky{
position: relative;
}
.gallery img{
border: none!important;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gallery-caption {
position: relative;
}
.bypostauthor {
position: relative;
}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
.size-auto img,
.size-full img,
.size-large img,
.size-medium img,
.size-thumbnail img {
max-width: 100%;
height: auto;
}
.rev_slider_wrapper {
left: 0!important;
}
.highlight {
background-color: #fffbcc;
}
/* ==========================================================================
24. FLAGS
========================================================================== */
a.flag{
padding-left: 15px!important;
background-size: 18px ;
background-repeat: no-repeat;
background-position: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.flag{
background-repeat: no-repeat;
}
li.flag {
background-position: 0 center;
background-size: 16px auto;
padding-left: 5px!important;
}
.header-container .nav li.flag a{
padding-left: 0;
}
ul.sitemap li.flag{
background-image: none!important;
}
li.flag.af{ background-image: url(./img/flags/AF.png); }
li.flag.ax{ background-image: url(./img/flags/AX.png); }
li.flag.al{ background-image: url(./img/flags/AL.png); }
li.flag.dz{ background-image: url(./img/flags/DZ.png); }
li.flag.as{ background-image: url(./img/flags/AS.png); }
li.flag.ad{ background-image: url(./img/flags/AD.png); }
li.flag.ao{ background-image: url(./img/flags/AO.png); }
li.flag.ai{ background-image: url(./img/flags/AI.png); }
li.flag.aq{ background-image: url(./img/flags/AQ.png); }
li.flag.ag{ background-image: url(./img/flags/AG.png); }
li.flag.ar{ background-image: url(./img/flags/AR.png); }
li.flag.am{ background-image: url(./img/flags/AM.png); }
li.flag.aw{ background-image: url(./img/flags/AW.png); }
li.flag.au{ background-image: url(./img/flags/AU.png); }
li.flag.at{ background-image: url(./img/flags/AT.png); }
li.flag.az{ background-image: url(./img/flags/AZ.png); }
li.flag.bs{ background-image: url(./img/flags/BS.png); }
li.flag.bh{ background-image: url(./img/flags/BH.png); }
li.flag.bd{ background-image: url(./img/flags/BD.png); }
li.flag.bb{ background-image: url(./img/flags/BB.png); }
li.flag.by{ background-image: url(./img/flags/BY.png); }
li.flag.be{ background-image: url(./img/flags/BE.png); }
li.flag.bz{ background-image: url(./img/flags/BZ.png); }
li.flag.bj{ background-image: url(./img/flags/BJ.png); }
li.flag.bm{ background-image: url(./img/flags/BM.png); }
li.flag.bt{ background-image: url(./img/flags/BT.png); }
li.flag.bo{ background-image: url(./img/flags/BO.png); }
li.flag.bq{ background-image: url(./img/flags/BQ.png); }
li.flag.ba{ background-image: url(./img/flags/BA.png); }
li.flag.bw{ background-image: url(./img/flags/BW.png); }
li.flag.bv{ background-image: url(./img/flags/BV.png); }
li.flag.br{ background-image: url(./img/flags/BR.png); }
li.flag.io{ background-image: url(./img/flags/IO.png); }
li.flag.bn{ background-image: url(./img/flags/BN.png); }
li.flag.bg{ background-image: url(./img/flags/BG.png); }
li.flag.bf{ background-image: url(./img/flags/BF.png); }
li.flag.bi{ background-image: url(./img/flags/BI.png); }
li.flag.kh{ background-image: url(./img/flags/KH.png); }
li.flag.cm{ background-image: url(./img/flags/CM.png); }
li.flag.ca{ background-image: url(./img/flags/CA.png); }
li.flag.cv{ background-image: url(./img/flags/CV.png); }
li.flag.ky{ background-image: url(./img/flags/KY.png); }
li.flag.cf{ background-image: url(./img/flags/CF.png); }
li.flag.td{ background-image: url(./img/flags/TD.png); }
li.flag.cl{ background-image: url(./img/flags/CL.png); }
li.flag.cn{ background-image: url(./img/flags/CN.png); }
li.flag.cx{ background-image: url(./img/flags/CX.png); }
li.flag.cc{ background-image: url(./img/flags/CC.png); }
li.flag.co{ background-image: url(./img/flags/CO.png); }
li.flag.km{ background-image: url(./img/flags/KM.png); }
li.flag.cg{ background-image: url(./img/flags/CG.png); }
li.flag.cd{ background-image: url(./img/flags/CD.png); }
li.flag.ck{ background-image: url(./img/flags/CK.png); }
li.flag.cr{ background-image: url(./img/flags/CR.png); }
li.flag.ci{ background-image: url(./img/flags/CI.png); }
li.flag.hr{ background-image: url(./img/flags/HR.png); }
li.flag.cu{ background-image: url(./img/flags/CU.png); }
li.flag.cw{ background-image: url(./img/flags/CW.png); }
li.flag.cy{ background-image: url(./img/flags/CY.png); }
li.flag.cz{ background-image: url(./img/flags/CZ.png); }
li.flag.dk{ background-image: url(./img/flags/DK.png); }
li.flag.dj{ background-image: url(./img/flags/DJ.png); }
li.flag.dm{ background-image: url(./img/flags/DM.png); }
li.flag.do{ background-image: url(./img/flags/DO.png); }
li.flag.ec{ background-image: url(./img/flags/EC.png); }
li.flag.eg{ background-image: url(./img/flags/EG.png); }
li.flag.sv{ background-image: url(./img/flags/SV.png); }
li.flag.gq{ background-image: url(./img/flags/GQ.png); }
li.flag.er{ background-image: url(./img/flags/ER.png); }
li.flag.ee{ background-image: url(./img/flags/EE.png); }
li.flag.et{ background-image: url(./img/flags/ET.png); }
li.flag.fk{ background-image: url(./img/flags/FK.png); }
li.flag.fo{ background-image: url(./img/flags/FO.png); }
li.flag.fj{ background-image: url(./img/flags/FJ.png); }
li.flag.fi{ background-image: url(./img/flags/FI.png); }
li.flag.fr{ background-image: url(./img/flags/FR.png); }
li.flag.gf{ background-image: url(./img/flags/GF.png); }
li.flag.pf{ background-image: url(./img/flags/PF.png); }
li.flag.tf{ background-image: url(./img/flags/TF.png); }
li.flag.ga{ background-image: url(./img/flags/GA.png); }
li.flag.gm{ background-image: url(./img/flags/GM.png); }
li.flag.ge{ background-image: url(./img/flags/GE.png); }
li.flag.de{ background-image: url(./img/flags/DE.png); }
li.flag.gh{ background-image: url(./img/flags/GH.png); }
li.flag.gi{ background-image: url(./img/flags/GI.png); }
li.flag.gr{ background-image: url(./img/flags/GR.png); }
li.flag.gl{ background-image: url(./img/flags/GL.png); }
li.flag.gd{ background-image: url(./img/flags/GD.png); }
li.flag.gp{ background-image: url(./img/flags/GP.png); }
li.flag.gu{ background-image: url(./img/flags/GU.png); }
li.flag.gt{ background-image: url(./img/flags/GT.png); }
li.flag.gg{ background-image: url(./img/flags/GG.png); }
li.flag.gn{ background-image: url(./img/flags/GN.png); }
li.flag.gw{ background-image: url(./img/flags/GW.png); }
li.flag.gy{ background-image: url(./img/flags/GY.png); }
li.flag.ht{ background-image: url(./img/flags/HT.png); }
li.flag.hm{ background-image: url(./img/flags/HM.png); }
li.flag.va{ background-image: url(./img/flags/VA.png); }
li.flag.hn{ background-image: url(./img/flags/HN.png); }
li.flag.hk{ background-image: url(./img/flags/HK.png); }
li.flag.hu{ background-image: url(./img/flags/HU.png); }
li.flag.is{ background-image: url(./img/flags/IS.png); }
li.flag.in{ background-image: url(./img/flags/IN.png); }
li.flag.id{ background-image: url(./img/flags/ID.png); }
li.flag.ir{ background-image: url(./img/flags/IR.png); }
li.flag.iq{ background-image: url(./img/flags/IQ.png); }
li.flag.ie{ background-image: url(./img/flags/IE.png); }
li.flag.im{ background-image: url(./img/flags/IM.png); }
li.flag.il{ background-image: url(./img/flags/IL.png); }
li.flag.it{ background-image: url(./img/flags/IT.png); }
li.flag.jm{ background-image: url(./img/flags/JM.png); }
li.flag.jp{ background-image: url(./img/flags/JP.png); }
li.flag.je{ background-image: url(./img/flags/JE.png); }
li.flag.jo{ background-image: url(./img/flags/JO.png); }
li.flag.kz{ background-image: url(./img/flags/KZ.png); }
li.flag.ke{ background-image: url(./img/flags/KE.png); }
li.flag.ki{ background-image: url(./img/flags/KI.png); }
li.flag.kp{ background-image: url(./img/flags/KP.png); }
li.flag.kr{ background-image: url(./img/flags/KR.png); }
li.flag.kw{ background-image: url(./img/flags/KW.png); }
li.flag.kg{ background-image: url(./img/flags/KG.png); }
li.flag.la{ background-image: url(./img/flags/LA.png); }
li.flag.lv{ background-image: url(./img/flags/LV.png); }
li.flag.lb{ background-image: url(./img/flags/LB.png); }
li.flag.ls{ background-image: url(./img/flags/LS.png); }
li.flag.lr{ background-image: url(./img/flags/LR.png); }
li.flag.ly{ background-image: url(./img/flags/LY.png); }
li.flag.li{ background-image: url(./img/flags/LI.png); }
li.flag.lt{ background-image: url(./img/flags/LT.png); }
li.flag.lu{ background-image: url(./img/flags/LU.png); }
li.flag.mo{ background-image: url(./img/flags/MO.png); }
li.flag.mk{ background-image: url(./img/flags/MK.png); }
li.flag.mg{ background-image: url(./img/flags/MG.png); }
li.flag.mw{ background-image: url(./img/flags/MW.png); }
li.flag.my{ background-image: url(./img/flags/MY.png); }
li.flag.mv{ background-image: url(./img/flags/MV.png); }
li.flag.ml{ background-image: url(./img/flags/ML.png); }
li.flag.mt{ background-image: url(./img/flags/MT.png); }
li.flag.mh{ background-image: url(./img/flags/MH.png); }
li.flag.mq{ background-image: url(./img/flags/MQ.png); }
li.flag.mr{ background-image: url(./img/flags/MR.png); }
li.flag.mu{ background-image: url(./img/flags/MU.png); }
li.flag.yt{ background-image: url(./img/flags/YT.png); }
li.flag.mx{ background-image: url(./img/flags/MX.png); }
li.flag.fm{ background-image: url(./img/flags/FM.png); }
li.flag.md{ background-image: url(./img/flags/MD.png); }
li.flag.mc{ background-image: url(./img/flags/MC.png); }
li.flag.mn{ background-image: url(./img/flags/MN.png); }
li.flag.me{ background-image: url(./img/flags/ME.png); }
li.flag.ms{ background-image: url(./img/flags/MS.png); }
li.flag.ma{ background-image: url(./img/flags/MA.png); }
li.flag.mz{ background-image: url(./img/flags/MZ.png); }
li.flag.mm{ background-image: url(./img/flags/MM.png); }
li.flag.na{ background-image: url(./img/flags/NA.png); }
li.flag.nr{ background-image: url(./img/flags/NR.png); }
li.flag.np{ background-image: url(./img/flags/NP.png); }
li.flag.nl{ background-image: url(./img/flags/NL.png); }
li.flag.nc{ background-image: url(./img/flags/NC.png); }
li.flag.nz{ background-image: url(./img/flags/NZ.png); }
li.flag.ni{ background-image: url(./img/flags/NI.png); }
li.flag.ne{ background-image: url(./img/flags/NE.png); }
li.flag.ng{ background-image: url(./img/flags/NG.png); }
li.flag.nu{ background-image: url(./img/flags/NU.png); }
li.flag.nf{ background-image: url(./img/flags/NF.png); }
li.flag.mp{ background-image: url(./img/flags/MP.png); }
li.flag.no{ background-image: url(./img/flags/NO.png); }
li.flag.om{ background-image: url(./img/flags/OM.png); }
li.flag.pk{ background-image: url(./img/flags/PK.png); }
li.flag.pw{ background-image: url(./img/flags/PW.png); }
li.flag.ps{ background-image: url(./img/flags/PS.png); }
li.flag.pa{ background-image: url(./img/flags/PA.png); }
li.flag.pg{ background-image: url(./img/flags/PG.png); }
li.flag.py{ background-image: url(./img/flags/PY.png); }
li.flag.pe{ background-image: url(./img/flags/PE.png); }
li.flag.ph{ background-image: url(./img/flags/PH.png); }
li.flag.pn{ background-image: url(./img/flags/PN.png); }
li.flag.pl{ background-image: url(./img/flags/PL.png); }
li.flag.pt{ background-image: url(./img/flags/PT.png); }
li.flag.pr{ background-image: url(./img/flags/PR.png); }
li.flag.qa{ background-image: url(./img/flags/QA.png); }
li.flag.re{ background-image: url(./img/flags/RE.png); }
li.flag.ro{ background-image: url(./img/flags/RO.png); }
li.flag.ru{ background-image: url(./img/flags/RU.png); }
li.flag.rw{ background-image: url(./img/flags/RW.png); }
li.flag.bl{ background-image: url(./img/flags/BL.png); }
li.flag.sh{ background-image: url(./img/flags/SH.png); }
li.flag.kn{ background-image: url(./img/flags/KN.png); }
li.flag.lc{ background-image: url(./img/flags/LC.png); }
li.flag.mf{ background-image: url(./img/flags/MF.png); }
li.flag.pm{ background-image: url(./img/flags/PM.png); }
li.flag.vc{ background-image: url(./img/flags/VC.png); }
li.flag.ws{ background-image: url(./img/flags/WS.png); }
li.flag.sm{ background-image: url(./img/flags/SM.png); }
li.flag.st{ background-image: url(./img/flags/ST.png); }
li.flag.sa{ background-image: url(./img/flags/SA.png); }
li.flag.sn{ background-image: url(./img/flags/SN.png); }
li.flag.rs{ background-image: url(./img/flags/RS.png); }
li.flag.sc{ background-image: url(./img/flags/SC.png); }
li.flag.sl{ background-image: url(./img/flags/SL.png); }
li.flag.sg{ background-image: url(./img/flags/SG.png); }
li.flag.sx{ background-image: url(./img/flags/SX.png); }
li.flag.sk{ background-image: url(./img/flags/SK.png); }
li.flag.si{ background-image: url(./img/flags/SI.png); }
li.flag.sb{ background-image: url(./img/flags/SB.png); }
li.flag.so{ background-image: url(./img/flags/SO.png); }
li.flag.za{ background-image: url(./img/flags/ZA.png); }
li.flag.gs{ background-image: url(./img/flags/GS.png); }
li.flag.ss{ background-image: url(./img/flags/SS.png); }
li.flag.es{ background-image: url(./img/flags/ES.png); }
li.flag.lk{ background-image: url(./img/flags/LK.png); }
li.flag.sd{ background-image: url(./img/flags/SD.png); }
li.flag.sr{ background-image: url(./img/flags/SR.png); }
li.flag.sj{ background-image: url(./img/flags/SJ.png); }
li.flag.sz{ background-image: url(./img/flags/SZ.png); }
li.flag.se{ background-image: url(./img/flags/SE.png); }
li.flag.ch{ background-image: url(./img/flags/CH.png); }
li.flag.sy{ background-image: url(./img/flags/SY.png); }
li.flag.tw{ background-image: url(./img/flags/TW.png); }
li.flag.tj{ background-image: url(./img/flags/TJ.png); }
li.flag.tz{ background-image: url(./img/flags/TZ.png); }
li.flag.th{ background-image: url(./img/flags/TH.png); }
li.flag.tl{ background-image: url(./img/flags/TL.png); }
li.flag.tg{ background-image: url(./img/flags/TG.png); }
li.flag.tk{ background-image: url(./img/flags/TK.png); }
li.flag.to{ background-image: url(./img/flags/TO.png); }
li.flag.tt{ background-image: url(./img/flags/TT.png); }
li.flag.tn{ background-image: url(./img/flags/TN.png); }
li.flag.tr{ background-image: url(./img/flags/TR.png); }
li.flag.tm{ background-image: url(./img/flags/TM.png); }
li.flag.tc{ background-image: url(./img/flags/TC.png); }
li.flag.tv{ background-image: url(./img/flags/TV.png); }
li.flag.ug{ background-image: url(./img/flags/UG.png); }
li.flag.ua{ background-image: url(./img/flags/UA.png); }
li.flag.ae{ background-image: url(./img/flags/AE.png); }
li.flag.gb{ background-image: url(./img/flags/GB.png); }
li.flag.us{ background-image: url(./img/flags/US.png); }
li.flag.um{ background-image: url(./img/flags/UM.png); }
li.flag.uy{ background-image: url(./img/flags/UY.png); }
li.flag.uz{ background-image: url(./img/flags/UZ.png); }
li.flag.vu{ background-image: url(./img/flags/VU.png); }
li.flag.ve{ background-image: url(./img/flags/VE.png); }
li.flag.vn{ background-image: url(./img/flags/VN.png); }
li.flag.vg{ background-image: url(./img/flags/VG.png); }
li.flag.vi{ background-image: url(./img/flags/VI.png); }
li.flag.wf{ background-image: url(./img/flags/WF.png); }
li.flag.eh{ background-image: url(./img/flags/EH.png); }
li.flag.ye{ background-image: url(./img/flags/YE.png); }
li.flag.zm{ background-image: url(./img/flags/ZM.png); }
li.flag.zw{ background-image: url(./img/flags/ZW.png); }
/* ==========================================================================
DEFAULT FONTS
========================================================================== */
@font-face {
font-family: 'source_sans_proitalic';
src: url('fonts/SourceSansPro-It-webfont.eot');
src: url('fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SourceSansPro-It-webfont.woff2') format('woff2'),
url('fonts/SourceSansPro-It-webfont.woff') format('woff'),
url('fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
url('fonts/SourceSansPro-It-webfont.svg#source_sans_proitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_prolight';
src: url('fonts/SourceSansPro-Light-webfont.eot');
src: url('fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SourceSansPro-Light-webfont.woff2') format('woff2'),
url('fonts/SourceSansPro-Light-webfont.woff') format('woff'),
url('fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
url('fonts/SourceSansPro-Light-webfont.svg#source_sans_prolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_prolight_italic';
src: url('fonts/SourceSansPro-LightIt-webfont.eot');
src: url('fonts/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SourceSansPro-LightIt-webfont.woff2') format('woff2'),
url('fonts/SourceSansPro-LightIt-webfont.woff') format('woff'),
url('fonts/SourceSansPro-LightIt-webfont.ttf') format('truetype'),
url('fonts/SourceSansPro-LightIt-webfont.svg#source_sans_prolight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_proregular';
src: url('fonts/SourceSansPro-Regular-webfont.eot');
src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SourceSansPro-Regular-webfont.woff2') format('woff2'),
url('fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
url('fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
url('fonts/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_prosemibold';
src: url('fonts/SourceSansPro-Semibold-webfont.eot');
src: url('fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SourceSansPro-Semibold-webfont.woff2') format('woff2'),
url('fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
url('fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
url('fonts/SourceSansPro-Semibold-webfont.svg#source_sans_prosemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_proSBdIt';
src: url('fonts/SourceSansPro-SemiboldIt-webfont.eot');
src: url('fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SourceSansPro-SemiboldIt-webfont.woff2') format('woff2'),
url('fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
url('fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
url('fonts/SourceSansPro-SemiboldIt-webfont.svg#source_sans_proSBdIt') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'star';
src: url('fonts/star.eot');
src: url('fonts/star.eot?#iefix') format('embedded-opentype'),
url('fonts/star.woff') format('woff'),
url('fonts/star.ttf') format('truetype'),
url('fonts/star.svg#star') format('svg');
font-weight: normal;
font-style: normal;
}
/* FONT AWESOME */
.fa, a.fa, .readmore:before, .meta a:before, ul.comments li .more:before, .paging .col-1-2.prev:before, .paging .col-1-2.next:after,
.outter-wrapper .wrapper ul.social-links li a, .breadcrumb-wrapper a.fa, .read_more:before {
font-family: "FontAwesome";
font-weight: normal;
}
/* ==========================================================================
PRINT STYLES
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.sticky-header-wrapper,
footer,
.post-tag-cloud,
.paging,
.comments-container,
aside.col-1-4{
visibility: hidden;
display: none;
}
.three-fourths,
.col-3-4{
float: none;
width: 100%;
margin: 0;
padding: 2em;
border: 3px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tc-info-box{
position: relative;
top: 2em;
margin-top: 2em;
padding: 2em;
border: 1px dashed #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
page-break-before: avoid;
page-break-after: avoid;
}
}
/* ==========================================================================
ADDED BY MB
========================================================================== */
ul.statistics li:before,
.wpb_widgetised_column .cookbook_more_posts ul li:before{
display:none;
}
.image-header-container {
background-position: center top;
}
/* ==========================================================================
RESPONSIVE HELPERS
========================================================================== */
.cookbook_vc_single_post .feat-title-container{
max-height: 110px;
overflow: hidden;
}
.wpb_tour .wpb_tabs_nav a{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Revolution Slider Fixes */
.rev_slider_wrapper {
left: 0!important;
}
.tp-caption .read_more:before{
display: none;
}
.tp-simpleresponsive > ul,
.tp-simpleresponsive > ul > li,
.tp-simpleresponsive > ul > li:before{
left: 0;
}
.tp-bullets{
z-index: 998;
}
/* ==========================================================================
TEMP BY MB: SOCIAL LINKS WIDGET
========================================================================== */
.widget.cookbook_social_links .social-links-container {
text-align: left;
}
.widget.cookbook_social_links ul.social-links li a {
font-size: 2rem;
color: #c3ad70;
}
.widget.cookbook_social_links ul.social-links{
padding-left: 0;
}
.widget.cookbook_social_links ul.social-links li {
padding-left:5px;
}
.widget.cookbook_social_links ul.social-links:not(.standard) li {
padding: 0;
}
.widget.cookbook_social_links ul.social-links:not(.standard) li a {
font-size: 1.1rem;
display: block;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
}
.widget.cookbook_social_links ul.social-links.circle li a {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.widget.cookbook_social_links ul.social-links.rounded li a {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* ==========================================================================
TEMP BY MB: VISUAL COMPOSER FRONT END EDITOR
========================================================================== */
.single-content > .vc_vc_row {
max-width: 1120px; /* Default Width */
margin: 0 auto;
}
/* ==========================================================================
TEMP BY MB: CANON PARALLAX
========================================================================== */
.canon-parallax {
background-position: center top;
background-repeat: no-repeat;
/*uncomment for background animation*/
/* -webkit-transition: background-position 300ms ease;
-moz-transition: background-position 300ms ease;
-ms-transition: background-position 300ms ease;
-o-transition: background-position 300ms ease;
transition: background-position 300ms ease;
*/
}
.woocommerce .fancybox:hover::before{
background: none;
}
.woocommerce .flex-control-nav li{
margin: 0px!important;
}