/* Classes defined here are used to format the guts of the WYSIWYG editor */
/* Any class that can be affect the appearence of content should be here */

/* Fonts
-------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Adobe Garamond Pro Regular';
  src: local('Adobe Garamond Pro Regular'), url('/templates/custom/bakervictoryservices-2021/fonts/adobe-garamond-pro/AGaramondPro-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Adobe Garamond Pro Italic';
  src: local('Adobe Garamond Pro Italic'), url('/templates/custom/bakervictoryservices-2021/fonts/adobe-garamond-pro/AGaramondPro-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Adobe Garamond Pro Bold';
  src: local('Adobe Garamond Pro Bold'), url('/templates/custom/bakervictoryservices-2021/fonts/adobe-garamond-pro/AGaramondPro-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Adobe Garamond Pro Bold Italic';
  src: local('Adobe Garamond Pro Bold Italic'), url('/templates/custom/bakervictoryservices-2021/fonts/adobe-garamond-pro/AGaramondPro-BoldItalic.woff') format('woff');
}

/* Basics
-------------------------------------------------------------------------------- */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

/* Links
-------------------------------------------------------------------------------- */
a {
  color: #323f49;
}

a:hover {
  color: #8a6e4b;
}

/* disable clicking if href is empty */
a[href=""] {
  pointer-events: none;
}

/* Headings
-------------------------------------------------------------------------------- */
h1:first-of-type,
h2:first-of-type,
h3:first-of-type,
h4:first-of-type,
h5:first-of-type {
  margin-top: 0;
}

h1 {
  font-family: 'Adobe Garamond Pro Regular';
}

h2 {
  font-family: 'Adobe Garamond Pro Regular';
  font-size: 40px;
}

h3 {
  font-family: 'Adobe Garamond Pro Italic';
  font-size: 35px;
  color: var(--accent-color);
}

h4,
h5 {
  font-family: 'Adobe Garamond Pro Bold';
}

h1 strong,
h2 strong,
h4 strong,
h4 strong,
h1[style*="bold"],
h2[style*="bold"],
h4[style*="bold"] {
  font-family: 'Adobe Garamond Pro Bold';
  font-weight: normal !important;
}

h3 strong,
h3[style*="bold"] {
  font-family: 'Adobe Garamond Pro Bold Italic';
  font-weight: normal !important;
}

.module-title:empty {
  display: none;
}

/* Paragraphs
-------------------------------------------------------------------------------- */
p:last-child {
  margin-bottom: 0;
}

.lead {
  font-size: 120%;
}

/* Images
-------------------------------------------------------------------------------- */
img {
  max-width: 100%;
}

/* iFrames
-------------------------------------------------------------------------------- */
iframe {
  max-width: 100%;
}

/* Lists
-------------------------------------------------------------------------------- */
ul,
ol {
  margin: 0;
}

/*
------------------
List Checkmark
------------------
*/
.list-checkmark {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.list-checkmark > li {
  margin-left: 0;
  padding-left: 1.5em;
}

.list-checkmark > li::before {
  display: inline-block;
  width: 1.25em;
  margin-left: -1.5em;
  font-family: "FontAwesome";
  color: #323f49;
  content: "\f00c";
}

/*
------------------
List Group
------------------
*/
.list-group-item > a {
  display: block;
}


/* Blockquotes
-------------------------------------------------------------------------------- */
blockquote {
  position: relative;
  margin: 30px auto;
  padding: 30px 30px 30px 75px;
  background-color: rgba(51, 122, 183, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 8px solid #323f49;
}

blockquote::before {
  position: absolute;
  top: -10px;
  left: 10px;
  font-family: Arial;
  font-size: 4em;
  content: "\201C";
}

blockquote footer,
blockquote small,
blockquote .small {
  font-size: 100%;
  color: inherit;
  opacity: 0.6;
}

/* Well
-------------------------------------------------------------------------------- */
.well {
  color: #333;
}

/* Card
-------------------------------------------------------------------------------- */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  padding: 15px;
  color: #333;
  background-color: #fff;
  /* border: 1px solid rgba(0, 0, 0, 0.125); */
  border-radius: 6px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  transition: all 150ms ease-in-out 0s;
}

.card:hover {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.card .card-thumbnail {
  margin: -15px -15px 15px -15px;
  border: 0;
}

.card .card-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card .card-body {
  flex: 1;
}

.card > *:last-child {
  margin-bottom: 0;
}

.card .btn {
  font-family: 'Open Sans', sans-serif;
}

.card .btn-link {
  color: var(--accent-color);
}