/**
Theme Name: Central Coast Websites
Author: Central Coast Websites
Author URI: https://centralcoastwebsites.com.au
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: central-coast-websites
Template: astra
*/
@-ms-viewport {
  width: device-width; }
/* Setting fade transition and default settings */
#attractions_container .elementor-container {
  display: flex;
  flex-direction: column-reverse; }
  @media screen and (min-width: 769px) {
    #attractions_container .elementor-container {
      display: flex;
      flex-direction: row; } }

.custom-activity-container {
  width: 100%; }
  .custom-activity-container.list .custom-activity {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end; }
    .custom-activity-container.list .custom-activity .activity-image-container {
      width: 29%;
      height: 200px; }
    .custom-activity-container.list .custom-activity .activity-content {
      width: 69%;
      margin: 15px 0px 0px 15px; }
      .custom-activity-container.list .custom-activity .activity-content h3 {
        margin: 0;
        font-size: 18px;
        color: #184063; }
      .custom-activity-container.list .custom-activity .activity-content p {
        margin: 0;
        font-size: 16px; }
      .custom-activity-container.list .custom-activity .activity-content .activity-button {
        display: block;
        margin-top: 15px; }
        .custom-activity-container.list .custom-activity .activity-content .activity-button a {
          padding: 10px;
          text-decoration: none;
          border-radius: 2px;
          background: #184063;
          color: #fff;
          display: block; }
          .custom-activity-container.list .custom-activity .activity-content .activity-button a:hover {
            background: #63D7EA;
            color: #184063; }
  .custom-activity-container.grid .custom-activity {
    height: 400px;
    width: 100%;
    float: left;
    margin: 1%;
    display: flex;
    flex-direction: column-reverse; }
    @media screen and (min-width: 769px) {
      .custom-activity-container.grid .custom-activity {
        width: 30%;
        flex-direction: column; } }
    .custom-activity-container.grid .custom-activity a {
      color: #fff !important;
      text-decoration: none;
      height: 100%;
      width: 100%;
      display: flex;
      background: black;
      background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.1460959384) 50%); }
      .custom-activity-container.grid .custom-activity a:hover {
        background-color: rgba(0, 0, 0, 0.5);
        transition: opacity 0.7; }
      .custom-activity-container.grid .custom-activity a .activity-content {
        align-self: flex-end;
        padding: 15px; }
        .custom-activity-container.grid .custom-activity a .activity-content h3 {
          color: #fff !important;
          font-size: 20px;
          font-weight: 700;
          line-height: 30px; }
  .custom-activity-container .pagination-area {
    width: 100%;
    display: block;
    clear: both;
    text-align: center; }
    .custom-activity-container .pagination-area ul.pagination {
      width: 100%;
      display: block;
      clear: both;
      margin: 0 0 30px 0; }
      .custom-activity-container .pagination-area ul.pagination li {
        list-style-type: none;
        margin: 0;
        display: inline-block;
        background: #184063;
        color: #fff;
        padding: 3px 10px; }
        .custom-activity-container .pagination-area ul.pagination li.active {
          background: #479fad; }
        .custom-activity-container .pagination-area ul.pagination li a {
          text-decoration: none;
          display: block;
          color: #fff; }
          .custom-activity-container .pagination-area ul.pagination li a:hover {
            background: #fff; }
          .custom-activity-container .pagination-area ul.pagination li a.active {
            background: #fff; }

.custom-activity-search-form h3 {
  font-size: 15px;
  margin-bottom: 0px; }
.custom-activity-search-form form {
  display: flex;
  justify-content: space-between; }
  .custom-activity-search-form form .form-group {
    flex-basis: 100%;
    margin: 0 10px; }
    .custom-activity-search-form form .form-group input {
      width: 100%; }
    .custom-activity-search-form form .form-group label {
      font-size: 12px; }
    .custom-activity-search-form form .form-group #amount {
      font-size: 12px;
      margin-top: -81px;
      margin-left: 110px; }
  .custom-activity-search-form form .search-button {
    flex-basis: 20%;
    height: 46px;
    margin-left: 15px;
    margin-top: 24px; }
    @media screen and (max-width: 768px) {
      .custom-activity-search-form form .search-button {
        margin-left: 0px;
        margin-top: 12px; } }
  @media screen and (max-width: 768px) {
    .custom-activity-search-form form {
      flex-direction: column; } }

.custom-activity-search-form input {
  width: auto; }

@media screen and (min-width: 769px) {
  flex-direction: column; }
input,
select {
  width: 100%;
  margin: 0 0 10px 0;
  display: block; }

.entry-content h2 {
  margin-bottom: 5px; }

/********** Range Input Styles **********/
/*Range Reset*/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 80%;
  margin: 20px 0;
  float: left; }

#amount {
  width: 25%;
  float: left;
  padding: 10px 0 0 0;
  text-align: center; }

/* Removes default focus */
input[type="range"]:focus {
  outline: none; }

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background-color: #184063;
  border-radius: 0.5rem;
  height: 0.5rem; }

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  margin-top: -3px;
  /* Centers thumb on the track */
  /*custom styles*/
  background-color: #555;
  height: 1rem;
  width: 1rem; }

input[type="range"]:focus::-webkit-slider-thumb {
  border: 1px solid #184063;
  outline-offset: 0.125rem; }

/******** Firefox styles ********/
/* slider track */
input[type="range"]::-moz-range-track {
  background-color: #184063;
  border-radius: 0.5rem;
  height: 0.5rem; }

/* slider thumb */
input[type="range"]::-moz-range-thumb {
  border: none;
  /*Removes extra border that FF applies*/
  border-radius: 0;
  /*Removes default border-radius that FF applies*/
  /*custom styles*/
  background-color: #555;
  height: 2rem;
  width: 1rem; }

input[type="range"]:focus::-moz-range-thumb {
  border: 1px solid #184063;
  outline-offset: 0.125rem; }

.main-activity-image {
  height: 700px;
  width: 1200px;
  margin: 30px auto;
  display: block; }

a.activity-url {
  background: #184063;
  color: #fff;
  text-decoration: none !important;
  display: block;
  padding: 15px;
  text-align: center;
  border-radius: 3px; }
  a.activity-url:hover {
    background: #479fad;
    color: #184063;
    text-decoration: none !important; }

p {
  font-weight: 400;
  margin-bottom: 10px !important; }
  p.address {
    color: #495057;
    margin-bottom: 10px !important;
    font-weight: 700; }
  p.email-addres a {
    color: #184063; }
    p.email-addres a:hover {
      color: #63D7EA; }

.titletxt {
  margin-bottom: -10px; }

.phone-number {
  margin-bottom: 10px !important; }
  .phone-number a {
    color: #184063;
    text-decoration: none !important; }
    .phone-number a:hover {
      color: #63D7EA; }

.attraction-description p {
  margin-right: 20px; }

h2.attraction-header h2 {
  color: #495057 !important;
  margin-bottom: 0px !important; }

.date {
  color: #184063;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-bottom: 0px; }

.rates {
  font-weight: 700;
  margin-bottom: 10px; }

.shortcodes-block {
  color: #495057;
  background-color: #479FAD26;
  padding: 0px 15px 20px 15px; }

input.search-button {
  background: #184063; }
  input.search-button:hover {
    background: #63D7EA;
    color: #184063; }

.pagination-area ul.pagination li a:hover {
  background: none !important;
  color: #479fad; }

.main-map {
  height: 450px; }

@media (max-width: 1024px) {
  .custom-activity {
    background: #479FAD26;
    margin-bottom: 20px; }

  .activity-image-container {
    width: 100% !important; }

  .main-activity-image {
    height: 300px;
    margin-top: -2px; }

  .activity-content {
    width: 95% !important; }

  .activity-button {
    margin-bottom: 20px; }

  .main-map {
    height: 300px; } }
@media (max-width: 768px) {
  .activity-content {
    width: 92% !important; }

  .main-activity-image {
    height: 300px;
    margin-top: -2px; }

  .attraction-description p {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 14px; }

  .entry-content h2 {
    margin-bottom: 15px;
    font-size: 18px; } }
.elementor-search-form__container {
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #444;
  background: #fff;
  border-radius: 30px;
  transition: width 0.5s ease; }
  .elementor-search-form__container .elementor-search-form__submit {
    background: transparent;
    border: none;
    height: 30px;
    width: 30px;
    line-height: 20px;
    float: right; }
  .elementor-search-form__container.open {
    width: 200px; }
    .elementor-search-form__container.open .elementor-search-form__submit {
      background: transparent;
      border: none;
      height: 30px;
      width: 30px;
      line-height: 20px;
      right: 0; }
  .elementor-search-form__container .elementor-search-form__input {
    border: none;
    margin: 0 0 0 15px;
    position: absolute;
    top: 5px; }

#searchform .text-search-form {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #444;
  background: #fff;
  border-radius: 30px;
  transition: width 0.5s ease; }
  #searchform .text-search-form .text-search-form__submit {
    border: none;
    height: 40px;
    width: 40px;
    line-height: 20px;
    right: 0;
    border-radius: 30px;
    padding: 0;
    background: #184063;
    position: relative;
    z-index: 99;
    float: right; }
    #searchform .text-search-form .text-search-form__submit:hover {
      background: #999; }
  #searchform .text-search-form.open {
    width: 200px; }
    #searchform .text-search-form.open .text-search-form__submit {
      border: none;
      height: 40px;
      width: 40px;
      line-height: 20px;
      right: 0;
      border-radius: 30px;
      padding: 0;
      background: #184063;
      position: relative;
      z-index: 99;
      float: right; }
      #searchform .text-search-form.open .text-search-form__submit:hover {
        background: #999; }
  #searchform .text-search-form .text-search-form__input {
    border: none;
    margin: 0 0 0 5px;
    position: absolute;
    top: 0;
    background: transparent !important; }

/*# sourceMappingURL=style.css.map */
