@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2); 
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #88c7f1;
    --textAccent: #467fbf;
    --light: rgba(38, 50, 56, 0.035);
}

body {
  font-size: 18px;
}

/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

/* .colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;} */
.colorize_image {
  filter: none !important;
}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}

/* customized */
section, section.image.alt {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}

footer .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

footer > div:last-child .container {
  padding-top: 0.2rem;
  padding-bottom: 0.25rem;
  font-size: 0.8rem;
}

.avatar {
  filter: none;
}

.text-center {
  text-align: center;
}

figure > img {
  display: inline; }

figure {
  border-radius: 0px;
  text-align: center;
}

div.notices {
  margin: 2rem 0;
  position: relative; }

div.notices p {
  padding: 15px;
  display: block;
  font-size: 1rem;
  margin-top: 0rem;
  margin-bottom: 0rem; }

div.notices p:first-child:before {
  position: absolute;
  top: -27px;
  color: #fff;
  font-family: FontAwesome;
  content: '';
  left: 10px; }

div.notices p:first-child:after {
  position: absolute;
  top: -27px;
  color: #fff;
  left: 2rem; }

div.notices.info p:first-child:after {
  content: 'Info'; }

div.notices.warning p:first-child:after {
  content: 'Warning'; }

div.notices.note p:first-child:after {
  content: 'Note'; }

div.notices.tip p:first-child:after {
  content: 'Tip'; }

div.notices.note {
  border-top: 30px solid #6bb1e0;
  background: #e6f3fb;
  color: rgba(47, 103, 141, 0.995) !important; }

div.notices.info {
  border-top: 30px solid #f1b37e;
  background: #fefaf5;
  color: rgba(150, 90, 38, 0.995) !important; }

div.notices.tip {
  border-top: 30px solid #84c578;
  background: #e8f7e6;
  color: rgba(72, 125, 63, 0.995) !important; }

div.notices.warning {
  border-top: 30px solid #d58181;
  background: #fbeded;
  color: rgba(132, 56, 56, 0.995) !important; }

ul.buttons.clients {
  flex-wrap: wrap;
  justify-content: space-around; }

section.reviews div.item {
  width: 200px; }

section .container.small {max-width: 50rem;}

p {
  margin-bottom: 0.5em;
  margin-top: 0.5em; }

section.docs .container .content > * {
  max-width: 100%; }

.button {
  padding: 0.1em 0.8em 0.1em 0.8em; }  

.button strong {
  color: #000; }