Kameleon CSS

html { font-size: 16px; }

/* === FONTS HEADERS ====================================== */
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: 700;}
h1, h2 { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid; }
h3, h4 { margin-bottom: 1rem; }
h5, h6 { margin-bottom: .75rem; }

/* -- 40;32;25;22;21;20; ---------------------------------*/
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5625rem; }
h4 { font-size: 1.375rem; }
h5 { font-size: 1.3125rem; }
h6 { font-size: 1.25rem; }

p { margin: 0 0 1.5rem 0; }
.kamPOneLiner p,  p.kamPOneLiner { margin: 0 0 1rem 0; }
.kamPMB1 p,  p.kamPMB1 { margin: 0 0 1rem 0; }
.kamPMB05 p,  p.kamPMB05 { margin: 0 0 .5rem 0; }

/* -- HEADERS --- Smaller font. Border, Padding, Margins the same as default headers. ---------------*/
/*-- 32;25; ---------------*/
h1.kamHMediumBB { font-size: 2rem; }
h2.kamHMediumBB { font-size: 1.5625rem; }
/*-- 25;22; ---------------*/
h1.kamHSmallBB { font-size: 1.5625rem; }
h2.kamHSmallBB { font-size: 1.375rem; }
/*-- 22; 20; ---------------*/
h1.kamHXSmallBB { font-size: 1.375rem; }
h2.kamHXSmallBB { font-size: 1.25rem; }

/* -- HEADERS  Font size the same. Border. Padding, Margins smaller than default headers ---------------*/
h1.kamHLargeShortBB,
h2.kamHLargeShortBB,
h1.kamHMediumShortBB,
h2.kamHMediumShortBB { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid; }

/* 40;32; 32;25;---------------*/
h1.kamHLargeShortBB { font-size: 2.5rem; }
h2.kamHLargeShortBB { font-size: 2rem; }
h1.kamHMediumShortBB { font-size: 2rem; }
h2.kamHMediumShortBB { font-size: 1.5625rem; }

/* Headers Border Color ---------------*/
h1, h2, h1.kamHLargeShortBB, h2.kamHLargeShortBB { border-color: #e3e3e3; }

/* -- HEADERS -- No bottom border. Shorter bottom margins. ---------------------------------*/
h1.kamHLarge2Liner, h2.kamHLarge2Liner,
h1.kamHLarge2Liner2, h2.kamHLarge2Liner2,
h1.kamHLarge, h2.kamHLarge, h3.kamHLarge,
h1.kamHLarge6, h2.kamHLarge6, h3.kamHLarge6,
h1.kamHMedium, h2.kamHMedium, h3.kamHMedium,
h1.kamHMedium6, h2.kamHMedium6, h3.kamHMedium6,
h1.kamHSmall, h2.kamHSmall, h3.kamHSmall,
h1.kamHSmall6, h2.kamHSmall6, h3.kamHSmall6,
h1.kamHXSmall, h2.kamHXSmall, h3.kamHXSmall,
h1.kamHXSmall6, h2.kamHXSmall6, h3.kamHXSmall6,
h1.kamHXXSmall, h2.kamHXXSmall, h3.kamHXXSmall,
h1.kamHXXSmall6, h2.kamHXXSmall6, h3.kamHXXSmall6{ font-family: 'Open Sans', Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none;}

h1.kamHLarge6, h2.kamHLarge6, h3.kamHLarge6,
h1.kamHMedium6, h2.kamHMedium6, h3.kamHMedium6,
h1.kamHSmall6, h2.kamHSmall6, h3.kamHSmall6,
h1.kamHXSmall6, h2.kamHXSmall6, h3.kamHXSmall6,
h1.kamHXXSmall6, h2.kamHXXSmall6, h3.kamHXXSmall6{ font-weight: 600; }

/* --40;32;---------------*/
h1.kamHLarge2Liner { font-size: 2.5rem; margin-bottom: 1rem; }
h2.kamHLarge2Liner { font-size: 2rem; margin-bottom: 1rem; }

h1.kamHLarge2Liner2 { font-size: 2.5rem; margin-bottom: .5rem; }
h2.kamHLarge2Liner2 { font-size: 2rem; margin-bottom: .5rem; }

/* --40;32;25;---------------*/
h1.kamHLarge { font-size: 2.5rem; margin-bottom: 1.75rem; }
h2.kamHLarge { font-size: 2rem; margin-bottom: 1.25rem; }
h3.kamHLarge { font-size: 1.5625rem; margin-bottom: 1rem; }

/* --32;25;22;---------------*/
h1.kamHMedium, h1.kamHMedium6  { font-size: 2rem; margin-bottom: 1.25rem; }
h2.kamHMedium, h2.kamHMedium6 { font-size: 1.5625rem; margin-bottom: 1rem; }
h3.kamHMedium, h3.kamHMedium6 { font-size: 1.375rem; margin-bottom: .5rem; }

/* 25;22;20;---------------*/
h1.kamHSmall, h1.kamHSmall6 { font-size: 1.5625rem; margin-bottom: 1rem; }
h2.kamHSmall, h2.kamHSmall6 { font-size: 1.375rem; margin-bottom: 1rem; }
h3.kamHSmall, h3.kamHSmall6 { font-size: 1.25rem; margin-bottom: 1rem; }

/* 22;20;16---------------*/
h1.kamHXSmall, h1.kamHXSmall6 { font-size: 1.375rem; margin-bottom: .75rem; }
h2.kamHXSmall, h2.kamHXSmall6 { font-size: 1.25rem; margin-bottom: .75rem; }
h3.kamHXSmall, h3.kamHXSmall6 { font-size: 1rem; margin-bottom: .5rem; }

//20;18;16
h1.kamHXXSmall, h1.kamHXXSmall6 { font-size: 1.25rem; margin-bottom: .75rem; }
h2.kamHXXSmall, h2.kamHXXSmall6 { font-size: 1.125rem; margin-bottom: .5rem; }
h3.kamHXXSmall, h3.kamHXXSmall6 { font-size: 1rem; margin-bottom: .5rem; }

/*-- Fonts -------------------------------------------*/
.kamFS11R{font-size: .6875rem;}
.kamFS12R{font-size: .75rem;}
.kamFS14R{font-size: .875rem;}
.kamFS16R{font-size: 1rem;}
.kamFS18R{font-size: 1.125rem;}
.kamFS20R{font-size: 1.25rem;}
.kamFS24R{font-size: 1.5rem;}

.kamFW400{font-weight: 400;}
.kamFW600{font-weight: 600;}
.kamFW700{font-weight: 700;}
.kamGreen { color: #006633; }
.kamLGray { color: #D7D7D7; }
.kamRed { color: #cc0000; }

.kamFF{ font-family: 'Open Sans', Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none;}
.kamFFV {font-family: Verdana, Geneva, Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none; }
/* === FONTS END ========================================================== */

ol, ul { list-style: none; }
ul { list-style: disc; margin: 0 0 1.5rem 0; }
ol { list-style: decimal; margin: 0 0 1.5rem 0; }
.ltr ul, .ltr ol { margin-left: 3rem; }
.rtl ul, .rtl ol { margin-right: 3rem; }
ol ol { list-style: upper-roman; }

dl { margin: 0 0 1.5rem; }
dt { font-weight: bold; }
.ltr dt { margin-left: 0.75rem; }
.rtl dt { margin-right: 0.75rem; }
.ltr dd { margin-left: 1.5rem; }
.rtl dd { margin-right: 1.5rem; }
dd + dd { margin-top: 0.75rem; }
dd + dt { margin-top: 1.5rem; }

/* ===  and direction === */


/* === IMAGES plfa =========================================== */
img { -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; }
.plfaImgNoBorder img { border: 0; }
img.kamImgNoBorder, .kamImgNoBorder img { border: 0; }
img.kamImgCenter, .kamImgCenter img { display: block; margin-left: auto; margin-right: auto }

img.alignleft, img.alignright { display: inline; }

img.kamImgBorder1, .kamImgBorder1 img { border: 1px solid #e6e6e6; }
img.kamImgBorder2, .kamImgBorder2 img { border: 1px solid #b3b3b3; }
img.kamImgBorder3, .kamImgBorder3 img { border: 1px solid #808080; }
img.kamImgBorder4, .kamImgBorder4 img { border: 1px solid #4d4d4d; }
img.kamImgBorder5, .kamImgBorder5 img { border: 1px solid #1a1a1a; }

.alignleft, .left { float: left; margin-right: 1.5rem; }
.alignright, .right { float: right; margin-left: 1.5rem; }
.aligncenter, .center { display: block; margin: 0 auto 1.5rem; }
.alignnone { float: none; }

.clear { clear: both; }

/* ====== Other colors ====== */
h1 { color: #303030; }
h2 { color: #353535; }
h3 { color: #404040; }
h4 { color: #454545; }
h5 { color: #505050; }

code { color: #000; background: #f6f6f6; }


/*== CUSTOM STYLES =========================================================*/
/*-- Floats -------------------------------------------*/
.kamFloatsCntr { position: relative; margin-top: 10px; }
.kamFntW { float: left; width: 90px; }
.kamFntF, .kamFntS, .kamFntSh, .kamFntClr, .kamFntCI { float: left; margin-left: 8px; }
.kamFntS { width: 90px; }
.kamFntF { width: 240px; }
.kamFntSh { width: 75px; }
.kamFntClr { width: 65px; }
.kamFntCI { width: 110px; }

/********************************************************************************************************
 * LISTS
 ********************************************************************************************************/

.ltr ul.kamML0, .ltr ol.kamML0{ margin-left: 0; padding-left: 1.1em;  }

.kamLi1 > li { margin-bottom: 1px; }
.kamLi5 > li { margin-bottom: 5px; }
.kamLi10 > li { margin-bottom: 10px; }
.kamLi15 > li { margin-bottom: 15px; }
.kamLi20 > li { margin-bottom: 20px; }
.kamLi25 > li { margin-bottom: 25px; }
.kamLi1 > li:last-child,
.kamLi5 > li:last-child,
.kamLi10 > li:last-child,
.kamLi15 > li:last-child,
.kamLi20 > li:last-child,
.kamLi25 > li:last-child { margin-bottom: 0; }
.kamHelp ul li { padding-bottom: 6px; }

/*-- Vertical Menu ----------------------------------*/
.ltr .widget .kamVMenuCntr ul { list-style-type: none; margin: 0; padding: 0; }
.kamVMenuCntr a, .kamVMenuCntr li li a { display: block; text-decoration: none; border-bottom: 1px solid #828282; font-weight: 400; color: #333333; }
.kamVMenuCntr a { padding: 10px 2px 10px 0; }
.kamVMenuCntr li li a { padding: 10px 2px 10px 17px; }
.kamVMenuCntr a:hover {color: #a6a6a6; }
#kamVMenuUl li.current-menu-item>a{ color: #B84300 }

/* == HLine  ========================= */
.kamHLine1, .kamHLine2, .kamHLine3, .kamHLine4 { border-top-style: solid; border-top-color: #e3e3e3; line-height: 1px; min-height: 1px; }
.kamHLine1 { border-top-width: 1px; }
.kamHLine2 { border-top-width: 2px; }
.kamHLine3 { border-top-width: 3px; }
.kamHLine4 { border-top-width: 4px; }

/* ===WIDTH=========================== */
.kamWidth100Pc{width:100%;}
.kamWidth90Pc{width:99%;}
.kamWidth98Pc{width:98%;}
.kamWidth96Pc{width:96%;}
.kamWidth94Pc{width:94%;}
.kamWidth92Pc{width:92%;}
.kamWidth90Pc{width:90%;}
.kamWidth88Pc{width:88%;}
.kamWidth86Pc{width:86%;}
.kamWidth84Pc{width:84%;}
.kamWidth82Pc{width:82%;}
.kamWidth75Pc{width:75%;}
.kamWidth70Pc{width:70%;}
.kamWidth60Pc{width:60%;}
.kamWidth50Pc{width:50%;}
.kamWidth40Pc{width:40%;}
.kamWidth30Pc{width:30%;}

/*-- Margins -------------------------------------------*/
.kamMTop0{ margin-top: 0; }
.kamMTop5{ margin-top: 5px; }
.kamMTop10{ margin-top: 10px; }
.kamMTop15{ margin-top: 15px;}
.kamMTop20{ margin-top: 20px;}
.kamMTop30{ margin-top: 30px;}
.kamMTop40{ margin-top: 40px;}
.kamMTop50{ margin-top: 50px;}
.kamMTop60{ margin-top: 60px;}
.kamMTop70{ margin-top: 70px;}

.kamMBottom0{ margin-bottom: 0px; }
.kamMBottom5{ margin-bottom: 5px; }
.kamMBottom10{ margin-bottom: 10px; }
.kamMBottom15{ margin-bottom: 15px; }
.kamMBottom20{ margin-bottom: 20px; }
.kamMBottom30{ margin-bottom: 30px; }
.kamMBottom40{ margin-bottom: 40px; }
.kamMBottom50{ margin-bottom: 50px; }
.kamMBottom100{ margin-bottom: 100px; }
.kamMBottom200{ margin-bottom: 200px; }
.kamMBottom300{ margin-bottom: 300px; }
.kamMBottom400{ margin-bottom: 400px; }
.kamMBottom500{ margin-bottom: 500px; }

.kamMBottom1r{ margin-bottom: 1rem; }

.kamML1P{ margin-left: 1%; }
.kamML2P{ margin-left: 2%; }
.kamML3P{ margin-left: 3%; }
.kamML4P{ margin-left: 4%; }
.kamML5P{ margin-left: 5%; }
.kamML6P{ margin-left: 6%; }
.kamML7P{ margin-left: 7%; }
.kamML8P{ margin-left: 8%; }
.kamML9P{ margin-left: 9%; }
.kamML10P{ margin-left: 10%; }

.kamMR1P{ margin-right: 1%; }
.kamMR2P{ margin-right: 2%; }
.kamMR3P{ margin-right: 3%; }
.kamMR4P{ margin-right: 4%; }
.kamMR5P{ margin-right: 5%; }
.kamMR6P{ margin-right: 6%; }
.kamMR7P{ margin-right: 7%; }
.kamMR8P{ margin-right: 8%; }
.kamMR9P{ margin-right: 9%; }
.kamMR10P{ margin-right: 10%; }

.kamMLR1P{ margin-left: 1%; margin-right: 1%; }
.kamLR2P{  margin-left: 2%; margin-right: 2%; }
.kamMLR3P{ margin-left: 3%; margin-right: 3%; }
.kamMLR4P{ margin-left: 4%; margin-right: 4%; }
.kamMLR5P{ margin-left: 5%; margin-right: 5%; }
.kamMLR6P{ margin-left: 6%; margin-right: 6%; }
.kamMLR7P{ margin-left: 7%; margin-right: 7%; }
.kamMLR8P{ margin-left: 8%; margin-right: 8%; }
.kamMLR9P{ margin-left: 9%; margin-right: 9%; }
.kamMLR10P{ margin-left: 10%; margin-right: 10%; }

/*-- Padding -------------------------------------------*/
.kamPTop70 { padding-top: 70px; padding-bottom: 0;}
.kamPTop60 { padding-top: 60px; padding-bottom: 0;}
.kamPTop50 { padding-top: 50px; padding-bottom: 0;}
.kamPTop40 { padding-top: 40px; padding-bottom: 0;}
.kamPTop30 { padding-top: 30px; padding-bottom: 0;}
.kamPTop20 { padding-top: 20px; padding-bottom: 0;}

.kamPad1P{ padding: 1%; }
.kamPad2P{ padding: 2%; }
.kamPad3P{ padding: 3%; }
.kamPad4P{ padding: 4%; }
.kamPad5P{ padding: 5%; }
.kamPad6P{ padding: 6%; }
.kamPad7P{ padding: 7%; }
.kamPad8P{ padding: 8%; }
.kamPad9P{ padding: 9%; }
.kamPad10P{ padding: 10%; }

/* -- ALIGMENT ----------------------------------------- */
.kamTxtRight { text-align: right; }
.kamTxtLeft { text-align: left; }
.kamTxtCenter { text-align: center; }
.kamMLRAuto { margin-left: auto; margin-right: auto }

.kamHypensN {-moz-hyphens: none; hyphens: none;}
.kamHDivider { border-top-color: #999999; border-top-style: solid; border-top-width: 2px; line-height: 1px; margin-top: 20px; padding-bottom: 20px; width: 100%; }

/*--- MISC ------------------------------------------*/
.kamClr { clear: both; font-size: 1px; margin: 0; padding: 0; border: 0; height: 0; }
.kamNoHypens { -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; }

.kamCntLRBorderX{border-left-style: solid; border-left-width: 1px; border-left-color: #d9d9d9; border-right-style: solid; border-right-width: 1px; border-right-color: #d9d9d9;}
.kamCntLRBorderDX{border-left-color: #313131; border-right-color: #313131;}

/* == PLFA ================================================================ */
.plfaMenuLogoLX{padding-top: 10px; }
.plfaFlagWX{border-top: 2px solid; border-top-color: #FFFFFF;}
.plfaFlagRX{border-top: 2px solid; border-top-color: #FF0000;}

.plfaSiteTitle { text-shadow: 2px 2px 2px #C2C2C2; }
.plfaSiteTitle h5 { font-family: 'Oswald' , sans-serif; font-weight: 700; letter-spacing: 1px; text-align: left; line-height: 0; padding: 0 0 5px 0; margin: 1.5rem 0 1.5rem 0; border-bottom: 4px solid #DDDDDD; }
.plfaSiteTitle h5 span { background: #FFFFFF; padding: 0 15px 0 0; }
.plfaSiteTitle h1 { font-family: 'Open Sans' , Arial, sans-serif; margin-bottom: 1.5rem; padding-bottom: 2rem; }

.kamSmallMB h1, .kamSmallMB h2, .kamSmallMB h3, .kamSmallMB h4, .kamSmallMB h5, .kamSmallMB h6, .kamSmallMB p {margin-bottom: 1rem;}

/* == PLFA - Instructions  ================================================================ */
.plfaInstructionsCntr p, .plfaInstructionsCntr ul, .kamSectionTitle { font-family: Verdana,Arial,Helvetica,sans-serif; color: #353535; }
.kamSectionTitle { font-size: 24px; font-weight: 700; }
.plfaInstructionsCntr p, .plfaInstructionsCntr ul { font-size: 14px; font-weight: 400; }
.plfaInstructionsCntr p { margin-top: 10px; margin-bottom: 5px; line-height: 160%;}
.plfaInstructionsCntr ul { margin-top: 20px; margin-bottom: 0; padding-top: 0; }
.plfaInstructionsCntr li { padding-bottom: 10px; }

.plfaHDivider { border-top-color: #999999; border-top-style: solid; border-top-width: 2px; line-height: 1px; margin-top: 20px; padding-bottom: 20px; width: 100%; }