Your IP : 216.73.216.104


Current Path : /home/p/o/n/poneycluc/www/templates/ja_stark/css/
Upload File :
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); }