/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*Changes the color of paragraph links on the site - this method is depreciated. This can be done in container style settings now*/
p a{
    color: #757575  !important;
    text-decoration: underline;
}

/*Changes the color of paragraph links on the site on hover - this is depreciated, same as above. This can be done in container style settings now*/
p a:hover{
    color: #98c82a  !important;
}

/*Changes the color of paragraph links on the site on hover - this is depreciated, same as above. This can be done in container style settings now*/

.onBlack{
    color: #98c82a  !important;
    text-decoration: underline;
}
/*Changes the color of paragraph links on the site on hover - this is depreciated, same as above. This can be done in container style settings now*/
.onBlack:hover{
    color: #ffffff  !important;
}

/*Removes the pointer cursor for buttons that don't actually link anywhere or other elements*/
.no-pointer{
    cursor:default !important;
}

/*Rounds div or image corners*/
.rounded_Corners_6
{
    border-radius: 6px;
}

/*This expands the maximum width of the header menu past the site width assigned in the theme settings.*/
.fusion-header-wrapper .fusion-row {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1200px !important; 
}


/* This centers pagination links at the bottom of pages.*/
.fusion-pagination,.pagination{
    justify-content:center !important;
}

/*This changes the font size in the contact section of the site footer.*/
.contact-info-container p{
    font-family:'nunito';
    font-size: 14px;
    color: #bfbfbf;
}

/*This adjusts the padding of the titles on posts pages e.g. an advocacy post. See the rule below.*/
.fusion-page-title-captions{
    padding-right: 20px;
}
/*This adjusts the width of the breadcrumb section in the title bar of posts on the site*/
.fusion-page-title-bar-left .fusion-page-title-secondary{
    max-width: 33%;
}

/*Fixes Subnavigation issues on mobile by removing the 200 pixel padding on the left and right when under the mobile breakpoint of 800px*/

@media all and (max-width:800px) {
    .sub-navi{
        padding-left:0px !important;
        padding-right:0px !important;
        }
    }
    
/*On Pages where the breadcrumbs overlap each other, this expands the title bar width and the secondary giving the breadcrumbs more space*/

.page-id-8934 .fusion-page-title-row{
    max-width: 1280px !important;
}

.page-id-8934 .fusion-page-title-secondary{
    max-width:50% !important;
}


/*Moves the timeline line behind the context boxes*/

.fusion-content-boxes.content-boxes-timeline-horizontal .content-box-column.fusion-appear .content-box-shortcode-timeline{
    z-index: -1;
}


/*BECOME A MEMBER PAGES*/
/*This is styling for the tooltip function use div class help-tip to get it to appear.*/
.tooltip-shortcode, .fusion-popover{
    color: #000 !important;
    border-bottom: 1px dotted #000;
}


/*Adjusts the sizes of the plan cards/checklist items independently*/
.plan_cards li {
    margin-bottom: 5px;
}
/*Adjusts the sizes of the plan cards/checklist items independently*/
.plan_cards .fas{
    font-size: 26px;
}
/*Adjusts the sizes of the plan cards/checklist items independently*/
.plan_cards .fusion-li-item-content{
    font-size: 16px;
    line-height: 25px;
}
/*Changes the cursor hover for popovers to provide more context*/
.plan_feature_popover{
  cursor:help !important;
}
/*Changes the cursor hover for modals to provide more context*/
.plan_feature_modal{
  cursor: context-menu !important;
}
/*Changes the margins for the torchbearer table*/
.torchbearer_table{
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}
/*Adjusts the placement of the plan card icons*/
.plan_cards .icon-wrapper {
    display: flex !important;
    align-items: start !important;
}
/*Adjusts the placement of the plan card icons*/
 .icon-wrapper{
    margin-top:2px;
}

/*Adjusts the superscript dollarsign on the plan cards*/
.supers{
    font-size: 20px;
}
/*Adjusts the k(1000) letter next to the price on the plan cards*/
.minors{
    font-size: 20px;
    position: relative;
    top: 15px;
}

/*Styles the text from the "everything in" section of the plan cards*/
.everything-in{
    color: #658421;
    font-weight: Bold;
    font-size: 18px
}
/*Styles the text from the "everything in" section of the plan cards for the partners section*/
.everything-in-partners{
    color: #658421;
    font-weight: Bold;
    font-size: 16px;
}
/*Centers the text in the plan features accordion*/
.plan_features.fusion-accordian .panel-heading .panel-title a{
    justify-content: center;
}

/*This adjusts the font size for the instructions for renewal on the renew your io memberhsip page*/
.renewal_instructions h4 {
    font-weight:600 !important;
}

/*Styles the text in the Join section of the Avada Mega Menu */

.mm-text{
  font-size:15px;
}

.mm-text:hover{
  color:#333333 !important;
}

/*Adds a cursor over the button to the mailchimp Off Canvas*/
/*Since the off canvas is triggered with the class on a button that doesn't link anywhere, this adds a hover mouse state to those buttons.*/
.mouse_cursor, .mailchimp_sign_up, .ubisoft_byap, .certain_affinity_byap, .big_blue_bubble_byap, .snowed_in_byap, .capybara_byap, .gameloft_byap, .east_side_byap, .interleave_byap, .guru_byap, .bam_canvas, .tt_profile{
  cursor: pointer !important;
}

/*Styles the more employers text on the BYAP Page*/
.byap_more_employers{
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000000; 
    font-family: "Montserrat";
    font-weight: 600;
}

.byap_section_links{
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000000; 
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 50px;
}

/* Styling the Become a Member Off Canvas Container */
.bam_window h3{
  margin-top: 2px !important;
  margin-bottom: 5px !important;
}

.bam_window .icon-wrapper{
  width: 30px !important;
  height: 30px !important;
}

.bam_window .fusion-li-icon{
  font-size:14px !important;
}

.bam_window .fusion-li-item-content{
  margin-left:40px !important;
}

/* END Styling the Become a Member Off Canvas Container */

/*Styling the text in the masterclass instructor caption box*/

.masterclass_instructors .awb-imageframe-caption-text{
  text-align: left !important;
}

/* Keynote Mobile Title */
.keynote-person .person-title{
    font-size:12px !important;
}

/*Past programs content container*/
.past_programs_container{
    border-radius: 10px !important;
}

/*Past programs navigation submenu container*/
.past_programs_nav{
    border-radius: 0px 0px 10px 10px !important;
}

/*Past Programs Banner styling.*/
.past_programs_banner{
    border-radius:10px 10px 0px 0px !important;
}

/*Styling for the mobile menu on the IO Site*/
.fusion-mobile-logo{
 width:200px !important; 
}
/*Styling for the mobile menu on the IO Site*/
.fusion-mobile-menu-design-modern .fusion-header{
  padding-top: 0px !important;
  padding-block: 0px !important;
}
/*Styling for the mobile menu search on the IO Site*/
.fusion-mobile-menu-search{
    margin-bottom: 15px;
}

/*Styling for The Lodgge section in the main menu on the IO Website*/
/*.lodgge_menu a{
  color: #027578 !important;
}*/
/*Styling for The Lodgge section in the main menu on the IO Website*/
/*.lodgge_menu a:hover{
  color: #002725 !important;
}*/

.showcase_wordmark a{
  color:#5d5d5d !important;
  text-decoration: none;
}

/*----Start---- Eventbrite button styling ----Start----*/
#eventbrite-widget-modal-trigger-370648227827, #eventbrite-widget-modal-trigger-464637953627,{
  color: #000;
  font-family: 'Nunito';
  font-weight: 800;
  font-size: 18px;
  text-transform: Uppercase;
  padding: 15px;
  background-color: #ffffff;
  border-radius:3px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

#eventbrite-widget-modal-trigger-370648227827:hover, #eventbrite-widget-modal-trigger-464637953627:hover{
  color: #000;
  background-color:#98c82a;
}

.eventBrite_Button_on_white{
  color: #000 !important;
  font-family: 'Nunito';
  font-weight: 800;
  font-size: 18px;
  text-transform: Uppercase;
  padding: 15px;
  background-color: #98c82a!important;
  border-radius:3px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

.eventBrite_Button_on_white:hover{
  color: #ffffff !important;
}

/*----End---- Eventbrite button styling ----End----*/

.sr_subtitle_outline_text{
    color:rgb(255,255,255,0) !important;
    -webkit-text-stroke: 1px rgb(255, 255, 255) !important;
}

.training-modules .fusion-image-wrapper{
  border-radius: 6px;
}

.past-training-modules li:nth-child(2){
    cursor:pointer;
}

.byap_hide{
    display:none !important;
}

.byap_employer_session .fusion-toggle-boxed-mode{
  border-radius:4px !important;
}

.byap-steps h3{
  font-family: 'montserrat' !important;
  font-weight: 500 !important;
}

.wpp-module .awb-imageframe-style-dario{
  border-radius: 6px;
}

/*Hide the cookie compliance popup on business cards*/
.parent-pageid-15533 .cookie-notice-container{
  display:none !important;
}


/*IO Connect Date Button Animated Border Gradient Start*/
.date-button {
  --borderWidth: 2.5px;
  background: #1D1F20 !important;
  position: relative !important;
  border-radius: var(--borderWidth) !important;
}
.date-button:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #7a0d54,#e76c8a,#f7bc5e);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 4s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/*IO Connect Date Button Animated Border Gradient End*/

/*IO Business Card Edge Animated Border Gradient Start*/
.business-card-edge {
  --borderWidth: 6px;
  background: #ffffff !important;
  position: relative !important;
  border-radius: var(--borderWidth) !important;
}

.business-card-edge:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(70deg,  rgba(152,200,42,1) 0%, rgba(152,200,42,1) 40%, rgba(0,206,184,1) 100%);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 1.2s ease-in-out alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/*IO Business Card Edge Animated Border Gradient End*/

/* Bigger than 1170px wide do this: shorten the width of the right menu column to 75% */
@media only screen and (min-width: 1170px) { 
    .header-menu-right-column{
    --awb-width-large: 75% !important;
  }
}

/* Bigger than 1300px wide: shorten the width of the right menu column to 68% */
@media only screen and (min-width: 1300px) { 
    .header-menu-right-column{
    --awb-width-large: 68% !important;
  }
}

/* Bigger than 1600px wide: shorten the width of the right menu column to 55% */
@media only screen and (min-width: 1600px) { 
    .header-menu-right-column{
    --awb-width-large: 55% !important;
  }
}

/* Bigger than 1300px wide: shorten the width of the right menu column to 47% */
@media only screen and (min-width: 1900px) { 
    .header-menu-right-column{
    --awb-width-large: 47% !important;
  }
}

/* Bigger than 1800px wide: shorten the width of the right menu column to 47% */
/*@media only screen and (min-width: 1800px) {
.awb-menu_row .awb-menu__mega-wrap{
    margin-top:4px !important;
  }
}*/