/*
Theme Name:   OnePress CLS Child
Theme URI:    http://countrysidelocksmiths.com/cls-theme/
Description:  OnePress CLS Child Theme
Author:       S Myers
Author URI:   http://example.com
Template:     onepress
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  onepress-cls
*/

/* CLS custom css below
-------------------------------------------------------------- */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0  Reset - Use Parent Theme Settings Only
1.0  Root Declarations
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Root Declarations
--------------------------------------------------------------*/
:root{
--cls-color-red: #C40D0D;/*#af0000;*/
--cls-color-white: #ffffff;
--cls-color-blue: #003366;
--cls-color-gold: #FBAE19;
--cls-color-lime: #8DC63F;
--cls-color-yellow: #FFB81C;
--cls-color-dkgray: #2E2E2E;
--cls-color-mdgray: #555555;
--cls-color-ltgray: #CCCCCC;
--cls-color-ulsteelblue: #CFDBEB;
/* colors below may eventually be removed */
--cls-color-moss: #45522E;/*#627d4d;*/
--cls-color-grassgreen: #477628;
--cls-color-green: #6B9079;/*#089908;*/
--cls-color-leafgreen: #557535;
--cls-color-darkleaf: #528F2A;
--cls-color-faded-orange: #B35B0F;
--cls-color-orange: #F68522;
--cls-color-brown: #5C462B;/*#b28d52;*/
--cls-color-faded-yellow: #F3D03E;

/* -- example usage --
  background-color: var(--cls-color-brown);
  color: var(--cls-color-brown);
*/
}
/* Green from Call button - #008A00 / Blue - #0B4369*/

/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
body {color:#444;}
/* custom highlighting for selected html text elements */
::selection{background-color:#8dc63f;color:#000;}
::-moz-selection {background-color:#8dc63f;color: #000;}
::-webkit-selection {background-color:#8dc63f;color: #000;}

/*------------------------------
	2.1 Typography
------------------------------*/
/* TEXT STYLE MODIFIERS */
.nowrap{white-space: nowrap;}
.bold,.bold-text {font-weight:bold;}
.italic,.italic-text {font-style:italic;}
.bold,.cls-fs-bold{font-weight:600;}
.note,.cls-fs-italic {font-style:italic;}
.center,.cls-fs-center {text-align:center!important;}
.nowrap,.cls-nowrap {white-space:nowrap;}
.superscript {position: relative;bottom: 0.8em;font-size: 0.5em;}
.subscript {position: relative;top: 0.3em;font-size: 0.5em;}

/* TEXT SIZE MODIFIERS */
.small-font {font-size: 0.9em;}
.smaller-font {font-size: 0.8em;}
.smallest-font {font-size: 0.7em;}

.cls-fs-200rem {font-size:2rem;}
.cls-fs-150rem {font-size:1.5rem;}
.cls-fs-140rem {font-size:1.4rem;}
.cls-fs-130rem {font-size:1.3rem;}
.cls-fs-120rem {font-size:1.2rem;}
.cls-fs-110rem {font-size:1.1rem;}
.cls-fs-100rem {font-size:1rem;}
.cls-fs-090rem {font-size:0.9rem;}
.cls-fs-088rem {font-size:0.88rem;}
.cls-fs-080rem {font-size:0.8rem;}
.cls-fs-070rem {font-size:0.7rem;}

.tlh-25,.text-lh-25,
.cls-lh-025rem {line-height:0.25rem;}
.tlh-50,.text-lh-50,
.cls-lh-050rem {line-height:0.5rem;}
.tlh-75,.text-lh-75,
.cls-lh-075rem {line-height:0.75rem;}
.tlh-100,.text-lh-100,
.cls-lh-100rem {line-height:1rem;}
.tlh-150,.text-lh-150,
.cls-lh-150rem {line-height:1.5rem;}

/* PARAGRAPH JUSTIFICATION MODIFIERS */
.justify-inter-word {text-align:justify;text-justify:inter-word;}
.justify-inter-char {text-align:justify;text-justify:inter-character;}
.justify-center {justify-content:center!important;}

/*------------------------------
	2.5 Content
------------------------------*/

/*------------------------------
	2.7 Form
------------------------------*/

/*------------------------------
	2.8 Accessibility
------------------------------*/

/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
/* override default theme spacing by 1/2 */
.section-title-area {
  margin-bottom: 30px;
}
/* override default theme spacing by 1/2 */
.section-desc {
  margin-top: 20px;
  margin-top: 1.25rem;
}
/* override default theme spacing by 1/2 */
.section-padding {
  padding: 35px 0px;
  padding: 2.375rem 0rem; /* was 4.375rem */
}
/* override default theme spacing by 1/2 */
.section-about .section-title-area {
  margin-bottom: 15px;
}

/* decreses gap between content and aside columns - on the content side * /
.right-sidebar .content-area {
  padding-right:19px;
}
*/
#secondary.sidebar {padding-left:2.2em;}
#secondary.sidebar .widget{max-width:20em;}
@media screen and (min-width: 940px) {
  .left-sidebar .content-area {
    padding-left: 29px;
    border-left: 1px solid #e9e9e9;
    margin-right: 1px;
    width: 74.7747747748%;
  }

  .left-sidebar .sidebar {
    padding-right: 29px;
    border-right: 1px solid #e9e9e9;
    margin-right: -1px;
  }

  .right-sidebar .content-area {
    padding-right: 29px;
    border-right: 1px solid #e9e9e9;
    width: 74.7747747748%;
  }

  .right-sidebar .sidebar {
    padding-left: 29px;
    border-left: 1px solid #e9e9e9;
    margin-left: -1px;
  }
}

/* FOOTER - CUSTOM STYLES */
.site-footer .site-info{
    padding: 18px 0px;
}
.footer-widgets.section-padding {
  padding: 32px 0px 16px; /*70px 0px 35px;*/
  padding: 2rem 0rem 1rem; /*4.375rem 0rem 2.1875rem;*/
}
span.copytag {
    font-size: .9em;
    font-style: italic;
}

/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
/* Header
------------------------------*/

/*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
/* Page: 404
------------------------------*/

/*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
/* Buttons
------------------------------*/

/*------------------------------
	6.2 ELEMENTAL COLORS
------------------------------*/
.cls-color-red{color:var(--cls-color-red);}
.cls-color-white{color:var(--cls-color-white);}
.cls-color-blue{color:var(--cls-color-blue);}
.cls-color-gold {color:var(--cls-color-gold);}
.cls-color-lime {color:var(--cls-color-lime);}
.cls-color-yellow{color:var(--cls-color-yellow);}
.cls-color-dkgray {color:var(--cls-color-dkgray);}
.cls-color-mdgray (color:var(--cls-color-mdgray);}
.cls-color-ltgray (color:var(--cls-color-ltgray);}
.cls-color-ulsteelblue (color:var(--cls-color-ulsteelblue);}
.cls-color-green {color:var(--cls-color-green);}
.cls-color-grassgreen {color:var(--cls-color-grassgreen);}
.cls-color-leafgreen {color:var(--cls-color-leafgreen);}
.cls-color-darkleaf {color:var(--cls-color-darkleaf);}
.section-contact .address-contact span.nbrv.cls-color-faded-orange,
.cls-color-faded-orange {color:var(--cls-color-faded-orange);}
.cls-color-orange {color:var(--cls-color-orange);}
.cls-color-brown {color:var(--cls-color-brown);}
.cls-color-faded-yellow {color:var(--cls-color-faded-yellow);}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
/* General Widget Changes
----------------------------- */