//--------------------------------------------------------------
// 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;
@JMschemeFontColor: @white;

//images directory
@JMimgDir: @JMimagesDir;

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

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

//global text-transform
@JMglobalTextTransfrom: none; //none if disabled

//header
@JMheaderTopPadding: 320px;

//logo nav
@JMlogoNavHeight: 80px; //will be adjusted with jQuery after page load

//megamenu
@JMtopSubmenuFontColorHover: @JMcolorVersion;

//main
@JMmainBackground: @JMpageBackground;

//image effect
@JMimgEffectBackground: @white;
@JMimgEffectOpacity: 0.5; //50%

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

@JMtopmenuItemHeight: 10px; //padding top / bottom
@JMtopmenuItemWidth: 15px; //padding left / right
@JMtopmenuFontWeight: 700;
@JMtopmenuItemSubtitleFontSize: 10px;
@JMtopSubmenuTopBorder: @JMtopmenuFontColor;

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

@JMmoduleTitleFontWeight: 700;

// module with green background
@JMcolormsModuleFontSize: @JMmoduleTitleFontSize;

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

@JMmenuItemFontColor: inherit;
@JMmenuItemFontColorHover: @JMstyleLinkHover;
@JMmenuItemBorder: jmdarken(@JMpageBackground, 10%);
@JMmenuTopbarSubmenuWidth: 150px;

//tags
@JMtagColor: @JMbaseFontColor;
@JMtagColorHover: @JMstyle;
@JMtagFontSize: 16px;

// Buttons, Readmore, Inputs
// --------------------------------------------------

@JMbuttonFontSize: 12px;
@JMbuttonFontWeight: 400;
@JMbuttonPaddingTop: 13px;
@JMbuttonPaddingSide: 50px;
@JMbuttonPadding: @JMbuttonPaddingTop @JMbuttonPaddingSide;
@JMbuttonFontColor: @JMschemeFontColor;
@JMbuttonFontColorHover: @JMstyle;
@JMbuttonBackground: @JMstyle;
@JMbuttonBackgroundHover: transparent;
@JMbuttonBorder: @JMstyle;
@JMbuttonTextTransform: uppercase;
@JMreadmorePaddingTop: 14px;
@JMreadmorePaddingSide: 70px;
@JMreadmorePadding: @JMreadmorePaddingTop @JMreadmorePaddingSide;

//dropdowns (article edit button list background)
@JMstyleButtonDropdown: @JMstyle;  
 
//inputs 
@JMinputHeight: 50px;
@JMinputPadding: 8px;
@JMinputFontSize: 14px; 
@JMinputBorder: #e8e8e8;
@JMinputFontColor: #aab0b4;
@JMinputBackground: @white;
@JMinputFocusBorder: jmdarken(@JMinputBorder, 20%);

//readmore
@JMreadmoreFontColor: @JMbaseFontColor;
@JMreadmoreBackground: transparent;
@JMreadmoreBackgroundHover: transparent;
@JMreadmoreBorder: #c5c5c5;
@JMreadmoreBorderHover: @JMstyle;

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

//links
@JMstyleLink: @JMcolorVersion;
@JMstyleLinkHover: @JMstyleLink;

//page headings
@JMarticleTitleFontWeight: bold;
@JMarticleTitleFontColorHover: @JMstyle;
@JMarticleTitleFontTransform: @JMglobalTextTransfrom;

//component headings
@JMcomponentHeadingFontSize: 24px;
@JMcomponentHeadingFontFamily: @JMarticleTitleFontFamily;
@JMcomponentHeadingFontWeight: 700;
@JMcomponentHeadingFontColorHover: @JMstyle;
@JMcomponentHeadingFontTransform: uppercase;
@JMcomponentHeadingFontColor: @JMarticleTitleFontColor;

//article info
@JMarticleInfoFontColor: @JMbaseFontColor;

//most read
@JMmostreadFontSize: 16px;

//selection
@JMselectionFontColor: @JMschemeFontColor;

//editor
@JMcodeBackground: #e7e6e6;

//registration fields star
@JMregistrationFieldsStar: #ff0000;

//pagination
@JMpaginationFontColor: @JMbaseFontColor;
@JMpaginationFontColorHover: @JMschemeFontColor;
@JMpaginationInactiveFontColor: #cccccc;
@JMpaginationBackground: transparent;
@JMpaginationBackgroundHover: @JMstyle;
@JMpagnationBorder: @JMstyle;
@JMpaginationFontSize: 12px;

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

//accordion
@JMaccordionFontColor: @JMmoduleTitleFontColor;
@JMaccordionFontColorHover: @white;
@JMaccordionFontWeight: 400;
@JMaccordionTextTransform: uppercase;
@JMaccordionBorder: #efefef;
@JMaccordionBackgroundHover: @JMstyle;

//tabs
@JMtabsBackground: @JMpageBackground;
@JMtabFontColor: @JMbaseFontColor;
@JMtabFontWeight: 400;
@JMtabFontTransform: uppercase;
@JMtabBackground: @JMtabsBackground;
@JMtabBackgroundHover: jmdarken(@JMtabsBackground, 5%);
@JMtabBorder: @JMstyle;
@JMtabFontColorActive: @white;
@JMtabBackgroundActive: @JMstyle;
@JMtabBorderColor: #efefef;

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

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

//colorful line
@JMcolorfulLineHeight: 5px;

//pricing
@JMpricingPriceSize: 136px;
@JMpricingPriceTopSpace: 25px;
@JMpricingPriceFontColor: @JMschemeFontColor;
@JMpricingPriceUpDownFontSize: 16px;
@JMpricingPriceMiddleFontSize: 40px;
@JMpricingTitleBackground: jmlighten(@JMstyle, 15%);
@JMpricingTitleFontColor: @JMschemeFontColor;
@JMpricingContentBackground: @white;
@JMpricingBottomBackground: #ebebeb;

//boxes
@JMboxBackground: @white;

//front modules
@JMfrontModulesh2FontSize: 28px;
@JMfrontModulesh5FontSize: 12px;
@JMfrontModulesFontSize: 16px;
@JMfrontModulesFontStyle: italic;

//center border line
@JMcenterLineColor: @JMmoduleTitleFontColor;
@JMcenterLineTitleFontSize: 28px;

//welcome
@JMwelcomeTitleFontSize: 70px;
@JMwelcomeSubtitleFontSize: 28px;

//social
@JMsocialIconHeight: 50px;
@JMsocialIconWidth: 50px;
@JMsocialFacebokBackground: #3864a3;
@JMsocialTwitterBackground: #00aced;
@JMsocialPinterestBackground: #cb2027;
@JMsocialSkypeBackground: #00aff0;

//promo buttons
@JMbuttonsFontSize: 28px;

// DJ-MEDIATOOLS
// --------------------------------------------------

@JMmediatoolsTitleFontColor: @JMmediatoolsDescriptionFontColor;
@JMmediatoolsTitleFontSize: 27px;
@JMmediatoolsTitleFontTransfrom: uppercase;
@JMmediatoolsTitleFontWeight: 700;

@JMmediatoolsDescriptionFontSize: 14px;

//modern and slider 
@JMmediatoolsPaginationColor: @JMbottom1Background;
@JMmediatoolsPaginationActiveColor: @JMstyle;

//slideshow and nivo
@JMmediatoolsPaginationBackground: @JMbottom1Background;
@JMmediatoolsPaginationActiveBackground: @JMstyle;
@JMmediatoolsPaginationFontColor: @JMbottom1FontColor;
@JMmediatoolsPaginationActiveFontColor: @JMschemeFontColor;

@JMmediatoolsNavigationBackground: @JMstyle;

@JMmediatoolsTabberTabBackground: @JMtabsHeadBackground;
@JMmediatoolsTabberTabBackgroundActive: @JMtabsHeadBackgroundHover;

// DJ-CATALOG
// --------------------------------------------------

@JMCatalogCategoriesFontColor: @JMmoduleTitleFontColor;
@JMCatalogCategoriesFontColorHover: @JMstyle;
@JMcatalogCategoriesFontSize: 22px;
@JMcatalogCategoriesFontWeight: 700;

@JMcatalogBoxesBackground: @JMtopmenuBackground;
@JMcatalogBoxesFontColor: @JMtopmenuFontColor;

//filters module in filters section

@JMcatalogFiltersModuleGroupWidth: 25%; //25% = 4 columns

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

@JMtabsHeadFontSize: @JMmoduleTitleFontSize;
@JMtabsHeadFontWeight: @JMmoduleTitleFontWeight;
@JMtabsHeadLineHeight: 30px;

@JMtabsHeadFontColor: inherit;
@JMtabsHeadFontColorHover: @white;

@JMtabsHeadBackground: transparent; 
@JMtabsHeadBackgroundHover: @JMstyle;

@JMtabsHeadBorder: jmlighten(@JMborder, 3%);

@JMtabsBorder: jmdarken(@JMpageBackground, 10%);
@JMtabsPanelTitleFontColor: inherit;
@JMtabsPanelTitleFontColorHover: @JMstyle;
@JMtabsArticleFontSize: @JMmoduleTitleFontSize;
@JMtabsArticleFontWeight: @JMmoduleTitleFontWeight;
@JMtabsPanelHeight: @JMtabsArticleFontSize;
@JMTabsPanelPadding: 19px 0;

@JMtabsPanelTitleFontSize: @JMmoduleTitleFontSize;
@JMtabsPanelTitleFontWeight: @JMmoduleTitleFontWeight;