/* Theme Name: Scene Description: Multi-purpose Magazine Theme Theme URI: http://themeforest.net/ Author: ThemeCanon Author URI: http://themecanon.com Version: 1.3 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. Header Background 13. Header Text 14. Header Text Hover 15. Post Header Background 16. Post Header Text 17. Post Header Text Hover 18. Tertiary Menu Background 19. Sidr Block Background 20. Sidr Block Text 21. Block Headings Background 22. Feature Text Color 1 23. Quotes Text 24. White Text 25. Footer Background 26. Button Color 1 27. Button Color 1 Hover 28. Light Blocks Background 29. Featured Title Background 30. Menu Border Color 31. Main Border Color 32. Footer Border Color 33. Footer Text Color 34. Footer Link Hover Color 35. Footer Text Color 2 36. Secondary Footer Block 37. Form Elements 38. Baseline 39. Baseline Text 40. Baseline Text Hover *******************************************************************************/ /* 01. BODY BACKGROUND ________________________________________________________ */ html{ background: #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){ background-color: #fff; } /* 03. GENERAL BODY TEXT ______________________________________________________ */ html, button, input, select, textarea, .comment-num { color: #222222; } /* 04. BODY LINK TEXT _________________________________________________________ */ .body-wrapper a, .boxy blockquote cite, ul.comments li .more a:nth-child(2):before, div.widget ul li:before /* VC SUPPORT */, .wpb_toggle, .text-seperator-line a.btn:hover, .text-seperator-line a.btn, .widget.woocommerce ul.product-categories li:before { color: #222222; } /* 05. BODY LINK TEXT HOVER ___________________________________________________ */ .body-wrapper a:hover, ul.tab-nav li:hover, a.title:hover *, a:hover *, .link-multipages a:hover /* VC SUPPORT */, .wpb_toggle:hover, .wpb_tour_tabs_wrapper .wpb_tabs_nav li a:hover, .text-seperator-line a.btn:hover /* ROYAL SLIDER */, .canonSlider .feat-title h6.meta a:hover { color: #999999; } /* 06. MAIN HEADINGS TEXT ___________________________________________________ */ h1, h2, h3, h4, h5, h6 /* WOO COMMERCE */, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, .summary.entry-summary .price span, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, mark{ color: #222222; } /* 07. SECONDARY BODY TEXT ___________________________________________________ */ .scene_more_posts .meta, .tweet .meta, .post-date, .rss-date, .review-box .star-rating, .multi_navigation_hint /* WOO COMMERCE */, .woocommerce-result-count, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, .summary.entry-summary .price del span, .woocommerce .cart-collaterals .cart_totals p small, .woocommerce-page .cart-collaterals .cart_totals p small, .woocommerce .star-rating:before, .woocommerce-page .star-rating:before{ color: #adadad; } /* 08. LOGO AS TEXT ___________________________________________________________ */ .outter-wrapper .logo.logo-text a{ color: #222222; } /* 09. PRE HEADER BLOCK BACKGROUND ____________________________________________ */ .outter-wrapper.pre-header-area, .breadcrumb-wrapper{ background: #4c565c; } /* 10. PRE HEADER BLOCK TEXT __________________________________________________ */ .outter-wrapper.pre-header-area ul.social-links li a, .outter-wrapper.pre-header-area a{ color: #ffffff; } /* 11. PRE HEADER BLOCK TEXT HOVER ______________________________________________ */ .outter-wrapper.pre-header-area ul.social-links li a:hover, .outter-wrapper.pre-header-area a:hover, .outter-wrapper.pre-header-area a:hover *{ color: #ff6666; } /* 12. HEADER BLOCK BACKGROUND ____________________________________________ */ .outter-wrapper.header-area, .header-area #navigation, .header-area.nav-container, .header-area nav ul ul{ background: #1f2528; } /* 13. HEADER BLOCK TEXT __________________________________________________ */ .outter-wrapper.header-area ul.social-links li a, .outter-wrapper.header-area a{ color: #ffffff; } /* 14. HEADER BLOCK TEXT HOVER ________________________________________________ */ .outter-wrapper.header-area ul.social-links li a:hover, .outter-wrapper.header-area a:hover, .outter-wrapper.header-area a:hover *{ color: #ff6666; } /* 15. POST HEADER BLOCK BACKGROUND ______________________________________________ */ .outter-wrapper.post-header-area, .post-header-area #navigation, .post-header-area.nav-container, .post-header-area.nav-container nav ul{ background: #606d74; } /* 16. POST HEADER BLOCK TEXT ____________________________________________________ */ .post-header-area, .post-header-area a { color: #ffffff; } /* 17. POST HEADER BLOCK TEXT HOVER____________________________________________________ */ .post-header-area a:hover, .post-header-area a:hover * { color: #ff6666; } /* 18. TERTIARY MENU BLOCK BACKGROUND ____________________________________________ */ #nav ul ul, .tab-nav li, h3.v_nav, .text-seperator-bar .btn, .post-header-area.nav-container nav ul ul ul, .header-style-4 nav ul ul ul /* VC SUPPORT */, .wpb_tabs .wpb_tabs_nav li, .wpb_tabs .wpb_tabs_nav li:hover { background: #4c565c; } /* 19. SIDR BLOCK BACKGROUND ______________________________________________ */ .sidr, .ui-autocomplete li { background: #20272b; } /* 20. SIDR MENU TEXT ______________________________________________________ */ .sidr a, .ui-autocomplete li a{ color: #fff; } /* 21. BLOCK HEADINGS BACKGROUND ______________________________________________ */ aside .widget-title, .tab-nav li.active, h3.v_nav.v_active, .text-seperator-bar, .widget_calendar caption /* VC SUPPORT */, .wpb_tabs .wpb_tabs_nav li.ui-tabs-active, .wpb_tabs .wpb_tabs_nav li.ui-tabs-active:hover, .wpb_widgetised_column .widget .widget-title { background: #20272b; } /* 22. FEATURE TEXT COLOR 1 ______________________________________________________ */ .feat-1, .feat-1 *, .feat-1 a, a.feat-1, .sidr a:hover, .breadcrumb-wrapper a:hover, .breadcrumb-wrapper a:hover *, h1 span, h2 span, h3 span, .highlight, .highlight:before, .highlight:after, blockquote cite, a.feat-title:hover, ul.comments .meta a, .paging .meta, .paging .col-1-2:before, .paging .col-1-2:after, nav li.fa:before, .logo.logo-text a:hover, .canon_animated_number h1.super, .statistics li em, .page-numbers .current, .sticky:before, a.toggle-btn.active:after, a.accordion-btn.active:after, a.sc_toggle-btn.active:after, a.sc_accordion-btn.active:after, a.toggle-btn.active, a.accordion-btn.active, a.sc_toggle-btn.active, a.sc_accordion-btn.active, .scene_fact h4.fittext, ol > li:before, .post ul li:before, .link-multipages a /* VC SUPPPORT */, .wpb_toggle_title_active, .wpb_tour .wpb_tabs_nav li.ui-tabs-active a, .ui-accordion-header-active a /* WOO COMMERCE */, .shipping_calculator h2 a, .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock, .woocommerce div.product .out-of-stock, .woocommerce #content div.product .out-of-stock, .woocommerce-page div.product .out-of-stock, .woocommerce-page #content div.product .out-of-stock /* ROYAL SLIDER */, .canonSlider .feat-title h6.meta, .canonSlider .feat-title h6.meta a, .canonSlider .rsThumb.rsNavSelected h3, .canonSlider .rsThumb h6, .canonSlider .rsThumb h6 a{ color: #ff6666; } /* 23. QUOTES TEXT ______________________________________________________________ */ .boxy blockquote, blockquote{ color: #555f64; } /* 24. WHITE TEXT _______________________________________________________________ */ .breadcrumb-wrapper, .breadcrumb-wrapper a, aside .widget-title, .tab-nav li, h3.v_nav, ol.sc_graphs li, .post-tag-cloud li a:hover, .feat-block-1, .feat-block-2, .feat-block-3, .feat-block-4, .feat-block-5, .text-seperator-bar h5, .text-seperator-bar .btn, .text-seperator-bar .btn:hover, .btn, input[type=button], input[type=submit], button, .mosaic-overlay *, .search_controls li em, .widget_calendar caption, .flex-direction-nav a, .flex-direction-nav a:hover, .widget_rss .widget-title .rsswidget, a.btn, a.btn:hover, .body-wrapper .btn:hover, .body-wrapper .flex-direction-nav a:hover /* VC SUPPORT */, .wpb_tabs .wpb_tabs_nav li a, .wpb_tabs .wpb_tabs_nav li.ui-tabs-active a:hover, .wpb_teaser_grid .categories_filter li.active a, .wpb_widgetised_column .widget .widget-title /* WOO COMMERCE */, .woocommerce span.onsale, .woocommerce-page span.onsale { color: #ffffff; } /* 25. FOOTER BACKGROUND _________________________________________________________ */ .footer-wrapper { background: #20272b; } /* 26. BUTTON COLOR 1 ____________________________________________________________ */ .btn, .form-style-2 .btn, .form-style-2 input[type=button], input[type=button]:hover, input[type=submit]:hover, button:hover, .form-style-2 input[type=submit], .form-style-2 button, .search_controls li /* VC SUPPORT */, .wpb_button_a .wpb_button.wpb_btn-inverse, .vc_btn_black /* WOO COMMERCE */, p.demo_store, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce-message:before, .woocommerce .shop_table.cart td.actions .button.alt, .woocommerce .shop_table.cart td.actions .button:hover, .woocommerce .woocommerce-message a.button:hover { background: #20272b; } /* 27. BUTTON COLOR 1 HOVER ______________________________________________________ */ .feat-block-1, .text-seperator-bar .btn:hover, .btn:hover, input[type=button], input[type=submit], button, .post-tag-cloud li a:hover, .search_controls li:hover, .ui-state-focus, .footer-wrapper .btn:hover, .footer-wrapper input[type=button]:hover, .footer-wrapper input[type=submit]:hover, .footer-wrapper button:hover, .footer-wrapper .form-style-2 .btn:hover, .footer-wrapper .form-style-2 input[type=button]:hover, .footer-wrapper .form-style-2 input[type=submit]:hover, .footer-wrapper .form-style-2 button:hover, .footer-wrapper .search_controls li:hover, ul.graphs > li .rate-span div, ul.review-graph > li .rate-span div /* VC SUPPORT */, .wpb_teaser_grid .categories_filter li.active, .wpb_button_a .wpb_button.wpb_btn-inverse:hover, .vc_btn_black:hover /* WOO COMMERCE */, .woocommerce a.button:hover, .woocommerce button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce .shop_table.cart td.actions .button, .woocommerce .shop_table.cart td.actions .button.alt:hover, .woocommerce .woocommerce-message a.button, .product .cart button.single_add_to_cart_button:hover, #place_order:hover, .woocommerce span.onsale, .woocommerce-page span.onsale, .widget_price_filter .ui-slider .ui-slider-handle { background: #ff6666; } /* 28. LIGHT BLOCKS BACKGROUND ___________________________________________________ */ table.table-style-1 tr:nth-child(2n+2), table.table-style-1 th, fieldset.boxy, .message.promo, .post-container .boxy, .boxy.author, ul.comments .odd, .post-tag-cloud li a, .form-style-2 input[type=text], .form-style-2 input[type=email], .form-style-2 input[type=password], .form-style-2 textarea, .form-style-2 input[type=tel], .form-style-2 input[type=range],.form-style-2 input[type=url], .form-style-2 input[type=number], .boxy.review-box, .comments #respond.comment-respond, ul.sitemap > li > a /* VC SUPPORT */, .wpb_tour .wpb_tabs_nav li:hover, .wpb_teaser_grid .categories_filter li, .wpb_call_to_action, .vc_call_to_action, .wpb_gmaps_widget .wpb_wrapper, .vc_progress_bar .vc_single_bar /* WOO COMMERCE */, input.input-text, .woocommerce ul.products li.product, .woocommerce ul.products li.product.last .woocommerce-page ul.products li.product, .col2-set.addresses .address, .woocommerce-message, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce #payment, .woocommerce-page #payment, .woocommerce-main-image img, input#coupon_code, .widget_price_filter .price_slider_wrapper .ui-widget-content /* ROYAL SLIDER */, .sceneDefault, .sceneDefault .rsOverflow, .sceneDefault .rsSlide, .sceneDefault .rsVideoFrameHolder, .sceneDefault .rsThumbs { background: #f6f6f6; } /* 29. FEATURED TITLE BACKGROUND ___________________________________________________ */ .feat-title{ background: #ffffff; } /* 30. MENU BORDER COLOR ___________________________________________________ */ .post-header-area #navigation .nav li a, .header-area .nav ul#nav > li a, .sidr ul, .sidr ul li, .post-header-area.nav-container nav ul > li > a, .header-style-4 nav > ul > li > a{ border-color: #2b363c; } /* 31. MAIN BORDER COLOR ___________________________________________________ */ .tab-contents, .body-wrapper ul.thumb-list li, .body-wrapper ul.wiget-comment-list li, hr, .text-seperator-line div, blockquote.right, blockquote.left, pre, table.table-style-1, table.table-style-1 th, table.table-style-1 td, table.table-style-2, table.table-style-2 th, table.table-style-2 td, .post-container, .sitemap div > ul, .page-heading, .thumb-list.archive, ul.comments, .post-tag-cloud, .paging, .paging .col-1-2.prev, input[type=text], input[type=email], input[type=password], textarea, input[type=tel], input[type=range], input[type=url], input[type=number], ul.toggle li, ul.accordion li, ul.toggle li:first-child, ul.accordion li:first-child, .scene_more_posts li, aside .list-1 li, ul.statistics li, ul.tweets li.tweet, .widget_archive ul li, .widget_calendar th, .widget_calendar td, .widget_categories ul li, .widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_tag_cloud .tagcloud a, .tabs-tags a, ul.graphs > li .rate-span, ul.review-graph > li .rate-span, .widget_rss ul li, .cat-desription p:last-child, .canon-cleanTabs-container ul.tab-nav li, ul.toggle li, ul.accordion li, ul.sc_toggle li, ul.sc_accordion li, .multi_nav_control, #comments_pagination .page-numbers:after /* VC SUPPPORT */, .vc_separator.vc_sep_color_grey .vc_sep_line, .wpb_toggle, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .wpb_tour .wpb_tabs_nav li, .wpb_tour .wpb_tour_tabs_wrapper .ui-tabs-panel, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .wpb_teaser_grid ul.categories_filter, .vc_toggle /* WOO COMMERCE */, ul.products li .price, ul.products li h3, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box, .col2-set.addresses .address, p.myaccount_user, .summary.entry-summary .price, .summary.entry-summary .price, .product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as, .product_meta span:first-child, .woocommerce-message, .related.products, .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text, .upsells.products, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register, .woocommerce #reviews #comments ol.commentlist, .widget_price_filter .price_slider_wrapper .ui-widget-content, .widget.woocommerce .tagcloud a, .widget.woocommerce ul.product_list_widget li, .widget.woocommerce ul.product-categories li /* ROYAL SLIDER */, .Canon_Slider_1 .rsThumb, .Canon_Slider_2 .rsThumbsVer, .Canon_Slider_3 .rsThumb, .Canon_Slider_3 .rsThumbsHor { border-color: #eaeaea; } /* 32. FOOTER BORDER COLOR ___________________________________________________ */ .footer-wrapper .tag-cloud a, .footer-wrapper .col-1-5, .footer-wrapper ul.list-1 li, .footer-wrapper ul.list-2 li, .footer-wrapper ul.list-3 li, .footer-wrapper .widget ul.toggle li, .footer-wrapper .widget ul.accordion li, .footer-wrapper .scene_more_posts li, .footer-wrapper ul.statistics li, .footer-wrapper ul.tweets li.tweet, .footer-wrapper .widget_archive ul li, .footer-wrapper .widget_calendar th, .footer-wrapper .widget_calendar td, .footer-wrapper .widget_categories ul li, .footer-wrapper .widget_nav_menu ul li, .footer-wrapper .widget_meta ul li, .footer-wrapper .widget_pages ul li, .footer-wrapper .widget_recent_comments ul li, .footer-wrapper .widget_recent_entries ul li, .footer-wrapper .widget_tag_cloud .tagcloud a, .footer-wrapper .canon-cleanTabs-container ul.tab-nav li, .footer-wrapper .tabs-tags a, .footer-wrapper .thumb-list li, .footer-wrapper .canon-cleanTabs-container .tab_content, .footer-wrapper ul.wiget-comment-list li, .footer-wrapper .wrapper > .col-1-2, .footer-wrapper .wrapper > .col-1-3, .footer-wrapper .wrapper > .col-1-4, .footer-wrapper .wrapper > .col-1-5, .footer-wrapper .wrapper > .col-2-3, .footer-wrapper .wrapper > .col-3-4, .footer-wrapper .wrapper > .col-2-5, .footer-wrapper .wrapper > .col-3-5, .footer-wrapper .wrapper > .col-4-5{ border-color: #2b363c; } /* 33. FOOTER TEXT COLOR ___________________________________________________ */ .footer-wrapper, .footer-wrapper a, .footer-wrapper a *, .footer-wrapper .canon_animated_number h1.super, .footer-wrapper .canon_animated_number h1.super span, .footer-wrapper .boxy blockquote, .footer-wrapper blockquote, .footer-wrapper .widget_calendar caption, .footer-wrapper .widget-title, .footer-wrapper .canon-cleanTabs-container .tab_content .thumb-list .meta.feat-1 * { color: #ffffff; } /* 34. FOOTER LINK HOVER COLOR ___________________________________________________ */ .footer-wrapper a:hover, .footer-wrapper a:hover *, .footer-wrapper cite, .footer-wrapper .statistics li em, .footer-wrapper .canon-cleanTabs-container ul.tab-nav li.active, .footer-wrapper .widget ul li:before{ color: #ff6666; } /* 35. SECONDARY FOOTER TEXT ___________________________________________________ */ .footer-wrapper .scene_more_posts .meta, .footer-wrapper .tweet .meta, .footer-wrapper .post-date{ color: #b6b6b6; } /* 36. SECONDARY FOOTER BLOCK ___________________________________________________ */ .footer-wrapper .widget_calendar caption, .footer-wrapper .btn, .footer-wrapper input[type=button], .footer-wrapper input[type=submit], .footer-wrapper button, .footer-wrapper .form-style-2 .btn, .footer-wrapper .form-style-2 input[type=button], .footer-wrapper .form-style-2 input[type=submit], .footer-wrapper .form-style-2 button, .footer-wrapper .search_controls li { background: #2b363c; } /* 37. FORM ELEMENTS ___________________________________________________ */ input[type=text], input[type=email], input[type=password], textarea, input[type=tel], input[type=range], input[type=url], input[type=number] { background: #f4f4f4; } /* 38. BASELINE ___________________________________________________ */ .base-line{ background: #171e20; } /* 39. BASELINE TEXT___________________________________________________ */ .base-line *{ color: #b6b6b6; } /* 40. BASELINE TEXT HOVER ___________________________________________________ */ .base-line a:hover, .base-line a:hover *{ color: #ff6666; } /* ****************************************************************************** 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 *{ font-family: 'latolight'; } /* 02. MAIN HEADINGS TEXT ______________________________________________________ */ h1, h2, h3, .widget_rss a.rsswidget, .wpb_tour .wpb_tabs_nav li{ font-family: 'source_serif_proregular'; } /* 03. NAVIGATION ______________________________________________________________ */ .nav a, .header-area .wrapper ul li a, .pre-header-area .wrapper ul li a, .post-header-area.nav-container a, .sidr a { font-family: 'alegreya_scregular'; } /* 04. SECOND / META HEADINGS _________________________________________________ */ .breadcrumb-wrapper, .footer-wrapper 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, .scene_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 { font-family: 'latobold'; } /* 05. BOLD TEXT ___________________________________________________________ */ strong, .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, 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 /* 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 { font-family: 'latoregular'; } /* 06. ITALICS TEXT _______________________________________________________________ */ .lead, em, i, blockquote, .boxy blockquote, .rate-tab strong, .wp-caption-text, ul.tweets li.tweet { font-family: 'latolight_italic'; } /* 07. STRONG TEXT ___________________________________________________________ */ .rate-tab strong { font-family: 'latoblack'; } /* 08. LOGO TEXT ___________________________________________________________ */ .logo.logo-text a{ font-family: 'latoblack'; } /* ========================================================================== 002. SPECIFIC TYPOGRAPHY SETTINGS ========================================================================== */ .footer-wrapper h3.widget-title, blockquote cite, legend, .text-seperator-bar h5, .text-seperator-line 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, h6.meta, .meta h6, ul.tab-nav li, aside .widget-title, .breadcrumb-wrapper, .rate-tab i, .comment-num, .scene_more_posts .meta, .read_more, .tweet .meta, .post-date, ul.graphs > li, ul.review-graph > li, .rss-date, .widget_rss .widget-title .rsswidget, ul.pagination a, ul.page-numbers a, #cancel-comment-reply-link, .text-seperator-line .btn { text-transform: uppercase; } blockquote cite, legend, .text-seperator-bar h5, .text-seperator-line 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, aside .widget-title, .footer-wrapper h3.widget-title, ul.tab-nav li, h6.meta, .meta h6, .breadcrumb-wrapper, .scene_more_posts .meta, .read_more, .tweet .meta, .post-date, ul.graphs > li, ul.review-graph > li, .rss-date, .widget_rss .widget-title .rsswidget, ul.pagination a, ul.page-numbers a, #cancel-comment-reply-link, .text-seperator-line .btn { letter-spacing: 2px; } aside .widget-title, blockquote cite, legend, .text-seperator-bar h5, .text-seperator-line 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 { font-size: 11px; text-decoration: none; } #nav li:hover ul ul:before, nav ul li:hover ul ul:before{ border:7px solid; border-color:transparent #4c565c transparent transparent; } /* ========================================================================== 003. TYPOGRAPHY ========================================================================== */ html { font-size: 1em; line-height: 1.5; } body *{ -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; } h1, h2, h3{ line-height: 100%; } h1, h2{ margin-top: 15px; margin-bottom: 15px; } h1{ font-size: 34px; } h1.super{ font-size: 68px; } .post-container h1{ font-size: 30px; } h2{ font-size: 24px; } h3{ font-size: 20px; } h6.meta, .meta h6, .scene_more_posts .meta, .post-date, .rss-date { font-size: 10px; } 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; } .lead{ font-size: 125%; } aside a{ text-decoration: none; } .highlight:before, .highlight:after { content: "'"; } .highlight:before, .highlight:after{ padding-left: 2px; padding-right: 2px; } .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; } /*editbymb 30072014*/ /*.timeline .post-container .title *{ margin-top: .75em; } */ .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; } .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; color: #fff; text-decoration: none; padding-left: .75em; } .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: 8px; 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; font-size: 22px; } 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{ font-size: 30px; 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-area #navigation .nav, .post-header-area.nav-container nav, .ui-autocomplete { max-width: 1360px; /* Default Width */ } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #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-title, .wpb_widgetised_column .widget .widget-title { padding: 0 .5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 2.4; } aside .widget{ margin-bottom: 2.5em; } .feature-image{ margin-bottom: 2em; } /* ========================================================================== 04. PRE HEADER AREA VARIATIONS ========================================================================== */ .outter-wrapper.pre-header-area { } .pre-header-area .wrapper{ padding-top: 0; padding-bottom: 0; } .pre-header-area .wrapper ul{ margin-bottom: .5em; margin-top: .1em; margin-left: 0; position: relative; top: 3px; padding-left: 0; } .pre-header-area .wrapper ul li{ list-style-type: none; display: inline-block; margin-right: .75em; } .pre-header-area .wrapper ul li:last-child{ margin-right: 0; } .pre-header-area .wrapper ul li a{ text-decoration: none; font-size: 14px; } /* ========================================================================== 04. HEADER AREA VARIATIONS ========================================================================== */ .header-area ul{ margin-top: 0; padding-left: 0; margin-bottom: 0; } .header-area ul > li{ list-style-type: none; display: inline-block; margin-right: 1em; } .header-area.header-style-4 ul > li{ margin-right: 0; } .header-area .wrapper ul li:last-child{ margin-right: 0; } .header-area .wrapper ul li a{ text-decoration: none; font-size: 14px; } .header-area .wrapper #navigation ul li a{ text-decoration: none; font-size: 16px; } .header-area{ position: relative; } .header-area #mobile-header{} .header-area .nav ul#nav > li > a{ border-right-style: solid; border-right-width: 1px; } .header-area .nav ul#nav > li:last-child a{ border: none; padding-right: 0; } .header-area ul#nav li li{ display: block; } .header-area .wrapper ul#nav > li{ padding-top: 1em; padding-bottom: 1px; } .header-area .wrapper ul#nav > li > a{ display: block; padding: .25em 1em; } .header-area .wrapper ul#nav li a{ font-size: 16px; } /* ========================================================================== 04. POST HEADER AREA VARIATIONS ========================================================================== */ .post-header-area #navigation .nav, .post-header-area.nav-container nav { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1em; padding-right: 1em; } .post-header-area.nav-container .post-header-right nav{ padding-right: 0; } .post-header-area.nav-container .post-header-left nav{ padding-left: 0; } .post-header-area .wrapper{ padding-top: 0; padding-bottom: 0; } .post-header-area ul#nav > li > a, .post-header-area.nav-container nav > ul > li > a{ border-right-style: solid; border-right-width: 1px; padding: 0; } .post-header-area ul#nav > li:last-child a, .post-header-area.nav-container nav > ul > li:last-child a{ border: none; padding-right: 0; } .post-header-area ul#nav > li, .post-header-area.nav-container nav > ul > li{ padding-top: 1em; padding-bottom: 1em; } .post-header-area ul#nav > li > a, .post-header-area.nav-container nav ul > li > a{ display: inline-block; padding: .25em 1em; } .post-header-area.nav-container nav ul li li > a{ padding: .25em 1.1em; } /* ========================================================================== 03. HEADER BASE STYLES ========================================================================== */ .logo img{ max-width: 100%; } .outter-wrapper .logo.logo-text{ max-width: 100%; } #navigation .nav > ul, .nav-container ul{ padding: 0; margin: 0; } #navigation .nav > ul > li.right, .nav-container ul > li.right{ float: right; } .logo.logo-text a{ text-decoration: none; } .logo.logo-text{ line-height: 1; } .sticky_placeholder, .sticky_placeholder .outter-wrapper{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .boxed-page .sticky-header-wrapper{ position: relative; margin: 0 auto; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box; box-sizing: border-box; } .sticky-header-wrapper{ z-index: 1001; position: relative; } ul.header_toolbar{ list-style-type: none; } ul.header_toolbar li{ cursor: pointer; } /* ========================================================================== 03. SPECIFIC HEADER VARIATION STYLES ========================================================================== */ /* HEADER 1 */ .header-style-1 .logo{ max-width: 94px; } /* HEADER 2 */ .header-style-2 .logo, .sidr-class-logo{ max-width: 94px; } /* HEADER 3 */ .header-style-3 .logo{ display: block; text-align: center; max-width: 141px; margin-left: auto; margin-right: auto; } .header-style-3 #mobile-header { left: 5px; top: 5px; } /* HEADER 4 */ .header-style-4 .logo, .sidr-class-logo{ max-width: 94px; } .header-style-4 .header-text, .header-style-4 ul.header_toolbar{ line-height: 40px; } .header-style-4 nav > ul > li > a{ border-right-style: solid; border-right-width: 1px; padding: 0; } .header-style-4 nav ul > li:last-child a{ border: none; } .header-style-4 nav > ul > li{ padding-top: 0em; padding-bottom: 0em; } .header-style-4 nav ul > li > a{ display: inline-block; padding: .25em 1em; } /* ========================================================================== 04. NAVIGATION ========================================================================== */ #mobile-header { display: none; width: 100%; text-align: center; } .menuHideBtn{ display: none!important; } #sidr-id-closebtn{ text-align: right; font-size: 24px; } #responsive-menu-button{ font-size: 20px; text-decoration: none; line-height: 40px; } #responsive-menu-button em{ font-size: 24px; padding-right: 5px; } #responsive-menu-button img{ max-width: 100%; width: 100%; } #navigation li a, .nav-container li a{ text-decoration: none; } .nav a, nav a{ white-space: nowrap; } #nav ul, nav ul ul { position: absolute; display: none; z-index: 10000; margin-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0; } #navigation .nav > ul > li, .nav-container nav ul > li{ float: left; } #nav ul li, #navigation nav ul ul li { float: none; margin: 0; padding: 0.4em 0.4em 0.4em 0; position: relative; text-align: left; display: block; line-height: 1; } #nav ul li a, nav ul li li a{ padding: .2em .9em; } #nav li:hover > ul, #nav li.nav-parent.hover ul, nav ul li:hover > ul{ display: block; } #nav li:hover ul ul, nav ul li:hover ul ul{ display: none!important; position: absolute; left: 100%; top: 0; } #nav li:hover ul ul:before, nav ul li:hover ul ul:before{ content:""; display: block; position: absolute; left:-14px; top:12px; /* you can adjust */ } #nav ul li:hover ul, nav ul ul li:hover ul { display: block!important; } #nav ul li:last-child{ padding-bottom: .75em; } /* Centere Menu Option */ .centered-menu nav{ text-align: center; } .centered-menu nav > li, .nav-container .centered-menu nav ul > li{ float: none!important; display: inline-block; } nav li.fa{ display: inline; } nav li.fa:before{ display: inline; position: relative; left: 7px; font-size: 90%; } nav li.fa a{ padding-left: 12px!important; } nav li.fa{ line-height: normal; } /* ========================================================================== 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{ font-size: 14px; 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; } .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, .footer-wrapper ul, .footer-wrapper 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, .footer-wrapper ul li, .footer-wrapper 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: 22px; } 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; } 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:-2px; 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, .footer-wrapper ul li:before, .footer-wrapper ol li:before{ margin-left: -12px; } .body-wrapper ul.list-1 li:before, .footer-wrapper 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{ content: ""; padding-right: 5px; font-family: "FontAwesome"!important; font-style: normal; } .body-wrapper ul.list-2 li:before, .footer-wrapper ul.list-2 li:before{ content: ""; padding-right: 5px; font-family: "FontAwesome"!important; font-style: normal; font-size: 13px; } .body-wrapper ul.list-3 li:before, .footer-wrapper ul.list-3 li:before{ content: ""; padding-right: 5px; font-family: "FontAwesome"!important; font-style: normal; font-size: 11px; } .body-wrapper ul.list-4 li:before, .footer-wrapper ul.list-4 li:before{ content: ""; padding-right: 5px; font-family: "FontAwesome"!important; font-style: normal; font-size: 11px; } .widget_recent_comments ul li:before{ content: ""; padding-right: 5px; font-family: "FontAwesome"!important; font-style: normal; font-size: 12px; } .post-date:before{ content: ""; padding-right: 5px; font-family: "FontAwesome"!important; font-style: normal; font-size: 11px; padding-left: 0px; } .post-date{ display: block; } .widget_recent_entries ul li{ padding-left: 0; } .post ul.meta li:before{ display: none; } /* ========================================================================== 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: 1em; margin-bottom: .75em; } .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.3; } .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, .scene_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; } .scene_more_posts ul{ padding-left: 0; } .scene_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; } .scene_more_posts li h3{ margin: 0; } .scene_more_posts .meta{ } 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{ border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: .5em; margin-bottom: .5em; } ul.statistics{ padding-left: 0; } .statistics li em{ font-size: 18px; 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: 1em; margin-bottom: 1em; } .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: 18px; 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 { font-size: 20px; line-height: 120%; 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; } /* ========================================================================== 05. BREADCRUMBS ========================================================================== */ .breadcrumb-wrapper, .breadcrumb-wrapper a{ font-size: 10px; } .breadcrumb-wrapper a{ text-decoration: none; } .breadcrumb-wrapper li:first-child a{ margin-right: 0em; font-size: 14px; } .canon_breadcrumbs_separator{ padding-right: .5em; padding-left: .5em; } .breadcrumb-wrapper a:first-child:after{ display: none; } .breadcrumb-wrapper { overflow: hidden; } ul.canon_breadcrumbs { list-style: none; padding: 0; margin: 0; } ul.canon_breadcrumbs li { display: inline-block; float: none; } /* ========================================================================== 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: 120%; -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; } ul.pagination a, ul.page-numbers a{ text-decoration: none; } .page-numbers li a:hover{ text-decoration: underline; } .page-numbers .prev, .page-numbers .next{ font-size: 90%; } .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; font-size: 14px; 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: 24px; top: 40%; } .paging .col-1-2.next:after{ content: ""; position: absolute; right: 0; top: 40%; font-size: 24px; } .paging .col-1-2.prev.eol:before, .paging .col-1-2.next.eol:after{ display: none; } /* ============= 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{ 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; } /* ========================================================================== 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. FOOTER ========================================================================== */ .footer-wrapper{ padding-bottom: 1em; line-height: 1.3; } .footer-wrapper h3.widget-title{ font-size: 12px; margin-bottom: 2em; } .footer-wrapper a{ text-decoration: none; } .footer-wrapper 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: #111; background-color: rgba(0, 0, 0, .7); color: #fff; border-radius: 3px; font-size: 16px; text-decoration: none; font-family: "FontAwesome"; } .footer-wrapper .canon-cleanTabs-container ul.tab-nav{ margin-top: 6px; } .footer-wrapper .canon-cleanTabs-container ul.tab-nav li{ display: inline-block; border-collapse: inherit !important; background: none; } .footer-wrapper .canon-cleanTabs-container .tab_content{ border-top-style: solid; border-top-width: 1px; padding-top: .5em; margin-top: .75em; } /* ========================================================================== 05. BASELINE ========================================================================== */ .base-line{ font-size: 14px; } .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: 16px; min-width: 20px; line-height: 20px; text-align: center; } /* ========================================================================== SEARCH FIELD & AUTO-COMPLETE ========================================================================== */ .outter-wrapper.search-header-container { display: none; overflow: visible; padding-bottom: 0em; padding-top: .75em; } .outter-wrapper.search-header-container, .outter-wrapper.search-header-container .wrapper{ margin-bottom: 0; padding-bottom: 0; } .search-header-container header{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 120px; 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: 10px 15px; margin: 0 5px; font-size: 16px; -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:last-child{ margin-right: 0; } .search-header-container .ui-helper-hidden-accessible { display: none; } .s-results{ float: right; } .ui-autocomplete { margin: 0 auto!important; left: 0!important; z-index: 1001; padding-right: 134px; padding-left: 24px; -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: 6px; } /* ========================================================================== 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: 150%; 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: 1px; } .body-wrapper .post-tag-cloud li a{ text-decoration: none; padding: .3em .5em; } /* ========================================================================== 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; font-size: 11px; 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.scene_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: 4px; } ul.thumb-list .rate-container{ float: left; } ul.thumb-list .rate-container .rate-tab{ position: absolute; left: 0; bottom: 0; z-index: 999; } .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: 16px; 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; } .rate-tab strong{ } .rate-tab i{ display: block; font-size: 9px; 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: 20px; line-height: 20px; } .rate-tab.rate-small strong{ font-size: 11px; line-height: 11px; } .comment-num{ position: absolute; top: 2em; left: 0; display: block; font-size: 10px; padding: .2em .75em .2em .4em; z-index: 999; 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; top:18px; } .ratings-bar { width: 0; max-width: 100%; } .review-box .star-rating { overflow: hidden; margin: 0; padding: 0; font-size: 1.4em; } .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: .75em 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; } textarea{ width: 100%; height: 140px; display: block; resize: none; outline: none; } select, input[type=radio], input[type=checkbox] { margin-bottom: 1em; margin-right: 6px; } .error[generated=true] { font-size: 14px; } .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; } a.xlarge-btn, input[type=button].xlarge-btn, input[type=submit].xlarge-btn, ul.toggle li a.xlarge-btn{ padding: 1em 1.75em; font-size: 120%; } a.large-btn, input[type=button].large-btn, input[type=submit].large-btn, ul.toggle li a.large-btn{ padding: 1em 1.75em; } a.small-btn, input[type=button].small-btn, input[type=submit].small-btn, .widget input[type=submit], ul.toggle li a.small-btn{ font-size: 14px; padding: .4em 1.2em; } a.xsmall-btn, input[type=button].xsmall-btn, input[type=submit].xsmall-btn, .pb_gallery .main .isotope_filter_menu li a, ul.toggle li a.xsmall-btn{ font-size: 12px; padding: .2em 1em; } a.btn [class^="icon-"], a.btn [class*=" icon-"]{ padding-right: 5px; padding-left: 5px; } .body-wrapper .search-404{ margin-bottom: 5em; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 140px; position: relative; } .body-wrapper .search-404 input{ margin: 0; } .body-wrapper .search-404 .btn{ position: absolute; right: 1em; top: 1em; margin: 0; } .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: #e2f5e4; color: #219917; } .message.info, .woocommerce-info{ border-color: #7bb8e2; background: #d2e4f1; color: #2386c9; } .message.error, .woocommerce-error, .validation_error{ border-color: #fc604a; background: #ffd4ce; color: #d62911; } .message.notice, div.wpcf7-validation-errors{ border-color: #fcc84a; background: #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 h2{ font-size: 28px; } .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: 13px; line-height: 18px; } .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: 12px; line-height: 22px; } .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 li a.toggle-btn:before, ul.accordion li a.accordion-btn:before{ content: "+"; padding-right: .35em; font-size: 20px; width: 12px; display: inline-block; } ul.toggle li a.toggle-btn, ul.accordion li a.accordion-btn{ } ul.toggle li a.toggle-btn.active:before, ul.accordion li a.accordion-btn.active:before{ content: "-"; } */ 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 ========================================================================== */ .scene_fact h4.fittext{ margin: 0; line-height: 110%; } .scene_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; } /* ========================================================================== AUTHORS CUSTOM STYLE ========================================================================== */ .column-example div{ min-height: 1em; background: #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: #ff6666; } /* ========================================================================== 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: 90%; 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: 25px; position: absolute; right: 10px; top: 3px; z-index: 2; } .sticky{ position: relative; } .gallery img{ border: none!important; } .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; } /* ========================================================================== 24. FLAGS ========================================================================== */ a.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; } .flag{ background-repeat: no-repeat; } li.flag { background-position: 0 center; background-size: 16px auto; padding-left: 5px!important; margin-left: 1em!important; } li.flag > ul.sub-menu{ margin-left: -1.25em; } 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: 'latolight_italic'; src: url('fonts/lato-lightitalic-webfont.eot'); src: url('fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-lightitalic-webfont.woff') format('woff'), url('fonts/lato-lightitalic-webfont.ttf') format('truetype'), url('fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack'; src: url('fonts/lato-black-webfont.eot'); src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-black-webfont.woff') format('woff'), url('fonts/lato-black-webfont.ttf') format('truetype'), url('fonts/lato-black-webfont.svg#latoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack_italic'; src: url('fonts/lato-blackitalic-webfont.eot'); src: url('fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-blackitalic-webfont.woff') format('woff'), url('fonts/lato-blackitalic-webfont.ttf') format('truetype'), url('fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('fonts/lato-italic-webfont.eot'); src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-italic-webfont.woff') format('woff'), url('fonts/lato-italic-webfont.ttf') format('truetype'), url('fonts/lato-italic-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('fonts/lato-bold-webfont.eot'); src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bold-webfont.woff') format('woff'), url('fonts/lato-bold-webfont.ttf') format('truetype'), url('fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('fonts/lato-regular-webfont.eot'); src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regular-webfont.woff') format('woff'), url('fonts/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('fonts/lato-light-webfont.eot'); src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-light-webfont.woff') format('woff'), url('fonts/lato-light-webfont.ttf') format('truetype'), url('fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold_italic'; src: url('fonts/lato-bolditalic-webfont.eot'); src: url('fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bolditalic-webfont.woff') format('woff'), url('fonts/lato-bolditalic-webfont.ttf') format('truetype'), url('fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight_italic'; src: url('fonts/robotocondensed-lightitalic-webfont.eot'); src: url('fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-lightitalic-webfont.woff') format('woff'), url('fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('fonts/robotocondensed-bold-webfont.eot'); src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-bold-webfont.woff') format('woff'), url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold_italic'; src: url('fonts/robotocondensed-bolditalic-webfont.eot'); src: url('fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedlight'; src: url('fonts/robotocondensed-light-webfont.eot'); src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-light-webfont.woff') format('woff'), url('fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedregular'; src: url('fonts/robotocondensed-regular-webfont.eot'); src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-regular-webfont.woff') format('woff'), url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condenseditalic'; src: url('fonts/robotocondensed-italic-webfont.eot'); src: url('fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-italic-webfont.woff') format('woff'), url('fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_serif_proregular'; src: url('fonts/sourceserifpro-regular-webfont.eot'); src: url('fonts/sourceserifpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sourceserifpro-regular-webfont.woff') format('woff'), url('fonts/sourceserifpro-regular-webfont.ttf') format('truetype'), url('fonts/sourceserifpro-regular-webfont.svg#source_serif_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'alegreya_scregular'; src: url('fonts/alegreyasc-regular-webfont.eot'); src: url('fonts/alegreyasc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/alegreyasc-regular-webfont.woff') format('woff'), url('fonts/alegreyasc-regular-webfont.ttf') format('truetype'), url('fonts/alegreyasc-regular-webfont.svg#alegreya_scregular') 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; } } /* ========================================================================== ADDED BY MB ========================================================================== */ .rev_slider_wrapper { left: 0!important; } ul.statistics li:before, .wpb_widgetised_column .scene_more_posts ul li:before{ display:none; } /* ========================================================================== RESPONSIVE HELPERS ========================================================================== */ .scene_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; }