/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

/******************* COLORS */

/*Dark*/

/*Very Very Light*/

/*Very Dark*/

/***** Comments STYLING */

.comments-list .comment.bypostauthor > article,
.comments-list .children .comment.bypostauthor > article {
  border-left: 5px solid #0f5688;
  padding-left: 20px;
}

.comments-list .comment.bypostauthor > article .comment-content,
.comments-list .comment.bypostauthor > article .fn,
.comments-list .children .comment.bypostauthor > article .comment-content,
.comments-list .children .comment.bypostauthor > article .fn {
  background-color: #F5F9FE;
  border: 1px solid  #cfd8e3;
}

/***** GOOGLE ADs STYLING */

.google-horizontal-ad {
  margin: 10px 0 30px 0;
}

/***** CTAs */

.cta {
  margin: 15px 0 40px 0;
}

/***** FULL WIDTH CTAs */

.alignfull {
  /* Full width styling for Oxygen Gutenberg blocks and Gutenberg images*/
  width: 100vw;
  overflow-x: hidden;
}

.alignfull {
  margin-left: calc( -100VW / 2 + 100% / 2);
  margin-right: calc( -100VW / 2 + 100% / 2);
  max-width: 100vw;
}

/*********************  RELATED ARTICLES LINKS */

.related-articles-section .ct-link-text {
  border-bottom: transparent solid 3px;
  webkit-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  margin-bottom: 3px;
  color: #ffc53d;
}

.related-articles-section .ct-link-text:hover {
  border-bottom: #ffc53d solid 3px;
}

/********************* HOVER TEXT ANIMATION */

a:hover {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

/*********************  LISTS */

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

/*******************  PAGE WIDTHS */

.home .ct-section-inner-wrap,
.home .oxy-header-container {
  /*Default page width is set in global settings*/
  /*Set width of home page */
  max-width: 1140px;
}

.parent-pageid-902 .ct-section-inner-wrap,
.parent-pageid-901 .ct-section-inner-wrap {
  /*Set width of landers (902) and confirmations (901) pages */
  max-width: 950px;
}

.category .ct-section-inner-wrap {
  /*Set width of category pages */
  max-width: 1140px;
}

/******************* 20 APRIL 2020: Anne - MOVED OVER TABLE CSS FROM ASTRO ANNE SITE EXTENDER SETTINGS; CODE FROM NOV 2017 AND APRIL 2018, 15 NOVEMBER 2017: Anne - align stripey table heads at bottom */

.stripy-table th,
.stripy-table td {
  text-align: left;
  padding: 5px 5px 5px 10px;
}

.stripy-table th {
  vertical-align: bottom;
  padding: 5px 5px 5px 10px;
}

.stripy-table tbody tr:nth-child(odd) {
  background-color: #d8ecf7;
}

.stripy-table tbody tr:nth-child(even) {
  background-color: #ffffff;
  color: #000000;
}

/* 18 APRIL 2018: Anne - removed horizontal rules from stripy table */

.stripy-table-2 th,
.stripy-table-2 td {
  text-align: left;
  padding: 5px 5px 5px 10px;
}

.stripy-table-2 th {
  vertical-align: bottom;
  padding: 5px 5px 5px 10px;
}

.stripy-table-2 tbody tr:nth-child(odd) {
  background-color: #d8ecf7;
}

.stripy-table-2 tbody tr:nth-child(even) {
  background-color: #ffffff;
  color: #000000;
}

/******************* 20 APRIL 2020: Anne - MOVED OVER ALL BUTTON CSS FROM ASTRO ANNE SITE EXTENDER SETTINGS; CODE DATES ARE FROM PRIOR VERSION OF WEBSITE, Click For Button, Feb 22, 2019 */

a.clickforbutton {
  background-color: #c98d02;
  color: #000000;
  font-size: 22px;
  line-height: 24px;
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 10px 20px;
  border-radius: 10px;
  min-width: 200px;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
  margin: 0 0 25px 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

a.clickforbutton:hover {
  background-color: #1e73be;
  text-decoration: none;
  border-bottom: none;
}

/******************* Comment Button - December 2017 - Updated 3 July 2018, Jan/Feb 2019 */

a.commentbutton {
  background-color: #c98d02;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 10px 20px;
  border-radius: 8px;
  min-width: 200px;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
  margin: 0 0 10px 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

a.commentbutton:hover {
  background-color: #1e73be;
  text-decoration: none;
  border-bottom: none;
}

/******************* What's Your Zodiac Sign Table Button AND TABLE TEXT DECORATION - Feb 2019; UPDATED 22 Feb 2021 */

a.zodiacsignbutton {
  background-color: #c98d02;
  color: #000000;
  font-size: 22px;
  line-height: 20px;
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 7px 12px;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
  margin: 10px 0 10px 10px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

a.zodiacsignbutton:hover {
  background-color: #1e73be;
  text-decoration: none;
  border-bottom: none;
}

a.zodiacsigntable {
  text-decoration: none;
  border-bottom: none;
}

a.zodiacsigntable:hover {
  border-bottom: 2px solid #3366FF;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/******************* Flat Pill Workaday Buttons - December 2017 - Updated 3 July 2018; updated Feb 2019 to match big-button, clickforbutton */

a.flatpillbutton {
  background-color: #c98d02;
  color: #000000;
  font-size: 22px;
  line-height: 24px;
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 10px 20px;
  border-radius: 10px;
  min-width: 200px;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
  margin: 0 0 25px 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

a.flatpillbutton:hover {
  background-color: #1e73be;
  text-decoration: none;
  border-bottom: none;
}

.title-area {
  width: 190px;
}

@media only screen and (max-width: 960px) {
  .title-area {
    width: 100%;
  }
}

/******************* New Sexy Button 3 July 2018; updated 22 Feb 2019 to match clickforbutton */

a.big-button {
  background-color: #c98d02;
  color: #000000;
  font-size: 22px;
  line-height: 24px;
  font-family: Arial, sans-serif;
  padding: 10px 20px;
  border-radius: 10px;
  min-width: 200px;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
  margin: 0 0 25px 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}

a.big-button:hover {
  background-color: #1e73be;
  text-decoration: none;
  border-bottom: none;
}