/*
Theme Name: Wizardly Child
Description: Wizardly Child Theme
Author: Wizardly
Template: exponent
Version: 1.0
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
============== HEADER / HERO IMAGE / NAVIGATION ================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
===================== CONTENT AREA / BODY ======================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
::selection {
    background: #6131ff;
  }
  
  h1{
      color: #ffffff;
  }
  
  h3 {
      font-weight: 700;
  }
  h4{
      color: #fff;
      font-family: Aller;
      font-size: 28px;
      font-weight: 400;
  }
  h5 {
      color: #FFC997;
  }
  .text-uppercase {
      text-transform: uppercase;
  }
  .font-400 {
      font-weight: 400;
  }
  
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ----------------------------------------------------------------
  ======================= CONTENT BLOCK  =========================
  ----------------------------------------------------------------
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  .h6-lh-contentbody {
      line-height: 27px; /* 168.75% */
  }
  .rounded-corner-trb body:not(.tatsu-frame) .tatsu-single-image img {
      border-radius: 42px 42px 42px 0px !important;
  }
  .tatsu-rJIgNSx76.rounded-corner-trb .tatsu-single-image-inner img {
      border-radius: 42px 42px 0px 42px !important;
  }
  
  .rounded-corner-tbl > img {
      border-radius: 0px 42px 42px 42px;
  }
  
  .change-color h5 {
      color: #E9E9E9;
  }
  
  /* delete after testing */
  .change-color div.tatsu-text-inner p {
      color: #1928FB;
  }
  
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ----------------------------------------------------------------
  =================== FOOTER / FOOTER WIDGETS ====================
  ----------------------------------------------------------------
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
  
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ----------------------------------------------------------------
  =================== PLUGIN / PLUGIN WIDGETS ====================
  ----------------------------------------------------------------
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
  
  
  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ----------------------------------------------------------------
  ======================== MEDIA QUERIES =========================
  ----------------------------------------------------------------
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
  /*------------IPAD PORTRAIT-----------*/
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
  
  }   
  
  /*------WEIRD ONE------*/
  
  @media only screen and (min-width: 320px) and (max-width: 900px) {
  
  
  }   
  
  
  /*------------IPHONE PORTRAIT-----------*/
  @media only screen and (min-width: 320px) and (max-width: 767px) {
  
  
  
  }
  
  
  @media only screen and (min-width: 320px) and (max-width: 374px) {
  
  }
  
  /*-----------IPAD------------*/
  @media only screen and (min-width: 768px) and (max-width: 1024px){
  
  
  }
  
  @media only screen and (max-width: 480px) and (min-width: 321px) {
  
  }
  /*------------MDPI LAPTOPS-----------*/
  @media only screen and (min-width: 961px) and (max-width: 1279px) {
  
  }
  
  /*------------FIX MARKETS DIVIDER OVERLAPS ABOVE IPAD-----------*/
  @media only screen and (min-width: 783px) and (max-width: 1200px) {
  
  
  }
  
  @media only screen and (min-width: 2000px) {
  
  }
  
  .scroll_explore_btn {position:relative; }
  .scroll_explore_btn a {padding:15px 0!important; color:#fff!important;}
  .scroll_explore_btn a i {color:#fff!important; filter: brightness(40)!important; }
  .scroll_explore_btn a:hover {-webkit-text-shadow:rgba(255,255,255,1) 0 0 25px!important; text-shadow:rgba(255,255,255,1) 0 0 25px!important; }

  .gradient_text {position:relative; }