/*
 This quick example demonstrates the potentially drastic effects of simply
 toggling a class on an element.
 */

@import url('https://fonts.googleapis.com/css?family=Saira:300,400,500,600');

/* Divi UI coloring fun ;-) */
.et-fb-component-settings, .et-fb-modal__header, .et-fb-tabs__list, .et-fb-modal__footer, .et-fb-settings-heading, .et-fb-settings-tabs-nav {
  filter: grayscale(0.5) hue-rotate(-60deg);
  letter-spacing: 0.5px;
  /* text-shadow: 1px 0px black; */
}

 /* Divi Builder styles */
.et-fb-modules-list ul [class^="aug_augen_"] {
  background-color: #fbd7ad !important;
  color: #333 !important;
  border: 1px solid #9999994d !important;
  box-shadow: inset 0 0 2px #0003;
}
.et-fb-modules-list ul [class^="aug_augen_"]:hover {
	background-color: #fcce98 !important;
}

.et-fb-modules-list ul .aug_augen_divider::before {
	content: "d" !important;
}

.et-fb-modules-list ul [class^="aug_augen_"]::after {
  content: "👁" !important;
  font-size: 20px;
  position: absolute;
  top: 8px;
  left: 4px;
  color: #c30d0d;
  line-height: 0;
  font-weight: normal;
  text-shadow: 0 1px white;
}

/* Make normal section full width with min margin */
/* div.augen-fullwidth > .et_pb_row {
  max-width: 100%;
  margin: 0 2%;
} */
/* Make normal section not restricted in max-width but keep margin */
/* div.augen-maxwidth > .et_pb_row {
  max-width: 100%;
} */
/* 4-6 column margin adjustment */
/* div.augen-fullwidth > .et_pb_row > .et_pb_column_1_6,
div.augen-maxwidth > .et_pb_row > .et_pb_column_1_6 {
  width: 15%;
  margin-right: 2%;
} */
/* div.augen-fullwidth > .et_pb_row > .et_pb_column_1_5,
div.augen-maxwidth > .et_pb_row > .et_pb_column_1_5 {
  width: 18%;
  margin-right: 2.5%;
} */
/* div.augen-fullwidth > .et_pb_row > .et_pb_column_1_4,
div.augen-maxwidth > .et_pb_row > .et_pb_column_1_4 {
  width: 22.5%;
  margin-right: 3.333333333333333%;
} */

/* .my-element.my-element-vertical h4.my-element-heading {

	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
} */

/* ~~~~~~~~~~~~~ DIVIDER ~~~~~~~~~~~~~~~~~~~ */
  
.divider_box {
  z-index: 1;
  position: relative;
  background-color: #666;
  border-bottom: 1px solid #333;
  min-height: 50px;
  padding: 0.3em 1em;
  margin: 0;
  color: #fff;
  text-align: center;
}

.divider_box:before,
.divider_box:after {
  z-index: 1;  
  top: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  _transform: scale(1, 0.8) translate(0, -4.5px);
}

.divider_box:before {
  border-top-color: #333;
  border-width: 24px;
  left: 50%;
  margin-left: -24px;
}

.divider_box:after {
  border-top-color: #666;
  border-width: 23px;
  left: 50%;
  margin-left: -23px;
}


.divider_box.agency {
  background-color: #C41D4A;
  border-color: #A61A40;
}

.divider_box.agency:before {
  border-top-color: #A61A40;
}

.divider_box.agency:after {
  border-top-color: #C41D4A;
}

.divider_box.design {
  background-color: #F6C622;
  border-color: #D6AD1D;
}

.divider_box.design:before {
  border-top-color: #D6AD1D;
}

.divider_box.design:after {
  border-top-color: #F6C622;
}

.divider_box.coding {
  background-color: #1FA1D9;
  border-color: #197DA8;
}

.divider_box.coding:before {
  border-top-color: #197DA8;
}

.divider_box.coding:after {
  border-top-color: #1FA1D9;
}

.divider_box.school {
  background-color: #91CD1C;
  border-color: #76A716;
}

.divider_box.school:before {
  border-top-color: #76A716;
}

.divider_box.school:after {
  border-top-color: #91CD1C;
}

.divider_box.gray {
  background-color: #585858;
  border-color: #3A3A3A;
}

.divider_box.gray:before {
  border-top-color: #3A3A3A;
}

.divider_box.gray:after {
  border-top-color: #585858;
}

.divider_box.black {
  background-color: #282b2d;
  border-color: #000;
}

.divider_box.black:before {
  border-top-color: #000;
}

.divider_box.black:after {
  border-top-color: #282b2d;
}