/*********************
BREAKPOINTS
*********************/
/* Table of Contents
   - - - - - - - - -
   1.	Variables
	 2.	Launch buttons
	 3.	Simple tabs
	 4. Section config content
	 5. Section block front end zoning
   - - - - - - - - -
 */
/* 1.	Variables START ----------- */
@import url("https://fonts.googleapis.com/css?family=Gothic+A1:400,600,700");
/* 1.	Variables END ----------- */
/* 2.	Launch buttons START ----------- */
body.Groundnation\\ScrollPage\\ScrollPage .toggleSettings {
  position: fixed;
  z-index: 99999;
  left: 5px;
  top: 0px;
  display: inline-block;
  border: none;
  padding: .2rem;
  margin: 0;
  background: rgba(0, 0, 0, 0);
  color: red;
  cursor: pointer;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none; }

body.Groundnation\\ScrollPage\\ScrollPage.section_highlight .section_config_btn {
  display: block; }

body.Groundnation\\ScrollPage\\ScrollPage.section_highlight section.cd-section {
  border: 2px dashed #d10199;
  margin-top: -2px !important; }

body.Groundnation\\ScrollPage\\ScrollPage.section_highlight section.cd-section.FirstBlock {
  margin-top: 0px !important; }

body.Groundnation\\ScrollPage\\ScrollPage section.cd-section {
  border: none; }

body.Groundnation\\ScrollPage\\ScrollPage .section_config_btn {
  display: none;
  position: absolute;
  z-index: 99999;
  background: #d10199;
  padding: .2rem .5rem .1rem .5rem;
  color: white;
  margin-bottom: 1rem;
  left: 3rem;
  margin-top: -2px;
  font-weight: 400;
  font-size: 12px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: all 0.07s linear; }

body.Groundnation\\ScrollPage\\ScrollPage .section_config_btn:hover, body.Groundnation\\ScrollPage\\ScrollPage .section_config_btn:focus, body.Groundnation\\ScrollPage\\ScrollPage .section_config_btn:active {
  background: #850161;
  color: white;
  padding: .6rem .5rem .1rem .5rem; }

body.Groundnation\\ScrollPage\\ScrollPage .section_highlight .section_config_btn {
  display: block !important; }

/* 2.	Launch buttons END ----------- */
/* 3.	Simple tabs START ----------- */
.simpleTabs_button {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px; }
  .simpleTabs_button li {
    font-weight: 600;
    display: inline-block;
    font-size: 13px;
    padding: 6px 10px 3px 10px;
    margin: 0 5px 5px 0;
    border: 1px solid #d7dbde;
    text-align: center;
    cursor: pointer;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .simpleTabs_button li:hover, .simpleTabs_button li:active, .simpleTabs_button li:focus {
    background: #f3f4f5; }
  .simpleTabs_button li.active {
    background: #30353a;
    border-color: #30353a;
    color: white; }

[data-st-title] {
  min-height: 100px;
  padding: 0px;
  display: none;
  opacity: 0;
  transition: opacity 0.4s; }

[data-st-title].active {
  opacity: 1; }

/* 3.	Simple tabs END ----------- */
/* 4. Section config content START ----------- */
.site_config {
  font-family: "Gothic A1", sans-serif;
  color: #30353a;
  font-size: 13px;
  line-height: 19px; }
  .site_config .iziModal-header-title {
    font-size: 13px !important;
    letter-spacing: 0px !important;
    margin-top: 7px !important;
    font-family: "Gothic A1", sans-serif !important;
    font-weight: 600 !important; }
  .site_config .iziModal-header {
    background: #30353a !important; }
  .site_config a {
    color: #427AA1;
    transition: all 0.07s linear; }
  .site_config a:hover, .site_config a:active, .site_config a:focus {
    color: #244359; }
  .site_config table {
    margin-top: .5rem;
    margin-bottom: .5rem; }
    .site_config table .settings_img_wrap {
      margin: 0px; }
  .site_config .setting_content {
    background-color: #f3f4f5;
    padding: 1.2rem;
    margin: .5rem 0rem .5rem 0rem;
    border: none !important; }
  .site_config ul.settings {
    padding: 0px;
    list-style: none; }
    .site_config ul.settings li {
      border-bottom: 1px solid #d7dbde;
      padding: .7rem 0rem .5rem .0rem; }
      .site_config ul.settings li span.setting_label {
        font-weight: 600;
        min-width: 400px;
        display: inline-block; }
      .site_config ul.settings li span.swatch {
        min-width: 25px !important;
        margin-right: .5rem;
        padding: 0rem .5rem 0rem .5rem;
        border: 1px solid white;
        outline: 1px solid #d7dbde; }
    .site_config ul.settings li.title {
      font-weight: 700;
      font-size: 15px;
      margin-top: 1rem;
      margin-bottom: .2rem;
      border-bottom: 2px solid #30353a;
      padding-bottom: .2rem;
      background-color: white !important;
      padding-left: 0rem; }
  .site_config .settings_img_wrap.large_file_warnining {
    border-color: #ce086a;
    background-color: #fff5fa; }
  .site_config .file_size_message {
    color: #679436; }
  .site_config .warning {
    color: red; }
  .site_config .settings_img_wrap {
    position: relative;
    display: inline-block;
    border: 1px solid green;
    padding: 1rem 1rem .7rem 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    max-width: 550px;
    background-color: #f2f8eb; }
    .site_config .settings_img_wrap img {
      max-width: 100%;
      height: auto;
      margin-bottom: .7rem; }
    .site_config .settings_img_wrap p {
      margin: 0rem;
      font-size: 12px;
      line-height: 1.65em; }
      .site_config .settings_img_wrap p strong {
        font-weight: 600;
        width: 125px;
        display: inline-block; }
  .site_config .setting_edit_btn {
    color: white;
    padding: .4rem .6rem .14rem .6rem;
    display: inline-block;
    margin-right: .2rem;
    margin-bottom: .7rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px; }
  .site_config .section_btn {
    background-color: #d10199;
    border: 1px solid #d10199; }
  .site_config .section_btn:hover, .site_config .section_btn:active, .site_config .section_btn:focus {
    background-color: #9e0174;
    border: 1px solid #9e0174;
    color: white !important; }
  .site_config .page_btn {
    background-color: transparent;
    color: #427AA1;
    border: 1px solid #427AA1; }
  .site_config .page_btn:hover, .site_config .page_btn:active, .site_config .page_btn:focus {
    background-color: #244359;
    border: 1px solid #244359;
    color: white !important; }
  .site_config .smaller_edit {
    font-size: 12px;
    padding: .32rem .6rem .12rem .6rem; }
  .site_config .settings_tip {
    margin: .5rem 0px .5rem 0rem;
    padding: .8rem .8rem .6rem .8rem;
    border: 1px solid #d9e6ef;
    display: inline-block;
    background-color: #f2f7fa; }
    .site_config .settings_tip strong {
      font-weight: 600; }
  .site_config .settings_table_header {
    background-color: #30353a;
    font-weight: 600;
    color: white; }

/* 4. Section config content END ----------- */
/* 5. Section block front end zoning ----------- */
.section_highlight .zone_subblocks::after {
  content: "'Sub Blocks' - managed in the 'Sub Blocks' tab"; }

.section_highlight .zone_pinboard::after {
  content: "'Content blocks' - managed in the 'Pinboard' tab"; }

.section_highlight .zone_multiple::after {
  content: "'Multiple images' - managed in the 'Media' tab"; }

.section_highlight .zone_single::after {
  content: "'Single image / video' - managed in the 'Media' tab"; }

.section_highlight .zone_testimonials::after {
  content: "'Testimonials' - managed in the 'Testimonials' tab"; }

.section_highlight .zone_content::after {
  content: "'Content' - managed in the 'Content' tab"; }

.section_highlight .zone_title::after {
  content: "'Title' - managed in the 'Content' tab"; }

.section_highlight .zone_video::after {
  content: "'Video/s' - managed in the 'Videos' tab"; }

.section_highlight .zone_pages::after {
  content: "'Pages' - managed in the 'Page Links' tab"; }

.section_highlight .zone_sidebar::after {
  content: "'Sidebar' - managed in the 'Sidebar' tab"; }

.section_highlight .zone_staff::after {
  content: "'Staff' - set to be displayed in the 'Section options' tab, content managed in 'Staff'"; }

.section_highlight .zone_link::after {
  content: "'Button' - managed in the 'Content' tab (under 'Button')"; }

.section_highlight .zone_downloads::after {
  content: "'Download/s' - managed in the 'Content' tab (under 'Downloads')"; }

.section_highlight .zone_instagram::after {
  content: "'Instagram' - managed in the 'Section Options' tab (under 'Instagram')"; }

.section_highlight .zone_properties::after {
  content: "'Property Listings' - managed in the 'Property Listings' tab"; }

.section_highlight .zone_Portal_Links::after {
  content: "'Portal Links' - managed on the left of the CMS (Portal Links)"; }

.section_highlight .zone_Portal_Links::after {
  content: "'Portals' - managed on the left of the CMS (Portals)"; }

.section_highlight .zone_Footer_Cols::after {
  content: "'Footer columns' - managed on the left of the CMS (Footer columns)"; }

.section_highlight .zone_share::after {
  content: "'Share' - managed in settings of the CMS (Social > Social share links)"; }

.section_highlight .zone_base_links::after {
  content: "'Base links' - managed on the left of the CMS within Menu Managment (base-links)"; }

.section_highlight .zone_further_info::after {
  content: "'Further info' - managed in the 'Further info' tab"; }

.section_highlight div[class*='zone_']::before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none; }

.section_highlight div[class*='zone_']::after {
  color: white;
  font-weight: 400;
  background-color: #d10199;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1rem 1rem .9rem 1rem;
  text-align: center;
  z-index: 9999;
  position: absolute;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; }

.section_highlight div[class*='zone_']:hover::before, .section_highlight div[class*='zone_']:hover::after {
  display: block; }

.section_highlight div[class*='zone_'] {
  border: 1px dashed #d10199;
  padding: 0rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  div[class*='zone_']::after {
    font-size: 10px !important;
    width: 300px !important;
    transition: all 0.07s linear; } }

/* 5. Section block front end zoning ----------- */