/* #######################################################################

	Theme Name: Myth Child
	Theme URI: http://myth.mtdemo.wpengine.com/
	Description: Child theme for Myth
	Author: MeanThemes
	Author URI: http://meanthemes.com/
	Template: myth
	Version: 0.0.1

######################################################################## */
/*-------------------- Engage Icons generated by icomoon ----- */
@font-face {
  font-family: 'engage';
  src: url('fonts/engage.eot?pgvhd4');
  src: url('fonts/engage.eot?pgvhd4#iefix') format('embedded-opentype'), url('fonts/engage.ttf?pgvhd4') format('truetype'), url('fonts/engage.woff?pgvhd4') format('woff'), url('fonts/engage.svg?pgvhd4#engage') format('svg');
  font-weight: normal;
  font-style: normal;
}
.eng-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'engage' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Color update goes here */
  color: #d5524d;
  /*Adjust font-size here */
  font-size: 32px!important;
}
/*--Sizes -- */
.eng-icon.sm {
  font-size: 25px !important;
}
.eng-icon.md {
  font-size: 48px !important;
}
.eng-icon.lg {
  font-size: 64px !important;
}
.eng-icon.xl {
  font-size: 96px !important;
}
.author:before {
  /*content: "\e900";*/
  content: " ";
}
.author_i:before {
  content: "\e901";
}
.helpcare:before {
  content: "\e902";
}
.helpcare_i:before {
  content: "\e903";
}
.online:before {
  content: "\e904";
}
.online_i:before {
  content: "\e905";
}
.pray:before {
  content: "\e906";
}
.pray_i:before {
  content: "\e907";
}
.read:before {
  content: "\e908";
}
.read_i:before {
  content: "\e909";
}
.theology:before {
  content: "\e90a";
}
.theology_i:before {
  content: "\e90b";
}
.world:before {
  content: "\e90c";
}
.world_i:before {
  content: "\e90d";
}
/*-------------------- Engage Icons generated by icomoon ----- */
a.button {
  border-radius: 3px!important;
  padding: 12px 24px;
  margin: 0.25em;
  line-height: 15px !important;
}
a.button .eng-icon {
  line-height: 0;
  position: relative;
  top: 6px;
  margin-right: 10px;
}
a.button:hover .eng-icon {
  color: #fff !important;
}
/*-------------------- Short-code buttons ------------- */
a.button.lcms {
  background-color: #35729c !important;
  color: #fff !important;
  border-color: #35729c !important;
}
a.button.lcms:hover {
  color: #fff !important;
  background-color: #477EA4 !important;
  border-color: #477EA4 !important;
}
a.button.lcms .eng-icon,
a.button.lcms .eng-icon.match {
  color: #fff;
}
/*--- Engage Theme button --- */
a.button.engage {
  background-color: #D7534E !important;
  color: #fff !important;
  border-color: #D7534E !important;
}
a.button.engage:hover {
  color: #fff !important;
  background-color: #ef5b56 !important;
  border-color: #ef5b56 !important;
}
a.button.engage .eng-icon,
a.button.engage .eng-icon.match {
  color: #fff;
}
a.button.grey:hover {
  background-color: #757c7e !important;
}
a.button.grey .eng-icon.match {
  color: #757c7e;
}
a.button.white:hover {
  background-color: #333 !important;
}
a.button.white .eng-icon.match {
  color: #333;
}
a.button.black:hover {
  background-color: #333 !important;
}
a.button.black .eng-icon.match {
  color: #333;
}
a.button.green:hover {
  background-color: #b3ce7e !important;
}
a.button.green .eng-icon.match {
  color: #b3ce7e;
}
a.button.light-blue:hover {
  background-color: #8aabb5 !important;
}
a.button.light-blue .eng-icon.match {
  color: #8aabb5;
}
a.button.blue:hover {
  background-color: #3da1e3 !important;
}
a.button.blue .eng-icon.match {
  color: #3da1e3;
}
a.button.red:hover {
  background-color: #f77564 !important;
}
a.button.red .eng-icon.match {
  color: #f77564;
}
a.button.orange:hover {
  background-color: #f7a664 !important;
}
a.button.orange .eng-icon.match {
  color: #f7a664;
}
a.button.purple:hover {
  background-color: #a18bcf !important;
}
a.button.purple .eng-icon.match {
  color: #a18bcf;
}
a.button.pink:hover {
  background-color: #e38f8f !important;
}
a.button.pink .eng-icon.match {
  color: #e38f8f;
}