/* Theme Dynamic Styles */ /* Theme name : Olam Author : layero.com Version : 0.1 Primary color : #0ad2ac Secondary color : #f8fe4c Light color : #eee Body text color : #797979 Body font : Roboto Heading font : Montserrat */ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - TYPOGRAPHY & COMMON ELEMENTS 1.1 - Primary font 1.2 - Secondary font 02 - Colors 2.1 - Primary Background 2.2 - Primary text colors 2.3 - Primary border colors 2.4 - Search & Newsletter placeholder 2.5 - Primary light color 2.6 - Secondary background color 2.7 - Secondary text color 2.8 - White color 2.9 - Light color 2.10 - Social Icons */ /*--------------------------------------------------------*/ /* Typography - 01 */ /*--------------------------------------------------------*/ body { font-family:Roboto , Arial, Helvetica; /* main font family */ font-size: 14px; /* base font size */ color: #1c1c1c; /* base text color */ } h1 { font-family:Raleway , Arial, Helvetica; font-size: 54px; color: #1e1e1e; } h2, .section-heading h2, .lightbox-title, h1.download-name, .boxed-heading, #edd_checkout_form_wrap legend, table.fes-login-registration td h1, .fes-ajax-form h1 { font-size: 40px; font-family:Raleway , Arial, Helvetica; color: #1e1e1e; } h3, .middle-area .fw-tabs-container .fw-tabs ul li a, table.fes-login-registration > tbody > tr > td h1, form.fes-ajax-form h1, h1.fes-headers { font-size: 28px; font-family:Raleway , Arial, Helvetica; color: #1e1e1e; } h4, .area-heading, div.fes-form fieldset .fes-section-wrap h2.fes-section-title, #fes-vendor-dashboard h3 { font-size: 20px; /* base font size */ font-family:Raleway , Arial, Helvetica; color: #1e1e1e; } h5 { font-size: 14px; /* base font size */ font-family:Raleway , Arial, Helvetica; color: #1e1e1e; } h6 { font-size: 12px; /* base font size */ font-family:Raleway , Arial, Helvetica; color: #1e1e1e; } /*Body text color */ .fw-pricing .fw-package .fw-heading-row {color: #1c1c1c; } /*Title font */ .header #nav ul, .product-name {font-family:Raleway , Arial, Helvetica; } /*Title text color */ .middle-area .fw-iconbox .fw-iconbox-title h3, .sidebar-title, .fw-pricing .fw-package .fw-heading-row { color: #1e1e1e; } /* -------------------------------------------------------- */ /* Secondary font - 1.2 */ .title-404, .fw-pricing .fw-package .fw-heading-row span, .fw-pricing .package-price { font-family: Raleway; , Arial, Helvetica;} /* -------------------------------------------------------- */ /* Color - 02 */ /* -------------------------------------------------------- */ * {outline-color: #ff0c0c;} a, a:hover, a:focus {color: #ff0c0c} .lightbox-area .lightbox {font-size: 14px; } /*Body Font size*/ /* -------------------------------------------------------- */ /* Primary background - 2.1 */ .btn-primary, a.fw-btn-primary, input.fw-btn-primary, .comment-form input[type="submit"].submit, .gal-details, .price-box, .price-box-head, .v-progress, .progress-bar, .newsletter-form input[type="submit"], .mc4wp-form input[type="submit"], .fw_form_fw_form input[type="submit"], .fw_form_fw_form button[type="submit"], .email-bg:after, .mc4wp-form label, .searchform label, .quick-contact, .quick-window .input-wrap, .sidebar .filter-by a:hover, .sidebar .filter-by a.active, .cart-sidebar-widget, .pagination ul li a:hover, .pagination ul li.active a, #edd_download_pagination a:hover, #edd_download_pagination span.current, .cart-box, .blog-sidebar h6, .blog-sidebar .sidebar-title, .posts_nav a:hover, .continue_reading:hover, .reade_more:hover, .section table thead th, .section table.table thead th, .boxed, #edd_checkout_user_info, #edd_cc_fields, #edd_cc_address, #edd_purchase_submit, #edd_register_fields, #edd_checkout_login_register, .dd-cart, .header ul.shop-nav li .cart-widget > .cart-btn:before, .preview-options a.active, input[type="radio"]:checked + label span:after, .mob-nav #nav ul:after, .qw-title, .header ul.shop-nav .cw-active .cart-btn, .header #nav ul li:after, .header ul.shop-nav li:after, .header #nav ul li .cart-btn:after, .header ul.shop-nav li .cart-btn:after, .edd_price_options label:after, #calendar_wrap caption, .tagcloud a:hover, #edd_checkout_form_wrap .card-expiration select.edd-select.edd-select-small option, .post-password-form input[type="submit"], .olam-post-pagination span, .olam-post-pagination a:hover span, .sidebar .cart-box input[type="radio"]:checked + label span:before, .sidebar .cart-box .edd_single_mode label:before, .fw-btn-secondary:hover, .fw-btn-light:hover, #header #nav ul li .mega-menu > ul > li:after, .owl-carousel .owl-controls .owl-dot, .edd_download_inner:hover .item_hover, .edd_download_inner .item_hover .item-dt, .sidebar .edd-cart .edd_checkout a, .quote-icon, .package-table-price, a.btn-checkout:hover, table.fes-login-registration > tbody > tr > td, .fes-ajax-form, .post-content .fes-vendor-menu ul li a:hover, .post-content .fes-vendor-menu ul li.active a, .sweet-alert button, .fes-product-list-pagination-container span, .fes-product-list-pagination-container a:hover, .fes-product-list-status-bar a:hover, input[type=submit].fes-delete, button[type=submit].fes-delete, table#fes-comments-table .fes-cmt-submit-form, table#fes-comments-table .fes-ignore, .banner-slider .owl-nav .owl-prev, .banner-slider .owl-nav .owl-next, .sweet-alert button, .woocommerce .woocommerce-billing-fields, #header #nav ul li .mega-menu ul li.mega-menu-col, /* --- Woocommerce --- */ .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce a.added_to_cart:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-billing-fields, .woocommerce-shipping-fields, #add_payment_method #payment ul.payment_methods, #add_payment_method #payment, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover, .woocom-sidebar.sidebar-visible .sidebar-trigger, .woocom-sidebar .sidebar-trigger, .woocommerce a.button.checkout, .post-content .woocommerce-MyAccount-navigation ul li.is-active a, .post-content .woocommerce-MyAccount-navigation ul li a:hover, .lost_reset_password, .edd-wl-create, .edd-wl-edit, .edd-wl-wish-lists .edd-wl-button, .edd-slg-social-container, #edd-slg-social-container-login.edd-slg-social-container, .modal-dialog .modal-content /* {background-color: #ff0c0c; color: #fff;} */ /* -------------------------------------------------------- */ /* Primary text color - 2.2 */ .primary, .header #nav ul li a.login-button, .countdown, .chart .percent, .btn-white, .progress-counter, .newsletter-form input[type="email"], .newsletter-form input[type="email"], .quick-window input[type="submit"], .sidebar .demo-icons, .sidebar-item .categories a:hover, .sidebar .fa, .sidebar ul li a:hover, .pagination ul li a, .header ul.shop-nav a.login-button, .edd_download_inner .item-options a.cart-added, .scroll-top .scrollto-icon, .header ul.shop-nav .cart-widget .cart-btn, .section-heading h2 span, .mc4wp-form, #footer ul.edd-cart li.edd-cart-item .edd-cart-item-price, #calendar_wrap tbody td a, a.comment-reply-link:hover, .icon-box .icon-holder, .olam-post-pagination a span, .sidebar .cart-box input[type="radio"]:checked + label span:before, .sidebar .cart-box .edd_price_options label:before, .cart-added, .middle-area .fw-accordion .fw-accordion-title.ui-state-active, .middle-area .fw-tabs-container .fw-tabs ul li.ui-state-active a, .fw-icon .fa, .fw-heading span, .page-head h1 span, .posted .fa, .preview-options a:hover, .empty-cart .cart-icon, /* --- Woocommerce --- */ .woocommerce .woocommerce-info:before, .woocom-sidebar .sidebar-trigger:hover .fa {color: #ff0c0c;} /* -------------------------------------------------------- */ /* Secondary Button hover - 2.7 */ .highlight-col a.fw-btn-primary:hover, .fw-pricing .highlight-col .fw-button-row .fw-btn-primary:hover {background: #ff0c0c !important; color:#fff !important;} /* -------------------------------------------------------- */ /* Primary border color - 2.3 */ .header #nav ul li a.login-button, .header ul.shop-nav a.login-button, .icon, .edd_price_options label:after, .olam-post-pagination span, .olam-post-pagination a:hover span {border-color: #ff0c0c; } /*.bottom-line .date:before {border-bottom-color: #ff0c0c}*/ .header #nav ul li span:after, /* --- Woocommerce --- */ .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {border-top-color: #ff0c0c;} /* -------------------------------------------------------- */ /* Search & Newsletter placeholder - 2.4 */ .product-search-form ::-webkit-input-placeholder, .newsletter-form ::-webkit-input-placeholder, .mc4wp-form ::-webkit-input-placeholder { color:inherit; font-weight: 700} .product-search-form :-moz-placeholder, .newsletter-form :-moz-placeholder, .mc4wp-form :-moz-placeholder { /* Firefox 18- */ color:inherit; font-weight: 700} .product-search-form ::-moz-placeholder, .newsletter-form ::-moz-placeholder, .mc4wp-form ::-moz-placeholder { /* Firefox 19+ */ color:inherit; font-weight: 700} .product-search-form :-ms-input-placeholder, .newsletter-form :-ms-input-placeholder, .mc4wp-form :-ms-input-placeholder { color:inherit; font-weight: 700} /* -------------------------------------------------------- */ /* Primary light color - 2.5 */ .boxed .boxed-head {background-color: rgba(255,255,255,0.1);} .boxed .boxed-head:hover, .boxed .field-holder {background-color: rgba(0,0,0,0.1);} /* -------------------------------------------------------- */ /* Secondary background color - 2.6 */ .btn-cart, .btn-secondary, .edd-submit, #edd-purchase-button, input[type="submit"].edd-submit, .preview-options a.active:hover, .btn-white:hover, .edd-submit:visited, .edd-submit:focus, .edd-submit:hover, .sidebar-item .fes-vendor-contact-form div.fes-form .fes-submit input[type=submit]:hover, .fw-pricing .fw-button-row .fw-btn:hover, .edd_checkout a, #footer .edd_checkout a, .sidebar-item .mc4wp-form input[type="submit"], .comments-nav a, .fw-btn-secondary, .header ul.shop-nav .cart-widget .dd-cart .buttons a:hover, .owl-carousel .owl-controls .owl-dot.active, .fw_form_fw_form input[type="submit"]:hover, .fw_form_fw_form button[type="submit"]:hover, .comment-form input[type="submit"].submit:hover, .sidebar .edd-cart .edd_checkout a:hover, .highlight-col a.fw-btn-primary, a.btn-checkout, div.featured-badge, div.fes-form .fes-submit input[type=submit], div.fes-form .fes-submit input[type=submit]:focus, input[type=submit].fes-delete:hover, button[type=submit].fes-delete:hover, table#fes-comments-table .fes-cmt-submit-form:hover, table#fes-comments-table .fes-ignore:hover, .fes-light-red, #edd_user_commissions_unpaid_total:after, #edd_user_commissions_paid_total:after, #edd_user_commissions_revoked_total:after, .boxed div.fes-form .fes-submit input[type=submit]:hover, /* --- Woocommerce --- */ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-password-strength.bad, .woocommerce-password-strength.good, p.demo_store, .woocommerce span.onsale, .woocom-sidebar .sidebar-trigger:hover, .edd-fd-button {background: #0a0000; color: #444;} .middle-area div.fes-form .fes-submit .button-primary-disabled {background: #0a0000 !important; color: #e2e2e2 !important; border: none !important;} .scroll-top .flame {border-top-color: #0a0000;} .fw-btn-1:hover, .fw-btn-1:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, a.fw-btn-primary:hover, input.fw-btn-primary:hover, .boxed .boxed-body input[type="submit"], .highlight-col .package-table-price, .fes-fields .fes-feat-image-upload a.fes-feat-image-btn:hover, .fes-fields .fes-avatar-image-upload a.fes-avatar-image-btn:hover, .edd-wl-create input[type='submit'], .edd-wl-edit input[type='submit'], .edd-wish-list li span.edd-wl-item-purchase .edd-wl-action, .edd_errors:not(.edd-alert), a.edd-wl-action.edd-wl-button:hover{background: #0a0000 !important; color:#e2e2e2 !important;} /* -------------------------------------------------------- */ /* Secondary text color - 2.7 */ .edd_download_inner:hover .item-bottom a:hover, #footer h5 span, .sidebar ul.milestones li .rated span.fa, .product-search h1 span, .product-search-bottom, .gal-item-options a:hover, .gal-item:hover .cart-added, .edd_download_inner:hover .item-options a.cart-added, .sticky .posted .featured .fa, /* --- Woocommerce --- */ .woocommerce .star-rating, .woocom-sidebar.sidebar-visible .sidebar-trigger .fa, .woocom-sidebar .sidebar-trigger .fa {color: #0a0000;} /* -------------------------------------------------------- */ /* White color - 2.8 */ .header ul.shop-nav a.login-button:hover, .header ul.shop-nav li:hover .cart-widget .cart-btn, .header ul.shop-nav .cw-active .cart-btn, #edd_checkout_user_info h1, #edd_checkout_user_info h2, #edd_checkout_user_info h3, #edd_checkout_user_info h4, #edd_checkout_user_info h5, #edd_checkout_user_info h6, #edd_cc_fields h1, #edd_cc_fields h2, #edd_cc_fields h3, #edd_cc_fields h4, #edd_cc_fields h5, #edd_cc_fields h6, #edd_cc_address h1, #edd_cc_address h2, #edd_cc_address h3, #edd_cc_address h4, #edd_cc_address h5, #edd_cc_address h6, #edd_purchase_submit h1, #edd_purchase_submit h2, #edd_purchase_submit h3, #edd_purchase_submit h4, #edd_purchase_submit h5, #edd_purchase_submit h6, #edd_register_fields h1, #edd_register_fields h2, #edd_register_fields h3, #edd_register_fields h4, #edd_register_fields h5, #edd_register_fields h6, #edd_checkout_login_register h1, #edd_checkout_login_register h2, #edd_checkout_login_register h3, #edd_checkout_login_register h4, #edd_checkout_login_register h5, #edd_checkout_login_register h6, .dd-cart h1, .dd-cart h2, .dd-cart h3, .dd-cart h4, .dd-cart h5, .dd-cart h6, table.fes-login-registration > tbody > tr > td h1, form.fes-ajax-form h1 {color: #fff;} .olam-post-pagination a span, .sidebar .cart-box input[type="radio"]:checked + label span:after, .sidebar .cart-box .edd_price_options label:after, .cart-box .edd-submit:hover, .sidebar ul.edd-cart li.edd_checkout a:hover, .edd-cart-saving-button, #edd_purchase_submit input[type="submit"]:hover, #edd_login_fields input[type="submit"]:hover {background: #fff;} .sidebar .cart-box input[type="radio"]:checked + label span:after, .sidebar .cart-box .edd_price_options label:after {border-color: #fff;} /* -------------------------------------------------------- */ /* Light color - 2.9 */ .blog-sidebar ul, .posts_nav a, .continue_reading, .reade_more, .section table tbody td, .section table tbody th, .section table tfoot th, .item-details, .preview-area, input[type="radio"] + label span:before, .fw-btn-light, .blog-sidebar .textwidget, .blog-sidebar .tagcloud, .comment-form, .edd-fd-button:hover {background-color: #fff;} .page-top, #footer, .edd-cart-saving-button:hover {background-color:#1c2326;} .page-top, .edd-cart-saving-button:hover, .modal-content h2 {color:#fff;} div.fes-form fieldset .fes-section-wrap h2.fes-section-title {color: inherit;} /* -------------------------------------------------------- */ /* Social Icons - 2.10 */ .sidebar-item .social-facebook .icon, .sidebar-item .social-twitter .icon, .sidebar-item .social-linkedin .icon, .sidebar-item .social-youtube .icon, .sidebar-item .social-google .icon, .sidebar-item .social-pinterest .icon, .icon {color: #9b9b9b} #footer .social-icons a .icon {border: none; color:#3e5860;} .sidebar-item .social-facebook .icon:hover, .social-facebook .icon:hover, .social-icons .icon-facebook:hover, #footer .social-facebook .icon:hover {border-color: #3765a3; color: #3765a3} .social-twitter .icon:hover, .sidebar-item .social-twitter .icon:hover, .social-icons .icon-twitter:hover, #footer .social-twitter .icon:hover {border-color: #2caae1; color: #2caae1;} .social-linkedin .icon:hover, .sidebar-item .social-linkedin .icon:hover, .social-icons .icon-linkedin:hover, #footer .social-linkedin .icon:hover {border-color: #48a0cb; color: #48a0cb;} .social-youtube .icon:hover, .sidebar-item .social-youtube .icon:hover, .social-icons .icon-youtube:hover, #footer .social-youtube .icon:hover {border-color: #dd4f43; color: #dd4f43;} .social-google .icon:hover, .sidebar-item .social-google .icon:hover, .social-icons .icon-gplus:hover, #footer .social-google .icon:hover {border-color: #dd4f43; color: #dd4f43;} .social-pinterest .icon:hover, .sidebar-item .social-pinterest .icon:hover, .social-icons .icon-pinterest:hover, #footer .social-pinterest .icon:hover {color: #e55353; border-color: #e55353;} #footer .social-instagram .icon:hover {color:#b41184;border-color: #b41184;} /* -------------------------------------------------------- */ /* Body text color */ .edd_download_inner .item-posted, .edd_download_inner:hover .item-posted {color: #1c1c1c; } /* -------------------------------------------------------- */ /* Box shadow */ .edd_download_inner, #edd_checkout_cart, .gal-item, .team-item, .fw-pricing .fw-package, .paper, .sidebar, .testimonial-item, article.post, .fes-fields .fes-feat-image-upload a.fes-feat-image-btn, .post-content .fes-vendor-menu ul li a, /* --- Woocommerce --- */ .woocommerce-message, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product, .woocommerce table.shop_table, .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-checkout-payment, .woocommerce-info, .post-content .woocommerce-MyAccount-navigation ul li a {box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06)} .edd_download_inner:hover, .gal-item:hover, .team-item:hover, .fw-pricing .fw-package:hover, .edd_download_inner:hover, .gal-item:hover, /* --- Woocommerce --- */ .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); } .quote-icon, .post-content .fes-vendor-menu ul li a:hover, .post-content .fes-vendor-menu ul li.active a, .post-content .woocommerce-MyAccount-navigation ul li a:hover, .post-content .woocommerce-MyAccount-navigation ul li.is-active a { -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.3); box-shadow: 2px 2px 20px rgba(0,0,0,0.3); } /* =========================================================== Responsive ======================================================== */ @media (max-width:767px){ h1 {font-size: 2.25em; } .product-search h1{font-size:36px;} h1.download-name {font-size: 2.14em; } h2 {font-size: 2.14em; } h3 {font-size: 1.5em; line-height: 1.8rem; } h4 {font-size: 1.427em; line-height: 1.8rem; } h5 {font-size: 1em; font-weight: 700; line-height: 1.8rem;} }