style.css

/**
 * Theme Name:  CCC
 * Theme URI:   https://github.com/DioceseOfCharlotte/ccc-child
 * GitHub Theme URI: DioceseOfCharlotte/ccc-child
 * Description: A Wordpress child theme for the <a href="https://github.com/m-e-h/abraham">Abraham</a> parent theme.
 * Version:     1.1.2
 * Author:      Marty Helmick
 * Author URI:  https://github.com/m-e-h
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template:    abraham
 */
/**
*
* Variables
*
**/
/*==========  VARIABLES  ==========*/
/**
*
* Utils
*
**/
/*==========  FUNCTIONS  ==========*/
/*==========  MIXINS  ==========*/
/**
*
* Helper
*
**/
/*==========  COLORS  ==========*/
/* line 10, sass/_helpers/_helper.scss */
.color--blue {
  color: #0c7499;
}

/* line 11, sass/_helpers/_helper.scss */
.color--red {
  color: #b28953;
}

/* line 12, sass/_helpers/_helper.scss */
.color--green {
  color: #73c395;
}

/* line 13, sass/_helpers/_helper.scss */
.color--yellow {
  color: #eac16f;
}

/* line 14, sass/_helpers/_helper.scss */
.color--blue-secondary {
  color: #4dc6f1;
}

/* line 15, sass/_helpers/_helper.scss */
.color--red-secondary {
  color: #e1d2bd;
}

/* line 16, sass/_helpers/_helper.scss */
.color--green-secondary {
  color: #def1e6;
}

/* line 17, sass/_helpers/_helper.scss */
.color--yellow-secondary {
  color: #f7e7c8;
}

/* line 19, sass/_helpers/_helper.scss */
.color--gray-background {
  color: #bdc3c7;
}

/* line 20, sass/_helpers/_helper.scss */
.color--gray-keyline {
  color: #e0e0e0;
}

/* line 21, sass/_helpers/_helper.scss */
.color--gray {
  color: #7f8c8d;
}

/* line 22, sass/_helpers/_helper.scss */
.color--gray-dark {
  color: #414344;
}

/* line 24, sass/_helpers/_helper.scss */
.color--text {
  color: #414344;
}

/* line 25, sass/_helpers/_helper.scss */
.color--highlight {
  color: #0c7499;
}

/* line 26, sass/_helpers/_helper.scss */
.color--warning {
  color: #f7e7c8;
}

/* line 27, sass/_helpers/_helper.scss */
.color--danger {
  color: #b28953;
}

/* line 28, sass/_helpers/_helper.scss */
.color--muted {
  color: #7f8c8d;
}

/* line 30, sass/_helpers/_helper.scss */
.color--remember {
  color: #e7dac9;
}

/* line 31, sass/_helpers/_helper.scss */
.color--learning {
  color: #da2e75;
}

/* line 33, sass/_helpers/_helper.scss */
.color--layouts {
  color: #297ea9;
}

/* line 34, sass/_helpers/_helper.scss */
.color--user {
  color: #2c8566;
}

/* line 35, sass/_helpers/_helper.scss */
.color--media {
  color: #cf423a;
}

/* line 36, sass/_helpers/_helper.scss */
.color--performance {
  color: #7b5294;
}

/* line 37, sass/_helpers/_helper.scss */
.color--layouts-secondary {
  color: #89c4e2;
}

/* line 38, sass/_helpers/_helper.scss */
.color--user-secondary {
  color: #78d2b3;
}

/* line 39, sass/_helpers/_helper.scss */
.color--media-secondary {
  color: #edb8b5;
}

/* line 40, sass/_helpers/_helper.scss */
.color--performance-secondary {
  color: #c4add2;
}

/*==========  TEXT DIVIDER  ==========*/
/* line 46, sass/_helpers/_helper.scss */
.text-divider {
  position: relative;
  margin-bottom: 26px;
}
/* line 50, sass/_helpers/_helper.scss */
.text-divider::after {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  height: 1px;
  box-shadow: 0 1px 0 0 #e0e0e0;
  left: 30%;
  bottom: -13px;
}
/* line 61, sass/_helpers/_helper.scss */
.text-divider.xlarge {
  margin-bottom: 52px;
}
/* line 64, sass/_helpers/_helper.scss */
.text-divider.xlarge::after {
  bottom: -26px;
}
/* line 69, sass/_helpers/_helper.scss */
.text-divider.xxlarge {
  margin-bottom: 78px;
}
/* line 72, sass/_helpers/_helper.scss */
.text-divider.xxlarge::after {
  bottom: -39px;
}
/* line 77, sass/_helpers/_helper.scss */
.text-divider.huge {
  margin-bottom: 78px;
}
/* line 80, sass/_helpers/_helper.scss */
.text-divider.huge::after {
  bottom: -39px;
}

/*==========  GENERIC  ==========*/
/* line 88, sass/_helpers/_helper.scss */
.centered {
  text-align: center;
}

/*==========  TAG  ==========*/
/* line 94, sass/_helpers/_helper.scss */
.tag {
  font-size: 13px;
  line-height: 2.0000em;
  /* 26px */
  padding-bottom: 0;
  font-family: "Cinzel", serif;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
}
/* line 102, sass/_helpers/_helper.scss */
.tag:hover {
  color: #414344;
}
/* line 106, sass/_helpers/_helper.scss */
.tag::before {
  content: "# ";
  display: inline-block;
}

/* line 1, sass/_ccc.scss */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6250em;
  /* 26px */
  font-weight: 300;
  color: #414344;
}

/* line 9, sass/_ccc.scss */
h1,
h2,
h3,
.site-title,
.entry-title {
  font-family: "Cinzel", serif;
}

/* line 18, sass/_ccc.scss */
input[type="button"],
input[type="reset"],
input[type="submit"],
.button--secondary {
  border-radius: 2px;
  border: 0;
  background-color: #760a2e;
  color: white;
  display: inline-block;
  letter-spacing: .15em;
  padding: 12px 32px 8px;
  margin: 1em;
  min-height: 26px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/* line 382, sass/_helpers/_utils.scss */
input[type="button"]:not(.btn-disabled):hover,
input[type="reset"]:not(.btn-disabled):hover,
input[type="submit"]:not(.btn-disabled):hover,
.button--secondary:not(.btn-disabled):hover {
  background-color: #832242;
  color: white;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* line 397, sass/_helpers/_utils.scss */
input[type="button"]:not(.btn-disabled):active, input[type="button"]:not(.btn-disabled):focus,
input[type="reset"]:not(.btn-disabled):active,
input[type="reset"]:not(.btn-disabled):focus,
input[type="submit"]:not(.btn-disabled):active,
input[type="submit"]:not(.btn-disabled):focus,
.button--secondary:not(.btn-disabled):active,
.button--secondary:not(.btn-disabled):focus {
  background-color: #913b57;
  color: white;
  outline: 0;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
/* line 406, sass/_helpers/_utils.scss */
input[type="button"].btn-hollow,
input[type="reset"].btn-hollow,
input[type="submit"].btn-hollow,
.button--secondary.btn-hollow {
  background: none;
  color: #676869;
  border: none;
}
/* line 411, sass/_helpers/_utils.scss */
input[type="button"].btn-hollow:hover,
input[type="reset"].btn-hollow:hover,
input[type="submit"].btn-hollow:hover,
.button--secondary.btn-hollow:hover {
  background: none;
  color: #414344;
}
/* line 415, sass/_helpers/_utils.scss */
input[type="button"].btn-hollow:active, input[type="button"].btn-hollow:focus,
input[type="reset"].btn-hollow:active,
input[type="reset"].btn-hollow:focus,
input[type="submit"].btn-hollow:active,
input[type="submit"].btn-hollow:focus,
.button--secondary.btn-hollow:active,
.button--secondary.btn-hollow:focus {
  background: none;
  color: #202122;
}
/* line 422, sass/_helpers/_utils.scss */
input[type="button"].btn-disabled,
input[type="reset"].btn-disabled,
input[type="submit"].btn-disabled,
.button--secondary.btn-disabled {
  background-color: #d5b5c0;
  cursor: default;
  opacity: 0.7;
  border: none;
  box-shadow: none;
}
/* line 440, sass/_helpers/_utils.scss */
input[type="button"].btn-full,
input[type="reset"].btn-full,
input[type="submit"].btn-full,
.button--secondary.btn-full {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

/* line 26, sass/_ccc.scss */
.button--secondary-variation {
  border-radius: 2px;
  border: 0;
  background-color: #760a2e;
  color: white;
  display: inline-block;
  letter-spacing: .15em;
  padding: 12px 32px 8px;
  margin: 1em;
  min-height: 26px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/* line 382, sass/_helpers/_utils.scss */
.button--secondary-variation:not(.btn-disabled):hover {
  background-color: #832242;
  color: white;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* line 397, sass/_helpers/_utils.scss */
.button--secondary-variation:not(.btn-disabled):active, .button--secondary-variation:not(.btn-disabled):focus {
  background-color: #913b57;
  color: white;
  outline: 0;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
/* line 406, sass/_helpers/_utils.scss */
.button--secondary-variation.btn-hollow {
  background: none;
  color: #676869;
  border: none;
}
/* line 411, sass/_helpers/_utils.scss */
.button--secondary-variation.btn-hollow:hover {
  background: none;
  color: #414344;
}
/* line 415, sass/_helpers/_utils.scss */
.button--secondary-variation.btn-hollow:active, .button--secondary-variation.btn-hollow:focus {
  background: none;
  color: #202122;
}
/* line 422, sass/_helpers/_utils.scss */
.button--secondary-variation.btn-disabled {
  background-color: #d5b5c0;
  cursor: default;
  opacity: 0.7;
  border: none;
  box-shadow: none;
}
/* line 440, sass/_helpers/_utils.scss */
.button--secondary-variation.btn-full {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

/* line 32, sass/_ccc.scss */
.breadcrumbs .sep {
  color: #414344;
}

/* line 37, sass/_ccc.scss */
fieldset {
  background: #bdc3c7;
}

/* line 41, sass/_ccc.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
  color: #414344;
  border-radius: 2px;
  border: 1px solid lightgray;
  font-family: "Open Sans", sans-serif;
}
/* line 52, sass/_ccc.scss */
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover,
select:hover {
  border-color: #bababa;
}
/* line 56, sass/_ccc.scss */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: #760a2e;
}

/* line 61, sass/_ccc.scss */
a {
  color: #760a2e;
  text-decoration: none;
  transition: color .1s linear;
}

/* line 67, sass/_ccc.scss */
a:hover {
  color: #d41253;
  outline: 0;
}

/* line 72, sass/_ccc.scss */
td a, .cta--secondary {
  font-family: "Cinzel", serif;
  color: #760a2e;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
}
/* line 281, sass/_helpers/_utils.scss */
td a:hover, .cta--secondary:hover {
  color: #414344;
}

/* line 80, sass/_ccc.scss */
.footer {
  background-color: rgba(127, 140, 141, 0.8);
  color: #fff;
}
/* line 84, sass/_ccc.scss */
.footer .Footer-top .widget {
  background-color: rgba(127, 140, 141, 0.95);
}
/* line 88, sass/_ccc.scss */
.footer a {
  color: #e0e0e0;
}

/* line 97, sass/_ccc.scss */
.comments-template,
.entry,
.widget {
  background-color: #fff;
  border-radius: 2px;
}

/* line 106, sass/_ccc.scss */
.articles-section {
  background: #bdc3c7;
}

/* line 110, sass/_ccc.scss */
.articles-count {
  color: #760a2e;
}

/* line 114, sass/_ccc.scss */
.entry-content {
  column-rule: 1px solid #bdc3c7;
}

/* line 119, sass/_ccc.scss */
.app-bar {
  background-color: #9c0d3d;
}

/* line 123, sass/_ccc.scss */
.app-bar .site-title {
  max-width: 138px;
  line-height: 1;
  text-align: right;
  margin-top: auto;
  z-index: 2;
}

/* line 131, sass/_ccc.scss */
.site-logo-anchor {
  margin: 0;
  margin-bottom: auto;
}

/* line 136, sass/_ccc.scss */
img.site-logo {
  opacity: .3;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: auto;
}

/* line 144, sass/_ccc.scss */
.navdrawer-container {
  background-color: #760a2e;
  color: #fefefe;
}

/* line 149, sass/_ccc.scss */
.navdrawer-container ul li a {
  color: white;
}

/* line 153, sass/_ccc.scss */
.navdrawer-container ul li {
  border-color: white;
}

/* line 157, sass/_ccc.scss */
.navdrawer-container ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 161, sass/_ccc.scss */
.navdrawer-container ul li a:focus,
.navdrawer-container ul li a:active {
  background-color: rgba(255, 255, 255, 0.3);
}

/* line 167, sass/_ccc.scss */
.app-bar-actions {
  float: right;
  margin: auto 0;
}
/* line 173, sass/_ccc.scss */
.app-bar-actions .menu-items li a {
  border-radius: 2px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.79);
  color: #760a2e;
  display: inline-block;
  letter-spacing: .15em;
  padding: 12px 32px 8px;
  margin: 1em;
  min-height: 26px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.28s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/* line 382, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a:not(.btn-disabled):hover {
  background-color: rgba(255, 255, 255, 0.811);
  color: #760a2e;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* line 397, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a:not(.btn-disabled):active, .app-bar-actions .menu-items li a:not(.btn-disabled):focus {
  background-color: rgba(255, 255, 255, 0.832);
  color: #760a2e;
  outline: 0;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
/* line 406, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a.btn-hollow {
  background: none;
  color: #676869;
  border: none;
}
/* line 411, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a.btn-hollow:hover {
  background: none;
  color: #414344;
}
/* line 415, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a.btn-hollow:active, .app-bar-actions .menu-items li a.btn-hollow:focus {
  background: none;
  color: #202122;
}
/* line 422, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a.btn-disabled {
  background-color: rgba(255, 255, 255, 0.937);
  cursor: default;
  opacity: 0.7;
  border: none;
  box-shadow: none;
}
/* line 440, sass/_helpers/_utils.scss */
.app-bar-actions .menu-items li a.btn-full {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

/* line 181, sass/_ccc.scss */
.menu-link span, .menu-link span:before, .menu-link span:after {
  background-color: #fff;
}

/* line 185, sass/_ccc.scss */
.menu-header {
  height: 60px;
  background-color: #fff;
}

/* line 190, sass/_ccc.scss */
.navdrawer-container .search-field:focus {
  background-color: #e3ced5;
}

@media all and (min-width: 990px) {
  /* line 195, sass/_ccc.scss */
  .app-bar .site-title {
    max-width: 212px;
  }
}
/* line 202, sass/_ccc.scss */
.home-site-main .flexslider {
  background: rgba(248, 242, 244, 0.84);
}

/* Control Nav */
/* line 210, sass/_ccc.scss */
.home-site-main .flex-control-paging li {
  background-color: #fff;
  padding: 1px;
}
/* line 214, sass/_ccc.scss */
.home-site-main .flex-control-paging li a {
  background: #760a2e;
}
/* line 217, sass/_ccc.scss */
.home-site-main .flex-control-paging li a:hover {
  background: #913b57;
}
/* line 220, sass/_ccc.scss */
.home-site-main .flex-control-paging li a.flex-active {
  background: #9c0d3d;
}
/* line 224, sass/_ccc.scss */
.home-site-main .flex-direction-nav a:before {
  color: #760a2e;
}