//--------------------------------------------------------------
// 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;

//images directory
@JMimgDir: @JMimagesDir;

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

@JMwideLayoutWidth: 95%;

//bar height
@JMbarHeight: 121px; //will be adjusted with jQuery after page load

//body
@JMbaseLineHeight: 1.7;
@JMbodyFontSize: @JMbaseFontSize;
@JMbodyBackground: @JMcopyrightBackground;
@JMbaseFontWeight: 400;

//logo
@JMlogoFontSize: 24px;

//topbar
//@JMtopbarBackground //tc
//@JMtopbarFontColor //tc
@JMtopbarHeight: 39px;
@JMtopbarFontSize: (@JMbaseFontSize - 2);

@JMtopbar1Width: 30%;
@JMtopbar2Width: 70%;

//logo-nav
//@JMtopmenuBackground //tc
//@JMtopmenuFontColor //tc
@JMlogonavBackground: @JMtopmenuBackground;
@JMlogonavFontColor: @JMtopmenuFontColor;

//top1 (white)
@JMtop1Background: @JMpageBackground;
@JMtop1FontColor: @JMbaseFontColor;
@JMtop1ModuleTitle: @JMmoduleTitleFontColor;

//top2 (gray)
//@JMtop2Background //tc
@JMtop2FontColor: @JMbaseFontColor;
@JMtop2ModuleTitle: @JMmoduleTitleFontColor;

//top3 (dark)
//@JMtop3Background //tc
//@JMtop3FontColor //tc
//@JMtop3ModuleTitle //tc

//header (gray)
@JMheaderBackground: @JMtop2Background;
@JMheaderFontColor: @JMtop2FontColor;
@JMheaderModuleTitle: @JMmoduleTitleFontColor;

//main (white)
@JMmainBackground: @JMpageBackground;

//bottom1 (dark)
@JMbottom1Background: @JMtop3Background;
@JMbottom1FontColor:  @JMtop3FontColor;
@JMbottom1ModuleTitle: @JMtop3ModuleTitle;

//bottom2 (white)
@JMbottom2Background: @JMpageBackground;
@JMbottom2FontColor:  @JMbaseFontColor;
@JMbottom2ModuleTitle: @JMmoduleTitleFontColor;

//bottom3 (gray)
@JMbottom3Background: @JMtop2Background;
@JMbottom3FontColor:  @JMtop2FontColor;
@JMbottom3ModuleTitle: @JMmoduleTitleFontColor;

//footer-mod (dark)
@JMfooterBackground: @JMtop3Background;
@JMfooterFontColor: @JMtop3FontColor;
@JMfooterModuleTitle: @JMtop3ModuleTitle;

//copyrights
@JMcopyrightBackground: jmdarken(@JMfooterBackground, 20%);
@JMcopyrightFontColor: @JMfooterFontColor;
@JMcopyrightFontSize: @JMbaseFontSize;

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

@JMtopmenuItemHeight: 5px; //padding top / bottom
@JMtopmenuItemWidth: 54px; //padding left / right
@JMtopmenuFontWeight: 400;

@JMtopmenuFontColorHover: @JMstyle;

@JMtopSubmenuBackground: @JMtopmenuBackground;
@JMtopSubmenuFontColor: @JMtopmenuFontColor;
@JMtopSubmenuFontColorHover: @JMstyle;

@JMtopSubmenuTopBorder: @JMtopmenuFontColorHover;

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

@JMmoduleTitleFontWeight: 700;
//@JMmoduleTitleFontColor //tc

//color-ms
@JMcolormsBackground: @JMstyle;
@JMcolormsFontColor: @JMschemeFontColor;
@JMcolormsModuleTitle: @JMcolormsFontColor;

//white-ms
@JMwhitemsBackground: @JMpageBackground;
@JMwhitemsFontColor: @JMbaseFontColor;
@JMwhitemsModuleTitle: @JMmoduleTitleFontColor;

//center-ms
@JMcentermsFontSize: 250%;

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

@JMmenuItemFontColor: inherit;
@JMmenuItemFontColorHover: @JMstyleLinkHover;

@JMmenuItemBorder: @JMborder;

//skip-ms (visible on focus)
@JMskipmsItemBackgroundHover: @JMstyle;
@JMskipmsItemFontColorHover: @JMschemeFontColor;

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

@JMtagsActiveLinkColor: @JMschemeFontColor;
@JMtagsActiveBorderColor: @JMstyle;
@JMtagsActiveBackground: @JMstyle;

// Buttons, Readmore, Inputs
// --------------------------------------------------
  
@JMbuttonFontSize: @JMbaseFontSize;
@JMbuttonFontWeight: 400;
@JMbuttonPaddingTop: 8px;
@JMbuttonPaddingSide: 44px;
@JMbuttonPadding: @JMbuttonPaddingTop @JMbuttonPaddingSide;

@JMbuttonFontColor: inherit;
@JMbuttonFontColorHover: @JMschemeFontColor;
@JMbuttonBackground: transparent;
@JMbuttonBackgroundHover: @JMstyle;
@JMbuttonBorder: @JMstyle;
@JMbuttonBorderWidth: 2px;
@JMbuttonTextTransform: uppercase;

//color-ms button
@JMcolormsButtonBackground: transparent;
@JMcolormsButtonBackgroundHover: @JMschemeFontColor;
@JMcolormsButtonFontColor: inherit;
@JMcolormsButtonFontColorHover: @JMstyle;
@JMcolormsButtonBorder: @JMschemeFontColor;

//dropdowns (article edit button list background)
@JMstyleButtonDropdown: @JMstyle;  
 
//inputs 
@JMinputHeight: 40px;
@JMinputPadding: 15px;
@JMinputFontSize: @JMbaseFontSize; 
@JMinputBorder: #e4e4e4;
@JMinputBorderWidth: 2px;
@JMinputFontColor: #999999;
@JMinputBackground: @white;
@JMinputFocusBorder: jmdarken(@JMinputBorder, 20%);

//readmore
@JMreadmoreFontColor: @JMstyleLink;
@JMreadmoreFontColorHover: @JMreadmoreFontColor;
@JMreadmoreFontSize: @JMbaseFontSize;

//color-ms readmore
@JMcolormsReadmoreFontColor: inherit;
@JMcolormsReadmoreFontColorHover: @JMcolormsReadmoreFontColor;

//search-ms
@JMsearchWidth: 50%;

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

//links
@JMstyleLink: @JMstyle;
@JMlinkFocusColor: #ff0000;
@JMstyleLinkHover: @JMstyleLink;

//page headings
@JMarticleTitleFontColor: @JMheadingFontColor;
@JMarticleTitleFontWeight: 700;
@JMarticleTitleFontColorHover: @JMstyle;
@JMarticleTitleFontTransform: none;

//blog headings
@JMblogTitleFontWeight: 700;
@JMblogTitleFontColorHover: @JMstyle;
@JMblogTitleFontTransform: none;

//component headings
@JMcomponentHeadingFontSize: @JMarticleTitleFontSize * 2;
@JMcomponentHeadingFontFamily: @JMarticleTitleFontFamily;
@JMcomponentHeadingFontWeight: 700;
@JMcomponentHeadingFontColor: @JMarticleTitleFontColor;
@JMcomponentHeadingFontColorHover: @JMstyle;
@JMcomponentHeadingFontTransform: uppercase;

//article info
@JMarticleInfoFontColor: @JMbaseFontColor;

//selection
@JMselectionFontColor: @JMschemeFontColor;

//pagination
@JMpaginationFontColor: inherit;
@JMpaginationFontColorHover: @JMschemeFontColor;
@JMpaginationInactiveFontColor: #cccccc;
@JMpaginationBackground: transparent;
@JMpaginationBackgroundHover: @JMstyle;
@JMpagnationBorder: @JMstyle;
@JMpaginationTextTransform: uppercase;

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

//accordion
@JMaccordionFontColor: @JMbaseFontColor;
@JMaccordionFontColorHover: @JMaccordionFontColor;
@JMaccordionFontWeight: 400;
@JMaccordionTextTransform: uppercase;
@JMaccordionBorder: @JMstyle;

//tabs
@JMtabsBackground: @JMpageBackground;
@JMtabFontColor: @JMbaseFontColor;
@JMtabFontWeight: 400;
@JMtabFontTransform: uppercase;
@JMtabBackground: @JMtabsBackground;
@JMtabBackgroundHover: jmdarken(@JMtabsBackground, 5%);
@JMtabBorder: @JMstyle;

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

// Custom html
// --------------------------------------------------

@JMsocialIconHeight: 40px;
@JMsocialIconWidth: 40px;
@JMsocialBackground: #464a4d;

//counter
@JMcountIconSize: 98px;
@JMcountNumberFontSize: 36px;

//pricing
@JMpricingPriceSize: 136px;
@JMpricingPriceTopSpace: 25px;
@JMpricingPriceFontColor: @JMschemeFontColor;
@JMpricingPriceUpDownFontSize: 16px;
@JMpricingPriceMiddleFontSize: 40px;
@JMpricingTitleBackground: #3e4244;
@JMpricingTitleFontColor: @JMschemeFontColor;
@JMpricingContentBackground: @white;
@JMpricingBottomBackground: #ebebeb;

// font-switcher
// --------------------------------------------------

@JMfontFactor70: 0.7;
@JMfontFactor80: 0.8;
@JMfontFactor90: 0.9;
@JMfontFactor110: 1.1;
@JMfontFactor120: 1.2;
@JMfontFactor130: 1.3;

@JMfontFactorContent70: 0.7;
@JMfontFactorContent80: 0.8;
@JMfontFactorContent90: 0.9;
@JMfontFactorContent110: 1.2;
@JMfontFactorContent120: 1.5;
@JMfontFactorContent130: 2;

// DJ-ImageSlider
// --------------------------------------------------
  
//default
@JMsliderTitleFontSize: 18px;
@JMsliderTitleLineHeight: 1.1;
@JMsliderTitleFontColor: @JMsliderDescFontColor;

@JMsliderDescBackgroundOpacity: 90; //90%

@JMsliderDescFontSize: @JMbaseFontSize;
@JMsliderDescLineHeight: 1.5;
@JMsliderCustomNavBackground: jmdarken(@JMpageBackground, 30%);
@JMsliderCustomNavBackgroundActive: @JMstyle;

//header
@JMheaderSliderTitleFontSize: 66px;
@JMheaderSliderFontSize: 18px;
@JMheaderSliderTitleShadow: jmdarken(@JMsliderTitleFontColor, 50%);

@JMsliderNavigationBackground: @JMschemeFontColor;
@JMsliderNavigationBackgroundHover: @JMstyle;

// High Contrast
// --------------------------------------------------

//black - white
@JMhcBackground: @black;
@JMhcFontColor: #ffffff;
@JMhcFontColor2: #8bfffb;

//black - yellow
@JMhc2Background: @black;
@JMhc2FontColor: #ffff00;
@JMhc2FontColor2: #8bfffb;

//yellow - black
@JMhc3Background: #ffff00;
@JMhc3FontColor: @black;
@JMhc3FontColor2: #0000ff;