//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// Color versions
// --------------------------------------------------

@JMstyle: @JMcolorVersion;
@JMstyleLighten: jmlighten(@JMstyle, 10%);
@JMstyleDarken: jmdarken(@JMstyle, 10%);
@JMstyleVeryLight: jmlighten(@JMstyle, 55%);

//images directory
@JMimgDir: @JMimagesDir;

// Global colors
// --------------------------------------------------

@JMwhite: #ffffff;
@JMblack: #000000;

// Layout values
// --------------------------------------------------

//default line-height
@JMbaseLineHeight: 1.7;
@JMbodyFontSize: @JMbaseFontSize;

//bar
@JMbarHeight: 111px; // whole bar height

//topbar height
@JMtopbarHeight: 34px;

// background colors
// --------------------

@JMtopBackground: @JMpageBackground;
@JMmainBackground: @JMpageBackground;
@JMbottomBackground: @JMpageBackground;
@JMfooterBackground:  @JMheaderBackground;
@JMbodyBackground: @JMcopyrightBackground;

// font colors
// --------------------

@JMfooterFontColor: @JMheaderFontColor;

// borders
// --------------------

@JMbottomBorder: @JMborder;
@JMfooterBorder: @JMheaderBorder;

// Modules
// --------------------------------------------------

//color1-ms / color2-ms
@JMmoduleTitleColor1msFontColor: @white;
@JMmoduleTitleColor2msFontColor: @white;
@JMmoduleColor1msBackground: @JMstyle;
@JMmoduleColor1msFontColor: jmlighten(@JMmoduleColor1msBackground, 50%);


//footer
@JMfooterModuleTitleFontColor: @JMheaderModuleTitleFontColor;

//custom html
@JMcustomBoxVerticalColor: @JMstyle;
@JMcustomBoxVerticalColorHover: @white;

@JMtableHoursFontColor: #444444;
@JMcustomBoxBottomFontColor: #444444;
@JMcustomBoxTitleFontColor: @white;
@JMarticleTabsSmallTitleColor: #444444;

// DJ Megamenu values
// --------------------------------------------------

@JMstyleMegamenuFontHover: @JMstyle;
@JMmegamenuMenuModuleFontColor: @JMmegamenuSubmenuFontColor;
@JMmegamenuElementHeight: 90px; // + 20px line height ~ 110px
@JMmegamenuElementSubtitleFontSize: 10px; 
@JMstyleMegamenuSubmenuActiveFontColor: @JMstyle;

@JMmegamenuModuleTitle: jmlighten(@JMmegamenuSubmenuFontColor, 20%);

// Menu
// --------------------------------------------------

@JMmenuLinkColor: inherit;
@JMmenuLinkHover: @JMstyle;

//topbar
@JMtopbarMenuLinkColor: @JMstyle;

//top-bar submenu width
@JMmenuTopbarSubmenuWidth: 180px;

//color1-ms / color2-ms
@JMmoduleColor1msFontColorHover: jmlighten(@JMmoduleColor1msFontColor, 20%);
@JMmoduleColor2msFontColorHover: @JMstyle;

@JMmoduleColor1msBorder: jmlighten(@JMmoduleColor1msBackground, 15%);
@JMmoduleColor2msBorder: jmlighten(@JMmoduleColor2msBackground, 15%);

//megamenu menu module
@JMmenuMegamenuFontColor: @JMmegamenuSubmenuFontColor;
@JMmenuMegamenuBorder: jmlighten(@JMmegamenuSubmenuBackground, 15%);
@JMmenuMegamenuFontColorHover: @JMstyle;

//offcanvas menu module
@JMmenuOffcanvasFontColor: @JMoffCanvasFontColor;
@JMmenuOffcanvasFontColorHover: @JMstyle;
@JMmenuOffcanvasBorder: jmlighten(@JMoffCanvasBackground, 15%);

//tags
@JMtagsLinkColor: @JMstyle;
@JMtagsBackgroundColor: @white;
@JMtagsBorderColor: @JMstyle;

@JMtagsActiveLinkColor: @white;
@JMtagsActiveBorderColor: @JMstyle;
@JMtagsActiveBackground: @JMstyle;

// Buttons, Readmore, Inputs
// --------------------------------------------------
  
@JMbuttonFontSize: 14px;
@JMbuttonPaddingTopDown: 15px;
@JMbuttonPaddingLeftRight: 45px;
@JMstyleButtonFontColor: @white;
@JMbuttonFontColorHover: @white;
@JMbuttonBackground: @JMstyle;
@JMstyleButtonBackgroundHover: #4f5861;

//btn blue module
@JMbtnColor1msBackground: @white;
@JMbtnColor1msFontColor: @JMstyle;
@JMbtnColor1msBackgroundHover: #4f5861;
@JMbtnColor1msFontColorHover: @JMwhite;

//btn grey module
@JMbtnColor2msBackground: @white;
@JMbtnColor2msFontColor: @JMstyle;
@JMbtnColor2msBackgroundHover: @JMstyle;
@JMbtnColor2msFontColorHover: @white;

//btn offcanvas module
@JMbtnOffcanvasBackground: @white;
@JMbtnOffcanvasFontColor: @JMstyle;
@JMbtnOffcanvasBackgroundHover: @JMstyle;
@JMbtnOffcanvasFontColorHover: @white;

//dropdowns (article edit button list background)
@JMstyleButtonDropdown: @JMstyle;  
 
//inputs 
@JMinputHeight: 50px;
@JMinputPadding: 0 10px;
@JMinputFontSize: 14px; 
@JMinputBorder: #e9e9e9;
@JMinputFontColor: #979ea1;
@JMinputBackground: @white;
@JMstyleInputFocusBorder: jmdarken(@JMinputBorder, 20%);

//front search width
@JMsearchWidth: 215px;

//readmore
@JMreadmoreFontColor: #444444;
@JMstyleReadmoreColor: @JMstyle;
@JMreadmoreColorHover: #4f5861;

//readmore blue module
@JMreadmoreColor1msColor: @white;
@JMreadmoreColor1msColorHover: #4f5861;

//readmore grey module
@JMreadmoreColor2msColor: @white;
@JMreadmoreColor2msColorHover: @JMstyle;

//readmore offcanvas
@JMreadmoreOffcanvasColor: @white;
@JMreadmoreOffcanvasColorHover: @JMstyle;

// Template values
// --------------------------------------------------

//article info
@JMarticleInfoFontColor: #858585;

//links
@JMstyleLink: @JMstyle;
@JMstyleLinkHover: @JMstyleLighten;
@JMlinkColor1ms: jmdarken(@JMmoduleColor1msBackground, 50%);

//selection
@JMselectionFontColor: @white;

//article headings
@JMarticleTitleFontColorHover: @JMstyleLink;

//offcanvas
@JMoffCanvasToolbarBackground: jmdarken(@JMoffCanvasBackground, 20%);
@JMoffCanvasIconSize: 20px;

//pagination
@JMstylePaginationFontColor: @JMstyle;
@JMpaginationFontColorHover: @JMwhite;
@JMpaginationInactiveFontColor: #cccccc;
@JMpaginationBackground: #f1f1f1;
@JMstylePaginationBackgroundHover: @JMstyle;

//accordion
@JMaccordionFontColor: #444444;
@JMstyleAccordionFontColorHover: @JMstyle;

//tabs + DJ-Tabs
@JMtabsBackground: @white;
@JMtabFontColor: #444444;
@JMtabBackground: #f5f5f5;
@JMtabBorderHover: @JMstyle;

//table
@JMtableBackground: transparent;
@JMtableBorder: @JMborder;
@JMtableHeadBackground: @JMstyle;
@JMtableHeadFontColor: #fff;
@JMtableBorderRadius: 0;
@JMtableBackgroundAccent: #f8f8f8;
@JMtableBackgroundHover: #f8f8f8;

// MEDIATOOLS
// --------------------------------------------------

@JMmediatoolsDescriptionOpacity: 90; // 90%
@JMstyleMediatoolsDescriptionBackground: @JMstyle;
@JMmediatoolsReadmoreFontColor: @white;
@JMmediatoolsReadmoreBorderHover: @white;
@JMmediatoolsAlbumBackground: @JMpageBackground;
@JMmediatoolsAlbumBorder: @JMborder;
@JMstyleMediatoolsNavigationColor: @JMstyle;
@JMmediatoolsPaginationBackground: #e5e5e5;
@JMmediatoolsPaginationFontColor: #444444;
@JMmediatoolsPaginationFontHover: @white;
@JMstyleMediatoolsPaginationBackgroundHover: @JMstyle;
@JMmediatoolsTabberBackground: @JMmediatoolsDescriptionBackground;
@JMmediatoolsTabberBackgroundActive: @JMstyle;

// DJ-TABS
// --------------------------------------------------

@JMtabDateColor: #5a5a5a; 
@JMtabCategoryAuthorColor: #444444;
//other styles inherited from joomla tabs



