/*
Theme Name: Etowah County EMA
Version: 1.0
Template: hello-elementor
*/

:root {
  	/* font sizes */
    --fontSize-100: 1em;
    --fontSize-200: 1.1em;
  	--fontSize-300: 1.5em;
    --fontSize-400: 1.7em;
    --fontSize-500: 2em;
    --fontSize-600: 3em;
  
  	/* font families */
    --fontFamily-heading: 'Poppins', sans-serif;
    --fontFamily-text: 'Outfit', sans-serif;
}

.interior-page-style h2 {
    color: #1D4281;
    font-family: var(--fontFamily-heading);
    font-size: var(--fontSize-300);
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style h3 {
    color: #111;
    font: 600 32px/1.3 "Archivo", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style h4 {
    color: #1D4281;
    font: 600 28px/1.3 "Archivo", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style h5 {
    color: #111;
    font: 600 24px/1.3 "Archivo", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style h6 {
    color: #1D4281;
    font: 600 20px/1.3 "Archivo", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style ul li,
.interior-page-style ol li{
    color: #111;
    font: 400 17px/1.5 "Outfit", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style p {
    color: #111;
    font: 400 17px/1.5 "Outfit", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style img{
    display: block;
    margin: 32px auto;
}

.interior-page-style em{
    font-style: italic;
}

.interior-page-style strong {
    font-weight: bold;
}

.interior-page-style a:-webkit-any-link {
    cursor: pointer;
}

.interior-page-style a:hover {
    transition: all .2s ease;
    text-decoration: none;
}

.interior-page-style a.btn.button {
    color: #fff !important;
    background: #000 !important;
}

.interior-page-style .wrapper-buttons {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

@media(max-width:767px){
  .interior-page-style h1 {
      font-size: 29px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h2 {
      font-size: 26px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h3 {
      font-size: 22px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h4 {
      font-size: 20px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 18px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 17px !important;
      line-height: 1.3;
	}
}

@media(min-width: 1200px){
  body {
  	overflow-x: hidden;
  }
}