/* __COLOR PALLET__*/
/* ___Header*/
/*****************************************************************************/
/*****************************************************************************/
.row {
  margin: 0 auto;
  padding: 0px; }

a.btn {
  min-height: 30px; }

.btn {
  padding: 0px !important; }

.no-padding {
  padding: 0 !important; }

.no-margins {
  margin: 0 !important; }

.max-990 {
  max-width: 990px !important;
  padding: 15px; }

body {
  font: 16px Helvetica,arial,sans-serif; }

/*section {
        background-color: rgb(200,200,200);
    }*/
/*===================================================================================*/
/* CAROUSEL STYLING-------------------------------------------------- */
/*COLORS*/
/**************/
@media (max-width: 991px) {
  .slick-slide-container {
    margin-left: 60px !important; } }

@media (max-width: 991px) {
  .slick-slide-container {
    position: relative;
    margin-left: 5px !important; } }

@media only screen and (max-width: 600px), (pointer: coarse), (hover: none), (hover: on-demand) {
  .slick-slide-container {
    margin-left: 40px !important; } }

.slick-list {
  width: 890px; }
  @media (max-width: 991px) {
    .slick-list {
      width: 490px; } }
  @media only screen and (max-width: 600px), (pointer: coarse), (hover: none), (hover: on-demand) {
    .slick-list {
      width: 460px; } }

.slick-slide-row {
  width: 890px;
  margin-bottom: 10px;
  margin-top: 16px; }
  @media (max-width: 991px) {
    .slick-slide-row {
      width: 490px; } }
  @media only screen and (max-width: 600px), (pointer: coarse), (hover: none), (hover: on-demand) {
    .slick-slide-row {
      width: 460px; } }

.slick-next:before {
  color: black !important; }

.slick-prev:before {
  color: black !important; }

.slick-slide {
  margin: 0 auto;
  text-align: center;
  color: #419be0;
  background: white; }

.slick-disabled {
  display: none !important; }

.item-wrapper {
  max-width: 290px !important;
  min-height: 103px !important;
  height: 103px;
  background-color: #ededed;
  margin: 0 5px; }
  @media (max-width: 991px) {
    .item-wrapper {
      margin: 0 15px; } }
  @media only screen and (max-width: 600px), (pointer: coarse), (hover: none), (hover: on-demand) {
    .item-wrapper {
      width: 33%;
      margin: 0 5px; } }
  .item-wrapper a {
    width: 100%;
    height: 103px !important;
    border-style: solid;
    border-width: 5px;
    border-color: #ededed;
    border-radius: 8px;
    padding: 5px;
    background-color: white;
    display: block;
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    box-sizing: border-box; }
    .item-wrapper a img {
      margin-right: 3px;
      width: 125px;
      height: 83px;
      float: left; }
      @media (max-width: 991px) {
        .item-wrapper a img {
          position: relative; } }
    @media (max-width: 991px) {
      .item-wrapper a div:nth-of-type(1) {
        position: absolute;
        width: 125px;
        height: auto;
        left: 0;
        bottom: 0;
        margin: 0 5px 5px 5px; } }
    .item-wrapper a div:nth-of-type(1) span {
      width: 140px;
      height: 80px;
      max-height: 80px;
      display: table-cell;
      vertical-align: middle;
      overflow: hidden;
      overflow-x: hidden;
      overflow-y: hidden;
      font-size: 14px;
      text-align: left;
      color: #505050; }
      @media (max-width: 991px) {
        .item-wrapper a div:nth-of-type(1) span {
          position: absolute;
          height: auto;
          width: 99%;
          vertical-align: bottom;
          display: block;
          color: white;
          background-color: black;
          opacity: 0.7;
          left: 0;
          bottom: 0;
          z-index: 3;
          overflow: hidden;
          overflow-x: hidden;
          overflow-y: hidden;
          display: none; } }
  .item-wrapper a:hover, .item-wrapper a:visited, .item-wrapper a:active {
    text-decoration: none !important; }

.item-wrapper:hover {
  border-width: 1px;
  border-color: black;
  border-style: solid;
  height: 101px !important;
  width: 292px; }
  .item-wrapper:hover a {
    height: 101px !important;
    padding: 4px; }
    @media (max-width: 991px) {
      .item-wrapper:hover a div:nth-of-type(1) {
        display: block;
        margin: 0 4px 4px 4px; } }
    @media (max-width: 991px) {
      .item-wrapper:hover a div:nth-of-type(1) span {
        display: block;
        padding-left: 5px;
        width: 99%; } }

/* END CAROUSEL STYLING-------------------------------------------------- */
/*===================================================================================*/
/*===================================================================================*/
/* SOCIAL MEDIA STYLING-------------------------------------------------- */
/*COLORS*/
/**************/
.social {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0;
  display: table !important;
  border-spacing: 7px;
  border-collapse: separate;
  width: 600px !important;
  text-align: center; }
  @media only screen and (max-width: 600px), (pointer: coarse), (hover: none), (hover: on-demand) {
    .social {
      width: 100% !important;
      margin-bottom: 0;
      margin-top: 0; } }
  .social__btn {
    display: table-cell;
    width: auto;
    height: 35px;
    text-align: left;
    border-radius: 6px !important;
    padding-bottom: 0 !important; }
    @media (pointer: coarse), (hover: none), (hover: on-demand) {
      .social__btn {
        text-align: center;
        margin: auto; } }
    .social__btn span {
      display: inline-block;
      font-size: 13px;
      line-height: 33px; }
      @media (pointer: coarse), (hover: none), (hover: on-demand) {
        .social__btn span {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .social__btn span {
          display: none; } }
    .social__btn svg {
      margin: 7px 5px 0px 10px;
      width: 19px !important;
      height: 19px;
      display: inline-block; }
      @media (pointer: coarse), (hover: none), (hover: on-demand) {
        .social__btn svg {
          vertical-align: middle;
          margin: 0 auto;
          display: block;
          width: auto !important; } }
      @media only screen and (max-width: 767px) {
        .social__btn svg {
          vertical-align: middle;
          margin: 0 auto;
          display: block;
          width: auto !important; } }
    .social__btn__facebook-btn {
      color: white;
      background-color: #3b5998; }
    .social__btn__twitter-btn {
      color: white;
      background-color: #6aadd1; }
    .social__btn__email-btn {
      color: white;
      background-color: #52c140; }
    .social__btn__pinterest-btn {
      color: white;
      background-color: #cb2027; }
    .social__btn__whatsapp-btn {
      display: none; }
      @media (pointer: coarse), (hover: none), (hover: on-demand) {
        .social__btn__whatsapp-btn {
          display: inline-block;
          color: white;
          background-color: #52c140; } }
    .social__btn__more-btn {
      color: white;
      background-color: #fc6d4c; }
  .social__btn:hover {
    filter: brightness(85%); }

/* END SOCIAL MEDIA STYLING-------------------------------------------------- */
/*===================================================================================*/
/*===================================================================================*/
/* MAIN ARTICLE SECTION PAGE STYLING-------------------------------------------------- */
/*COLORS*/
/**************/
.single-main-article {
  padding: 0 25px 0 0;
  max-width: 625px;
  margin: 0; }
  .single-main-article article {
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .single-main-article article {
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px; } }
    .single-main-article article h1, .single-main-article article h2, .single-main-article article h3 {
      font-weight: 400;
      font-family: 'Roboto Condensed',sans-serif;
      color: black;
      margin: 20px 0 10px;
      line-height: 1.1em;
      max-width: 600px; }
    .single-main-article article h1 {
      font-size: 32px; }
      @media only screen and (max-width: 767px) {
        .single-main-article article h1 {
          margin-top: 0px; } }
    .single-main-article article h2 {
      font-size: 20px; }
    .single-main-article article h3 {
      font-size: 16px; }
    .single-main-article article p {
      font-size: 16px;
      line-height: 26.1px;
      margin: 15px 0;
      max-width: 600px; }
    .single-main-article article .subtitle {
      font-style: italic;
      font-size: 14px;
      line-height: 1.45em;
      color: #999; }
      @media only screen and (max-width: 600px), (pointer: coarse), (hover: none), (hover: on-demand) {
        .single-main-article article .subtitle {
          margin-bottom: 10px; } }
    .single-main-article article .main-image {
      display: block;
      max-width: 600px; }
      @media only screen and (max-width: 600px) {
        .single-main-article article .main-image {
          max-width: 100%; } }
    .single-main-article article img {
      margin-top: 15px;
      margin-bottom: 15px;
      max-width: 600px; }
      @media only screen and (max-width: 600px) {
        .single-main-article article img {
          max-width: 100%; } }
    .single-main-article article .author {
      padding: 0;
      margin: 0 0 30px; }
      .single-main-article article .author a {
        font-weight: 700;
        font-size: 16px;
        color: #333; }
      .single-main-article article .author a:hover {
        color: #3782c4; }

/* END MAIN ARTICLE SECTION PAGE STYLING-------------------------------------------------- */
/*===================================================================================*/
/*===================================================================================*/
/* SIDEBAR SECTION STYLING-------------------------------------------------- */
/*COLORS*/
/**************/
.single-side-bar {
  padding: 0 0 0 30px;
  max-width: 315px; }
  .single-side-bar__most-recent {
    width: 100%; }
    .single-side-bar__most-recent img {
      margin-top: 20px;
      height: 110px;
      width: 300px; }
    .single-side-bar__most-recent h3 {
      font-size: 18px;
      font-weight: bold;
      margin-top: 8px; }
      .single-side-bar__most-recent h3 a {
        color: #474747; }
  .single-side-bar__most-popular {
    width: 300px;
    margin-top: 30px; }
    .single-side-bar__most-popular h2 {
      color: black;
      font-weight: bold;
      font-size: 26px;
      font-family: 'Roboto Condensed',sans-serif;
      margin-bottom: 10px; }
    .single-side-bar__most-popular ol {
      margin: 0 0 0 2px;
      padding-left: 0;
      counter-reset: item; }
    .single-side-bar__most-popular ol > li {
      color: black;
      margin: 0 0 0 20px;
      padding: 5px 0;
      font-size: 15px;
      text-indent: -1.5em;
      list-style-type: none;
      counter-increment: item; }
    .single-side-bar__most-popular ol > li:before {
      display: inline-block;
      width: 1.5em;
      padding-right: 0.5em;
      font-weight: bold;
      text-align: right;
      content: counter(item) "."; }

/* END SIDEBAR SECTION STYLING-------------------------------------------------- */
/*===================================================================================*/
/*===================================================================================*/
/* BOTTOM DETAILS SECTION STYLING-------------------------------------------------- */
/*COLORS*/
/**************/
.bottom-details {
  padding: 0;
  width: 100%;
  margin: 0 auto; }
  .bottom-details__subscribe-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .bottom-details p:nth-of-type(1) {
    margin: 15px 0;
    text-align: left; }
  .bottom-details__wireframe {
    padding: 0;
    max-width: 300px;
    text-align: center; }
    .bottom-details__wireframe img {
      border: 0;
      margin: 0;
      padding: 0;
      text-align: center;
      vertical-align: baseline;
      height: 154px;
      width: 300px; }
    .bottom-details__wireframe h2 {
      font-family: 'Covered By Your Grace', cursive;
      font-size: 23px;
      margin: 5px 0 15px 0;
      letter-spacing: 0.08em;
      text-align: center;
      vertical-align: baseline;
      line-height: 1.1;
      color: black; }
    .bottom-details__wireframe input:nth-of-type(1) {
      width: 100%;
      height: 32px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 15px;
      border-radius: 4px;
      border-color: gray;
      border-width: 1px;
      border-style: solid;
      box-sizing: border-box;
      padding: 5px 7px !important;
      color: #999; }
    .bottom-details__wireframe input:nth-of-type(2) {
      color: white;
      background-color: #1c97c7;
      font-size: 15px;
      width: 60%;
      text-align: center;
      letter-spacing: 0.08em;
      font-weight: bold;
      border-color: transparent;
      display: inline-block;
      border-radius: 4px;
      opacity: 0.9;
      padding: 5px 7px !important; }
  .bottom-details__call-to-action {
    font-size: 38px;
    font-family: 'Covered By Your Grace', cursive;
    text-align: center;
    color: black;
    margin: 0; }

/* END BOTTOM DETAILS SECTION STYLING-------------------------------------------------- */
/*===================================================================================*/
/*===================================================================================*/
/* AD STYLING-------------------------------------------------- */
/*COLORS*/
/**************/
.ad-wrapper {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.inner-ad {
  padding: 0;
  max-width: 300px; }

/* END BOTTOM DETAILS SECTION STYLING-------------------------------------------------- */
/*===================================================================================*/
/*===================================================================================*/
/* AD STYLING-------------------------------------------------- */
/* END BOTTOM DETAILS SECTION STYLING-------------------------------------------------- */
/*===================================================================================*/
