/*---------------------------------------------------------------------------------

 Theme Name:   Scoop Child Theme

 Theme URI:    https://wafic.scoop.com.au/

 Description:  Perfect solution for Seafood WA

 Author:       Shah

 Author URI:   https://wafic.scoop.com.au/

 Template:     Divi

 Version:      1.0.0

/* ================================================== */
/** ================================================== */

/** -----Table of Contents------

** ****GLOBAL SETTINGS******

** Base Layout

** Logo

** Top Menu

** Mobile Menu

** Footer

** ******PAGES*******

** Home Page

** About Page

** Blog Post Page

** Blog Categories Page

** *****MODULES******

** Tiles

** Blog Designer Pack 
 
** Featured Section

** Buttons

** Scoop Widget

** */

/* ?====================================== 
?=========    GLOBAL SETTINGS    ========= 
?========================================= */

/** =======================



    ** Base Layout



**=======================*/

html {
  /* This defines what 1rem is */
  font-size: 62.5% !important;
  /*1 rem = 10px; 10px/16px = 62.5%*/
}

@media screen and (max-width: 75em) {
  /* width < 1200? Tablet Land*/
  html {
    font-size: 56.25% !important; /*1 rem = 9px, 9/16 = 50%*/
  }
}

@media screen and (max-width: 25em) {
  /* width < 900? Tablet Port*/
  html {
    font-size: 50% !important; /*1 rem = 8px, 8/16 = 50%*/
  }
}

@media screen and (min-width: 112.5em) {
  /* 1800? Big Desktop*/
  html {
    font-size: 56.25% !important; /*1 rem = 9px, 9/16 = 50%*/
  }
}

body {
  box-sizing: border-box !important;
  background: #f7f9f8 !important;
  background-color: #f7f9f8 !important;
}

@media screen and (max-width: 25em) {
  /* width < 900? Tablet Port*/
  body {
    padding: 0 !important;
  }
}

/* -------------------

    Section Settings

--------------------*/

.et_pb_section {
  max-width: 250rem !important ;
  margin: 0 auto;
  background-color: #f7f9f8;
}

/** =======================



    ** Typography



**=======================*/

a {
  outline: 0 !important;
}

object,
embed {
  outline: 0 !important;
}

body {
  height: 100vh !important;
  line-height: 1.4em !important;
  overflow-x: hidden !important;
}

p,
li {
  font-family: "Assistant", sans-serif;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Assistant", sans-serif;
  font-weight: 700;
}

blockquote {
  border-left: none !important;
  padding: 0 !important;
  padding-right: 10% !important;
}
blockquote p {
  font-family: "Assistant", sans-serif !important;
  font-style: italic !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: #000 !important;
  font-weight: 800 !important;
}

#page-container {
  overflow: hidden !important;
}

/** =======================



    ** Top Menu



**=======================*/

/* -------------------

    Collapsing Menu

--------------------*/

/********* Mobile Menu Collapse ********/

/**** This hides the sub menu items on mobile ****/

.et_mobile_menu li ul.hide {
  display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/

.et_mobile_menu .menu-item-has-children {
  position: relative;
}
.et_mobile_menu .menu-item-has-children > a {
  background: transparent;
}

/**** This styles the icon and moves it to the right ****/

.et_mobile_menu .menu-item-has-children > a + span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  z-index: 3;
}

/**** Here you can swap out the actual icons ****/

span.menu-closed:before {
  content: "\4c";
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: ETmodules;
}

span.menu-closed.menu-open:before {
  content: "\4d";
}

.top-menu__box .top-menu__box__menu .current_page_item a {
  color: #5bc4bf !important;
}

/* -------------------

    Scroll on mobile

--------------------*/
.top-menu__box__menu .et_mobile_menu {
  overflow: scroll;
  width: 100vw;
  margin-left: -4vw;
  height: calc(100vh - 6rem);
  z-index: 1;
}

@media screen and (max-width: 980px) {
  .top-menu__box--1 {
    z-index: 10;
  }
}

.et_mobile_menu {
  padding: 20% 5% 5% 5% !important;
}

@media screen and (max-width: 400px) {
  .et_mobile_menu {
    margin-top: -5px;
  }
}
/* -------------------

    Mega Menu

--------------------*/

.mega-menu ul.sub-menu {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: none !important;
}

.mega-menu ul li:not(:last-child) {
  margin-bottom: 1rem !important;
  width: 100% !important;
  text-align: center !important;
}

.mega-menu ul li a {
  text-align: center !important;
  width: 100% !important;
  border-bottom: 0 !important;
}

.et-menu-nav li.mega-menu li > a {
  text-align: center !important;
  width: 100% !important;
}

/* -------------------

    Icon 

--------------------*/
.et_pb_menu_0_tb_header.et_pb_menu ul .menu-search a {
  font-family: "ETMODULES" !important;
  color: #5bc4bf !important;
  font-size: 2rem !important;
  transform: scaleX(-1);
  border-bottom: 2px solid;
  padding-left: 1rem;
  padding-right: 1rem;
}

.et_pb_menu_1_tb_header.et_pb_menu ul .menu-search a {
  font-family: "ETMODULES" !important;
  color: #00a3ba !important;
  font-size: 3rem !important;
  font-weight: 800 !important;
  transform: scaleX(-1);
  border-bottom: 2px solid;
  padding-left: 1rem;
  padding-right: 1rem;
}

.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu a + span:before {
  color: #00a3ba;
  padding: 2rem;
}

.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu a + span {
  padding: 0 !important;
  padding-right: 3rem !important;
}

.top-menu__box__menu .et_mobile_menu li.menu-search a {
  text-align: center !important;
}

.top-menu__box__menu .et_mobile_menu li.menu-search {
  border: 0 !important;
}

.top-menu__box__menu .et_mobile_menu li {
  border-top: 3px solid #bae5e3;
  padding: 2rem 0;
}

.top-menu__box__menu .et_mobile_menu li:last-child {
  border-bottom: 3px solid #bae5e3;
}

.top-menu__box__menu .et_mobile_menu li .sub-menu li {
  border: none !important;
  padding: 5px 0 !important;
}

/* -------------------

    Layout

--------------------*/

.top-menu__box {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 981px) {
  .top-menu__box--1 {
    flex: 0 1 15rem;
    margin-right: 1rem;
  }

  .top-menu__box--2 {
    flex: 1 0;
  }

  .top-menu__box--3 {
    flex: 0 0 13rem;
  }
}

.top-menu__box__logo img {
  max-width: 15rem;
  position: absolute;
  top: -1rem;
}

@media screen and (max-width: 980px) {
  .top-menu__box--3 {
    display: none;
  }
}

.top-menu__box__menu .et_pb_menu__search input {
  color: white;
}

.top-menu__box__menu .et_pb_menu__search input::placeholder {
  color: white !important;
}

.top-menu__box__menu nav ul li > a {
  font-weight: 700 !important;
}

/* -------------------

    Social Icons

--------------------*/

.top-menu__box__social li a.icon {
  border-radius: 100rem;
}

.top-menu__box__menu .et_pb_menu__search-button {
  border-bottom: 2px solid #5bc4bf;
  width: 3rem;
  display: flex;
  justify-content: center;
  margin-left: 5.8rem;
}

.top-menu__box__menu .et_pb_menu__search-button::after {
  transform: scaleX(-1);
  font-size: 2.4rem;
  padding-bottom: 2px;
}

.top-menu__box--1,
.top-menu__box--2 {
  margin-right: 1.5% !important;
}

@media screen and (min-width: 980px) {
  .top-menu__box--1,
  .top-menu__box--2 {
    margin-right: 1.5% !important;
  }
}

.et_mobile_menu li li {
  padding: 0 !important;
}

.et_mobile_menu .menu-item-has-children > a {
  background: none !important;
  font-weight: 700 !important;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% + 10px) !important;
}

.et-menu-nav li.mega-menu ul li {
  width: 100%;
}

.et-menu-nav li.mega-menu ul li a {
  width: 100% !important;
  border-bottom: 0 !important;
}
.et-menu-nav li.mega-menu ul li a:not(:last-child) {
  padding: 1.2rem !important;
}

.et-menu-nav li.mega-menu ul {
  transition: 0.05s ease-in-out 0.05s;
}

/* -------------------

    Mega Menu Drop downs (Divi Mega Pro) -- Drop down button

--------------------*/
.mega-menu-section__heading__text-box {
  transition: all 0.2s !important;
  width: fit-content !important;
}
.mega-menu-section__heading__text-box:hover {
  transform: translateY(-1px) !important;
}

.mega-menu-section__heading__text-box a {
  border: 1px solid #00a3ba;
  width: fit-object !important;
  padding: 1rem;
}

.mega-menu-section__heading__text-box a:hover {
  transform: translateY(-2px) !important;
}

.mega-menu-section__heading {
  margin-bottom: 2rem;
}

/* -------------------

    Mega Menu Drop downs (Divi Mega Pro)

--------------------*/

.mega-menu-section {
  padding: 3rem 0 !important;
  z-index: 1000 !important;
  background: #ccedf1 !important;
}

.mega-menu-section__heading,
.mega-menu-section__box {
  max-width: 590px !important;
}

.mega-menu-section__box {
  padding: 0 !important;
}

.mega-menu-section__heading {
  padding: 0 !important;
  padding-bottom: 1rem !important;
}

.mega-menu-section__box__text-box ul li {
  padding-bottom: 1rem !important;
}

.mega-menu-section__heading__text-box a {
  text-transform: uppercase !important;
}

.mega-menu-section__box__text-box a,
.mega-menu-section__heading__text-box a {
  color: #00a3ba !important;
  font-weight: bold !important;
}

.mega-menu-section__box__text-box ul li {
  list-style: none !important;
}

.mega-menu-section__box__text-box ul {
  padding: 0 !important;
}

.tippy-popper {
  z-index: 1 !important;
}

/** =======================



    ** Mobile Menu



**=======================*/

.top-menu__box__menu .et_mobile_menu {
  top: 42px !important;
  background-color: #59c3bf !important;
}

.top-menu__box__menu .et_mobile_menu li a {
  text-align: left !important;
  border-bottom: none !important;
  font-size: 18px !important;
  padding-left: 3rem;
  width: fit-content;
}

.top-menu__box__menu .et_mobile_menu li.menu-search a {
  width: 100% !important;
}

.top-menu__box__menu .et_mobile_menu li a:active {
  color: #00a3ba !important;
}

/** =======================



    ** Footer



**=======================*/

.footer-section {
  padding: 0 !important;
}
.footer-section__box {
  padding: 5rem 5.7rem !important;
  max-width: 250rem;
  width: 100vw;
}

.footer-section__box__graphic {
  position: absolute;
  top: -4rem;
  right: 0rem;
}

.footer-section__box__menu p {
  display: flex;
  justify-content: space-between;
}

.footer-section__box__menu p a {
  font-weight: 700;
  font-size: 16px;
}

.footer-section__box__menu p a:not(:last-child) {
  margin-right: 1rem;
}

@media screen and (min-width: 981px) {
  .footer-section__box {
    display: flex;
  }
  .footer-section__box--1 {
    align-self: center;
  }
}

/* -------------------

    Footer Social

--------------------*/

/* ?====================================== 
?=========      PAGES STYLING     ========= 
?========================================= */

/** =======================



    ** Home Page



**=======================*/
/* -------------------

    Hero Section

--------------------*/
.hero-section__hero {
  height: 80vh;
  max-height: 650px;
}

.hero-section__hero .et_pb_fullwidth_header_container {
  top: 30%;
}

@media screen and (min-width: 981px) {
  .hero-section__hero .et_pb_fullwidth_header_container h1 {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 46px;
    font-weight: 700;
    padding: 0 10rem;
    line-height: 7rem;
    text-align: center;
  }
}

/* -------------------

    Tiles Section

--------------------*/
/* Start Animation */

/* Carousel */
.tg-item-media-holder .tg-item-media-inner img.tg-item-image {
  transition: all 0.6s;
}

.tg-item-media-holder:hover .tg-item-media-inner img.tg-item-image {
  transform: scale(1.1);
}

/* Highlights */

.highlights-section__box__blurb .et_pb_image_wrap {
  overflow: hidden;
}

.highlights-section__box__blurb img {
  transition: all 0.6s;
}

.highlights-section__box__blurb img:hover {
  transform: scale(1.1);
}

/* Search page */

.blog-search-post--image .fwpl-item {
  overflow: hidden;
  max-height: 300px !important;
  min-height: 300px !important;
}

.blog-search-post--image img {
  transition: all 0.6s;
}

.blog-search-post--image img:hover {
  transform: scale(1.1);
}

/* Design 2 tiles */

.s2-tiles-section__box__blurb {
  transition: all 0.3s ease-in-out;
}

.s2-tiles-section__box__blurb:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.28);
}

/* End Animation */

.tiles-section__box__blurb .et_pb_blurb_content {
  padding: 2rem 0 !important;
}

.tiles-section__box__blurb .et_pb_blurb_content:hover {
  background: #aae1e2;
}

@media screen and (min-width: 981px) {
  .tiles-section__box {
    display: flex;
    justify-content: center;
  }

  .tiles-section__box .et_pb_column {
    margin-right: 0;
    flex: 1 0;
  }
}

@media screen and (max-width: 980px) {
  .tiles-section__box {
    display: flex;
    justify-content: space-between;
    width: 100vw;
  }

  .tiles-section__box .et_pb_column {
    margin-right: 0 !important;
    flex: 1 0 33.333333%;
    margin-bottom: 0 !important;
  }
}

.tiles-section {
  padding: 0 !important;
}
.tiles-section__box {
  padding: 0 !important;
}

.tiles-section__box__blurb .et_pb_main_blurb_image {
  margin-bottom: 0 !important;
}
.tiles-section__box__blurb .et_pb_image_wrap {
  display: flex;
  justify-content: center;
  align-content: center;
  height: 8rem;
}

.tiles-section__box__blurb img {
  align-self: center !important;
}

.tiles-section__box--1 .tiles-section__box__blurb img {
  max-height: 4rem;
}

.tiles-section__box--2 .tiles-section__box__blurb img {
  max-height: 3rem;
}
.tiles-section__box--3 .tiles-section__box__blurb img {
  max-height: 7rem;
}

.tiles-section__box--4 .tiles-section__box__blurb img {
  max-height: 4rem;
}
.tiles-section__box--5 .tiles-section__box__blurb img {
  max-height: 5rem;
}

.tiles-section__box--6 .tiles-section__box__blurb img {
  max-height: 5rem;
}

.tiles-section__box__blurb h4 {
  text-align: center;
  color: #5bc4bf;
  font-weight: 700;
  font-size: 16px;
  padding: 0 5%;
}

/* -------------------

    Highlights section -- Main layout

--------------------*/

.highlights-section {
  padding: 0 !important;
  margin-top: 5px !important;
}

.highlights-section__box {
  padding: 0 !important;
  max-width: 250rem;
  width: 100vw;
}

.highlights-section__box--1 {
  margin-right: 5px !important;
  flex: 1 0;
}

.highlights-section__box--2 {
  flex: 1 0;
}

.highlights-section__box__blurb .et_pb_blurb_content {
  max-width: none;
}

@media screen and (min-width: 980px) {
  .highlights-section__box {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 980px) {
  .highlights-section__box--1 {
    margin-bottom: 5px !important;
  }
}

/* -------------------

    Highlights section -- Image container

--------------------*/

.highlights-section__box__blurb img {
  object-fit: cover !important;
  width: 100vw;
  max-height: 380px !important;
}

.highlights-section__box__blurb .et_pb_main_blurb_image {
  margin-bottom: 0px;
}

/* -------------------

    Highlights section -- text container

--------------------*/

.highlights-section__box__blurb .et_pb_blurb_container {
  display: flex;
  flex-direction: column;
  margin-top: -5px;
  padding: 2.6rem 22%;
  background-color: #fff;
}

.highlights-section__box__blurb .et_pb_blurb_container h4 {
  order: 2;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
.highlights-section__box__blurb
  .et_pb_blurb_container
  .et_pb_blurb_description {
  order: 1;
  margin-bottom: 2rem;
  text-align: center;
}
.highlights-section__box__blurb
  .et_pb_blurb_container
  .et_pb_blurb_description
  h5 {
  color: #5bc4bf !important;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 0;
}

/** =======================



    ** Communities Page



**=======================*/

/* -------------------

    Video Section - Main Layout

--------------------*/

.video-section {
  padding: 0 !important;
  margin-top: 5px !important;
  margin-bottom: 5px;
}

.video-section__box {
  padding: 0 !important;
  max-width: 250rem;
  width: 100vw;
}

.video-section__box--1 {
  margin-right: 5px !important;
  flex: 1 0;
}

.video-section__box--2 {
  flex: 1 0;
}

@media screen and (min-width: 980px) {
  .video-section__box {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 980px) {
  .video-section__box--1 {
    margin-bottom: 5px !important;
  }
}

/* -------------------

    Video Section - Image Container

--------------------*/

.video-section__box img {
  object-fit: cover !important;
  width: 100vw;
  max-height: 380px !important;
}

.video-section__box img {
  margin-bottom: 0px;
}

.video-section__box__video-text-box {
  margin-bottom: 0 !important;
}

/* -------------------

    Video Section - Text Container

--------------------*/

.video-section__box__text-box {
  padding: 2.6rem 22%;
  background-color: #fff;
  margin-top: -5px;
}

.video-section__box__text-box h4 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}

.video-section__box__text-box h5 {
  color: #5bc4bf !important;
  text-align: center;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 2rem;
}

/** =======================



    ** Blog Search Page



**=======================*/

/* -------------------

    Main section layout

--------------------*/

.blog-search-section {
  padding: 0 !important;
  margin-top: 2rem !important;
}

.blog-search-section__box {
  padding: 0 !important;
  margin-bottom: 40px !important;
}

.fwpl-result {
  background: white !important;
}

/* -------------------

    Filter Layout

--------------------*/
.fs-label-wrap,
.facetwp-search,
.facetwp-sort-select {
  background: none !important;
}

.facetwp-facet-categories .fs-label {
  font-size: 17px;
  text-transform: uppercase;
}

@media screen and (max-width: 980px) {
  .facetwp-template .fwpl-layout {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (max-width: 700px) {
  .facetwp-template .fwpl-layout {
    grid-template-columns: 1fr !important;
  }
}

.fwpl-item img {
  width: 100% !important;
  max-height: 300px !important;
  min-height: 300px !important;
  object-fit: cover !important;
}

.blog-search-section__box .filter-section {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  margin-bottom: 2rem !important;
}

@media screen and (max-width: 980px) {
  .filter-section--tags {
    display: flex !important;

    flex-direction: column !important;
    flex: 1 0 100% !important;
  }

  .filter-section--search {
    display: flex !important;

    flex-direction: column;
    flex: 1 0 100% !important;
  }

  .filter-section--categories {
    display: flex !important;

    flex-direction: column !important;
    flex: 1 0 50% !important;
  }

  .filter-section--sort {
    display: flex !important;

    flex-direction: column !important;
    flex: 1 0 50% !important;
  }
}

.filter-section--tags .fs-label {
  padding: 2.3rem 1rem !important;
  font-family: assistant, sans-serif !important;
}

.filter-section--search .facetwp-search {
  padding: 2rem 1rem !important;
  font-family: assistant, sans-serif !important;
}

.filter-section--sort .facetwp-sort-select {
  padding: 2rem 1rem !important;
  font-family: assistant, sans-serif !important;
}

.filter-section--tags .fs-label {
  color: #000 !important;
}

.filter-section--tags .fs-label-wrap {
  border-bottom-color: #00a3ba !important;
}

.filter-section--tags .fs-arrow {
  border-top-color: #00a3ba !important;
  border-width: 10px !important;
}

/* -------------------

    Post title

--------------------*/
.blog-search-post--title {
  text-align: center !important;
  background: white !important;
  padding: 3rem 2rem;
  margin-top: -5px;
}

.blog-search-post--author {
  color: #000 !important;
  font-family: "Assistant", sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: 0.46px;
}

.blog-search-post--date {
  color: #000 !important;
  font-family: "Assistant", sans-serif !important;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.46px;
}

.blog-search-post--title a {
  padding: 0 !important;
  color: #000000 !important;
  font-family: "Assistant", sans-serif !important;
  font-size: 19px !important;
  letter-spacing: 0.53px !important;
  line-height: 24px !important;
  font-weight: 600;
  font-size: 22px;
}
.blog-search-post--meta {
  margin-bottom: 3rem !important;
}
/* -------------------

    Filter - Search by text 

--------------------*/

.facetwp-facet,
.facetwp-sort,
.facetwp-counts {
  margin-top: 1rem !important;
}

@media screen and (max-width: 768px) {
  .facetwp-facet,
  .facetwp-sort,
  .facetwp-counts {
    margin: 0rem !important;
  }
}

.filter-section--search .facetwp-facet input {
  width: 25rem !important;
  border: none !important;
  border-bottom: 2px solid #00a3ba !important;
  font-size: 17px !important;
  border-radius: 0px !important;
  color: #000;
}

.filter-section--search .facetwp-facet input::placeholder {
  color: #000;
}

/* -------------------

    Filter - Search by tags

--------------------*/

.filter-section--tags .fs-label-wrap,
.filter-section--categories .fs-label-wrap {
  width: 30rem !important;
  border: none !important;
  border-bottom: 2px solid #00a3ba !important;
  border-radius: 0px !important;
}

.filter-section--tags .fs-dropdown,
.filter-section--categories .fs-dropdown {
  width: 30rem !important;
}

.filter-section--tags .fs-options .fs-option,
.filter-section--categories .fs-options .fs-option {
  padding: 1rem 3rem !important;
  font-family: assistant, sans-serif !important;
}

.fs-search {
  padding: 1rem 2rem !important;
}

.fs-search input {
  padding: 0 !important;
  font-size: 17px !important;
  color: #000 !important;
  font-family: assistant, sans-serif !important;
}

.filter-section--tags .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: #000 !important;
}

/* -------------------

    Filter - Count 

--------------------*/
.filter-section--count .facetwp-facet {
  margin-top: 1rem !important;
  border-bottom: 2px solid black !important;
  padding: 4px 6px !important;
  width: fit-content !important;
  border-radius: 0px !important;
}

/* -------------------

    Load more button

--------------------*/

.blog-search-section__read-more {
  padding: 0 !important;
}

.blog-search-section__read-more .facetwp-facet {
  margin: 0 auto !important;
  width: fit-content !important;
}

.blog-search-section__read-more .facetwp-facet button.facetwp-load-more {
  padding: 1rem 2rem !important;
  text-transform: uppercase;
  border: none !important;
  border-width: 2px !important;
  background: none !important;
  transition: all 0.2s !important;
  cursor: pointer !important;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 16px;
  color: #5bc4bf !important;
}

/* .blog-search-section__read-more .facetwp-facet button.facetwp-load-more:hover {
  color: rgba(46, 48, 68) !important ;
  border-color: rgba(46, 48, 68) !important;
  border-width: 2px !important;
  background-color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !important;
}

.blog-search-section__read-more .facetwp-facet button.facetwp-load-more:active,
.blog-search-section__read-more .facetwp-facet button.facetwp-load-more:focus {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important ;
} */

/* -------------------

    Filter - Sort 

--------------------*/

.filter-section--sort .facetwp-sort-select {
  width: 17rem !important;
  border: none !important;
  border-bottom: 2px solid #00a3ba !important;
  color: #000 !important;
  font-size: 17px !important;
  border-radius: 0px !important;
  text-transform: uppercase;
}

/** =======================



    ** Landing Pages



**=======================*/
/* -------------------

  Hero Image

--------------------*/

.hero-section.landing-page .hero-section__hero {
  max-height: 400px !important;
}

/* -------------------

  Intro Section

--------------------*/

.intro-section__heading__text-box h3 {
  margin-bottom: 4rem;
  padding: 0;
}

.intro-section__heading__text-box h2 {
  padding: 0;
  margin-bottom: 4rem;
}

.intro-section__box__text-box h1,
.intro-section__box__text-box h2,
.intro-section__box__text-box h3,
.intro-section__box__text-box h4,
.intro-section__box__text-box h5 {
  padding: 0;
}

.intro-section__box__related h3 {
  font-weight: 600 !important;
  margin-bottom: 0.5rem;
}

.intro-section__box__related p {
  font-weight: 600 !important;
}

/* -------------------

  Parallax Section

--------------------*/

/* .parallax-section.landing-page .parallax-section__box {
  max-height: 500px !important;
  min-height: 500px !important;
}

.parallax-section.landing-page
  .parallax-section__box
  .et_pb_fullwidth_header_container {
  max-height: 500px !important;
  min-height: 500px !important;
} */

/* -------------------

  Sponsors Section

--------------------*/

.sponsor-section__box__image img {
  transition: transform 0.3s ease-in-out;
}

.sponsor-section__box__image img:hover {
  transform: translateY(-2px);
}

/* -------------------

  Mobile Settings

--------------------*/
.post-grid .tg-item {
  margin-bottom: 2rem;
}

@media screen and (max-width: 980px) {
  .sponsor-section__box img {
    max-width: 7rem;
  }
  .sponsor-section__box {
    display: flex;
    justify-content: center;
  }
  .sponsor-section__box__image {
    display: flex;
    justify-content: center;
    max-width: 7rem;
  }
  .sponsor-section__box .et_pb_column {
    max-width: 30%;
    margin-right: 0 !important;
  }
}
/** =======================



    ** About Page



**=======================*/

/** =======================



    ** Author Page



**=======================*/

/** =======================



    ** Stories Page



**=======================*/

/** =======================



    **Blog Post Page



**=======================*/

/* -------------------

    Side Bar

--------------------*/
.post-content__content-box__side-bar-heading h2 {
  padding: 0;
}

.post-side-bar .tg-item-content-holder {
  background: none !important;
}

.post-side-bar .tg-item-title {
  color: #5bc4bf !important;
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
  padding: 0 !important;
  margin-bottom: 3.7rem !important;
  font-weight: 700 !important;
}

/* -------------------

    Hero image

--------------------*/

.post-hero__image img {
  max-height: 600px;
  object-fit: cover;
}

/* -------------------

    Caption

--------------------*/

.wp-caption {
  background: none !important;
  border: none !important;
  text-align: left !important;
  padding: 0 !important;
}

.wp-caption p.wp-caption-text {
  padding: 0;
  font-size: 14px;
  padding-bottom: 3rem !important;
}

.wp-caption {
  background: none;
  border: none;
  text-align: left;
  padding: 0;
}

.wp-caption p.wp-caption-text {
  padding: 0;
  font-size: 14px;
  padding-bottom: 3rem !important;
}

/* -------------------

    Side Bar

--------------------*/
.post-content__content-box__side-bar img.tg-item-image {
  height: 18rem !important;
  object-fit: cover !important;
}

.post-content__content-box__side-bar .tg-item-media-inner {
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 980px) {
  .post-content__content-box__side-bar img.tg-item-image {
    height: 27.5rem !important;
  }
}
/* -------------------

    Recipe Table

--------------------*/

.post-content__content-box__content table tr td {
  padding: 0;
  margin-bottom: 5rem;
}

.post-content__content-box__content table tr td:first-child {
  padding-right: 2rem !important;
}

.post-content__content-box__content table tr {
  display: flex;
  flex-wrap: wrap;
}

.post-content__content-box__content table tr td li {
  margin-bottom: 2rem;
}

.about-chef img {
  border-radius: 10rem;
}

.post-content__content-box__content table img {
  border-radius: 10rem;
}

@media screen and (min-width: 981px) {
  .post-content__content-box__content table td p {
    padding-right: 2rem;
  }
}

@media screen and (max-width: 980px) {
  .post-content__content-box__content table tr {
    flex-direction: column;
  }
  .post-content__content-box__content table tr td {
    width: 100% !important;
  }
  .post-content__content-box__content table img {
    float: none !important;
  }
}
/** =======================



    ** Contact Page



**=======================*/

/* ?====================================== 
?=========     MODULES STYLING    ========= 
?========================================= */

/** =======================



    ** S2 Tiles Section 



**=======================*/

.s2-tiles-section {
  padding: 0 !important;
  padding-bottom: 8rem !important;
}

.s2-tiles-section__box {
  padding: 0 !important;
  display: flex !important;
}

.s2-tiles-section__box .et_pb_column:not(:last-child) {
  margin-right: 5px !important;
}
.s2-tiles-section__box .et_pb_column {
  margin-right: 5px !important;
  flex: 1 0 !important;
}

.s2-tiles-section__box__blurb {
  height: 23.3rem !important;
  margin-bottom: 5px !important;
}

.s2-tiles-section__box__blurb .et_pb_blurb_content {
  height: 100% !important;
}

.s2-tiles-section__box__blurb .et_pb_blurb_container {
  height: 100% !important;
}

.s2-tiles-section__box__blurb h4 {
  height: 100% !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
  text-align: center;
}

@media screen and (max-width: 980px) {
  .s2-tiles-section__box__blurb {
    height: 11.2rem !important;
  }
  .s2-tiles-section__box__blurb h4 {
    font-size: 16px !important;
  }
  .s2-tiles-section__box {
    width: 100vw !important;
  }
  .s2-tiles-section__box--1 {
    margin-left: 0.5rem;
  }

  .s2-tiles-section__box .s2-tiles-section__box--3.et_pb_column {
    margin-right: 0.5rem !important;
  }

  .s2-tiles-section.s2 {
    margin-bottom: 0 !important;
  }
}

/** =======================



    ** The Grid - Post Carousel



**=======================*/

/* -------------------

    Post Carousel --  Main Layout

--------------------*/

.blog-carousel-section {
  padding: 0 !important;
  margin-bottom: 6rem !important;
}
.blog-carousel-section__box {
  padding: 0 !important;
}

/* -------------------

    Post Carousel --  Grid Images

--------------------*/

.post-carousel .tg-item-image {
  max-height: 330px;
  min-height: 330px;
  object-fit: cover;
}

/* -------------------

    Post Carousel --  Text Container

--------------------*/

.post-carousel .tg-item-content-holder {
  padding: 3rem 2rem;
}

.post-carousel .tg-item-content-holder h2 {
  padding: 0;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}

/* -------------------

    Post Grid

--------------------*/

/* -------------------

    Most Recent

--------------------*/

/* -------------------

    Post Nav

--------------------*/

/* -------------------

    Nav arrows

--------------------*/

@media screen and (min-width: 601px) {
  .blog-carousel-section .tg-grid-area-top2 {
    margin-top: -4.5rem !important;
  }
}

@media screen and (max-width: 600px) {
  .blog-carousel-section .tg-grid-area-top2 {
    margin-top: 0 !important;
  }
}

.tg-left-arrow i:before,
.tg-right-arrow i:before {
  color: #f7f9f8 !important;
}

.tg-left-arrow,
.tg-right-arrow {
  border-radius: 10rem !important;
  background-color: #afbfbc !important;
}

/* -------------------

    Featured Image Thumbnails

--------------------*/

/* -------------------

    Search Bar

--------------------*/
/** =======================



    ** The Grid - Post Grid



**=======================*/

/* -------------------

    Post Grid --  Main Layout

--------------------*/

.post-grid-section {
  padding: 0 !important;
  margin-bottom: 6rem !important;
}
.post-grid-section__box {
  padding: 0 !important;
}

/* -------------------

    Post Grid --  Grid Images

--------------------*/

.post-grid-section__box__grid .tg-item-image {
  height: 330px;
  object-fit: cover;
}

/* -------------------

    Post Grid --  Text Container

--------------------*/

.post-grid-section__box__grid .tg-item-content-holder {
  padding: 3rem 2rem;
}

.post-grid-section__box__grid .tg-item-content-holder h2 {
  padding: 0;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}

/* -------------------

    Post Grid -- Load more

--------------------*/

.post-grid .tg-grid-area-bottom1 {
  margin-top: 4.5rem;
}

.post-grid .tg-ajax-button {
  background: none !important;
}

.post-grid .tg-ajax-button .tg-nav-color {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 16px;
  color: #5bc4bf !important;
  text-transform: uppercase;
}

/* -------------------

    Most Recent

--------------------*/

/* -------------------

    Post Nav

--------------------*/

/* -------------------

    Featured Image Thumbnails

--------------------*/

/* -------------------

    Search Bar

--------------------*/

/** =======================



    ** Parallax



**=======================*/

.parallax-section__box {
  max-height: 650px !important;
  min-height: 650px !important;
}

.parallax-section__box .et_pb_fullwidth_header_container {
  max-height: 650px !important;
  min-height: 650px !important;
}

.parallax-section__box .header-content h1 {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
  font-weight: 700 !important;
}

@media screen and (min-width: 981px) {
  .parallax-section__box .header-content h1 {
    font-size: 46px !important;
    letter-spacing: 1.21px !important;
  }
  .parallax-section__box .header-content {
    padding: 1rem 5% !important;
  }
}

@media screen and (max-width: 980px) {
  .parallax-section__box .header-content h1 {
    font-size: 30px !important;
    letter-spacing: 0.79px;
    line-height: 1.3em;
  }
  .parallax-section__box .header-content {
    padding: 1rem 0% !important;
    width: 100% !important;
  }
}
/** =======================



    ** Tiles Section



**=======================*/

/** =======================



    ** Primary Heading



**=======================*/

.primary-heading__box {
  padding: 5rem 0 !important;
}

.primary-heading__box__text-box {
  text-align: center !important;
}

.primary-heading__box__text-box h3 {
  padding: 0 !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* -------------------

    Fixed Heading Animation

--------------------*/

/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
  transition: all 0.5s ease !important;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
  padding: 0px 0 !important;
  transition: all 0.5s ease !important;
}

/*set the transition for the logo shrinking action*/
.pa-header .top-menu__box__logo img {
  transition: all 0.5s ease !important;
}

/*change the logo size when the header shrinks*/
.pa-fixed-header .top-menu__box__logo img {
  width: 15rem !important;
  max-width: 12rem !important;
  transition: all 0.5s ease !important;
  content: url("http://waficdev.wpengine.com/wp-content/uploads/2020/07/Seafood-WA-Linear-Logo-1.svg") !important;
  margin-top: 0.5rem !important;
}

/* -------------------

    Mobile Menu

--------------------*/

@media screen and (max-width: 980px) {
  .top-menu__box__menu .et_pb_menu__search-button {
    display: none !important;
  }
  .top-menu__box {
    max-width: 95vw !important;
    width: 100% !important;
  }

  .top-menu__box__menu .et_pb_menu_inner_container {
    width: 94vw !important;
  }

  .top-menu__box__menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
    width: 95vw !important;
    max-width: 1080px !important;
  }
  .top-menu__box__logo img {
    max-width: 12rem !important;
    margin-top: 1rem !important;
  }
}
/** =======================



    ** Scoop Widget


**=======================*/

/* -------------------

    Main Widget Layout

--------------------*/

.widget .widget__box {
  max-width: 1080px !important;
}

/* -------------------

    Spacing

--------------------*/

.widget {
  padding-top: 0rem !important;
  max-width: none !important;
}

.widget__heading {
  padding-top: 0 !important;
}

/* -------------------

    Widget Title

--------------------*/

#lp-scoop-content-guides .homeSubtitle {
  text-align: center !important;
  padding: 25px 0 !important;
}

.widget__heading__box__text-box h3 {
  padding-bottom: 0 !important;
}
/* -------------------

    Widget Smartlinks

--------------------*/
.widget .sc-smart-links div.active {
  background: #5bc4bf !important;
  border: 1px solid #5bc4bf !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.3) !important;
}

.sc-smart-links {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.widget .sc-smart-links div {
  padding: 0.8rem 3rem !important;
  font-size: 1.8rem !important;
  color: #5bc4bf;
  border: 1px solid #5bc4bf;
  background: #fff;
  font-weight: 600 !important;
  border-radius: 0 !important;
  transition: all 0.4s !important;
  background: none;
  font-family: "Assistant", sans-serif !important;
}

.widget .sc-smart-links div:hover {
  border: 1px solid #5bc4bf !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}

.widget .sc-smart-links div:active,
.widget .sc-smart-links div:focus {
  border: 1px solid #5bc4bf !important;
  color: white !important;
  background: #5bc4bf !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.3) !important;
}

/* -------------------

    Widget navigation

--------------------*/

.widget .paging-controls .sc-icon-btn {
  margin: 0 0.3rem !important;
  padding: 0.3rem 1rem !important;
  color: #424242 !important;
  background: none;
  border: 0;
  border-radius: 2px !important;
  transition: all 0.4s ease-in-out !important ;
}

.widget .paging-controls .sc-icon-btn:hover {
  transform: scale(1.2) !important;
  cursor: pointer !important;
}

.widget .paging-controls .sc-icon-btn:active {
  transform: scale(1.1) !important;
  cursor: pointer !important;
}

.sc-powered-by {
  margin: 2rem 0 !important;
}

.sc-powered-by a {
  color: #87b8c0 !important ;
  font-size: 1.4rem !important;
  text-transform: uppercase !important ;
  font-family: "Josefin Sans", sans-serif !important;
}

/* -------------------

    Widget Filters

--------------------*/

#sc-filter-what {
  display: inline-block !important;
}

@media only screen and (max-width: 600px) {
  #home-widget-comingup .sc-listings-filters,
  #home-widget-comingup .sc-listings-where-what-keywords,
  #home-widget-comingup #sc-filter-what {
    display: block !important;
  }
}

@media only screen and (min-width: 601px) {
  #home-widget-comingup .sc-listings-filters,
  #home-widget-comingup .sc-listings-where-what-keywords,
  #home-widget-comingup #sc-filter-what {
    display: inline-block !important;
    text-align: left !important;
  }
}

#home-widget-comingup .sc-listings-filters hr,
#home-widget-comingup .sc-listing-widget-title {
  display: none !important;
}

.sc-share-button-container .sc-share-popup-content {
  bottom: 50px !important;
}