/*
 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.18
*/

@import url("../Divi/style.css");
/* Theme customization starts here
-------------------------------------------------------------- */

/* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
@media only screen and (orientation: landscape) {
    html {-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} 
    }

/* Set background of Home page to black */
body.home {background-color: black!important;}

/* Code to implement pinch and zoom on various browsers (for touchscreen, tablet and phone). In addition to code in the functions.php file */
@viewport { width: device-width; user-zoom: zoom; min-zoom: 1.0; max-zoom: 2.5;}
@-ms-viewport { width: device-width; user-zoom: zoom; min-zoom: 1.0; max-zoom: 2.5;}
@-o-viewport { width: device-width; user-zoom: zoom; min-zoom: 1.0; max-zoom: 2.5;}
@-moz-viewport { width: device-width; user-zoom: zoom; min-zoom: 1.0; max-zoom: 2.5;}
@-webkit-viewport { width: device-width; user-zoom: zoom; min-zoom: 1.0; max-zoom: 2.5;}

/* Hide page titles */
.page-id-48 .main_title {display: none;}  /* Washington's Letter => George Washington's Letter */
/* .page-id-52 .main_title {display: none;} */ /* A Personal Story => From Bullied to Builder - showing this now. */
.page-id-60 .main_title {display: none;}  /* Loeb Institute => The Loeb Institute for Religious Freedom at George Washington University */
.page-id-265 .main_title {display: none;}  /* General => Page Not Found */

/* Inline quote style */
.LVCQuote {
    font-family: KoblenzSerial-BoldItalic;
 /*   color: #7a5d88; */
     color: #575757;
    }

/* Adjust location of mobile menu bar in right top of top black bar. Will scroll out of view when you scroll page to allow all of dropdown menu to show */
/* Display mobile menu in top black bar that contains "Loeb Visitors Center" text */

@media all and (max-width: 980px) {
    .mobile_menu_bar {
        display: block;
        position: absolute !important; 
        line-height: 0;
        right: 46px;
        }

    .mobile_menu_bar:before {
        position: absolute !important;
        top: 0 !important;
        right: 0;
        font-size: 32px;
        content: "\61";
        cursor: pointer;
     /*   font-family: KoblenzSerial,"Open Sans", Arial, sans-serif; */
        font-style: normal;
        color:#FFFFFF !important; 
        }
    }

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

/* This is the CSS for the mobile menu dropdown */
#main-header .et_mobile_menu {
    background-color: rgba(122, 93, 136, 0.9)!important; 
    margin-top: 38px !important; 
    width: 200px;
    }

#main-header .et_mobile_menu li ul {
    display: block !important;
    visibility: visible !important;
    padding-left: 20px;
    padding-right:20px;
    width: 200px;
    }

/* Set gold top border 100% opaque for mobile drop-down menu */
.et_mobile_menu {
    border-top: 3px solid #b0a65e;
    -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;
    }

/* Adjust location of top of mobile menu dropdown to be just below the mobile menu bar.  */
@media all and (max-width: 980px) {
    .et_mobile_menu {
        top: 0; 
        position: absolute !important;
        left: -135px!important; /* JDS: Updated -160% to -100% to -135px  */
        }
    }

/* Adjust location of menu items in mobile menu */
.et_mobile_menu li a {
    display: block;
    padding: 5px 5%;
    }

/* Special styles to increase top margin and decrease top margins for certain header text when viewed on mobile or narrow browser */

@media all and (max-width: 980px) {
    .et_pb_row, .et_pb_column .et_pb_row_inner {
        margin-bottom: 5px !important;
        padding-top: 10px !important;
        }
    .et_pb_column.et_pb_column_4_4.et_pb_column_0 {
        margin-bottom: 5px !important;
        padding-top: 15px !important;
        }
    .et_pb_row .et_pb_row_2 {
        margin-bottom: 5px !important;
        padding-bottom: 5px !important;
        }
    .et_pb_section .et_pb_row, .et_pb_section.et_section_specialty .et_pb_row {
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
        }
    .et_pb_column {
        margin-bottom: 5px !important;
        }
    }

/* CSS to remove the white and black bars that appear below the Home page slider on < 981 */
.home .et_pb_row_0, .home .et_pb_row_0 .et_pb_column_0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    }

/* Purple Header Bar Definition */

/* Set opacity of top menu bar (whether purple or black) to 100% */
#main-header {opacity: 1.0;}

/* Main Header (top menu) is purple and below LVC top black strip for width 981 and greater */
@media all and (min-width: 981px) {
    #main-header {
        background-color:#7a5d88 !important;
        top: 78px!important;
        height: 31px;
        }
    }

/* Main Header (top menu) is black and at the top of the page for width 980 and less  */
@media all and (max-width: 980px) {
    #main-header {
        background-color:black !important;
        top: 0!important;
        height: 45px;
        }
    }

/* Adjust top margin of main area so that the top of the Home page slider is flush with the bottom of the gold menu bar */
/* Move Home Page Slider Up when mobile menu is showing and Top Black Bar is not as tall */
/* This really moves page content on all pages up */
@media all and (min-width: 981px) {
    #et-main-area {
        margin-top: -30px;
        }
    }

@media all and (max-width: 980px) {
    #et-main-area {
        margin-top: -15px;  /* JDS: was -30px */
        }
    #page-container {
        padding-top: 45px!important;
        }
    }

/* As of 5-12-2022, need to move the Home page slider top up even farther - only on Home page */
@media all and (min-width: 981px) {
    .page-id-94 #et-main-area {
        margin-top: -61px!important;
    }
}

@media all and (max-width: 980px) {
    .page-id-94 #et-main-area {
        margin-top: -71px!important;
    }
}


/* Font Settings for body text */
body {
    font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
    font-weight: normal;        /* JDS: was 500 */
    font-size: 15px;            /* JDS: Default is 14px */
    color: #575757 !important;  /* JDS: Default is #666666 */
    }

	
/* Increase body text from 14px -> 15px. Make text color darker: #666666 -> #575757 */
body {font-size: 15px; color: #575757 !important; }

#top-header .container {
    font-weight: 500;  /* JDS: was 600 */
    }

/* Set font for "Loeb Visitors Center" text */
.topGoldHeaderText {
    font-family: TiepoloStd-Bold, Serif!important;
    }

/* Set font for "Touro Synagogue National Historic Site, Newport, RI" in header */
.LVCTitleDescription {
    font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
    }

/* Set font for "Celebrating America's Invention of Religious Freedom" text in purple header */
.LVCTagLine {
    font-family: TiepoloStd-BoldItalic, Serif;
    }

/* Adjust margins of main container depending on browser or device width */
/* Also display LVCTagLine for wide ("Celebrating...") and LVCTitleNarrow ("Loeb Visitors Center") for < 981 */

@media all and (min-width: 981px) {
    .siteHomeLink  {
    /*    margin-left:60px; */
        }
    #et-main-area {
        margin-left:60px;
        margin-right:60px;
        }
    #et-secondary-menu {
        margin-right:60px;
        }
    #top-menu-nav {
        margin-right:30px;
        padding-right:0;
        float:right;
        }
    .LVCTagLine {
        margin-left:60px;
        color: white;
        font-size: 20px;
        line-height: 1.4em;
        }
    .LVCTitleNarrow {
        display:none;
        }
    }

@media all and (max-width: 980px) {
    #et-main-area {
        margin-left:25px;
        margin-right:25px;
        }
    #top-menu {
        margin-right:25px;
        }
    .LVCTagLine {
        display:none;       
        }
    .LVCTitleNarrow {
        display:block;
        top: 0;
        }
    }

/* Top Nav Menu Styles */
.et_menu_container {
    margin-top:-25px!important;
    }

/* Header Styles */
h1 {font-size: 32px;}  /* Updated from 30px */

h2 {font-size: 24px;}  /* Updated from 26px */

/* Update header text color from #333 to #4D4D4D -> #575757*/
/* Increase default line height from 1em to 1.15em*/
h1, h2, h3, h4, h5, h6 {
    color: #575757;
    line-height:1.1em;
    }

.LVCPageDiv {
    margin-bottom:20px;
    }

.LVCHeader {
/*    font-family: KoblenzSerial-Bold; */
    font-weight:bold; 
    margin-top: 5px;
    }

.LVCItalic {
    font-family: KoblenzSerial-Italic;
    }

.LVCPara {
    }

/* Force line-height for text in tabs to match line height in "LVCPara" and the rest of the site */
.et_pb_tab_0 p, .et_pb_tab_1 p, .et_pb_tab_2 p, .et_pb_tab_3 p, .et_pb_tab_4 p {
    line-height: 1.7em!important;  /* was 2em */
    }

.LVCReadMoreLink {
  /*  font-family: KoblenzSerial-Bold; */
    font-weight:bold;
    letter-spacing: 0.5px;
    }

.LVCHighlighted {
  /*  font-family: KoblenzSerial-Bold; */
    font-weight:bold;
    }

.LVCPressReleaseDate {
    font-family: KoblenzSerial-Italic;
    }

.religiousFreedomInitiativesSubHeader {
    font-weight:bold;
    margin-top:30px;
    }


/* Custom Style for logos on "Religious Freedom Initiatives" Page */

@media screen and (min-width: 776px) {
    .religiousFreedomInitiativesLogo {
        margin-top:30px;
        margin-left:0;
        }
    .religiousFreedomInitiativesPara, .religiousFreedomInitiativesSubHeader {
        margin-left:-2%;
        }
    }

@media screen and (max-width: 775px) {
    .religiousFreedomInitiativesLogo {
        display: block;
        width:60%;
        height:auto;
        margin-left:0;
        margin-top:30px;
        margin-bottom: -30px;
        }
    .religiousFreedomInitiativesPara, .religiousFreedomInitiativesSubHeader {
        margin-left:0;
        }
    }

/* Custom Style for Calendar Thumbnail Images on "Visit" page */
@media screen and (max-width: 775px){
    .LVCCalendarThumbnail {display:block;width:50%!important;min-width:150px;margin-left:0;float:none;clear:both;}
    }

/* Custom style for header on "Page Not Found" page */
@media all and (max-width: 980px)  {
.pageNotFoundHeader {
    margin-top: -30px;
    }
}

/* Set Hover for all links to LVC hover color (#9a914c) */
a:hover {color:#9a914c !important;}

/* Links in text - sitting color is purple, blue on hover-over */
a.LVCLink:link, a.LVCItalicLink:link, a.LVClink:link, a.LVCReadMoreLink:link {color:#7a5d88;}
a.LVCLink:visited, a.LVCItalicLink:visited, a.LVClink:visited, a.LVCReadMoreLink:visited {color:#7a5d88;}
a.LVCLink:hover, a.LVCItalicLink:hover, a.LVClink:hover, a.LVCReadMoreLink:hover {color:#3333cc !important;}
a.LVCLink:active, a.LVCItalicLink:active, a.LVClink:active, a.LVCReadMoreLink:active {color:#3333cc!important;}

.LVCLink, .LVClink, .pagelink {
 /*   font-family: KoblenzSerial-Bold; */
    font-weight: bold;
    letter-spacing: 0.5px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    }

.LVCItalicLink {
    font-family: KoblenzSerial-BoldItalic;
    overflow-wrap: break-word;
    word-wrap: break-word;
    }
    
/* Set hover and selected for secondary menu items to border-bottom black */
#et-secondary-nav a:hover {
    color: black!important;
    border-bottom: 3px black solid;
    }
#et-secondary-nav a:active {
    color: black;
    border-bottom: 3px black solid;
    }
#et-secondary-nav li.current-menu-item > a {
    color: black;
    border-bottom: 3px black solid;
    }

.commentBody {font-family: KoblenzSerial-Italic;}

/* "Loeb Visitors Center" title at top of page */
a.siteHomeLink:link {color:#b0a65e;}
a.siteHomeLink:visited {color:#b0a65e;} 
a.siteHomeLink:hover {color:#9a914c!important;}
a.siteHomeLink:active {color:#9a914c;}

/* Linked text - color is set in theme options in WP admin */
.boldLink {
/*    font-family: KoblenzSerial-Bold; */
    font-weight:bold; 
    letter-spacing: 0.5px;
    }

/* Horizontal Line Styles */

/* Simple horizontal lines */
.simpleHR1 {
    margin-bottom:20px;
    }

/* Stylized horizontal lines */
.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: 0; padding-bottom: 0;
    margin-top: 5px !important; margin-bottom: 10px;
    }

.hrStyle2 {
    display:block;
    color:white;
    border-width:1px;
    margin-top:10px!important;
    margin-right:25px!important;
    margin-bottom:20px!important;
    margin-left:25px!important;
    }

.hrStyle3 {
    display:block;
    color:white;
    border-width:1px;
    margin-top:10px!important;
    margin-right:0px!important;
    margin-bottom:30px!important;
    margin-left:0!important;
    }

/* Non-linked bold text */
/* Text in color other than link color (LVC Gold #b0a65e) Initial setting, darker gold: #9a914c */
.highlightedText {
    color:#9a914c;
/*    font-family: KoblenzSerial-Bold; */
    font-weight:bold; 
    letter-spacing: 0.5px;
    }

.mailto-link {
/*    font-family: KoblenzSerial-Bold; */
    font-weight:bold; 
    letter-spacing: 0.5px;
    }

/* Style of black background header at very top of each page with "Loeb Visitors Center ... Touro Synagogue National Historic Site, Newport, RI" */
/* Hide initial black bar for browser or device width 980px and less and show top menu bar, morphed from purple and "Celebrating..." to black and "Loeb Visitors Center"  */

@media all and (min-width: 981px)  {
    .topBlackHeaderStrip {
        background-color: black !important;
        position: fixed; 
        height: 78px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1001;
        margin-top: 0;
        margin-bottom: 0;
        }
    }

@media all and (max-width: 980px)  {
    .topBlackHeaderStrip {
        background-color: black !important;
        position: fixed; 
        height: 45px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1001;
        margin-top: 0;
        margin-bottom: 0;
        }
    .home .topBlackHeaderStrip {
        border-bottom: 1px solid #b0a65e; /* Add bottom gold strip on home page narrow to separate when scrolling down to thumbnails with black background */
        }
    }

/* Style of website title in top black bar, title descriptive text, and black text in gold bar below Home page slider */

@media all and (min-width: 1250px)  {
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 26px;
        text-align:center;
        color:black;
        margin-top: 1px;
        padding-top:10px;
        margin-left:60px;
        margin-right:60px;
        }
     }

@media all and (min-width: 1152px) and (max-width: 1249px) {
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 24px;
        text-align:center;
        color:black;
        margin-top: 1px;
        padding-top:10px;
        margin-left:60px;
        margin-right:60px;
        }
     }

@media all and (min-width: 1100px) and (max-width: 1151px) {
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 22px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:12px;
        margin-left:60px;
        margin-right:60px;
        }
     }

@media all and (min-width: 981px) and (max-width: 1099px) {
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 20px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:13px;
        margin-left:60px;
        margin-right:60px;
        }
     }

@media all and (min-width: 981px)  {
    .topGoldHeaderText {
        font-size: 2.5rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1.65em;
        text-align:left;
        margin-top: 19px;
        margin-left: 60px;
        }
    .LVCTitleDescription {
        font-size: 1.1rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1.2em;
        float:right;
        margin-top: 29px;
        margin-right: 60px;
        }
     }

@media all and (min-width: 829px) and (max-width: 980px) {
    .topGoldHeaderText {
        font-size: 2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 6px;
        margin-left: 25px;
        } 
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 18px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:14px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 742px) and (max-width: 828px) {
    .topGoldHeaderText {
        font-size: 2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 6px;
        margin-left: 25px;
        } 
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 16px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:18px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 600px) and (max-width: 741px) {
    .topGoldHeaderText {
        font-size: 2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 7px;
        margin-left: 25px;
        } 
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 16px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:10px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 551px) and (max-width: 599px) {
    .topGoldHeaderText {
        font-size: 2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 7px;
        margin-left: 25px;
        } 
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 16px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:10px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 500px) and (max-width: 550px) {
    .topGoldHeaderText {
        font-size: 2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 7px;
        margin-left: 25px;
        } 
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 16px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:10px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 450px) and (max-width: 499px) {
    .topGoldHeaderText {
        font-size: 2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 6px;
        margin-left: 25px;
        } 
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 16px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:10px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 388px) and (max-width: 449px) {
    .topGoldHeaderText {
        font-size: 1.75rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 7px;
        margin-left: 25px;
        }  
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 14px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:10px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 341px) and (max-width: 387px) {
    .topGoldHeaderText {
        font-size: 1.5rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1.1em;
        text-align:left;
        margin-top: 8px;
        margin-left: 25px;
        }
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 12px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:14px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (min-width: 301px) and (max-width: 340px) {
    .topGoldHeaderText {
        font-size: 1.2rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1.3em;
        text-align:left;
        margin-top: 9px;
        margin-left: 25px;
        }
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 12px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:14px;
        margin-left:25px;
        margin-right:25px;
        }
    }

@media all and (max-width: 300px) {
    .topGoldHeaderText {
        font-size: 0.75rem;
        font-weight: normal;
        color: #b0a65e !important;
        line-height:1em;
        text-align:left;
        margin-top: 14px;
        margin-left: 25px;
        }
    .LVCTitleDescription {
        display:none;
        }
    .LVCSliderTagline {
        background-color:#b0a65e;
        font-size: 11px;
        text-align:center;
        color:black;
        margin-top:1px;
        padding-top:10px;
        margin-left:25px;
        margin-right:25px;
        }
    }

/* Hide white space above Home page slider gold tagline area ("Explore how the story...") for browser width 980px and less */
@media all and (max-width: 980px) {
    .homePageSliderTaglineArea {
          margin-top: -15px;
        }
    }

/* CSS to allow gold background of Home Page Slider tagline area to extend to full-width. Also add padding bottom so that thumbnails below aren't overlapping bottom of gold bar */
/* Shift bottom of Home Page Slider on < 981px up 3 px */

@media all and (min-width: 981px) {
    .home .et_pb_section_1 {
        margin-left: -60px;
        margin-right: -60px;
        padding-bottom: 10px!important; 
        }
    }

@media all and (max-width: 980px) {
    .home .et_pb_section_1 {
        margin-left: -25px;
        margin-right: -25px;
        margin-top: -3px;
        padding-bottom: 10px!important; 
        }
    }

/* Adjust font size of page title according to browser width */

@media all and (min-width: 981px) {
    .customPageTitle {
        font-size: 30px;
        color: #333;
        line-height: 1em;
        }
    }

@media only screen 
and (min-width : 681px) 
and (max-width : 980px) {
    .customPageTitle {
        font-size: 26px;
        color: #333;
        line-height: 1.1em;
        padding: 10px 0 10px 0;
        }
    }

@media only screen 
and (min-width : 481px) 
and (max-width : 680px) {
    .customPageTitle {
        font-size: 24px;
        line-height: 1.2em;
        color: #333;
        padding: 7px 0 7px 0;
        }
    }

@media all and (max-width: 480px) {
    .customPageTitle {
        font-size: 18px;
        color: #333;
        line-height: 1.2em;
        padding: 5px 0 5px 0;
        }  
    }

/* Hide secondary menu (gold bar) on Home page */
.home #top-header {
    display: none; 
    }

/* Hide black background of top nav when on mobile - need to change for LVC */

/* JDS: 1-8-2016: Center Search field vertically in the top nav menu bar when you scroll down the page (updated from -50px to -32px to 0px) */
.et-fixed-header .container.et_search_form_container.et_pb_search_visible .et-search-field {
    margin-top: 0;
    }

/* Adjust styles so that secondary menu items are fully selectable */
div#et-top-navigation {
    position: relative;
    top: 32px;
    padding-top: 0 !important;
    }
.et_header_style_left .logo_container {
    top: 20px;
    }


/* Adjust style so that top menu bar (purple) items vs. secondary menu bar (gold) items are selectable at the correct time */
ul#top-menu li>a {
    padding-bottom: 0 !important;
    }
.et_header_style_left .logo_container {
    top: 27px;
    }

ul#top-menu li>a:first-child {
    padding-bottom: 10px !important;
    }
#main-header .nav li ul {
    top: 100% !important;
    }

/* Set top border of dropdown menu to black instead of original teal */
.nav li ul {
    border-top: 3px solid black;
    }

/* Set opacity of search form to 100% */
.et-search-form {opacity: 1.0;}

/* Insert 5px between left edge of search field and first letter typed. */
.et-search-form input {
    padding-left: 5px;
    }

/* Adjust top of dropdown menu so that it is flush with the bottom of the top menu bar (purple) */
/* Set the background to partially transparent and text will remain 100% opaque  */

#main-header .nav li ul {
    top: 23px!important; /* Updated 21px to 23px so that black top border of dropdown menu is below purple bar */
    background-color: rgba(122, 93, 136, 0.9) !important; 
    z-index: 9999!important; 
    }

#top-header {
    z-index: 9999!important;
    }

/* Prevent text in top menu (purple bar) from scrolling up when you scroll down the page */
@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { 
    padding-top: 33px;
    }
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { 
    padding-bottom: 33px;
    }
}

/* Adjust location of top nav bar and adjust opacity as you scroll down the page. Commented out now as we want to lock the purple top nav bar below the black bar after scrolling */
/*
.et-fixed-header {
    margin-top: 65px!important;
    }
*/

/* Define top menu */
#top-menu {
    margin-top:-1px;
    }

/* Add space between menu items in top menu (purple) */
#top-menu li {
    padding-right: 30px;
    }

/* Reduce space between menu items in dropdown menu and also reduce light-height to tighten up text in menu items that wrap to more than one line */
#top-menu li li a {
    padding: 5px 15px;  /* JDS: Was: 6px 20px; */
    line-height: 1.6em;
    }

/* Make hover color of dropdown menu items for top nav darker: Updated from #7a5d88 to #6c5379  */
#top-menu li li a:hover {
  /*  background-color: #6c5379; */
    background-color: rgba(108, 83, 121, 0.9) !important; 
    }

/* Add space between menu items in secondary menu (gold) */
#et-secondary-nav li {
    padding-right: 20px;
    }

/* Adjust right margin of the secondary menu (gold) from 70px -> 40px so that it will align right with the top menu. 40px = 60px - 25px padding. */
#et-secondary-menu {
    margin-right: 35px;
    }

/* Define secondary menu (gold background) */
#top-header, #et-secondary-nav li ul {
    position: fixed;
    margin-top: 109px;
    height: 42px;
    background-color: #b0a65e;
    } 

/* Set font-weight for top nav */
#et-top-navigation {
    font-weight: 500; /* JDS: was 600 */
    }

#et-secondary-nav a {
    color: black;
    margin-top:5px;
    font-family: KoblenzSerial,"Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    } 

/* Set text color of top nav menu items to white and 100% opaque */
#top-menu a {
    font-family: KoblenzSerial,"Open Sans", Arial, sans-serif;
    font-style: normal;
    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;
    }

/* Menu items - text color white, 100% opaque. */
.nav li, .nav li li, .nav li ul, .nav li li ul, .nav li li a, .et_mobile_menu li a {
    font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
    font-style: normal;
    color:white!important;
    background-color: transparent;
  /*  -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; */
    }

/* Set current menu item to black and 100% opaque */
#top-menu li.current-menu-item > a, .et_mobile_menu li.current-menu-item > a  {
    color: black !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;
    }

.et-fixed-header #top-menu li.current-menu-item > a {
    color:black!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;
    }

/* Set Hover color in top menu items to LVC gold */
#top-menu a:hover, .et_mobile_menu li a:hover {
    color:#b0a65e!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 Integration field. */

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

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

/* Add padding above menu items to center them vertically  */
#main-header nav#top-menu-nav {
    padding-top: 3px;
    }

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

/* Set hover over color for search icon to LVC Gold */
#et_search_icon:hover:before {color: #b0a65e !important;}

/* Adjust page content to start at top of page below all 3 top strips: black header, purple primary nav, and gold secondary nav - need to calculate the correct value. */
@media all and (min-width: 981px)  {
   .home #main-content {
        margin-top: 170px;
        padding-top: 0;
        margin-bottom: 5px;
        }
    #main-content {
        margin-top: 135px;
        padding-top: 0;
        margin-bottom: 5px;
        }
    }

@media all and (max-width: 980px) {
    .home #main-content {
        margin-top:  55px;
        padding-top: 0;
        margin-bottom: 15px;
        }
    #main-content {
        margin-top:  40px;
        padding-top: 0;
        margin-bottom: 15px;
        }
    }

/* Adjust margin above and below page title. Margin-bottom was 20px - check these */
@media all and (min-width: 981px)  {
    .main_title {
        margin-bottom: 10px;
        }
    }

@media all and (max-width: 980px) {
    .main_title {
        margin-top: -10px; 
        margin-bottom: 10px;
        }
    }


/* JS: 1-8-2016 - Force text in Search field in top nav to remain visible even when you scroll down the page */
.container.et_search_form_container.et_pb_search_visible .et-search-field {
    color: #4D4D4D !important;
    }

/* 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 */
/* JDS - 8-1-2016 comment out */
/*
.custom-search .et-search-form {
    top: 0;
    display: none;
    z-index: 1000;
    background: #fff;
    padding: 1px;
    border: none;
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;
    }
*/

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

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

.custom-search .et-search-form input {
    padding: 6px;
    font-size: 14px;
    background-color:transparent;
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    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;
    border: 1px solid #4D4D4D !important;
    }

/* Magnifying Glass Character to display on right of Search Field - JDS 8-1-2016 comment out as this was for Porchlight */
/*
.search-block:after {
    content: "\55";
    font-size: 28px;
    position: absolute;
    right:-40px;
    top:9px;
    font-family: 'ETmodules';
    color: #4D4D4D;
    }
*/

.search-block .et-search-form {width:100%;} 
.search-block .custom-search .et-search-form input {width:100%;}
/* Adjust height of "Search" field in Google Chrome */
/* JDS: Restore this as commenting out didn't fix issue with IE */

/*ET Update*/
input.et-search-field {bottom: auto !important;}

@media only screen and (min-width: 981px) { 
    /* ET Update IE fix */
    .ie input.et-search-field {bottom: 0 !important;}
    .ie input.et-search-field {top: 0 !important;}
    }

/* CSS to adjust alignment of close "X" for "Search" field when viewed in Chrome and Internet Explorer */
@media only screen and (max-width: 980px) {
        span.et_close_search_field {
        bottom: auto;
        }
    }

/* Set left margin to "auto" for narrow browser and devices */
/* For Porchlight Site: 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 post title in search results to link color */
.et_pb_post h2 a, .et_pb_portfolio_item h3 a {
    color: #4677b7;
    }

/* Column Layouts 
-------------------------------------------------------------- */
@media screen and (min-width: 776px){
    .one_half{width:48%;}
    .one_half_narrow {width:46%;}
    .one_third{width:30.66%;}
    .two_third{width:65.33%;}
    .one_fourth{width:22%;}
    .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%;}
    .one_seventh{width:10.8%;}
    .custom_column{position:relative;margin:0;float:left;}
    .one_half,.one_half_narrow,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth,.one_seventh {position:relative;margin-right:4%;float:left;min-height:1px;margin-bottom:0;}
    .last{margin-right:0!important;clear:right;} 
    }

/* NOTE: These styles must be included and updated in the "Custom CSS" field in the Wordpress admin backend as they are overriding the styles in Divi/epanel/shortcodes/css/shortcodes.css which comes last */
@media screen and (max-width: 775px){
    .one_half, .one_half_narrow, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .one_seventh {
        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;}
    }

@media screen and (min-width: 701px){
    .one_fifth_thumb {width:16.8%;}
    .one_fifth_thumb {position:relative;margin-right:4%;float:left;min-height:1px;margin-bottom:0;}
    .last_thumb{margin-right:0!important;clear:right;} 
    }

@media screen and (max-width: 700px){
    .one_fifth_thumb {
        display:block;width:50%!important; margin-right:auto;margin-left:auto;margin-bottom:20px;float:none;clear:both;
        }
    .last {margin-right: auto !important; margin-left: auto !important;}
    }

/* Divi five columns wrap css code (responsive) */
@media all and (min-width: 981px) {
    .my-wrap-5 .et_pb_module:nth-child(-n+4) {
        width: 19.2% !important;
        margin-right: 1% !important;
        margin-left: 0 !important;
        float: left;
        }
    .my-wrap-5 .et_pb_module:last-child {
        width: 19.2% !important; 
        margin-right: 0 !important;
        margin-left: 0 !important;
        float: left;
        }
    }

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

/* Center Image */
img.centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    }

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

.floatLeftImage {
    float: left;
    width: 45%;
    height: auto;
    padding: 0 20px 10px 0;
    }

.floatRightImage {
    float: right;
    width: 45%;
    height: auto;
    padding: 0 0px 10px 20px;
   }

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

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

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

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

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

/* 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%;
        }
    }

/* Float left image - for "A Personal Story" and "Ambassador John Loeb" pages */
.ambassadorFloatLeftImage {
    float: left;
    height: auto;
    padding: 0 20px 10px 0;
    margin-top:5px;
    }

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

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

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

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

/* CSS for Emma Lazarus inset box on "Ambassador Loeb" page */
.emmaLazarusBox {
    margin:0px 0px 15px 15px;
    border:5px ridge #f2f2f2;
    }

@media all and (min-width: 1500px) {
    .emmaLazarusBox {
        float:right;
        width: 33%;
        }
    }

@media all and (min-width: 1000px) and (max-width:1499px) {
    .emmaLazarusBox {
        float:right;
        width: 40%;
        }
    }

@media all and (min-width: 750px) and (max-width:999px) {
    .emmaLazarusBox {
        float:right;
        width: 50%;
        }
    }

@media all and (max-width:749px) {
    .emmaLazarusBox {
        float:right;
        width: 100%;
        }
    }

/* Custom float left image for publications images on "Other Religious Freedom Initiatives" page */
.pubsImage{
    float: left;
    height: auto;
    padding: 0 20px 10px 0;
    margin-top:5px;
    }

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

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

@media all and (min-width: 350px) and (max-width:999px) {
    .pubsImage{
        width: 30%;
        }
    }

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

/* CSS for "News" Page and Posts */

.blogAndNewsHeader {
    margin-top:15px;
    margin-left:0px;
    margin-right:0px;
    }

.single .post h1 {
    margin-left: 0;
    }

.single .et_pb_post .post-meta {
    margin-left: 0;
    }

.et_pb_post .entry-content, .project .entry-content {
    padding-top: 0px;
    }

.et_pb_post {
    margin-bottom: 35px;  /* Default was 60px */
    }

/* Update capitalization of "read more" link to "Read More" */
a.more-link { text-transform: capitalize; }

.blogNewsImages {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:auto;
    }

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

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

.clearboth {width:100%;height:0;line-height:0;font-size:0;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: 0; padding-bottom: 0;
    margin-top: 20px; margin-bottom: 20px;
    }

.imageCaption {
    font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
    font-size:12px;
    line-height:1.6em;
    text-align:center;
    margin-top: 3px;
    }

@media all and (max-width: 980px) {
    .mobileLogoImage {
        float: left;
        padding: 0 14px 10px 0;
        }
    }

/* Hide empty paragraphs - corrects extra space below images and above captions */
p:empty {
    display: none !important;
    }

/* Reduce padding on right of logo in narrow browser width */
@media all and (max-width: 560px) {
    .mobileLogoImage {
        padding-right: 8px;
        }
    }

@media all and (min-width: 981px) {
    .mobileLogoImage {
        display:none;
        }
    }

/* Custom CSS for lists */
ul.LVCList, ol.LVCList {
    list-style-position: outside!important;
    margin-left: 30px;
    }

.LVCList li {
    margin-bottom:7px;
    }

/* Styles for the Contact Us page */
.contactUsAddress {
    font-weight: normal;
    line-height: 0.5em;
    margin-top: 0;
    margin-bottom: 0.3em;
    }

@media all and (min-width: 780px) and (max-width: 1342px) {
    .contactUsAddressHeader {
        line-height:1.2em;
        }
    }

@media all and (max-width: 430px) {
    .contactUsAddressHeader {
        line-height:1.2em;
        }
    }

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

/* Adjust fields on Contact Us Form */

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

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

/* Reduce size of ReCaptcha box so fully visible at narrowest browser width */
@media all and (max-width: 350px) {
    .g-recaptcha {
        transform: scale(0.60);
        transform-origin: 0 0 0;
        }
    }

@media all and (min-width: 351px) {
    .g-recaptcha {
        transform: scale(0.95);
        transform-origin: 0 0 0;
        }
    }

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

/* 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 */

/* Adjust top margin of Home page slider element - not sure why needs to be higher when mobile menu is visible */

@media all and (min-width: 981px) {
    .rev_slider_wrapper {
        margin-top: -31px !important; 
        margin-bottom: -31px !important;
        }
    }

@media all and (max-width: 980px) {
    .rev_slider_wrapper {
        margin-top: -34px !important; 
        margin-bottom: -34px !important;
        }
    }

/* Styles for Home page thumbnails */

/* Hide thumbnail section for widths 400 and less */
/*
@media all and (max-width: 400px) {
    .thumbnail_section {display:none;}
    }
*/

/* Adjust padding top and bottom for section - depending on width of browser/device */

.thumbnail_module {
    background-color:black;
    margin-left:0;margin-right:0;
    }

@media all and (min-width: 1101px) {
    .thumbnail_module {
        padding:30px 0 30px 0;
        }
    }

@media all and (min-width: 901px) and (max-width: 1100px) {
    .thumbnail_module {
        padding:30px 0 20px 0;
        }
    }

@media all and (min-width: 701px) and (max-width: 900px) {
    .thumbnail_module {
        padding:30px 0 10px 0;
        }
    }


@media all and (min-width: 201px) and (max-width: 700px) {
    .thumbnail_module {
        padding:30px 0 5px 0;
        }
    }

/* Display 5 across w/captions for width >= 401. Display 3 in one row and 2 in the next for width 201 - 400. Display captions only for =< 200 */
/* Only display appropriate DIV (one of the following) */


@media all and (min-width: 801px) {
    .thumbnails_wide {display:block;}
    .thumbnails_narrow {display:none;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
    }

@media all and (max-width: 800px) {
    .thumbnails_wide {display:none;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
    .thumbnails_narrow {display:block;}
    }

/* Reduce thumbnail caption text size for narrower width browser/devices */
@media all and (min-width: 775px) {
    .homeThumbnailsCaption {
        font-size:14px;
        line-height:1.5em;
        text-align:center;
        margin-top: 4px;
        }
    }

@media all and (min-width: 551px) and (max-width: 774px) {
    .homeThumbnailsCaption {
        font-size:12px;
        line-height:1.2em;
        text-align:center;
        margin-top: 4px;
        }
    }

@media all and (min-width: 401px) and (max-width: 550px) {
    .homeThumbnailsCaption {
        font-size:10px;
        line-height:1.1em;
        text-align:center;
        margin-top: 4px;
        }
    }

/* Add inset shadow at top */
#main-footer {
    width:100%;
    clear: both;
    -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);
    background: rgba(0, 0, 0, 1.0) none repeat scroll 0 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;
    }

/* 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 */

/* Increase height of footer to 150% previous: padding: 15px 0 5px; -> padding: 26px 0 24px; ->  padding: 0px 0 24px; */
#footer-bottom {
    padding: 0 0 24px; 
    background: none;
    }

/* Set footer info font */
#footer-info a {
  /*  font-family: KoblenzSerial-Bold; */
    font-weight:bold;
    letter-spacing: 0.5px;
    }

/* Adjust the footer so that there isn't any space above it (now that we have the black background on the Home page you can't seen the white space, but there is space there */
footer#main-footer {margin-top: -23px;}

/* Adjust color of social media icons. Was #666. Want to be lighter. Add some margin on top to center vertically in footer */
/* Update natural (initial / unhovered) color of social media icons from #A8A8A8 -> #B5BABC -> white */
.et-social-icon a {
    color: white;
    margin-top: 10px;
    }

/* Set hover over color for social media icons in footer to LVC gold (#b0a65e) */
.et-social-icon a:hover {
    color: #b0a65e !important;
    }

/* Turn off float right for social media icons */
.et-social-icons {
    float:none;
    }

/* 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: 100%; } /* JDS: Updated 98% to 100% */
.search #main-content .container:before { background: none; }

/* 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;
    }

/* Site Map footer style */

.sitemap {
    font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
    font-weight:normal;
    }

/* smaller text on narrower browser/device */

@media all and (min-width: 981px) {
    .sitemapFooterDiv {
        font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
        font-size: 14px;
        text-align:center;
        color: white;
        float:none;
        margin-left:60px;
        margin-right:60px;
        }

    .et_right_sidebar #main-content .container::before { right: 0% !important; }

    }

@media all and (max-width: 980px) {
    .sitemapFooterDiv {
        font-family: KoblenzSerial, "Open Sans", Arial, sans-serif;
        font-size: 12px;
        text-align:center;
        color: white;
        float:none;
        margin-left:25px;
        margin-right:25px;
        }
    }

/* **** DRHODES **** */

#et_top_search {  margin-right: 60px ; } /* JDS: Updated from 70px to 60px as all right margins should be 60px. */

/* JDS: Updated all width and max-width from 90% to 100% */
.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
    width: 100% !important;
    max-width: 100% !important;
}

@media all 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;
    }
}

@media all and (max-width: 470px) {
    .et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* **** CONTAINER **** */
#main-content .container { padding-top: 0; }
.container { max-width: 100% ; width: 100% ; }

.error404 .container { max-width: 100%; width: 100%; }  /* JDS: Updated max-width and width from 80% to 100% so that left and right margins of headers, menus, and content all align */

@media all and (max-width: 980px) {
    .error404 .main_title {margin-top: 85px;} 
}

/* Allow row width to be 100% - for content defined using Divi Page Builder (like "Page Not Found" page) Original width was 80% */
.et_pb_row {
    width:100%;
    max-width:100%; /*JDS: was 1080px */
    }

/* "Welcome" Page CSS */
@media all and (min-width: 981px) {
    .welcomePageTitle {
        margin-top:1px;
        }
    }

@media all and (max-width: 980px) {
    .welcomePageTitle {
        margin-top: -25px;
        }
    }

.areaResourceHeader, .fourFaithsTourHeader {
    margin-top:0;
    margin-bottom: 0;
    padding-top: 0;
    }

.areaResourceImageDiv, .fourFaithsTourImageDiv, .exhibitsImageDiv, .virtualTourImageDiv, .themeImageDiv {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 5px;
    }

.areaResourceImage, .fourFaithsImage, .exhibitsImage, .virtualTourImage {
    }

/* Custom CSS to hide the portion of the Tabs Module header to the right of the "Area Resources" tab, per request from Ed */

/*
ul.et_pb_tabs_controls {
    background: #fff;
    }

ul.et_pb_tabs_controls li {
    background: #f4f4f4;
    border-top: 1px solid #d9d9d9;
    }

.et_pb_module.et_pb_tabs {
    border-top: none;
    border-right: none;
    }

.et_pb_all_tabs {
    border-right: 1px solid #f2f2f2;
    }
*/

/* Custom Code for Tabs Module so that right-most tab ends after text (and does not span to right of page) */
.wpc-tabs {
    border:0;
}
.wpc-tabs ul.et_pb_tabs_controls {
    background: transparent;
    border-right: 0;
    
}
.wpc-tabs ul.et_pb_tabs_controls li {
    background: #f4f4f4;
    border-bottom: 0;
    border-top: 1px solid #d9d9d9;
}
.wpc-tabs ul.et_pb_tabs_controls li:last-child {
    border-right: 1px solid #d9d9d9;
}
.wpc-tabs ul.et_pb_tabs_controls li:first-child {
    border-left: 1px solid #d9d9d9;
}
.wpc-tabs ul.et_pb_tabs_controls li.et_pb_tab_active{
    background: white;
    border-bottom: 0;
    bottom: 0;
}
.wpc-tabs .et_pb_tabs_controls li.et_pb_tab_active:before {
    content: "";
    display: block;
    position: absolute;
    background: white;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    top: 0;
    left: 0;
    height: 39px;
    width: 100%;
    z-index: 0;
}
.wpc-tabs .et_pb_tabs_controls li.et_pb_tab_active a {
    position: relative;
    z-index: 7;
}

.wpc-tabs .et_pb_all_tabs {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

/* Force tabs on the "Welcome" page to stack at browser width 1000px and narrower */
@media (max-width: 1000px) {  
    .wpc-tabs .et_pb_tabs_controls li {
        float: none;
        border-right: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        width: 100%;
        }
    }

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

/* Captions for "Share the Vision" video and Virtual Tour image */
.shareTheVisionVideoCaption, .virtualTourCaption {
    font-weight: bold;
    text-align:left;
    margin-top: -4px;
    padding-top: 0px;
    }

.shareTheVisionText, .virtualTourText {
    text-align:left;
    }

.vimeoContainer {
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    }

.vimeoContainer iframe, .vimeoContainer object, .vimeoContainer embed {
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%; 
    height: 100%;
    }

.et_pb_tab .fluid-width-video-wrapper {
padding-top: 56.25% !important;
}

/* Test CSS for fonts */

/* Bold Italic from source font */
.boldItalicAtSource {
    font-family: KoblenzSerial-BoldItalic;
    }

/* Bold Italic with CSS */
.boldItalicWithCSS {
    font-style:italic;
    font-weight:bold;
    }

/* Bold from source font */
.boldAtSource {
    font-family: KoblenzSerial-Bold; 
    }

/* Bold with CSS */
.boldWithCSS {
    font-weight:bold;
    }

/* Italic from source font */
.italicAtSource  {
    font-family: KoblenzSerial-Italic;
    }

/* Italic with CSS */
.italicWithCSS {
    font-style:italic;
    }

/* Set background of Temp Home page to black */
body.page-id-1168 {background-color: black!important;}

/* CSS to remove the white and black bars that appear below the Home page slider on < 981 */
.page-id-1168 .et_pb_row_0, .page-id-1168 .et_pb_row_0 .et_pb_column_0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    }

/* CSS for SmartSlider Section on Home page */
@media all and (min-width: 981px) {
    .smartSliderHome {
        margin-top:-100px;
        }
    }

@media all and (max-width: 980px) {
    .smartSliderHome {
        margin-top: -40px;
        }
    }

/* Hide secondary menu (gold bar) on the temp Home page */
.page-id-1168 #top-header {
    display: none; 
    }

@media all and (max-width: 980px)  {
    .page-id-1168 .topBlackHeaderStrip {
        border-bottom: 1px solid #b0a65e; /* Add bottom gold strip on home page narrow to separate when scrolling down to thumbnails with black background */
        }
    }

/* CSS to allow gold background of Home Page Slider tagline area to extend to full-width. Also add padding bottom so that thumbnails below aren't overlapping bottom of gold bar */
/* Shift bottom of Home Page Slider on < 981px up 3 px */

@media all and (min-width: 981px) {
    .page-id-1168 .et_pb_section_1 {
        margin-left: -60px;
        margin-right: -60px;
        padding-bottom: 10px!important; 
        }
    }

@media all and (max-width: 980px) {
    .page-id-1168 .et_pb_section_1 {
        margin-left: -25px;
        margin-right: -25px;
        margin-top: -3px;
        padding-bottom: 10px!important; 
        }
    }

/* Adjust page content to start at top of page below all 3 top strips: black header, purple primary nav, and gold secondary nav - need to calculate the correct value. */
@media all and (min-width: 981px)  {
   .page-id-1168 #main-content {
        margin-top: 135px;
        padding-top: 0;
        margin-bottom: 5px;
        }
    }

@media all and (max-width: 980px) {
    .page-id-1168 #main-content {
        margin-top:  40px;
        padding-top: 0;
        margin-bottom: 15px;
        }
    }