/* ======================
  Text Gradients
====================== */

span.text-gradient {
  -webkit-text-fill-color: transparent;  
  -webkit-background-clip: text;
  font-weight: 900;
}
.text-gradient:before {
  content: '';
  width: 45px;
  height: 5px;
  display: block;
  margin-bottom: 5px
}

.blue-gradient { 
  background: #62cae3;
  background: -moz-linear-gradient(left, #62cae3 0%, #3a9dbd 100%);
  background: -webkit-linear-gradient(left, #62cae3 0%,#3a9dbd 100%);
  background: linear-gradient(to right, #62cae3 0%,#3a9dbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62cae3', endColorstr='#3a9dbd',GradientType=1 );
}
.blue-gradient:before {
  background-color: #62cae3;
}
.orange-gradient {
  background: #f5842f;
  background: -moz-linear-gradient(left, #f5842f 0%, #c26228 100%);
  background: -webkit-linear-gradient(left, #f5842f 0%,#c26228 100%);
  background: linear-gradient(to right, #f5842f 0%,#c26228 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5842f', endColorstr='#c26228',GradientType=1 );
}
.orange-gradient:before {
  background-color: #f5842f;
}
.green-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e7c19+0,15a54b+100 */
  background: #4e7c19; /* Old browsers */
  background: -moz-linear-gradient(left, #4e7c19 0%, #15a54b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4e7c19 0%,#15a54b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4e7c19 0%,#15a54b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7c19', endColorstr='#15a54b',GradientType=1 ); /* IE6-9 */
}
.green-gradient:before {
  background-color: #4e7c19;
}
.grey-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9cacc0+0,78848a+100 */
  background: #9cacc0; /* Old browsers */
  background: -moz-linear-gradient(left, #9cacc0 0%, #78848a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9cacc0 0%,#78848a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9cacc0 0%,#78848a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cacc0', endColorstr='#78848a',GradientType=1 ); /* IE6-9 */
}
.grey-gradient:before {
  background-color: #9cacc0;
}

/* ======================
  Buttons
====================== */

.btn,
a.btn {
  display: inline-block;
  padding: 10px 20px;
  /*margin-right: 20px;*/
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.btn a {
  color: #fff;  
  text-decoration: none;
}
.btn-green, a.btn-green {
  background-color: #4e7c19;
}
.btn-green:hover, a.btn-green:hover {
  color: #fff;
  background-color: #305e08;
}
.btn-orange, a.btn-orange {
  background-color: #c64d22;
}
.btn-orange:hover, a.btn-orange:hover {
  color: #fff;
  background-color: #a83511;
}

/* Font Sizes */
.font-size-small {
  font-size: .875em;
}

/* ======================
  Colours
====================== */
.custom-colour.green {
  color: #4e7c19;
}
.custom-colour.orange {
  color: #c64d22;
}
.custom-colour.blue {
  color: #62cae3;
}

/* ======================
  <hr>s 
====================== */

hr.custom-hr {
  width: 40px;
  height: 6px;
  border: none;
  margin: 0 0 20px;
  text-align:left;
}
hr.custom-hr.green {
  background-color: #4e7c19;  
}
hr.custom-hr.orange {
  background-color: #c64d22;  
}
hr.custom-hr + h1,
hr.custom-hr + h2,
hr.custom-hr + h4 {
  margin-top: -10px;  
}
hr.custom-hr + h3 {
  margin-top: -30px;
}


.page-section hr.custom-hr + h3 {
  margin-top: -10px;
}


/* Format dropdown styling */
.mce-menu-item.mce-menu-item-preview.mce-active .mce-text,
.mce-menu-item.mce-menu-item-preview.mce-active .mce-ico {
  color: #fff;
}
.mce-menu-item.mce-menu-item-preview.mce-active .mce-text:hover,
.mce-menu-item.mce-menu-item-preview.mce-active .mce-ico:hover {
  color: #595959;
}


/* list checkmarks */

span.icon-check:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  margin: 5px 10px 0 -26px;
  border-radius: 0;
  vertical-align: top;
  /*background-color: transparent;*/
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
}
span.icon-check.icon-green:before {
  background-image: url('/wp-content/themes/manitobastart-2018/assets/images/icon-check.svg');
}
span.icon-check.icon-orange:before {
  background-image: url('/wp-content/themes/manitobastart-2018/assets/images/icon-check-orange.svg');  
}