@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/ashfield-creative/fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/ashfield-creative/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/ashfield-creative/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/ashfield-creative/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700; }
@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/ashfield-creative/fonts/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800; }
@keyframes backgroundImageLeftForever {
  from {
    background-position-x: 0%; }
  to {
    background-position-x: 100%;
    translate: 5px; } }
@keyframes scroll {
  0% {
    transform: translateY(-10px);
    opacity: 1; }
  50% {
    transform: translateY(10px);
    opacity: 0; }
  100% {
    transform: translateY(-10px); } }
* {
  font-family: 'poppins'; }

a {
  text-decoration: unset;
  color: inherit;
  font-family: inherit; }
  a:hover {
    color: inherit; }

body {
  background-color: #fafcfc; }

h3 {
  padding-top: 29px; }

.bg-ashfield-green {
  background-color: #02CD7C !important;
  color: #020D45 !important; }
  .bg-ashfield-green:hover {
    border-color: #020D45 !important; }

.bg-ashfield-blue {
  background-color: #020D45 !important;
  color: #FFFFFF !important; }
  .bg-ashfield-blue:hover {
    border-color: #02CD7C !important; }

.scroll_to_explore {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: transparent;
  color: #020D45;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  font-size: 24px;
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: center; }
  .scroll_to_explore.aos-init {
    opacity: 1;
    transition-property: opacity; }
    .scroll_to_explore.aos-init.aos-animate {
      opacity: 0; }
  .scroll_to_explore svg {
    animation-name: scroll;
    animation-duration: 2.5s;
    animation-iteration-count: infinite; }
    @media screen and (max-width: 1030px) {
      .scroll_to_explore svg {
        display: none; } }

.container.creative-container {
  padding: 0; }
  @media screen and (min-width: 1400px) {
    .container.creative-container {
      max-width: 1403px; } }
  @media screen and (max-width: 998px) {
    .container.creative-container {
      max-width: 95%; } }

.banner {
  position: absolute;
  width: 100%;
  height: 154px;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #020D45; }
  @media screen and (max-width: 570px) {
    .banner {
      height: 233px; } }
  .banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #020D45;
    width: 100%; }
    @media screen and (max-width: 570px) {
      .banner video {
        height: max-content; } }
    @media screen and (max-width: 400px) {
      .banner video {
        height: 250px;
        width: auto; } }
  .banner .block_0 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 570px) {
      .banner .block_0 {
        flex-direction: column;
        height: fit-content; } }
  .banner .title_left_block {
    width: 50%;
    vertical-align: text-top;
    color: white; }
    @media screen and (max-width: 570px) {
      .banner .title_left_block {
        width: 100%; } }
    .banner .title_left_block .text {
      font-size: 36px;
      line-height: 36px;
      font-weight: bold;
      margin-bottom: 7px; }
    .banner .title_left_block .title_link {
      display: block;
      height: fit-content;
      font-size: 20px;
      line-height: 20px;
      font-weight: normal;
      color: #50FFB9; }
      .banner .title_left_block .title_link:hover {
        cursor: pointer;
        letter-spacing: .5px;
        transition-duration: 500ms; }
  .banner .title_right_block {
    width: 50%;
    display: flex;
    flex-direction: row-reverse; }
    @media screen and (max-width: 570px) {
      .banner .title_right_block {
        width: 100%; } }
    .banner .title_right_block .ashfield_img {
      height: 119px; }

.banner_spacer {
  height: 0;
  width: 100%;
  margin-bottom: 154px; }
  @media screen and (max-width: 570px) {
    .banner_spacer {
      margin-bottom: 233px; } }

.main {
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 767px) {
    .main {
      flex-direction: column; } }

.articles {
  margin-top: 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  row-gap: 29px;
  margin-bottom: 3em; }
  @media screen and (max-width: 1400px) {
    .articles {
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .articles {
      margin-top: 29px;
      margin-bottom: 0.5em; } }

.pagination_links {
  background: transparent;
  margin-right: 39px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: solid 1px transparent;
  column-gap: 5px;
  font-size: 1.25rem;
  line-height: 26.4px; }
  .pagination_links .page-link {
    width: fit-content;
    text-align: center; }
    .pagination_links .page-link:hover {
      font-weight: bold;
      border-bottom: 3px solid #02CD7C; }
  .pagination_links .page-link.current {
    font-weight: bold;
    border-bottom: 3px solid #02CD7C; }
  .pagination_links .page-link:not(:last-child) {
    border-right: solid 1px transparent; }

._404 {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
  align-items: center;
  width: 50%;
  background: white;
  margin: 0 auto;
  padding: 162px;
  font-size: 1.5em;
  font-weight: bold;
  color: #020D45;
  -webkit-box-shadow: 3px 4px 15px -1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 4px 15px -1px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 4px 15px -1px rgba(0, 0, 0, 0.35); }
  ._404 span {
    font-weight: normal; }
  ._404 .book_in_work, ._404 .ideas {
    width: 200px;
    margin: 29px auto; }
  @media screen and (max-width: 1400px) {
    ._404 {
      width: 90%;
      margin: 29px 10px; } }
  @media screen and (max-width: 767px) {
    ._404 {
      padding: 200px 10px;
      margin: 29px 10px; } }

.dropdown .btn, .dropdown .dropdown-menu {
  min-width: 260px;
  border-color: #02CD7C;
  color: #020D45; }
.dropdown .show {
  border-radius: 6px 6px 0 0; }
.dropdown .dropdown-menu {
  margin-top: -3px !important;
  border-radius: 0 0 6px 6px;
  text-align: center; }
  .dropdown .dropdown-menu li {
    padding: 0 35px; }
    .dropdown .dropdown-menu li a {
      border-bottom: 1px solid #02CD7C; }
.dropdown .tick:before {
  content: '';
  background: url("/wp-content/themes/ashfield-creative/images/blue_tick.png") no-repeat;
  background-size: 26px auto !important;
  height: 20px !important;
  width: 36px !important;
  position: absolute;
  right: 5px; }

.dropdown-toggle::after {
  content: url("/wp-content/themes/ashfield-creative/images/blue_chevron.svg");
  border: none;
  width: 15px;
  height: auto;
  margin-left: 0.4rem;
  vertical-align: middle; }

.dropdown-item:hover {
  background-color: unset;
  font-weight: 600; }

.article {
  width: 440px;
  height: auto;
  background-color: white;
  order: 1;
  margin-right: 19px;
  position: relative; }
  @media screen and (max-width: 1400px) {
    .article {
      margin-right: 0px;
      width: 96%; } }
  @media screen and (max-width: 767px) {
    .article {
      width: 96%; } }
  .article.double_width {
    width: 96%; }
  .article.pinned_article {
    order: 0; }
  .article.pinned_article .image, .article .double_width .image {
    translate: 0 -12.5%; }
  .article .image_container {
    overflow: hidden;
    max-height: 293.4px;
    height: 418px;
    background-position: center;
    background-size: cover; }
  .article .image {
    width: 100%;
    height: auto; }
  .article .text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 20px 10px; }
  .article .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 25px;
    color: #020D45;
    min-height: 50px; }
  .article .intro,
  .article .learn_more {
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px; }
  .article:hover {
    -webkit-box-shadow: 3px 4px 15px -1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 4px 15px -1px rgba(0, 0, 0, 0.35);
    box-shadow: 3px 4px 15px -1px rgba(0, 0, 0, 0.35);
    cursor: pointer; }
  .article .watermark {
    display: none;
    position: absolute;
    top: 0;
    color: white;
    margin: 0.25em;
    opacity: 0.35;
    font-size: 1.5em; }
    @media screen and (max-width: 767px) {
      .article .watermark {
        font-size: 1em; } }
    .article .watermark.hide_watermark {
      display: none; }
    .article .watermark.show_watermark {
      display: block; }

.back_to_home {
  height: 3em;
  display: flex;
  padding-left: 10px;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-end;
  color: #A2003E;
  font-size: 20px; }
  @media screen and (max-width: 767px) {
    .back_to_home {
      height: 1.5em; } }
  .back_to_home span {
    margin-left: 2px;
    text-decoration: underline; }
  .back_to_home:hover {
    cursor: pointer;
    letter-spacing: .5px;
    transition-duration: 500ms;
    color: #D32467; }

.single_article {
  width: 903px;
  margin-top: 29px;
  margin-right: 29px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  background-color: #FFFFFF; }
  @media screen and (max-width: 1400px) {
    .single_article {
      width: 100%;
      padding-right: 29px; } }
  @media screen and (max-width: 767px) {
    .single_article {
      padding-right: 0;
      margin-top: 5px; } }
  .single_article .text {
    padding: 35px; }
    @media screen and (max-width: 767px) {
      .single_article .text {
        padding: 5px; } }
  .single_article .image {
    background-position: center;
    background-size: cover;
    width: 100%;
    max-height: 11.658cm;
    height: auto;
    overflow: hidden; }
    @media screen and (max-width: 1000px) {
      .single_article .image {
        height: auto; } }
    .single_article .image img {
      width: 100%; }
  .single_article .video {
    width: 100%; }
    .single_article .video iframe {
      width: 100%; }
  .single_article .wp-video {
    width: 100% !important;
    height: auto; }
    .single_article .wp-video .wp-video-shortcode {
      width: 100%;
      height: auto;
      margin-bottom: 1em; }
  .single_article .title {
    font-weight: bold;
    font-size: 32px;
    line-height: 38.4px;
    margin-bottom: 6px;
    color: #020D45;
    padding-right: 7%; }
  .single_article .author {
    font-weight: normal;
    font-size: 24px;
    line-height: 28.8px;
    color: #D32467; }
  .single_article .article_text {
    margin-top: 40px; }
    .single_article .article_text img, .single_article .article_text p img, .single_article .article_text p iframe, .single_article .article_text iframe {
      margin: 1em auto;
      display: flex;
      max-width: 100% !important; }
    .single_article .article_text p, .single_article .article_text li {
      font-size: 22px;
      font-weight: normal;
      line-height: 36px; }
      @media screen and (max-width: 767px) {
        .single_article .article_text p, .single_article .article_text li {
          font-size: 1em;
          line-height: 1.2; } }
      .single_article .article_text p strong, .single_article .article_text li strong {
        font-size: 24px;
        font-weight: bold;
        line-height: 36px; }
        @media screen and (max-width: 767px) {
          .single_article .article_text p strong, .single_article .article_text li strong {
            font-size: 1.1em;
            line-height: 1.2; } }

.double_width_article {
  width: 100%; }

.book_in_work {
  width: 442px;
  margin: 0;
  padding: 5px 0;
  font-size: 28px;
  font-weight: bold;
  background-color: #02CD7C;
  color: #020D45;
  border: 2px solid transparent;
  border-radius: 999px;
  text-align: center;
  line-height: 33.6px;
  -webkit-appearance: unset;
  appearance: unset; }
  .book_in_work:hover {
    color: #02CD7C;
    background-color: #020D45;
    border-color: #02CD7C; }
  .book_in_work span {
    font-size: 21px; }

.ideas {
  width: 442px;
  margin: 0;
  padding: 5px 0;
  font-size: 21px;
  font-weight: bold;
  background-color: #020D45;
  color: white;
  border: 2px solid transparent;
  border-radius: 999px;
  text-align: center;
  line-height: 33.6px;
  -webkit-appearance: unset;
  appearance: unset; }
  .ideas:hover {
    color: #020D45;
    background-color: white;
    border-color: #020D45; }
  .ideas span {
    font-size: 21px;
    font-weight: lighter;
    text-decoration: underline;
    color: #02CD7C; }

.hive {
  width: fit-content;
  padding: 5px 30px;
  color: white;
  background-color: #020D45; }
  .hive:hover {
    color: #020D45;
    background-color: white;
    border-color: #020D45; }

.action_and_pods {
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0; }
  @media screen and (max-width: 767px) {
    .action_and_pods {
      margin-top: 0.5em; } }
  .action_and_pods .book_in_work, .action_and_pods .ideas {
    width: 100%;
    min-height: 70px;
    display: grid;
    align-content: center; }
  .action_and_pods .action_section {
    background-color: white;
    margin-top: 18px;
    padding: 12px;
    border-bottom: 6px solid #02CD7C; }
    @media screen and (max-width: 767px) {
      .action_and_pods .action_section {
        padding: 0px;
        margin-top: 6px; } }
    .action_and_pods .action_section .action_text {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
      margin-bottom: 20px; }
      .action_and_pods .action_section .action_text .image {
        width: 54px;
        height: 54px;
        margin-right: 10px; }
      .action_and_pods .action_section .action_text .action_title {
        font-weight: bold;
        font-size: 24px;
        line-height: 28.8px; }
        .action_and_pods .action_section .action_text .action_title .action_summary {
          font-size: 20px;
          line-height: 24.3px;
          font-weight: normal; }
      .action_and_pods .action_section .action_text:not(.collapsed) {
        color: unset !important;
        background-color: unset !important; }
      .action_and_pods .action_section .action_text:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
    .action_and_pods .action_section .link_list {
      list-style-type: none;
      padding-left: 5px; }
      .action_and_pods .action_section .link_list li {
        background: url("/wp-content/themes/ashfield-creative/images/ashfield_green_bullet.png") no-repeat 7px 50% transparent;
        list-style-type: none;
        margin: 0;
        padding: 0px 0px 1px 24px;
        vertical-align: middle;
        font-size: 22px;
        text-decoration: underline;
        color: black; }
  .action_and_pods .pods_section {
    background-color: white;
    margin: 18px 0;
    padding: 12px;
    border-bottom: 6px solid #02CD7C; }
    .action_and_pods .pods_section .pod_members {
      margin-bottom: 40px;
      margin-top: 18px;
      gap: 24px;
      display: flex;
      flex-direction: column; }
    .action_and_pods .pods_section .pod_text {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
      margin-bottom: 29px; }
      .action_and_pods .pods_section .pod_text:not(.collapsed) {
        color: unset !important;
        background-color: unset !important; }
      .action_and_pods .pods_section .pod_text:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
      .action_and_pods .pods_section .pod_text .image {
        width: 54px;
        height: 54px;
        margin-right: 10px; }
      .action_and_pods .pods_section .pod_text .pods_title {
        font-weight: bold;
        font-size: 24px;
        line-height: 28.8px; }
        .action_and_pods .pods_section .pod_text .pods_title .pods_summary {
          font-size: 20px;
          line-height: 24.3px;
          font-weight: normal; }
          .action_and_pods .pods_section .pod_text .pods_title .pods_summary a {
            text-decoration: underline;
            color: #D32467; }
            .action_and_pods .pods_section .pod_text .pods_title .pods_summary a:hover {
              cursor: pointer; }
  .action_and_pods .pod_section {
    border-bottom: 1px solid #02CD7C; }
    .action_and_pods .pod_section .pod_title {
      font-weight: bold;
      font-size: 24px;
      width: fit-content;
      line-height: 24px;
      margin: 10px 0; }
    .action_and_pods .pod_section .pod_member {
      display: flex;
      flex-direction: row; }
      .action_and_pods .pod_section .pod_member .image {
        width: 55px;
        height: 55px;
        margin-left: 12px;
        margin-right: 19px; }
      .action_and_pods .pod_section .pod_member .member_text {
        display: flex;
        flex-direction: column; }
        .action_and_pods .pod_section .pod_member .member_text .name {
          font-size: 24px;
          line-height: 28.8px; }
        .action_and_pods .pod_section .pod_member .member_text .role {
          font-size: 22px;
          line-height: 26.4px; }
    .action_and_pods .pod_section:last-child {
      border-bottom: none; }

.teams_section {
  margin-top: 29px;
  margin-right: 29px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  background-color: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .teams_section {
      margin-right: 0; } }
  .teams_section .teams_accordion {
    width: 100%;
    padding: 0 29px 2em 29px; }
    @media screen and (max-width: 767px) {
      .teams_section .teams_accordion {
        padding: 0; } }
  .teams_section .team_select {
    margin: 0 29px; }
  .teams_section .teams_title {
    margin-top: 29px;
    margin-left: 29px;
    color: #020D45;
    font-weight: normal;
    font-size: 47.59px;
    line-height: 57.1px; }
    .teams_section .teams_title .teams_summary {
      color: black;
      font-size: 18px;
      line-height: 25px; }
      @media screen and (max-width: 767px) {
        .teams_section .teams_title .teams_summary {
          margin-right: 5px; } }
  .teams_section .teams_text {
    width: 100%; }
    .teams_section .teams_text .image {
      width: 54px;
      height: 54px;
      float: right;
      margin-top: 18px;
      margin-right: 20px; }
  .teams_section .team_button {
    background-color: #02CD7C;
    color: #020D45;
    font-size: 24px;
    font-weight: bold; }
  .teams_section .team_body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 29px 0;
    column-gap: 29px;
    row-gap: 10px;
    justify-content: start; }
    @media screen and (max-width: 500px) {
      .teams_section .team_body {
        justify-content: center; } }
  .teams_section .team_member {
    width: 391px;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 1400px) {
      .teams_section .team_member {
        width: 45%;
        flex-direction: column;
        align-items: center; } }
    @media screen and (max-width: 767px) {
      .teams_section .team_member {
        width: 100%;
        flex-direction: column;
        align-items: center; } }
    @media screen and (max-width: 500px) {
      .teams_section .team_member {
        width: 90%; } }
    .teams_section .team_member .image {
      height: 144px;
      width: 144px; }
    .teams_section .team_member .member_text {
      margin-left: 17px;
      display: flex;
      flex-direction: column; }
      .teams_section .team_member .member_text .name {
        font-size: 22px;
        line-height: 26.4px;
        font-weight: 600; }
      .teams_section .team_member .member_text .role {
        font-size: 17px;
        font-weight: normal;
        line-height: 20px;
        margin-bottom: 20px; }
      .teams_section .team_member .member_text .text {
        font-size: 14px;
        line-height: 20px; }

.footer {
  background-color: #020D45;
  height: 204px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .footer .ashfield_mim {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    color: #FFFFFF;
    font-size: 54px;
    font-weight: bold;
    line-height: 54px;
    height: auto; }
    .footer .ashfield_mim span {
      color: #50FFB9;
      font-size: 54px; }
    @media screen and (max-width: 500px) {
      .footer .ashfield_mim {
        font-size: 2em; } }

.modal-body {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  column-gap: 29px;
  row-gap: 80px;
  flex-wrap: wrap; }
  @media screen and (max-width: 920px) {
    .modal-body {
      flex-direction: column;
      align-items: center;
      padding: 0 10px; }
      .modal-body .book_in_work {
        width: 100%;
        flex-wrap: nowrap; }
        .modal-body .book_in_work:nth-of-type(2) {
          margin-top: 29px; } }
  @media screen and (max-width: 500px) {
    .modal-body .book_in_work, .modal-body .ideas {
      font-size: 1em;
      line-height: 1.5; }
      .modal-body .book_in_work span, .modal-body .ideas span {
        font-size: 1em; } }
  .modal-body form {
    font-size: 24px;
    color: #020D45; }
    .modal-body form input, .modal-body form textarea {
      border-color: #020D45 !important; }

.modal-body-book-in-work {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 29px;
  row-gap: 80px;
  flex-wrap: wrap; }
  @media screen and (max-width: 920px) {
    .modal-body-book-in-work {
      flex-direction: column;
      align-items: center;
      padding: 0 10px; }
      .modal-body-book-in-work .book_in_work {
        width: 100%;
        flex-wrap: nowrap; }
        .modal-body-book-in-work .book_in_work:nth-of-type(2) {
          margin-top: 29px; } }
  @media screen and (max-width: 500px) {
    .modal-body-book-in-work .book_in_work, .modal-body-book-in-work .ideas {
      font-size: 1em;
      line-height: 1.5; }
      .modal-body-book-in-work .book_in_work span, .modal-body-book-in-work .ideas span {
        font-size: 1em; } }

.modal-backdrop {
  background-color: #020D45;
  opacity: 0.9 !important; }

.modal-header {
  flex-direction: column-reverse;
  border-color: transparent;
  padding: 69px 0; }
  .modal-header .modal-title {
    font-size: 36px;
    font-weight: bold;
    color: #020D45; }
    @media screen and (max-width: 920px) {
      .modal-header .modal-title {
        text-align: center; } }

.not_sure_q {
  width: 50%;
  margin: 1em auto;
  padding-top: 2em;
  font-size: 13px; }

.modal-content {
  border-radius: 0 !important;
  border-bottom: #02CD7C 8px solid;
  max-width: 1083px;
  min-height: 508px; }
  @media screen and (max-width: 920px) {
    .modal-content {
      height: fit-content; } }
  .modal-content .btn-close {
    color: #02CD7C;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    background-image: url("/wp-content/themes/ashfield-creative/images/amc_close.svg");
    opacity: 1; }
    .modal-content .btn-close:hover {
      color: #A2003E; }

.modal-footer {
  border-color: transparent; }

.modal-dialog {
  max-width: 1083px !important; }

.accordion {
  --bs-accordion-btn-icon-transform: rotate(-90deg);
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.0rem rgba(13, 110, 253, 0.25);
  --bs-accordion-btn-padding-y: 8px;
  --bs-accordion-border-width: 0px;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0; }

.accordion-item {
  border-color: transparent;
  border-radius: 0; }

.accordion-button::after {
  margin-left: auto;
  margin-right: -5px;
  background-color: white;
  padding: 20px;
  background-position: center;
  background-size: 11px;
  background-size: 22px;
  border-radius: 999%;
  display: flex;
  float: right; }

.embed-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.video.embed-container {
  height: 500px; }
  @media screen and (max-width: 600px) {
    .video.embed-container {
      height: 300px; } }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

iframe {
  width: 100%;
  min-height: 500px; }
  @media screen and (max-width: 1400px) {
    iframe {
      min-height: unset; } }

.new {
  background-color: #02CD7C;
  transform: rotate(45deg) translate(8%, -110%); }

.border-green {
  border-color: #02CD7C !important; }

.border-blue {
  border-color: #020D45 !important; }

.likes {
  height: 30px;
  color: #02CD7C; }

.lozenge {
  background-color: #02CD7C !important; }

#like-button {
  cursor: pointer; }

/* Style for the corner message */
.corner-message {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 366px;
  padding: 1rem 3%;
  background-color: #f9f9f9;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  border-radius: 8px;
  z-index: 1050;
  font-size: 1rem;
  font-weight: normal;
  background-color: #02CD7C;
  color: #020D45;
  border: 2px solid transparent;
  border-radius: 999px;
  text-align: center;
  line-height: 1.05;
  -webkit-appearance: unset;
  appearance: unset; }
  .corner-message p {
    margin: 0; }
    .corner-message p b {
      font-size: 1.5rem; }
  .corner-message:hover {
    border-color: #020D45; }
  .corner-message span {
    font-size: 21px;
    font-weight: lighter;
    text-decoration: underline;
    color: #02CD7C; }
  .corner-message img {
    position: absolute;
    top: -53px;
    left: -28px; }

/* Close button */
#feedback_reminder_close {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  color: white; }

/* Define the shake animation */
@keyframes shake {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-10px); }
  50% {
    transform: translateX(10px); }
  75% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
/* Apply the shake animation to the message box */
.shake {
  animation: shake 0.5s ease-in-out 2; }

.sixty-second-video {
  height: 30% !important;
  width: 100% !important; }
  @media screen and (max-width: 998px) {
    .sixty-second-video {
      width: 100% !important;
      height: 80vh !important; } }

.shorts-title {
  background-color: #02CD7C;
  color: #020D45;
  font-weight: bold;
  font-size: 24px;
  min-height: 50px; }

.shorts-text {
  color: #020D45;
  margin-top: 10px;
  font-size: 18px;
  line-height: 18px; }

.short-view-more {
  background-color: #A2003E;
  color: #FFFFFF; }
  .short-view-more:hover {
    color: #A2003E;
    background-color: #FFFFFF;
    border-color: #A2003E; }

.shorts-video-section {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  /* Ensures proper wrapping on smaller screens */ }

.short-video {
  width: 30%;
  /* Adjust width as needed */
  text-align: center; }

.short-video h3 {
  font-size: 18px;
  margin-bottom: 10px; }

.video-wrapper {
  position: relative;
  overflow: hidden;
  background: #000;
  /* Optional: Adds a black background behind the video */
  border: 1px solid #50FFB9; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

#allVideosContent {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  scrollbar-width: thin;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  gap: 1rem;
  /* spacing between videos */
  padding-bottom: 10px;
  /* space for scrollbar */ }

#allVideosContent::-webkit-scrollbar {
  height: 8px;
  /* horizontal scrollbar height */ }

#allVideosContent::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px; }

#allVideosContent::-webkit-scrollbar-track {
  background: transparent; }

/* Each video container */
.short-video {
  flex: 0 0 30%;
  /* 3 items approx 30% width each */
  max-width: 30%;
  min-width: 250px;
  /* minimum width to keep video playable */
  box-sizing: border-box; }

.short-video video, .short-video iframe {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px; }

.short-video .video-title {
  margin-top: 0.5rem;
  font-size: 1rem;
  text-align: center;
  color: #333; }

.topic {
  border-radius: 10px;
  padding: 0 10px;
  /* Hover Effect for Options */
  /* Hover Effect for Options */ }
  .topic select {
    border: 1px solid #020D45 !important;
    /* Optional border for the dropdown itself */
    padding: 5px; }
  .topic option {
    border-bottom: 1px solid #ccc;
    /* Adds underline or separator */
    padding: 5px; }
  .topic option {
    text-decoration: underline;
    /* Underlines each option in the dropdown */ }
    .topic option:hover {
      background-color: #020D45;
      /* Highlight on hover */
      color: #fff;
      /* Text color on hover */ }

.form-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px; }

.custom-select {
  position: relative;
  display: inline-block;
  width: 200px; }
  .custom-select select {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    appearance: none;
    background-color: #fff;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer; }
    .custom-select select::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%);
      border: 6px solid transparent;
      border-top-color: #333;
      pointer-events: none; }

.custom-select-container {
  position: relative;
  width: 200px; }

.custom-select {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative; }
  .custom-select .selected-option {
    padding: 10px;
    background: #f9f9f9;
    border-radius: 4px;
    font-size: 20px;
    line-height: 24.3px;
    font-weight: normal;
    position: relative; }
    .custom-select .selected-option::after {
      content: url("/wp-content/themes/ashfield-creative/images/blue_chevron.svg");
      width: 15px;
      height: auto;
      margin: 0.4rem auto;
      vertical-align: middle;
      position: absolute;
      right: 10px; }
  .custom-select .options {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    border: 3px solid #020D45;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 100;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
    .custom-select .options li {
      padding: 10px;
      transition: all 0.3s ease;
      font-size: 20px;
      line-height: 24.3px;
      font-weight: normal;
      border-bottom: 1px solid #02CD7C;
      width: 60%;
      margin: 0 auto; }
      .custom-select .options li:hover {
        font-weight: bold; }
    .custom-select .options li:last-child {
      margin-bottom: 10px; }
    .custom-select .options ul {
      padding-bottom: 10px; }

.idea-comment {
  font-size: 20px;
  line-height: 24.3px;
  font-weight: normal;
  color: #020D45; }

.short_title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28.8px;
  color: #020D45; }

.short_text {
  font-size: 20px;
  line-height: 24.3px;
  font-weight: normal;
  color: #D32467; }

.shortsButton {
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 37px;
  width: 2rem;
  background-color: transparent;
  right: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border: 3px solid transparent; }
  .shortsButton:hover {
    border-color: #02CD7C;
    background-color: white; }

/*# sourceMappingURL=creative_portal_2023_style.css.map */