/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

/* ============================================
   Original Custom Styles (moved from Divi Theme Options)
   ============================================ */

@media (min-width:1000px) and (max-width:1400px) {
    .header-text h1 {
        font-size: 40px !important;
    }
}

.golden-title h1, .golden-title h2, .golden-title h3, .golden-title p {
background: -webkit-linear-gradient(128deg, rgba(223,191,45,1) 0%, rgba(247,255,145,1) 38%, rgba(191,172,21,1) 72%, rgba(180,120,0,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.golden-border-1 {
border: 10px solid;
border-image: url("https://storygoldmedia.com/wp-content/uploads/2022/09/golden-border-3-min.png") 100 round round;
}

.story-gold-primary-button::before {
content:url('https://storygoldmedia.com/wp-content/uploads/2022/09/gold-icon-3.png') !important;
position:relative; /*or absolute*/
top: 10px !important;
left: -10px;
}

.frame-gif img {
width: 30% !important;
}

.fade-in-animation {
animation: fadeInAnimation ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
0% { opacity: 0; }
100% { opacity: 1; }
}

@media all and (min-width: 800px){
span.et_portfolio_image img {
max-height: 177px;
}
}


/* ============================================
   Story Gold Media — Mobile Optimization CSS
   Added: March 2026
   ============================================ */

/* FIX 1: Hero Section — Reduce Vertical Spacing on Mobile */
@media only screen and (max-width: 767px) {
  .et_pb_section:first-child {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
}

/* FIX 2: Credential Badges \u2014 Enlarge on Mobile */
@media only screen and (max-width: 767px) {
  /* Make the column a flex container so badges wrap */
  .et_pb_section_9 .et_pb_row_20 .et_pb_column {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
  }
  /* Size each badge module to roughly half width (2 per row) */
  .et_pb_section_9 .et_pb_row_20 .et_pb_column > .et_pb_module {
    width: 45% !important;
    max-width: 45% !important;
    flex: 0 0 45% !important;
    margin-bottom: 0 !important;
  }
  .et_pb_section_9 .et_pb_row_20 img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}

/* FIX 3: Footer Nav — Stack on Mobile */
@media only screen and (max-width: 767px) {
  .et_pb_row_1_tb_footer {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 0 !important;
  }
  .et_pb_row_1_tb_footer .et_pb_column_1_6 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    text-align: center !important;
    margin-bottom: 5px !important;
  }
  .et_pb_row_1_tb_footer .et_pb_column_1_6 a,
  .et_pb_row_1_tb_footer .et_pb_column_1_6 .et_pb_text_inner {
    white-space: nowrap !important;
    font-size: 14px !important;
  }
}