/*
 Theme Name:     Divi-child
 Theme URI:      http://example.com/Divi/
 Description:    Divi-child Theme
 Author:         John Doe
 Author URI:     http://example.com
 Template:       Divi
 Version:        4.23.4
*/
@import url("../Divi/style.css");
/* Theme customization starts here
-------------------------------------------------------------- */

/* Update header text color from #333 to #4D4D4D to #4677b7 */
h1, h2, h3, h4, h5, h6 {
    color: #4677b7;
    }

/* Add 1 pixel high PACE orange bar at bottom of top nav (secondary) menu. */
/* Set background color #739dd3 (PACE blue) even though we have set this in the Wordpress admin backend */
.et_fixed_nav #top-header {
    position: fixed;
    background-color: #739dd3!important;
    border-bottom: 1px solid #FBB161;
    }

/* Add 1 pixel high PACE orange bar at bottom of main menu. */
/* Set background color #000000 (black) even though we have set this in the Wordpress admin backend */
.et_fixed_nav #main-header {
    position: fixed;
    background-color: #000000!important;
    border-bottom: 1px solid #FBB161;
    }

/* Linked text */
a.boldLink:link {
    font-weight: bold;
    }

a:link, a.pageLink:link, a.boldLink:link {
    color: #4677b7;
    }

/* Set Hover for all links to a shade of PACE hover color (orange) */
a:hover, a.pageLink:hover, a.boldLink:hover {color:#c76905 !important;}

/* Non-linked bold text */
/* Text in color other than link color (PACE Blue #4677b7) Initial setting, darker blue: #315380 */
.highlightedText {
    color:#315380;
    font-weight: bold;
    }

.mailto-link {
    font-weight: bold;
    }

/* Set hover over color for hamburger mobile menu header to White */
.mobile_menu_bar:hover:before {
color: #FFFFFF !important;
}

/* Set selected menu item in mobile menu to bold white */
.et_mobile_menu li.current-menu-item > a  {
    color: #FFFFFF !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100) !important;
    -moz-opacity:1.0!important;
    -webkit-opacity: 1.0!important; 
    -khtml-opacity: 1.0!important;
    opacity: 1.0 !important;
    }

/* Retain menu selection color when scrolling down the page. Note: Code to retain menu color needs to be in WP Admin Custom CSS field. */

.et-fixed-header #top-menu a:hover {
    color: #FFFFFF!important;
    }

.et-fixed-header #top-menu li.current-menu-ancestor > a ,#top-menu li.current-menu-ancestor > a {
    color: #FFFFFF !important;
    }

/* CSS to prevent content from shifting down (and white strip appearing below top black bar) when resizing browser from wide to narrow (with mobile menu) */
@media only screen and (max-width: 980px) {
    .et_fixed_nav.et_show_nav #page-container { 
        padding-top: 80px!important;
        }
     }

/* Set background menu to partially transparent black  */
#main-header, #main-header .nav li ul, #main-header .et_mobile_menu {
    background-color: rgba(0,0,0,0.80)!important;
    }

/* Set background of search field in top nav menu to white (in progress) */

#main-header .et-search-form  {
    background-color: rgba(255,255,255,1.0)!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    -webkit-opacity: 1.0; 
    -khtml-opacity: 1.0;
    opacity: 1.0;
    margin-top:30px; 
    height: 30px;
    }

/* Set height of top nav area when scrolled down the page */
.et-fixed-header {
    height: 60px;
    }

.et-fixed-header .et-search-form  {
    background-color: rgba(255,255,255,1.0)!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    -webkit-opacity: 1.0; 
    -khtml-opacity: 1.0;
    opacity: 1.0;
    margin-top:15px!important;
    height: 30px;
    }

/* Adjust top of mobile dropdown menu when scrolled down the page (and top black bar is shorter */
.et-fixed-header ul#mobile_menu {
    top: 60px;
    }

/* Set mobile menu position at right and max-width */
/* Set padding at top and bottom of all mobile menu items */
.et_mobile_menu {
    right: 0px;
    left: auto;
    width: 250px;
    max-width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    }

/* Set top and bottom padding between mobile menu items */
.et_mobile_menu li a {
    padding: 5px 5%;
    }

/* Reduce top and bottom padding and space between menu items when viewed on short screen or in short browser window */
/* Set padding at top and bottom of all mobile menu items */
@media only screen and (max-height: 400px)  {
    .et_mobile_menu {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5%;
        padding-right: 5%;
        }

/* Set top and bottom padding between mobile menu items */
    .et_mobile_menu li a {
        padding: 2px 5%;
        }
    }

/* Allow logo to display as larger */
.et_fixed_nav #logo {
    padding-top: 1px;
    padding-bottom: 0px;
    max-height: 60px; /* JDS: Increased from 38px 5-24-2017 */
}

/* Adjust padding above menu items to center them vertically  */
#main-header nav#top-menu-nav {
    padding-top: 0px; /* JDS: Updated from 7px -> 0px */
    }

/* Adjust padding above top nav menu items when scrolled down the page */
/* Adjust padding above menu items to center them vertically.  */
.et-fixed-header nav#top-menu-nav {
    padding-top: 4px!important; 
    }

/* Reduce padding left in top navigation to prevent Search magnifying glass from wrapping to second line in Spanish */
@media only screen and (min-width : 1101px)  {
    #et-top-navigation {
        padding-left: 180px!important; /* was 190px */
        }
    }

/* Reduce font size (14px -> 13px) for top nav menu text in browser windows just wider than when mobile menu will appear to prevent menu items and search icon from wrapping */
/* Reduce padding left in top navigation to prevent Search magnifying glass from wrapping to second line in Spanish */
/* Also reduce space between menu items slightly (padding-right) - this needs to be in CSS field in WP Backend */

@media only screen 
and (min-width : 981px) and (max-width : 1100px) {
    #top-menu li {
        font-size: 12px; /* was 13px */
        padding-right: 15px!important;  /* needs to be in WP Admin Backend */
        }
    #et-top-navigation {
        padding-left: 165px!important; /* was 165px */
        }
    }

/* Padding for Search field on Home page, Search Results, and No Search Results pages. Need to include here to see if it sets the padding for Google Chrome - did not work...  */
.custom-search .et-search-form input {
    padding-top: 11px!important;
    padding-bottom: 11px!important;
    }

/* Adjust padding above search magnifying glass to align it horizontally w/the menu items */
#et_search_icon:before { margin-top: 0px; } /* was 7px */

/* Adjust padding above search magnifying glass when we're scrolled down the page */
.et-fixed-header #et_search_icon:before { margin-top: 4px; }

/* Set smaller size for logo when you scroll down the page. Reduce top margin for logo when scrolled down. */
/* Adjust padding above search magnifying glass when we're scrolled down the page */
/* Adjust padding above mobile menu when scroll down page */
/* Varies, depending on if mobile menu is showing or not */

/* Horizontal top nav menu */
@media only screen and (min-width: 981px) {
    .et-fixed-header #logo {
        max-height: 46px; /* JDS: Updated from 30px. 5-24-2017 */
        margin-top: -2px;
        }
    .et-fixed-header #et_search_icon::before {
        margin-top: 5px;
        }
    }

/*  Mobile Menu */
@media only screen and (max-width: 980px) {
    .et-fixed-header #logo {
        max-height: 40px;
        margin-top: -15px;
        }
    .et_header_style_left #logo, .et_header_style_split #logo {
        max-width: 60%;
        }
    .et-fixed-header #et_search_icon::before {
        margin-top: -8px;
        }
    .et-fixed-header #et_mobile_nav_menu {
        margin-top: -10px!important;
        }
    }

/* Adjusting height of Home page slider. Removed ".et_pb_section"  */
  .et_pb_slider .et_pb_slide { 
    height: 350px;
    } 

/* Removed the following style that was causing the footer to float up. Not sure what it was for. */
/* .et_pb_section .et_section_regular {height: 70px;}  */


/* Adjust padding above of header text on Home page slider */
.et_pb_slide_with_image .et_pb_slide_description {
    padding-top: 70px;
    }

/* Adjust top of inset image on Home page slider. Was top: 50% */
.et_pb_media_alignment_center .et_pb_slide_image { bottom: auto; top: 44%; }

/* Display "Learn More" on phone and adjust layout for all devices */
@media only screen and (max-width: 479px) {
    .et_pb_slide_content, a.et_pb_more_button {
        display: block !important;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        }
    }

/* Adjust padding above page title on page. Was 58px */
#main-content .container {
    padding-top: 40px!important;
    }

/* Adjust margin below page title. Margin-bottom was 20px */
.main_title {
    margin-top: 0px; 
    margin-bottom: 10px;
    }

/* CSS for Page Title when Divi Builder is being used */
.pageTitle {
    margin-top:13px;
    margin-bottom:10px;
    }

/* Style for home page tagline image. Reduced from 85% -> 64% */
/* Custom CSS for > 1350 and <= 1350 to compensate for special inline CSS that is defined. */
@media only screen and (min-width:1351px) { 
    .homePageTaglineImage {
        display:block;
        width: 64%;
        padding-top: 0px;
        padding-bottom: 13px;
        margin-top: -50px; 
        margin-left:auto!important;  /* JDS: Need to add this to CSS in WP Admin backend. */
        margin-right:auto;
        min-width:200px;
        }
    }

@media only screen and (max-width:1350px) { 
    .homePageTaglineImage {
        display:block;
        width: 64%;
        padding-top: 0px;
        padding-bottom: 10px;
        margin-left:auto!important;  /* JDS: Need to add this to CSS in WP Admin backend. */
        margin-right:auto;
        min-width:200px;
        }
    }

/* Adjustment so that Search Field (on Home page) moves down in Internet Explorer only */
/* Does not seem to be working yet. */

.ie .et_pb_image_0  { 
    padding-top: 0px;
    padding-bottom: 10px;  /* JDS: Was 45px!important */
    }

/* Adjustment so that Search Field (on Search Results and No Search Results pages) moves down in Internet Explorer only  */
.search.ie h2 {
    padding-bottom: 15px;  /* JDS: Was 36px */
    }

/* Add padding to bottom of Home page content */
.homePageContent {
    padding-bottom: 60px;
    margin-bottom: 60px;
    }

/* Reduce font size of "Search" field in top nav. Change color to dark text */
.et-search-field {
    font-size:100%;
    color: #4D4D4D !important;
    }

/* Custom Search field only on Home page */

.custom-search .et-search-form {
    top: 0px;
    display: none;
    z-index: 1000;
    background: #fff;
  /* Affects top border only */
 /* border: 0.5px solid #4D4D4D;  */ 
    padding: 1px;
    border: none;
    box-shadow: none;
    }

/* Set border and background for "Search" field */
.search form.et-search-form {
    /* background: #f8f8f8 !important;        DRHODES */
    /* border: 1px solid #4D4D4D !important;  DRHODES */
    }

/* In progress - trying to center "Search" field on all browser widths */
/* Updated margin-left from "auto" to 28.25%, min-width from 280px -> 207px */
.search-block {
    width: 40%;
    margin-top: 0px;
    margin-left: 28.25%;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    min-width: 207px;
    }

.custom-search .et-search-form { left:0px; }

.custom-search .et-search-form input {
    padding: 11px;
    background-color: #F8F8F8;
    color: #4D4D4D;
    font-size: 14px;
    box-shadow: none;
    background-color:transparent;
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    border:none;
    }

/* Fix issue with width top and bottom border on Safari */
form.et-search-form:nth-child(2) {
    /* background-color: #F8F8F8 !important; * DRHODES */
    border: 0px solid #4D4D4D !important;   /* DRHODES */
    }

/* Magnifying Glass Character to display on right of Search Field */
.search-block:after {content: "\55";
    font-size: 28px; 
    position: absolute;
    right: -10px; /* JDS was -15px */
    top: 6px;
    font-family: 'ETmodules';
    color: #4D4D4D;
    }

.ie .search-block:after  { top: 6px ; font-size: 24px ; }  /* JDS: Was top: -13px */
.unknown .search-block:after,
.safari .search-block:after,
.chrome .search-block:after { top: 10px ; font-size: 24px ; } /* JDS: Was top: 1px!important; font-size 20px */

/* Suggestion from ET Support to move Search field down when viewed in IE 11 */
.search-block * {
    position: relative !important;
    }

/* Move magnifying glass to the right when mobile menu is showing */
@media only screen and (max-width:980px) {
    .search-results .search-block:after, .search-no-results .search-block:after {
    right:-40px;
    }
}

.search-block .et-search-form {width:100%;}
.search-block .custom-search .et-search-form input {width:100%; 
    background: #f4f4f4 ; border: 1px solid #4d4d4d ;} /* DRHODES */

/* Adjust set left margin to "auto" for narrow browser and devices */
/* Reduce font size (14px -> 11px) of prompt text "What would you like to learn today" and entered text on narrow browser */
/* "et-search-form" is big search field on home page and search results page. "et-search-field" is "Search" field in top nav area */
@media only screen and (max-width: 778px){
        .search-block {
        margin: 0 auto;
        }
        .custom-search .et-search-form input {
          font-size: 82%;
          }
       .et-search-field {
          font-size: 88%;
          }
    }

/* Add bottom line to each search result on search results page */
.search-results .et_pb_post {
    border-top: 1px solid #acacac;
    margin: 10px 0 0 0;
    padding-bottom: 10px;
    font-weight: normal;
    }

/* Reduce padding above post title in search results */
.search-results .et_pb_post h2 { margin-top: 20px; }

/* Set color of learning module title in search results to link color */
.et_pb_post h2 a, .et_pb_portfolio_item h3 a {
    color: #4677b7;
    }


/* Column Layouts 
-------------------------------------------------------------- */
.one_half{width:48%;}
.one_half_narrow {width:46%;}
.one_third{width:30.66%;}
.two_third{width:65.33%;}
.one_fourth{width:22%;}
.one_fourth_tight{width:23%;}
.two_fourth{width:44%;}
.three_fourth{width:74%;}
.one_fifth{width:16.8%;}
.two_fifth{width:37.6%;}
.three_fifth{width:58.4%;}
.four_fifth{width:79.2%;}
.one_sixth{width:13.33%;}
.five_sixth{width:82.67%;}
.pace_col_one {width:10%;}
.pace_col_two {width:86%;}
.custom_column{position:relative;margin:0;float:left;}
.learningModuleDiv {width:700px;}
.one_half,.one_half_narrow,.one_third,.two_third,.one_fourth,.two_fourth,.three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .pace_col_one, .pace_col_two {position:relative;margin-right:4%;float:left;min-height:1px;margin-bottom:0;}
.one_fourth_tight {position:relative;margin-right:2%;float:left;min-height:1px;margin-bottom:0;}
.learningModuleDiv {margin-right: auto !important; margin-left: auto !important;}
.last{margin-right:0!important;clear:right;}

@media screen and (max-width: 775px){
    .one_half, .one_half_narrow, .one_third, .two_third, .three_fourth, .one_fourth, .one_fourth_tight, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .pace_col_one, .pace_col_two, .learningModuleDiv {
        display:block;width:100%!important;margin-right:auto;margin-left:auto;margin-bottom:20px;float:none;clear:both;
        }
    .last {margin-right: auto !important; margin-left: auto !important;}
    }

/* Page Div. margin-left and margin-right was 60px; */
.pageDiv {
    margin-left:0px;
    margin-right:0px;
    padding-left: 0px;
    padding-right: 0px;
    }

/* Phones & Small Devices - reduce margins, hide borders */
/* Reduce width of search field. Recenter */
@media only screen 
and (min-width : 0px) 
and (max-width : 568px) {
    .pageDiv {
        margin-left:0px;
        margin-right:0px;
        padding-left: 0px;
        padding-right: 0px;
        }
    }

/* Tablets - reduce margins.  */

@media only screen 
and (min-width : 569px) 
and (max-width : 1024px) {
    .pageDiv {
        margin-left:0px;
        margin-right:0px;
        padding-left: 40px;
        padding-right: 40px;
        }
     }

.clearboth {width:100%;height:0px;line-height:0;font-size:0px;clear:both;display:block;}

/* Stylized horizontal line */
.hrStyle1 {
    border: 0;height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); 
    background-image: -moz-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); 
    background-image: -ms-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); 
    background-image: -o-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); 
    padding-top: 0px; padding-bottom: 0px;
    margin-top: 20px; margin-bottom: 20px;
    }

/* Styles for "About" page */
/* Float left image and caption */
.floatLeftImage {
    float: left;
    margin: 0px 8px 0px 0px;
    }

img.centerSmallImage {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    width:50%;
    height:auto;
    }

/* Styles for "Learning Modules" Page */

/* Icon before "Coming Soon" note */
.comingSoonNoteIcon {
    font-family:'ETmodules' !important;
    font-size: 100%;
    }

.learningModuleGridImage {
    display:block;
    padding-bottom: 0px;
    margin-top: -10px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    }

.learningModulesGridTitle {
    font-size:14px;
    color:#00498F;
    margin-top: -32px;
    margin-bottom: 12px;
    text-align: center;
    }

.learningModulesGridDescription {
    font-size:12px;
    }

/* Learning Module Title on New Learning Modules Summary page */
.learningModuleTitleSummary {
    font-size: 14px;
    }

.learningModuleTitleSummary2 {
    font-size: 14px;
    margin-bottom:5px;
    padding-bottom: 2px;
    }

/* Learning Module Description on New Learning Modules Summary page */
.learningModuleDescriptionSummary {
    font-size: 12px;
    }

/* Styles on individual learning module page */
.learningModuleDescription {
    margin: 21px 20px 10px 20px;
    }

/* Style of file icon for learning module summary and survey link on each learning module page */
.learningModuleSummaryLink, .surveyLink {
    font-family:'ETmodules' !important;
    font-size: 120%;
    }

/* Learning Module Scrolling Box */
.moduleScrollingBox {
    border:solid 1px black;
    background:white;
    color:black;padding:4px;
    width:100%;
    height:200px;
    overflow:auto;
    margin-bottom: 35px;
    }

/* display was "block */
.learningModuleLogoImage {
    vertical-align: middle;
    margin-left:0; /* was auto */
    margin-right:20px;  /* was auto */
    margin-top: 0px;
    margin-bottom: 2px;
    max-width: 70px;
    }

/* Div and Frame for module on page with just module on it */
.moduleDiv {
    width: 100%;
    height: auto;
    margin-top: -27px;
    }

.moduleFrame {
    width: 960px;
    height: 540px;
    }

.glossaryModuleFrame {
    width: 740px;
    height: 611px;
    }

/* Style for embedded learning module frames to allow them to adjust without white space above and below */
.moduleContainer {
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    }

.moduleContainer iframe {
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%; 
    height: 100%;
    }

/* Style of survey paragraph on individual module pages */
.surveyStyleOne {
    margin-left: 0px;
    text-align: left;
    }

/* Hide learning module logo for narrow width */
@media screen and (max-width: 850px) {
    .learningModuleLogoImage {
        display:none;
        }
    }

/* Adjust top margin of first row in each category on the Learning Modules page */
.top_row {
    margin-top: -10px;
    }

/* Add padding to right of left column on new Learning Modules page */
.moduleLeftColumn {
    margin-right: 100px;
    }

/* Adjust style of heading text in Learn More short code */
.et-learn-more h3.heading-more {
    font-size: 18px !important;
    color: #4D4D4D !important;
    }

/* Style for section header. If no modules are available color should be #BFBFBF. If modules are available, color should be #4D4D4D. */
/* Note: If the section name isn't included here, the font color is #4D4D4D by default */

/* Understanding Autism/Caregiver Toolkit = 1 */
.entry-content .one_half:nth-child(1) h3.heading-more {
color: #4D4D4D !important;
}

/* Daily Routines = 2 */
.entry-content .one_half:nth-child(2) h3.heading-more {
color: #4D4D4D !important;
}

/* Self Help = 3 */
.entry-content .one_half:nth-child(3) h3.heading-more {
color: #4D4D4D !important;
}

/* Social Skills = 4 */
.entry-content .one_half:nth-child(4) h3.heading-more {
color: #4D4D4D !important;
}

/* Functional Communication = 5 */
.entry-content .one_half:nth-child(5) h3.heading-more {
color: #4D4D4D !important;
}

/*  Safety Skills = 6 */
.entry-content .one_half:nth-child(6) h3.heading-more {
color: #4D4D4D !important;
}

/* Behaviors = 7 */
.entry-content .one_half:nth-child(7) h3.heading-more {
color: #4D4D4D !important;
}

/* Styles for "Other Resources" Page */

.paceLogo {
    margin-left: 0px;
    margin-bottom: 20px;
    }

@media screen and (max-width: 775px){
    .paceLogo {
        max-width: 220px;
        }
    }

.other-resources-para {
    margin-left: 0px;
    }

@media only screen and (min-width: 981px) {
    .other-resources-image {
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-top: -5px; 
        margin-bottom: -10px;
        width:100%;
        max-width: 270px;
        }
    }

@media only screen and (max-width: 980px) {
    .other-resources-image {
        display:block;
        margin-left:0;
        margin-right:auto;
        margin-top: -5px; 
        margin-bottom: -10px;
        width:100%;
        max-width: 270px;
        }
    }

/* Styles for "Therapy Services" Page */

.therapy-services-para {
    padding-top: 0;
    }

.therapy-services-first-level-bullets {
    margin-left: 20px;
    margin-bottom: 6px;
    list-style-type: disc;
    }

.therapy-services-second-level-bullets {
    margin-left: 30px;
    margin-bottom: 2px;
    list-style-type: circle;
    }

.upcomingWorkshopImage {
    display:block;
    width: 50%;
    margin-top:17px;
    margin-left:0px;
    margin-right:auto;
    }

/* Images to the right of Connections and Faces contact info */
.therapyServicesImage {
    margin-left:0px;
    margin-top:15px;
    border: 1px solid #4D4D4D;
    }

@media only screen and (min-width: 776px) {
    .therapyServicesImage {
        width: 100%;
        }
    }

@media only screen and (min-width: 501px) and (max-width: 775px) {
    .therapyServicesImage {
        width: 33%;
        }
    }

@media only screen and (max-width: 500px) {
    .therapyServicesImage {
        width: 50%;
         }
    }

/* Images associated with contact info in Behavioral Services section of Therapy Services page */
.behavioralServicesImage {
    margin-left:0px;
    margin-top:15px;
    }

@media only screen and (min-width: 776px) {
    .behavioralServicesImage  {
        width: 100%;
        }
    }

@media only screen and (min-width: 501px) and (max-width: 775px) {
    .behavioralServicesImage  {
        margin-top:20px;
        width: 50%;
        }
    }

@media only screen and (max-width: 500px) {
    .behavioralServicesImage  {
        margin-top:20px;
        width: 75%;
         }
    }

.webinars-sidebar {
    border: 1px solid #4D4D4D;
    padding: 25px 10% 25px 10%;
    }

/* Float left image and caption */
.tsLeftImage {
    float: left;
    width: 33%;
    height: auto;
    margin: 5px 5px 5px 5px;
    padding: 2px;
    }

div.tsLeftImage img {
    }

/* Styles for the Contact Us page */
.contactUsAddress {
    font-weight: 500;
    line-height: 75%;
    margin-top: 0px;
    margin-bottom: 0px;
    }

.contactUsForm {
    margin-top: 0px;
    margin-left: 0px;
    }

/* Stay in Touch - image in right column */
.stayInTouchImage {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    max-width:600px;
    min-width: 150px;
    }

/* Adjust fields on Contact Us Page */

.wpcf7-form-control, .wpcf7-text, .wpcf7-captchar {
    width: 93%;
    }

/* Set width of captcha design */
.wpcf7-captchac, .wpcf7-captcha-captcha-648 {
    margin-left: 0px;
    width: 50%;
    min-width: 100px;
    }

/* Set size of "Submit" button */
.wpcf7-submit {
    width: 35%;
    min-width: 150px;
    padding: 10px;
    margin-top: 10px;
    margin-left: 0px;
    }

/* Update button appearance on hover over */
.wpcf7-submit:hover {
    background-color: #C8C8C8;
    }

/* Set color of border of fields and text on "Contact Us" page to #4D4D4D. Increase padding from "padding: 2px;" to "padding: 6px 2px 6px 2px;" Increase font size */
/* Updated border color from #4D4D4D to #949494 */
input[type=text], input.text, input.title, textarea, select {
    background-color: #fff;
    border: 1px solid #949494;
    padding: 6px 2px 6px 2px;
    color: #4D4D4D;
    font-size:120%;
    }

/* "Email Address" and "Message" fields and "Send Message" button to #4D4D4D. Increase padding from "padding: 2px;" to "padding: 6px 2px 6px 2px;" Increase font size */
input, textarea {
    border: 1px solid #949494;
    padding: 6px 2px 6px 2px;
    font-size:120%;
    }

/* Update style of "Email" field in Contact Form 7 to match text fields */
.wpcf7 input[type="email"] {
    border: 1px solid #949494;
    padding: 6px 2px 6px 2px;
    color: #4D4D4D;
    }

/* Home Page Slider styles */

/* Reduce bottom margin of Home page slider */
.et_pb_slider_fullwidth_off {
    margin-bottom: 0px;
    }

/* Reduce top and bottom padding of Home page slider element Was: 50px; */
.et_pb_section {
    padding: 0px 0px 0px 0px;
    position: relative;
    }

/* Align footer in center */
#footer-info { text-align: center; float: none;}

/* CSS to try to keep footer at bottom of page, all devices, all browser widths: */
/* Include margin-top so that there's some space below content on each page */
/* Add inset shadow at top */
#main-footer {
    clear: both;
    margin-top: 30px;
    position: relative;
    background-color: #000000!important;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    }

/* Adjust height of bottom portion of footer and set background color to the same as the background of sitemap footer  */
#footer-bottom {
    padding: 12px 0 10px;
    background-color: #000000!important;  /* JDS: was #4677b7; */
    }

/* Adjust color of social media icons. Was #666. Want to be lighter. Add some margin on top to center vertically in footer */
/* Update natural color of social media icons from #A8A8A8 -> #B5BABC */
/* Force font size to remain 24px so that styles on "Donate Online" page don't override this setting */
.et-social-icon a {
    color: #B5BABC!important;
    margin-top: 10px;
    font-size: 24px!important;
    }

/* CSS to enable display of additional social icons in footer */
.et-social-linkedin a:before { 
	content: '\e09d';
}

.et-social-pinterest a:before { 
	content: '\e095';
}

.et-social-youtube a:before { 
	content: '\e0a3';
}

/* Set image and hover over image of Amazon and Razoo social media icons in footer */

.amazon a {width: 19px; height: 24px; 
background: url(https://www.porchlighteducation.org/files/Amazon_Smile-Gray-005.png) 0 0 no-repeat;
}

.amazon a:hover {
background: url(https://www.porchlighteducation.org/files/Amazon_Smile-Yellow-005.png) 0 0 no-repeat;
}

.razoo a {width: 15px; height: 24px;
background: url("https://www.porchlighteducation.org/files/Razoo-Gray-004.png") 0 0 no-repeat;
}

.razoo a:hover {
background: url("https://www.porchlighteducation.org/files/Razoo-Yellow-004.png") 0 0 no-repeat;
}

/* Style for Porchlight Logo Image in footer */

@media screen and (min-width: 776px){
    .logoFooterImage {
        float: left;
        margin: -10px 4px 0px 0px;
        width: 100%;
        display: block!important;
        }
    }

@media screen and (min-width:601px) and (max-width: 775px){
    .logoFooterImage {
        margin-top: 10px!important;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 45%;
        display: block!important;
        }
    }

@media screen and (min-width:401px) and (max-width:600px) {
    .logoFooterImage {
        margin-top: 10px!important;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 45%;
        display: block!important;
        }
    }

@media screen and (max-width:400px) {
    .logoFooterImage {
        margin-top: 10px!important;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        display: block!important;
        }
    }

/* Tests for fix for "Learn More" button issue in Firefox */

.et_pb_slide_description h2, .et_pb_slide_content{
background-color: inherit;
}

/* Custom Search Results */
/* Hide author, date, category */
.search .post-meta { display: none; }

/* Hide Side Bar on Search Results page */
.search .et_right_sidebar #sidebar { display: none; }
.search .et_right_sidebar #left-area { width: 98%; }
.search #main-content .container:before { background: none; }


/* Disable links on "Learning Modules" page for modules that are not available yet. Set text color to gray #A0A0A0 */
a.disabled  {
   color: #A0A0A0;
   pointer-events: none;
   cursor: default;
   opacity: 0.70;
   filter:alpha(opacity:70);
}

/* Disable images on "Learning Modules" page for modules that are not available yet. Set text color to gray #A0A0A0 */
.disabled  {
   pointer-events: none;
   cursor: default;
   opacity: 0.30;
   filter:alpha(opacity:30);
}

/* Trying to define style to avoid showing "Learn More" button in Home page slider in Firefox and when hardware acceleration is on to avoid showing Firefox bug */
body.gecko .et_pb_slider a.et_pb_more_button {
    display: none;
    }

/* Move inset photo down when "Learn More" button is hiding    */
body.gecko .et_pb_slide_image {
    margin-top: -118px !important;
    }

/* Set text color of top nav menu items, mobile menu items, and search magnifying glass to white with 0.80 opacity unselected */
#top-menu a, .et_mobile_menu li a, #et_search_icon:before {
    color:white!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80) !important;
    -moz-opacity:0.80!important;
    -webkit-opacity: 0.80!important; 
    -khtml-opacity: 0.80!important;
    opacity: 0.80 !important;
    }

/* Set Hover color in menu items and search magnifying glass to White 100% */
#top-menu a:hover, .et_mobile_menu li a:hover, #et_search_icon:hover:before {
    color:white!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100) !important;
    -moz-opacity:1.0!important;
    -webkit-opacity: 1.0!important; 
    -khtml-opacity: 1.0!important;
    opacity: 1.0 !important;
    }

#top-menu li.current-menu-item > a {
    color:white!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100)!important;
    -moz-opacity:1.0!important;
    -webkit-opacity: 1.0!important; 
    -khtml-opacity: 1.0!important;
    opacity: 1.0!important;
    }

/* Retain Hover and Selection when scrolling down page */
.et-fixed-header #top-menu a:hover, #et_search_icon:hover:before {
    color: white!important;
    }

.et-fixed-header #top-menu li.current-menu-ancestor > a,
.et-fixed-header #top-menu li.current-menu-item > a,
.bottom-nav li.current-menu-item > a,
.footer-widget h4 {
	color: white;
}


#main-header .et-search-form {
    margin-top: 25px;
}

/* JDS: Reduced default width of search field at top of search results page from 100% to 93% so the magnifying glass won't be covered by the search field */
.search-results .search-block .et-search-form, .search-no-results .search-block .et-search-form {
    width: 93%;
 }

/* **** DRHODES UPDATES **** */

#page-container { overflow: auto ; }
.container { width: 97%; /* height: 80px !important ; */ }  /* JDS: Was 100% but that caused 0 margins for 981px - 1100px. */
#et_search_icon::before { margin-top: 0px; }
.search-no-results #et_search_icon::before,
.search-results #et_search_icon::before { display: none ;  }
span.et_close_search_field {margin-right: 2em ; }

#main-header .et-search-form {  max-width: 690px !important; margin-right: 2em ; } 

.search-results .et-search-form input,
.search-no-results .et-search-form input{
    left: 0 !important;
}

/* adjusting this JDS. was 1143  */
@media only screen and (max-width: 1143px) {
    #content-area .entry { margin-top: 3em ; }
    #et_top_search { margin-right: 1em !important; }
}

@media only screen and (max-width: 995px) {
    .et_fixed_nav #logo { max-height: 46px ; } /* JDS: Increased from 34px 5-24-2017 */
}

/* "X" close icon for Search field when at top of page and when scrolled down (with shorter header) */
#main-header span.et_close_search_field { top: -5px; }
.et-fixed-header span.et_close_search_field { top: -5px!important; } 

/* JDS: Updated 983px -> 980px */
@media only screen and (max-width: 980px) {
    #content-area .entry { margin-top: 0em ;}
}

@media only screen and (max-width: 980px) {
    .et_header_style_left .et-search-form, 
    .et_header_style_split .et-search-form {
        width: 100% !important;
        max-width: 100% !important;
    }
    .container { width: 90% ;  }
}

@media only screen and (max-width: 780px) {
    #main-header { padding-left: 2em !important;  }
    .et-search-form input { padding-left: 2em !important ; }
}

.chrome .custom-search .et-search-form input { padding: 14px !important;  font-size: 14px !important; }

/* Sitemap Footer CSS */
/* PACE Orange Line delimiting sitemap in footer and bottom footer info */
.footerLine {
    width:100%;
    clear: both;
    margin-top:5px!important;
    margin-bottom: 10px;
    border-top: 1px solid #FBB161;
    }

/* Site Map footer style */
.sitemapFooterDiv {
    }

/* Custom footer styles for sitemap footer */
@media only screen and (max-width: 980px) {
    .footer-widget:nth-child(n) {
        width: 100% !important;
        margin: 0 7.5% 3% 0 !important;
        }
    }  

.et_pb_gutters3 .footer-widget {margin: 0 5.5% 0% 0;}  

#footer-widgets {padding: 17px 0;}

/* Force all to 100% width for sitemap footer */
#text-2, #text-3, .textwidget, fwidget et_pb_widget widget_text {width: 100%;}

a.sitemapLink:link {font-size:11px;color: #e6e6e6!important; text-decoration: none;}
a.sitemapLink:visited {color: #e6e6e6!important; text-decoration: none;}
a.sitemapLink:hover {color:white!important;text-decoration: none;}
a.sitemapLink:active {color:white!important;text-decoration: none;}

.sitemapHeaderItem {font-size:12px;color:#FBB161;font-weight:bold;padding:0px;margin:0px;}

.sitemapItem {font-size:11px;color:#e6e6e6;padding:0px;margin:0px;}

.sitemapDisabledItem {font-size:11px;color:#999999;padding:0px;margin:0px;}

/* CSS for new Home page */

/* Button Style for learning module buttons */

@media only screen and (min-width: 776px) {
    .learningModuleButtonTopRow {
        background-color:#b0c1d7;
        border: 1px solid #3c5577;
        text-align:center;
        padding:3px;
        }

    .learningModuleButton {
        background-color:#b0c1d7;
        border: 1px solid #3c5577;
        text-align:center;
        padding:3px;
        margin-top: 20px;
        }

    .learningModuleButtonBottomRow {
        background-color:#b0c1d7;
        border: 1px solid #3c5577;
        text-align:center;
        padding:3px;
        margin-top: 20px;
        margin-bottom: 20px!important;
        }
    }

@media only screen and (max-width: 775px) {
    .learningModuleButtonTopRow {
        background-color:#b0c1d7;
        border: 1px solid #3c5577;
        text-align:center;
        padding:3px;
        margin-bottom: 15px!important;
        }

    .learningModuleButton {
        background-color:#b0c1d7;
        border: 1px solid #3c5577;
        text-align:center;
        padding:3px;
        margin-bottom: 15px!important;
        }

    .learningModuleButtonBottomRow {
        background-color:#b0c1d7;
        border: 1px solid #3c5577;
        text-align:center;
        padding:3px;
        margin-bottom: 15px!important;
        }
    }

/* Adjust border and margins of learn more short code */
.et-learn-more {
    border: 1px solid #e7e7e7!important;
    margin-left: 0px!important;
    margin-right:0px!important;
    }

/* Adjust style of heading text in Learn More short code */
.et-learn-more h3.heading-more {
    font-size: 18px !important;
    color: #333333 !important;
    background: #feead3;
    }

/**** Latest Updates *****/

.et-learn-more .learn-more-content {
    padding:20px 30px 15px;
    }

/* Adjust padding above of header text on Home page slider */
/*
.et_pb_slide_with_image .et_pb_slide_description {
    padding-top: 70px;
    }
*/

.et_pb_fullwidth_slider .et_pb_slide_description, .et_pb_slider_fullwidth_off.et_pb_fullwidth_slider .et_pb_slide_description {
    padding-top: 5%;
    }

/*** Updated Learning Module Button Styles ***/
a.small-button {
    margin: 0 5px 8px 0;
    padding: 6px 14px;
    font-size: 13px;
    line-height:1.5em !important;
    font-weight: normal !important;
    background: #b0c1d7!important;
    color: black!important;
    text-align: center;
    border-radius: 0 !important;
    width:100%;
    border: 1px solid #88a2c3;
    }

/* Reduce font size of button text for browser / device width with 3 cols and narrow */
@media only screen and (min-width: 861px) and (max-width: 951px) {
    a.small-button {
        font-size: 11px;
        }
    }

@media only screen and (min-width: 776px) and (max-width: 860px) {
    a.small-button {
        font-size: 10px;
        }
    }

a.small-button:hover {
    background: #99afcc!important;
    color: black!important;
    }

/* Add CSS to help home page slider be responsive */
.custom-slider .et_pb_slides .et_pb_slider_container_inner {
    display: block;
}

/* Set color of "Donate" menu item (English and Spanish) to green 41a921 -> lighter 63d93f */
#menu-item-2758 a, #menu-item-2757 a {color: #63d93f !important;}

/* Retain green color of "Donate" menu item (English and Spanish) when scrolling down the page */
/* Need to add to Additional CSS field in Wordpress backend */
.et-fixed-header #menu-item-2758 a, .et-fixed-header #menu-item-2757 a {color: #63d93f !important;}

/* Style of text in green strip below non-Home page headers */
.greenStripDiv {
    width: 100%;
    max-width: 1080px;
    margin:auto;
    }

/* Home Page Green Strip text */
.greenStripText {
    color: white !important;
    line-height:1.6em;
    text-align:center;
    margin-left, margin-right: 0px;
    }

@media only screen and (min-width : 981px) {
    .greenStripText {
        font-size: 20px;
        padding: 2px 0px 2px 0px!important;
        }
    }

@media only screen and (min-width : 581px) and (max-width : 980px) {
    .greenStripText {
        font-size: 18px;
        5px 0px 5px 0px !important;
        }
    }

@media only screen and (min-width : 481px) and (max-width : 580px) {
    .greenStripText {
        font-size: 16px;
        4px 0px 4px 0px!important;
        }
    }

@media only screen and (min-width : 401px) and (max-width : 480px) {
    .greenStripText {
        font-size: 14px;
        3px 0px 3px 0px!important;
        }
    }

@media all and (max-width: 400px) {
    .greenStripText {
        font-size: 10px;
        3px 0px 3px 0px!important;
        }
    }

/* Style of link in Green Bar on Home page */
a.howToHelpLink:link {color:white;}
a.howToHelpLink:visited {color:white;} 
a.howToHelpLink:hover {color:#fcb161!important;}
a.howToHelpLink:active {color:white;}

/* Learning Module Home Page Label Text */

.learningModuleLabel {
    margin-top: -17px;
    font-size: 14px !important;
    text-align: center;
    }

/* Set font color of button text for Divi big button to darker than default. This appears on "Donate" page. */
a.big-button {
    color: #00000F!important;
    }

/* Additional CSS related to learning module buttons */
    .newLearningModuleButton {
        margin-bottom: 7px!important;
        }

/* Custom float left image */
.customFloatLeftImage {
    float: left;
    height: auto;
    padding: 0 20px 10px 0;
    margin-top:5px;
    }

@media all and (min-width: 1500px) {
    .customFloatLeftImage {
        width: 32%;
        }
    }

@media all and (min-width: 1000px) and (max-width:1499px) {
    .customFloatLeftImage {
        width: 42%;
        }
    }

@media all and (min-width: 500px) and (max-width:999px) {
    .customFloatLeftImage {
        width: 47%;
        }
    }

@media all and (max-width:499px) {
    .customFloatLeftImage {
        width: 52%;
        }
    }

/* CSS for div on individual learning module page */
@media all and (min-width: 776px) {
    .learningModuleDiv {
        width: 700px;
        }
    }

/* CSS for Smart Slider */

/* Overlay text - with learning module names */
.ssOverlayHeaderText {
    color: white!important;
    font-size: 18px!important;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 0px 10px 0px 10px;
    margin-right: 60px;
    }

@media all and (min-width: 901px) and (max-width:1000px) {
    .ssOverlayHeaderText {
        font-size: 16px!important;
        margin-right: 50px;
        }
    }

/* Color of overlay text link in slider */

a.ssOverlayHeaderText:link {
    color: white!important;
    }

@media all and (min-width: 751px) and (max-width:900px) {
    .ssOverlayHeaderText {
        font-size: 14px!important;
        margin-right: 45px;
        }
    }

@media all and (min-width: 651px) and (max-width:750px) {
    .ssOverlayHeaderText {
        font-size: 12px!important;
        margin-right: 40px;
        }
    }

@media all and (min-width: 551px) and (max-width:650px) {
    .ssOverlayHeaderText {
        font-size: 10px!important;
        margin-right: 40px;
        }
    }

@media all and (min-width: 451px) and (max-width:550px) {
    .ssOverlayHeaderText {
        font-size: 9px!important;
        margin-right: 40px;
        }
    }

@media all and (min-width: 351px) and (max-width:450px) {
    .ssOverlayHeaderText {
        font-size: 8px!important;
        margin-right: 40px;
        }
    }

@media all and (max-width:350px) {
    .ssOverlayHeaderText {
        font-size: 8px!important;
        margin-right: 35px;
        }
    }

/* Set hover color for Smart Slider header text to Porchlight Orange */
.ssOverlayHeaderText a:hover {
    color: #FBB161!important;
    }

/* Adjust opacity of background of next and previous arrows on Smart Slider */
.nextend-arrow-next, .nextend-arrow-previous {
    background: RGBA(0,0,0,0.5)!important;
    border-color: RGBA(0,0,0,0.5)!important;
    }

/* Hide navigation dots for device/browser < 501px wide */
@media all and (max-width:500px) {
    .nextend-bullet-bar {
        display:none!important;
        }
    }

/* Limit width of images, especially those we have tagged in Divi Builder */
@media all and (min-width: 750px) and (max-width:980px) {
    .basicImage {
        width: 50%;
        }
    }

@media all and (min-width: 500px) and (max-width:749px) {
    .basicImage {
        width: 75%;
        }
    }

@media all and (max-width:499px) {
    .basicImage {
        width: 100%;
        }
    }

/* Text below thumbnail images at bottom of Home page */
/*
.homeSectionHeader {
    font-size: 32px!important;
    color: #fcb161;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 0px;
    padding-bottom: 3px;
    }

.homeSectionText {
    font-size: 12px;
    color: #6799cc;
    line-height: 1.25em;
    letter-spacing: 1.5px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
*/

@media only screen and (min-width : 981px) {
    .homeSectionHeader {
        text-align: left;
        }
    .homeSectionText {
        text-align: left;
        }
    }

@media only screen and (max-width : 980px) {
    .homeSectionHeader {
        text-align: center;
        }
    .homeSectionText {
        text-align: center;
        }
    }

.homeSectionHeader {
    font-weight: 600;
    font-size: 28px!important;
    color: #6699CC!important;
    margin: -3px 0px 2px 0px;
    padding: 0px 0px 3px 0px;
    }

.homeSectionText {
    font-size: 16px;
    color: #000000;
    line-height: 1.3em;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px;
    }

/* Display the reCaptcha v3 badge by default */
.grecaptcha-badge {
    visibility: visible!important;
    opacity: 1!important;
}

/* Hide the reCaptcha v3 badge on all pages except the Contact form pages (English (81) and Spanish (1339) */
body:not(.page-id-81):not(.page-id-1339) .grecaptcha-badge {
    visibility: hidden!important;
    opacity: 0!important;
}

/* Override settings possibly in Bright plugin (flat-ui.css) */
@media (min-width: 768px) {
  .pagination {
      position: relative!important;
      display: block!important;
      }
  }

/* CSS for carousel */
.porchlightCarousel {
    margin-top:0; 
    padding-top:0;
    }

/* Hide carousel navigation dots for width < 1085px - when only 1 or 2 videos are showing at a time */
/* Reduce bottom padding of each carousel when navigation dots are hidden */
@media only screen and (max-width: 1084px) {
    .amazingcarousel-nav {
        display:none!important;
        }
    .porchlightCarousel {
        padding-bottom: 0px;
        margin-bottom: -15px;
        }
    }

/* Move the next and previous arrows closer to the Wonder Carousel entry frames */
#wonderplugincarousel-1 .amazingcarousel-prev {
    margin-left: -35px!important;
    }

#wonderplugincarousel-1 .amazingcarousel-next {
    margin-right: -35px!important;
    }

/* Set background color for each entry in the Learning Modules Carousel to light gray */
#wonderplugincarousel-1 .amazingcarousel-item-container {
    background-color: #f2f2f2!important;
    }

/* Custom CSS to enable the courses in the Shop module to be response the same way they are on the Shop page */
@media (max-width: 980px)
{
.et_pb_shop ul.products.columns-1 li.product, .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product, .et_pb_wc_related_products ul.products.columns-1 li.product, .et_pb_wc_related_products ul.products.columns-2 li.product, .et_pb_wc_related_products ul.products.columns-3 li.product, .et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_wc_related_products ul.products.columns-5 li.product, .et_pb_wc_related_products ul.products.columns-6 li.product, .et_pb_wc_upsells ul.products.columns-1 li.product, .et_pb_wc_upsells ul.products.columns-2 li.product, .et_pb_wc_upsells ul.products.columns-3 li.product, .et_pb_wc_upsells ul.products.columns-4 li.product, .et_pb_wc_upsells ul.products.columns-5 li.product, .et_pb_wc_upsells ul.products.columns-6 li.product {
    width: 100%!important;
    margin-right: 0%!important;
}
}

/* Set hover-over color for shopping cart icon in top (blue) menu to 100% opaque white */
.site-header-cart:hover > li > a {
    rgba(255,255,255,1.0) !important;
}

/* Adjust opacity of hover over for shop product images in Shop module */
.et_pb_shop .et_overlay {
    background: hsla(210,0%,50%,0.4);
}

/* Adjust opacity of hover over for shop product images on /shop page */
.woocommerce span.et_shop_image .et_overlay {
    background: hsla(210,0%,50%,0.4) !important;
}

/* Reduce the margin at the bottom of the Shop module */
@media all and (min-width: 981px) {
.woocommerce ul.products li.product {
    margin-bottom: 10px;
    }
}

/* Set hover color for "Learn More" and "Learning Modules" buttons on Home page to darker blue #315481  */
.learnMoreButton:hover, .learnModulesButton:hover {background-color:#315481!important;}

/* Disable option to click on image on individual product page and have the image appear in full screen */
.woocommerce-product-gallery__image {
    pointer-events: none;
}

/* Custom CSS for top-level Porchlight University Shop page and module */
@media all and (min-width: 1500px) {
    .et_pb_shop_0 {
        max-width: 80%!important;
        }
    }

@media all and (min-width: 981px) and (max-width:1499px) {
    .et_pb_shop_0 {
        max-width: 90%!important;
        }
    }

@media all and (min-width: 750px) and (max-width:980px) {
    .et_pb_shop_0 {
        max-width: 65%!important;
        }
    }

@media all and (min-width: 500px) and (max-width:749px) {
    .et_pb_shop_0 {
        max-width: 70%!important;
        }
    }

@media all and (max-width:499px) {
    .et_pb_shop_0 {
        max-width: 80%!important;
        }
    }

/* Custom CSS for WooCommerce Product Title and Price on Shop pages */
.woocommerce-loop-product__title {
    font-size: 16px !important;
    line-height: 1.2em;
    }

.woocommerce ul.products li.product .price {
    font-size: 14px !important;
    line-height: 16px;
    }

/* Add margin above course title when stacked below image */
@media screen and (max-width: 775px) {
    .woocommerce div.product .product_title {
        margin-top: 10px;
    }
}

/* Custom CSS for Quantity Widget on Course product pages */
/* Increasing the font size increases the arrow size */
/* Decreasing the height, makes arrows a larger % of the height. */
.woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty {
    font-weight: 500 !important;
    font-size: 28px !important;
    color: #000 !important;
    border-radius: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: rgba(0,0,0,.2) !important;
    height: 40px!important;
    margin-top: 5px;
}

.woocommerce .quantity .qty {
    font-size: 28px!important;
    font-size: 2.8rem!important;
    padding: 0!important;
    width: 2em!important;
    text-align: center;
}


/* Update color of striked out base price (when there's a sale price) from #999999 to #666666 */
.entry-summary p.price del {
    color: #666666 !important;
}

/* Update color of "scroll to top" background from black to PACE light blue #739dd3 */
.et_pb_scroll_top.et-pb-icon {
    background: rgba(115, 157, 211, 0.75);
}

/* Hide the shopping cart icon when it's showing in the Main Menu (Spanish) */
#et-top-navigation a.et-cart-info span {
  font-size: 0;
  display: none;
}

/* Hide page titles on all learning module pages as we need to remove the Toggle Title plugin (it's not being maintained) which was used to hide these titles */
.page-id-1296 .main_title {display: none;}
.page-id-1301 .main_title {display: none;}
.page-id-972 .main_title {display: none;}
.page-id-977 .main_title {display: none;}
.page-id-1981 .main_title {display: none;}
.page-id-1984 .main_title {display: none;}
.page-id-1659 .main_title {display: none;}
.page-id-1662 .main_title {display: none;}
.page-id-1282 .main_title {display: none;}
.page-id-1285 .main_title {display: none;}
.page-id-2165 .main_title {display: none;}
.page-id-2167 .main_title {display: none;}
.page-id-367 .main_title {display: none;}
.page-id-980 .main_title {display: none;}
.page-id-1564 .main_title {display: none;}
.page-id-1567 .main_title {display: none;}
.page-id-1191 .main_title {display: none;}
.page-id-1193 .main_title {display: none;}
.page-id-2331 .main_title {display: none;}
.page-id-2333 .main_title {display: none;}
.page-id-1169 .main_title {display: none;}
.page-id-1173 .main_title {display: none;}
.page-id-2817 .main_title {display: none;}
.page-id-1650 .main_title {display: none;}
.page-id-1653 .main_title {display: none;}
.page-id-2290 .main_title {display: none;}
.page-id-2292 .main_title {display: none;}
.page-id-1062 .main_title {display: none;}
.page-id-1066 .main_title {display: none;}
.page-id-2132 .main_title {display: none;}
.page-id-2134 .main_title {display: none;}
.page-id-2109 .main_title {display: none;}
.page-id-2112 .main_title {display: none;}
.page-id-2157 .main_title {display: none;}
.page-id-2159 .main_title {display: none;}
.page-id-1846 .main_title {display: none;}
.page-id-1849 .main_title {display: none;}
.page-id-1852 .main_title {display: none;}
.page-id-1855 .main_title {display: none;}
.page-id-1082 .main_title {display: none;}
.page-id-1085 .main_title {display: none;}
.page-id-2178 .main_title {display: none;}
.page-id-2180 .main_title {display: none;}
.page-id-1208 .main_title {display: none;}
.page-id-1211 .main_title {display: none;}
.page-id-1950 .main_title {display: none;}
.page-id-1953 .main_title {display: none;}
.page-id-2273 .main_title {display: none;}
.page-id-2275 .main_title {display: none;}
.page-id-1196 .main_title {display: none;}
.page-id-1198 .main_title {display: none;}
.page-id-1878 .main_title {display: none;}
.page-id-1881 .main_title {display: none;}
.page-id-2078 .main_title {display: none;}
.page-id-2081 .main_title {display: none;}
.page-id-1130 .main_title {display: none;}
.page-id-1133 .main_title {display: none;}
.page-id-2201 .main_title {display: none;}
.page-id-2203 .main_title {display: none;}
.page-id-1602 .main_title {display: none;}
.page-id-1606 .main_title {display: none;}
.page-id-1202 .main_title {display: none;}
.page-id-1205 .main_title {display: none;}
.page-id-2097 .main_title {display: none;}
.page-id-2101 .main_title {display: none;}
.page-id-1153 .main_title {display: none;}
.page-id-1157 .main_title {display: none;}
.page-id-1162 .main_title {display: none;}
.page-id-1165 .main_title {display: none;}
.page-id-1961 .main_title {display: none;}
.page-id-1964 .main_title {display: none;}
.page-id-2086 .main_title {display: none;}
.page-id-2089 .main_title {display: none;}
.page-id-2189 .main_title {display: none;}
.page-id-2193 .main_title {display: none;}
.page-id-1137 .main_title {display: none;}
.page-id-1140 .main_title {display: none;}
.page-id-1834 .main_title {display: none;}
.page-id-1838 .main_title {display: none;}
.page-id-2282 .main_title {display: none;}
.page-id-2284 .main_title {display: none;}
.page-id-2226 .main_title {display: none;}
.page-id-2232 .main_title {display: none;}
.page-id-1725 .main_title {display: none;}
.page-id-1728 .main_title {display: none;}
.page-id-369 .main_title {display: none;}
.page-id-990 .main_title {display: none;}
.page-id-363 .main_title {display: none;}
.page-id-983 .main_title {display: none;}
.page-id-213 .main_title {display: none;}
.page-id-921 .main_title {display: none;}
.page-id-1214 .main_title {display: none;}
.page-id-1217 .main_title {display: none;}
.page-id-1639 .main_title {display: none;}
.page-id-1643 .main_title {display: none;}
.page-id-1220 .main_title {display: none;}
.page-id-1224 .main_title {display: none;}
.page-id-365 .main_title {display: none;}
.page-id-987 .main_title {display: none;}
.page-id-1014 .main_title {display: none;}
.page-id-1018 .main_title {display: none;}
.page-id-2170 .main_title {display: none;}
.page-id-2172 .main_title {display: none;}
.page-id-1932 .main_title {display: none;}
.page-id-1935 .main_title {display: none;}
.page-id-1429 .main_title {display: none;}
.page-id-1427 .main_title {display: none;}
.page-id-1392 .main_title {display: none;}
.page-id-1390 .main_title {display: none;}
.page-id-1406 .main_title {display: none;}
.page-id-1404 .main_title {display: none;}
.page-id-1449 .main_title {display: none;}
.page-id-1447 .main_title {display: none;}
.page-id-1414 .main_title {display: none;}
.page-id-1412 .main_title {display: none;}
.page-id-1433 .main_title {display: none;}
.page-id-1431 .main_title {display: none;}
.page-id-1441 .main_title {display: none;}
.page-id-1439 .main_title {display: none;}
.page-id-1394 .main_title {display: none;}
.page-id-1396 .main_title {display: none;}
.page-id-1410 .main_title {display: none;}
.page-id-1408 .main_title {display: none;}
.page-id-1326 .main_title {display: none;}
.page-id-1346 .main_title {display: none;}
.page-id-1362 .main_title {display: none;}
.page-id-1360 .main_title {display: none;}
.page-id-1457 .main_title {display: none;}
.page-id-1455 .main_title {display: none;}
.page-id-1398 .main_title {display: none;}
.page-id-1343 .main_title {display: none;}
.page-id-1402 .main_title {display: none;}
.page-id-1400 .main_title {display: none;}
.page-id-1372 .main_title {display: none;}
.page-id-1370 .main_title {display: none;}
.page-id-1437 .main_title {display: none;}
.page-id-1435 .main_title {display: none;}
.page-id-1445 .main_title {display: none;}
.page-id-1443 .main_title {display: none;}
.page-id-1453 .main_title {display: none;}
.page-id-1451 .main_title {display: none;}
.page-id-1461 .main_title {display: none;}
.page-id-1459 .main_title {display: none;}
.page-id-1465 .main_title {display: none;}
.page-id-1463 .main_title {display: none;}