/* Site Specific Headers */
h1, h2, h3, h4, h5{
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  text-align: left;
  margin-bottom: 1em;
}

h1, .h1{
  font-size: 3.5em;
}

h2, .h2{
  font-size: 3em;
}

h3, .h3{
  font-size: 2.5em;
}

h4, .h4{
  font-size: 2em;
}

h5, .h5{
  font-size: 1.5em;
}
/* Site Specific Headers */

/* Site Specific Paragraphs */
p{
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  width: 100%;
  font-weight: 500;
  line-height: 1.6em;
  text-align: left;
  margin-bottom: 1em;
}

li{
  font-family: 'Montserrat', sans-serif;
  font-size: .9em;
  width: 100%;
  font-weight: 500;
  line-height: 1.6em;
  text-align: left;
  margin-bottom: 0em;
}

.p1{
  font-size: 1.2em;
}

.p2{
  font-size: 1.4em;
}

.p3{
  font-size: 1.6em;
}
/* Site Specific Paragraphs */

/* Site Specific Navigation Styles */

.ots-navigation{
  border-bottom: 1px solid #e7e7e8;
  padding: 1.7em 0px 1.5em 0px;
  margin-bottom: 0px;
}

.ots-navigation .ots-center{
  text-align: right;
}

.ots-navigation .phone-navigation {
  border-right: 1px solid #e7e7e8;
  padding: 1em 2em 1em 0px;
  margin-right: 2em;
  margin-top: .3em;
}

.ots-navigation .phone-navigation a{
  color: black;
  font-weight: 700;
  font-size: 1em;
}

.ots-navigation .phone-navigation a img{
  margin-right: .7em;
  margin-bottom: -.2em;
}

.ots-navigation .dropdownitem a{
  transition: .5s;
}

.ots-navigation .dropdownitem a:hover{
  color: #ffbb2a !important;
}

/* Site Specific Navigation Styles */

/* Site Specific buttons */
a{
  font-family: 'Montserrat', sans-serif;
  font-size: .85em;
  text-align: center;
  text-decoration: none;
}

.button1{
  background-image: url(https://klipsystechnologies.com/wp-content/uploads/2022/03/gradient-button-lines.jpg);
  padding: 1.3em 2.3em 1.3em 2.3em !important;
  color: white;
  font-weight: 500;
  transition: .5s;
}

.button1:hover{
  box-shadow: 0px 0px 100px rgba(255, 187, 41, .98) !important;
}

.button2{
  background-image: url(https://klipsystechnologies.com/wp-content/uploads/2022/03/gradient-button.jpg) !important;
  padding: 1.3em 2.3em 1.3em 2.3em !important;
  color: white !important;
  border-radius: .3em !important;
  font-weight: 500 !important;
  transition: .5s;
}

.button2:hover{

}

.button3{
  background-color: white;
  padding: 1.3em 2.3em 1.3em 2.3em !important;
  border-radius: .55em;
  color: black;
  font-weight: 600;
  transition: .5s;
}

.button3:hover{

}

.button1 img, .button2 img, .button2 img{
  margin-right: .5em;
}

@media (max-width: 672px){
  .button1, .button2, .button3{width: 80% !important; font-size: 1.2em;}
}
/* Site Specific a tags */

/* Site Specific Shadows / Glow */
.shadow{box-shadow: 0px 0px 20px rgba(31, 31, 39, .13);}
.glow{box-shadow: 0px 0px 40px rgba(255, 187, 41, .48) !important;}
/* Site Specific Shadows / Glow  */

/* Site Specific Colors */

.cc1 {
  background-color: #ffb00e;
}

.cc2 {
  background-color: black;
}

.cc3 {
  background-color: #2a2b32;
}

/* Site Specific Colors */

/* Project Palette */
.client-color1 div{
  background-color: #ffb00e;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  margin-right: 1em;
  margin-top: .3em;
}

.client-color1 h4 span{
  color: #ffb00e;
}

.client-color2 div{
  background-color: black;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  margin-right: 1em;
  margin-top: .3em;
}

.client-color2 h4 span{
  color: black;
}

.client-color3 div{
  background-color: #2a2b32;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  margin-right: 1em;
  margin-top: .3em;
}

.client-color3 h4 span{
  color: #2a2b32;
}

/* Project Palette */

@media (max-width: 672px){
  h1, h2, h3, h4, h5{
    width: 100%;
    text-align: center !important;
  }

  .h5{
    font-size: 1.8em;
  }

  p{
    text-align: center;
    font-size: 1.3em;
  }

}