| Current Path : /home/p/o/n/poneycluc/www/templates/ja_stark/css/ |
| Current File : /home/p/o/n/poneycluc/www/templates/ja_stark/css/theme.css |
/**
* ------------------------------------------------------------------------
* JA Stark Template
* ------------------------------------------------------------------------
* Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ------------------------------------------------------------------------
*/
:root {
--blue: #2e3d96;
--indigo: #3F51B5;
--purple: #9C27B0;
--pink: #E91E63;
--red: #dc3545;
--orange: #FF9800;
--yellow: #ffc107;
--green: #4CAF50;
--teal: #009688;
--cyan: #22cc99;
--primary: #2e3d96;
--secondary: #22cc99;
--success: #22cc99;
--info: #2e3d96;
--warning: #ffc107;
--danger: #dc3545;
--light: #e9ecef;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: "louis_george_caferegular", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
/**
*------------------------------------------------------------------------------
* @package T4-Blank - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2019 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
.btn {
white-space: normal; }
a[name="top-anchor"] {
position: absolute;
top: 0;
height: 100px;
width: 0px;
visibility: hidden; }
#back-to-top {
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
display: none; }
.top-away #back-to-top {
display: block; }
html {
font-size: var(--font-size-root); }
body {
background-color: #fff;
color: var(--body-text-color);
font-family: var(--font-family-base);
font-size: var(--font-size-root);
font-weight: var(--font-weight-base);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing); }
.t4-content {
background-image: var(--body-bg-img);
background-repeat: var(--body-bg-img-repeat);
background-position: var(--body-bg-img-position);
background-size: var(--body-bg-img-size);
background-attachment: var(--body-bg-img-attachment);
background-color: var(--body-bg-color); }
a {
color: var(--link-color); }
a:hover {
color: var(--link-hover-color); }
h1, h2, h3, h4, h5, h6 {
font-family: var(--heading-font-family);
font-weight: var(--heading-font-weight);
line-height: var(--heading-line-height);
letter-spacing: var(--heading-letter-spacing); }
h1, .h1 {
font-size: var(--h1-font-size); }
h2, .h2 {
font-size: var(--h2-font-size); }
h3, .h3 {
font-size: var(--h3-font-size); }
h4, .h4 {
font-size: var(--h4-font-size); }
h5, .h5 {
font-size: var(--h5-font-size); }
h6, .h6 {
font-size: var(--h6-font-size); }
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
background-color: var(--primary) !important; }
.bg-secondary {
background-color: var(--secondary) !important; }
.bg-success {
background-color: var(--success) !important; }
.bg-info {
background-color: var(--info) !important; }
.bg-warning {
background-color: var(--warning) !important; }
.bg-danger {
background-color: var(--danger) !important; }
.bg-light {
background-color: var(--light) !important; }
.bg-dark {
background-color: var(--dark) !important; }
/* Buttons Colors */
.btn.btn-primary {
background-color: var(--primary) !important;
border-color: var(--primary) !important; }
.btn.btn-primary:hover {
opacity: 0.85; }
.btn.btn-secondary {
background-color: var(--secondary) !important;
border-color: var(--secondary) !important; }
.btn.btn-secondary:hover {
opacity: 0.85; }
.btn.btn-success {
background-color: var(--success) !important;
border-color: var(--success) !important; }
.btn.btn-success:hover {
opacity: 0.85; }
.btn.btn-info {
background-color: var(--info) !important;
border-color: var(--info) !important; }
.btn.btn-info:hover {
opacity: 0.85; }
.btn.btn-warning {
background-color: var(--warning) !important;
border-color: var(--warning) !important; }
.btn.btn-warning:hover {
opacity: 0.85; }
.btn.btn-danger {
background-color: var(--danger) !important;
border-color: var(--danger) !important; }
.btn.btn-danger:hover {
opacity: 0.85; }
.btn.btn-light {
background-color: var(--light) !important;
border-color: var(--light) !important; }
.btn.btn-light:hover {
opacity: 0.85; }
.btn.btn-dark {
background-color: var(--dark) !important;
border-color: var(--dark) !important; }
.btn.btn-dark:hover {
opacity: 0.85; }
/* Text Colors */
.text-primary {
color: var(--primary) !important; }
.text-secondary {
color: var(--secondary) !important; }
.text-success {
color: var(--success) !important; }
.text-info {
color: var(--info) !important; }
.text-warning {
color: var(--warning) !important; }
.text-danger {
color: var(--danger) !important; }
.text-light {
color: var(--light) !important; }
.text-dark {
color: var(--dark) !important; }
/* Badage Colors */
.badge-primary {
background-color: var(--primary); }
.badge-secondary {
background-color: var(--secondary); }
.badge-success {
background-color: var(--success); }
.badge-info {
background-color: var(--info); }
.badge-warning {
background-color: var(--warning); }
.badge-danger {
background-color: var(--danger); }
.badge-light {
background-color: var(--light); }
.badge-dark {
background-color: var(--dark); }
/* TPL
--------------------------------------- */
.contact .contact-links ul li a:hover > span, .contact .contact-links ul li a:focus > span, .contact .contact-links ul li a:active > span {
background: var(--primary);
border-color: var(--primary); }
.t4-section.t4-pattern-primary {
background: var(--primary); }
.t4-section.t4-pattern-primary .bg-overlay-image::after {
background: var(--primary); }
.acm-hero .btn.html5lightbox.primary,
.acm-hero .btn.html5link.primary {
background: var(--primary); }
.t4-megamenu .dropdown-menu ul > li a.nav-link:hover,
.t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover {
color: var(--secondary); }
.t4-megamenu .dropdown-menu ul > .active a.nav-link,
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item {
color: var(--secondary); }
.t4-megamenu .dropdown-menu .mega-nav > li a.nav-link:hover,
.t4-megamenu .dropdown-menu .mega-nav > li a.dropdown-item:hover {
color: var(--secondary); }
.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link,
.t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item {
color: var(--secondary); }
.module-title {
color: var(--secondary); }
#t4-section-7 .t4-section-module .module-title {
color: var(--secondary); }