/*
Theme Name: Your Messaging Sucks - Divi Child Theme
Version: 1.0
Description: A customized Divi Child Theme
Author: Michelle Archambault
Author URI: https://micawebdesign.com
Template: Divi
*/

.yms-amazon-link img {
    height: 22px;
    width: auto;
}

.yms-amazon-link.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 5px;
}

.yms-amazon-link a {
    color:#000;
    text-decoration: underline;
}

#menu-top-bar a {
    color: rgba(0,0,0,1);
}

#menu-top-bar a:hover {
    text-decoration: underline;
}

.yms-main-header-logo {
    top: -50px;
    z-index: 99;
}

.yms-mobile-main-header-logo {
    top: -30px;
    z-index: 99;
}

.yms-phone-blurb .et_pb_main_blurb_image {
    position: relative;
    top: -8px;
    left: -14px;    
}

.yms-phone-blurb .et_pb_blurb_container {
    position: relative;
    left: -20px;    
}

.et_pb_row.yms-prompt-row {
    width: 60px;
    transition: width 1s linear 1s, height 1s linear 1s;
    -webkit-transition: width 1s linear 1s, height 1s linear 1s;
    -o-transition: width 1s linear 1s, height 1s linear 1s;
    -moz-transition: width 1s linear 1s, height 1s linear 1s;    
}

.yms-prompt-select-role {
    display: none;
}

.yms-middle-prompt-container {
    display: flex;
    padding: 0 10px;
}

.yms-middle-prompt-pic {
    flex: 0 0 60px;
}

.yms-middle-prompt-text {
    font-family: 'acumin-pro',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    font-weight: 500;
    flex: 1;
}


.yms-problems-role-column {
    padding: 50px 0;
    max-height: 500px;
}

.yms-problems-role-column.inactive.shrink {
    width: 0;
    margin-right: 0;    
    transition: width 1s linear, height 1s linear, margin-right 1s linear;
    -webkit-transition: width 1s linear, height 1s linear, margin-right 1s linear;
    -o-transition: width 1s linear, height 1s linear, margin-right 1s linear;
    -moz-transition: width 1s linear, height 1s linear, margin-right 1s linear; 
}

.yms-problems-role-column.inactive {
    opacity: 0;
    transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;     
}

.yms-problems-role-column.inactive .et_pb_module {
    opacity: 0;
    transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;     
}

.yms-step2-row .yms-problems-role-column {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-bottom: 122.5px;
}

.yms-step2-row.active .yms-problems-role-column {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 86.25px 0;
    transition: border-top-right-radius 1s linear, padding-top 1s linear, padding-bottom 1s linear;
    -webkit-transition: border-top-right-radius 1s linear, padding-top 1s linear, padding-bottom 1s linear;
    -o-transition: border-top-right-radius 1s linear, padding-top 1s linear, padding-bottom 1s linear;
    -moz-transition: border-top-right-radius 1s linear, padding-top 1s linear, padding-bottom 1s linear;      
}

.et_pb_row.yms-step2-row {
    display: none;
    background-color: rgba(255,255,255,.2); 
}

.et_pb_row.yms-step2-row.visible {
    display: flex;
}

.et_pb_row.yms-step2-row.active {
    max-height: 1000px !important;
    transition:  max-height 4s linear;
    -webkit-transition:  max-height 4s linear;
    -o-transition:  max-height 4s linear;
    -moz-transition:  max-height 4s linear;      
}

.yms-problems-role-options,
.yms-problems-role-continue-button {
    opacity: 0;
}

.yms-step2-row.active .yms-problems-role-options,
.yms-step2-row.active .yms-problems-role-continue-button {
    opacity: 1;
    transition: opacity 1500ms linear ;
    -webkit-transition: opacity 1500ms linear ;
    -o-transition: opacity 1500ms linear ;
    -moz-transition: opacity 1500ms linear ;     
}

.yms-step2-row.active {
    background-color: rgba(255,255,255,1);
    transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;      
}

.yms-step2-row.fadeout,
.yms-problems-heading.fadeout {
    opacity: 0;
    transition: opacity 1500ms linear ;
    -webkit-transition: opacity 1500ms linear ;
    -o-transition: opacity 1500ms linear ;
    -moz-transition: opacity 1500ms linear ; 
}

#yms-marketer-problems-column {
    background-color: #26861F !important;
}

#yms-agency-problems-column {
    background-color: #09819C !important;
}

#yms-entrepreneur-problems-column {
    background-color: #4B3E83 !important;
}


#yms-problem-navigator-row h2,
.yms-step2-row h2 {
    padding-bottom: 2px;
}

.et_pb_button.yms-problems-view-solutions-button {
    line-height: 1.2em !important;
}

.yms-subtitle {
    text-transform: uppercase;
}

.yms-marketer-step3-row,
.yms-agency-step3-row,
.yms-entrepreneur-step3-row {
    display: none;
}

.yms-problem-button-column {
    margin-right: -10px !important;
    width: 32% !important;
}

.yms-problem-detail-column,
.yms-explore-button-column {
    width: 67% !important;
}

.step-3-detail-select-button {
    cursor: pointer;
    padding: 15px 40px 15px 15px !important;
}

.step-3-detail-select-button {
    background-image: linear-gradient(180deg,#e6e8e8 0%,#ffffff 100%);
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15);
    font-family: 'acumin-pro',Helvetica,Arial,Lucida,sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-right: 50px;
}

.step-3-detail-select-button.active-problem {
    background-image: none;    
    background: #26861F;
    border: 3px solid #26861F;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    margin-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;    
}

.yms-agency-step3-row .step-3-detail-select-button.active-problem {
    background: #09819C;
    border: 3px solid #09819C;
}

.yms-entrepreneur-step3-row .step-3-detail-select-button.active-problem {
    background: #4B3E83;
    border: 3px solid #4B3E83;
}

.step3-detail-section .yms-what-tried {
    display: block;
}

/* .step3-top {
    box-shadow:  0px 10px 20px 0px rgba(0,0,0,0.1)
}

.yms-step3-tried-solutions-row {
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1)
} */

.step3-detail-section .yms-recommended-solutions {
    display: none;
}

.step3-detail-section.solutions-active .yms-what-tried {
    display: none;
}

.step3-detail-section.solutions-active .yms-recommended-solutions {
    display: block;
}

.yms-explore-other-problems-row {
    display: none;
}

.yms-explore-other-problems-button {
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
   
}

.yms-explore-other-problems-intro {
    font-weight: 700;
    max-width: 200px;
}

.yms-explore-other-problems-title {
    flex-grow: 4;
}

.explore-other-problems-arrow {
    padding-top: 15px;
    flex-grow: 1;
    align-self: flex-end;
}

.explore-other-problems-arrow:after {
    font-family: ETmodules !important;
    content: "\35";
    font-size: 50px;
}

#yms-workshop-framework-ctas {
    display: none;
}

.solution-blurb p {
    font-weight: 400;
}

.solution-link-blurb .et_pb_main_blurb_image {
    margin-bottom: 10px;
}

.step-3-detail-select-button img {
    display: none;
    position: absolute;
    right: 15px;
    top: 30%;
}

.step-3-detail-select-button.active-problem img {
    display: block;
}

.yms-explore-other-problems-title img {
    display: none;
}

.explore-other-problems-arrow {
    position: absolute;
    right: -25px;
}

.yms-mobile-explore-prompt {
    display: none;
}

.yms-related-posts .more-link,
.yms-case-study-blog-module .more-link {
    color: #000000!important;
    border: solid #fff 3px;
    background: #000;
    border-radius: 100px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    padding: 6px 15px 10px;
}

.yms-case-study-blog-module article.et_pb_post {
    padding-bottom: 50px !important;
}

.yms-case-study-blog-module article.et_pb_post .post-content-inner p {
    margin-bottom: 80px !important;
}

.yms-related-posts .post-meta {
    padding-top: 15px;
}

.yms-related-posts .entry-title {
    margin: 20px 0 35px;
}

.yms-related-posts .post-content {
    margin-bottom: 40px;
}

#yms-footer-section .et_pb_menu .et_pb_menu__menu > nav > ul {
    display: block;
}

#yms-footer-section .et_pb_menu .et_pb_menu__menu > nav > ul li,
#yms-footer-section .et_pb_menu .et_pb_menu__menu > nav > ul li a {
    margin-top: 0;
}

.yms-downloads-included {
    display: flex;
    align-items: center;
}

.yms-case-study-download-box .yms-downloads-included {
    display: block;
}

.yms-single-download {
    display: flex;
    align-items: center;
    margin-right: 30px;
    margin-bottom: 20px;
}

.yms-download-text {
    font-family: 'acumin-pro',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    line-height: 1.2em;
}

.yms-framework-time-frame-blurb {
	display: flex;
	align-items: center;
}

.yms-timeframe-blurb-heading {
    font-weight: 700;
    margin-right: 20px;
}

.yms-purchase-book-sidebar {
    display: flex;
    align-items: center;
    max-width: 430px;

}

.yms-purchase-book-text-area {
    max-width: 60%;
    padding: 20px;
    background-image: linear-gradient(180deg,#e6e8e8 0%,#ffffff 99%);
    border-width: 3px;
    border-radius: 10px;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);    
}

.yms-purchase-book-text {
    margin-bottom: 5px;
}

a.yms-purchase-book-button {
    color: #fff;
    font-size: 16px !important;
    border: 3px solid #FFFFFF;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 2em;
    padding-top: 8px;
    padding-right: 2em;
    padding-bottom: 8px;
    background-color: #ED1A4B;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3)!important;
}

.yms-purchase-book-image-area {
    margin-left: -20px;
}

.yms-chapter-info {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}



/* FULL SCREEN */
@media (min-width: 981px) {
    .et_pb_gutters3 .yms-main-header-row .et_pb_column_1_3:nth-child(1),
    .et_pb_gutters3 .yms-main-header-row .et_pb_column_1_3:nth-child(3) {
        width: 34.6667%
    }
    .et_pb_gutters3 .yms-main-header-row .et_pb_column_1_3:nth-child(2) {
        width: 19.6667%;
        max-height: 95px;
    }

    .yms-header-left-col .et-menu li {
        padding-left: 50px;
        padding-right: 0;
    }
    .yms-header-left-col .et-menu li:first-child {
        padding-left: 0;
    }

    .yms-header-right-col .et-menu li {
        padding-right: 50px;
        padding-left: 0;
    }
    .yms-header-right-col .et-menu li:last-child {
        padding-right: 0;
    }  
    
    .yms-header-right-col .et-menu li,    
    .yms-header-left-col .et-menu li {
        padding-top: 30px;
    }

    .yms-header-left-col .et-menu li.current-menu-item a,
    .yms-header-right-col .et-menu li.current-menu-item a,
    .yms-header-left-col .et-menu li a:hover,
    .yms-header-right-col .et-menu li a:hover {
        border-bottom: 6px solid #ED1A4B;
        padding-bottom: 30px;
    }

    .yms-problem-details-mobile  {
        display:none;
    }      
    
    .yms-problem-detail-column {
        display:block;
        min-height: 460px;
    } 
    
    .et_pb_gutters3 .et_pb_column_1_3.yms-problem-types-column {
        width: 44.6667%;
    }
    .et_pb_gutters3 .et_pb_column_1_3.yms-problem-continue-column {
        width: 14.6667%;
    }

    .dt-4-columns-blog .et_pb_salvattore_content[data-columns]::before {
        content: '4 .column.size-1of4' !important;
      }
    
    .dt-4-columns-blog .column.size-1of4 {
    width: 24% !important;
    margin-right: 1%;
    }

    .dt-4-columns-blog .et_pb_post {
    margin-bottom: 11px;
    }    
}

/* TABLET & MOBILE */
@media (max-width: 980px) {
    .et_pb_gutters3 .yms-mobile-main-header-row .et_pb_column_1_3:nth-child(1),
    .et_pb_gutters3 .yms-mobile-main-header-row .et_pb_column_1_3:nth-child(3) {
        width: 29.6667%;
        background-position: right center;
        margin-right: 5.5%;
        margin-bottom: 0;
    }
    .et_pb_gutters3 .yms-mobile-main-header-row .et_pb_column_1_3:nth-child(2) {
        width: 29.6667%;
        margin-right: 5.5%;
        margin-bottom: 0;
        max-height: 50px;
    }

    .yms-mobile-main-header-row .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: flex-start;
    }

    .yms-mobile-main-header-row .mobile_nav .mobile_menu_bar:before {
        content: url(../../uploads/2024/04/mobile-menu-icon-black.svg);
        width: 29px;
        height: 29px;
    }

    .yms-mobile-main-header-row .mobile_nav.opened .mobile_menu_bar:before {
        content: url(../../uploads/2024/04/close-x-icon-pink.svg);
        width: 29px;
        height: 29px;
    } 
    
    .yms-mobile-main-header-row .et_pb_menu .et_mobile_menu {
        position: absolute;
        top: 130px;
        left: 0;
        right: 0;
        padding: 0 0 30px 0;
        border-top: none;
    }

    .yms-mobile-main-header-row .et_mobile_menu li a {
        border-bottom: none;
        color: #000;
        font-weight: 500;
        padding-left: 42px;

    }

    .yms-mobile-main-header-row .et_mobile_menu li.yms-mobile-menu-primary a {
        text-transform: uppercase;
        font-weight: 700;
    }

    .yms-mobile-main-header-row .et_mobile_menu li.yms-menu-buy-book a {
        text-decoration: underline;
        position: relative;
    }

    .yms-mobile-main-header-row .et_mobile_menu li.yms-menu-buy-book a:before {
        content: url(../../uploads/2024/04/heart.svg);
        width: 20px;
        height: 20px;  
        padding-right: 10px;   
        position: relative;   
        top: 5px;
    }

    .yms-mobile-main-header-row .et_mobile_menu li a:hover,
    .yms-mobile-main-header-row .et_mobile_menu li.current-menu-item a {
        background-color: transparent;
        opacity: 1;
        color: #ED1A4B;
        border-left: solid 5px #ED1A4B;
        padding-left: 37px;
    }

    .yms-mobile-main-header-row .et_pb_menu_inner_container,
    .yms-mobile-main-header-row .et_pb_module.et_pb_menu,
    .et_pb_gutters3 .yms-mobile-main-header-row .et_pb_column_1_3:nth-child(1),
    .yms-mobile-main-header-row {
        position: static;
    }

    .yms-problems-role-column.inactive.shrink {
        max-height: 0;
        margin-bottom: 0; 
        padding-top: 0;
        padding-bottom: 0; 
        width: 100%;  
        transition: width 1s linear, max-height 1s linear, margin-bottom 1s linear, padding-top 1s linear, padding-bottom 1s linear;
        -webkit-transition: width 1s linear, max-height 1s linear, margin-bottom 1s linear, padding-top 1s linear, padding-bottom 1s linear;
        -o-transition: width 1s linear, max-height 1s linear, margin-bottom 1s linear, padding-top 1s linear, padding-bottom 1s linear;
        -moz-transition: width 1s linear, max-height 1s linear, margin-bottom 1s linear, padding-top 1s linear, padding-bottom 1s linear; 
    }

    .yms-step2-row.active .yms-problems-role-column {
        padding-top: 20px;
        padding-bottom: 20px;
        transition: padding-top 1s linear, padding-bottom 1s linear;
        -webkit-transition: padding-top 1s linear, padding-bottom 1s linear;
        -o-transition: padding-top 1s linear, padding-bottom 1s linear;
        -moz-transition: padding-top 1s linear, padding-bottom 1s linear; 
    }

    .yms-problems-role-options {
        padding: 0 8%;
    }

    .yms-problems-role-continue-button {
        margin-bottom: 40px;
    }

    .et_pb_row.yms-step2-row.visible {
        display: block;
    } 

    .yms-problem-details-mobile  {
        display:block;
    }      
    
    .yms-problem-detail-column {
        display:none;
    }   
    
    .yms-problem-button-column {
        margin-right: 0 !important;
        width: 100% !important;
    }

    .yms-problem-details-mobile .step3-detail-section {
        border: 3px solid #26861F;
        border-radius: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;          
    }

    .yms-problem-details-mobile .step3-detail-section.agency {
        border: 3px solid #09819C;
    }

    .yms-problem-details-mobile .step3-detail-section.entrepreneur {
        border: 3px solid #4B3E83;
    }    

    
    .et_pb_column  .yms-problem-button.active-problem.et_pb_module {
        margin-bottom: 0;
    }

    .step-3-detail-select-button {
        margin-right: 0;
    }

    .step-3-detail-select-button.active-problem {
        border-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;             
    }
    .step-3-detail-select-button img {
        transform: rotate(90deg);
    }

    .yms-mobile-explore-prompt.active {
        display: block;
    }

    #yms-footer-section .et_pb_menu .et_pb_menu__menu {
        display: block;
    }

    #yms-footer-section .et_pb_menu .et_mobile_nav_menu {
        display: none;
    }

    #yms-footer-section .et_pb_menu .et_pb_menu__menu > nav > ul {
        display: block;
    }

    #yms-footer-section .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: flex-start;
    } 
    
    .yms-purchase-book-text-area {
        max-width: 250px;
    }
   
}

/* MOBILE */
@media (max-width: 479px) {
    .yms-mobile-main-header-row .et_pb_column_1_3 {
        width: 29.6667% !important;
        margin-right: 5.5% !important;        
    }
}

/* CUSTOM CHECK BOXES */

input[type=checkbox] + label {
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.2;
    text-indent: -40px;
    padding-left: 30px;    
    margin-bottom: 15px;
}

/* Hide the OS/Browser checkboxes/radio buttons */
input[type=checkbox], input[type=radio] {
    visibility: hidden!important;
    display: none;
    margin: 0!important;
    width: 0!important;
  }

  /* Set Elegant Icon font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
  input[type=checkbox] + label:before,
  input[type=checkbox] + span:before,
  input[type=radio] + label:before {
    visibility: visible;  
    font-family: "ETmodules";
    font-size: 27px;
    position: relative;
    top: 6px;
    padding-right: 8px;
  }
  
  input[type=checkbox] + label:hover,
  input[type=checkbox] + span:hover,
  input[type=radio] + label:hover { 
    cursor: pointer; 
  }
  
  /* Set checkbox to ET icons: normal, hover, checked, & checked hover */
  input[type=checkbox] + label:before,
  input[type=checkbox] + span:before { 
    content: '\56'; 
  }
  input[type=checkbox] + label:hover:before,
  input[type=checkbox] + span:hover:before {
    content: '\5a'; 
    filter: alpha(opacity=20); 
    opacity: 0.6;
  }
  input[type=checkbox]:checked + label:before,
  input[type=checkbox]:checked + span:before {
    content: '\5a';
  }
  input[type=checkbox]:checked + label:hover:before,
  input[type=checkbox]:checked + span:hover:before { 
    filter: alpha(opacity=100); opacity: 1; 
  }
  
  /* Set radio buttons Divi icons: normal, hover, checked, & checked hover */
  input[type=radio] + label:before { 
    content: '\5b';
  }
  input[type=radio] + label:hover:before { 
    content: '\5c'; 
    filter: alpha(opacity=20); 
    opacity: 0.2; 
  }
  input[type=radio]:checked + label:before { 
    content: '\5c'; 
  }
  input[type=radio]:checked + label:hover:before { 
    filter: alpha(opacity=100); opacity: 1; 
  }