/*
Theme Name: Fable Child (scmlawoffices.com)
Theme URI: http://lentinidesign.com
Template: Fable
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Customized by: [LDM] Lentini Design & Marketing <a href="lentinidesign.com" target="_blank">lentinidesign.com</a> for scmlawoffices.com.
Version: 1.7.7.1515810175-2018-05-23
Updated: 2018-01-12 18:22:55

*/


/** [GENERAL] */

/** For inactive links (e.g. in Menu) */
.ldm_inactive  {
  pointer-events: none;
}

.ldm_first_letter_large::first-letter {
  font-weight: 400;
  font-size: 3em;
  padding: 5px 0 5px 5px;
  vertical-align: text-top;
  margin-left: -5px;
}
/** @todo - remove this */
.ldm_first_letter_large p {

}


/** [Layout] */

/** 
 * Section "Containers" - .container
 * --------------------------------- 
 *   Theme sets these at width:960 for large screens. 
 *   This makes screens just above 960 don't get much content margin (if any).
 * 
 *   So we're resetting this here to shrink container width
 *   when close to the responsive 960px break-point. 
 */
@media only screen and (min-width: 960px) {
  .container {
    max-width: 960px;
    width: 90%;
  }
}


/** [HEADER and NAV] */

/** page Header - Includes #top-menu & #mobile_menu */
#main-header {
  padding-top: 20px;
}
/** width of main menu */
#main-header .container {
  width:auto !important;
  max-width: 1100px;
}
#logo {
  max-width:250px;
  margin-left:2%;
}
/** NOTE: 
    #top-menu    : is desk top menu 
    #mobile_menu : is mobile device menu 
 */
#top-menu {
  padding-top: 18px;
}

/** Menu Item - Font-size on Wide screens - Resposnively adjusted below... */ 
#top-menu li > a {
  /* font-weight: 200;*/
    font-size: 115%;
}

/** Current Page Menu Item - wide screens */
#top-menu li.current-menu-item > a {
  color: black !important;
}

/** @todo - social icons are faint, but this needs work */
#main-header #et-social-icons img {
  /*filter: brightness(300%) saturate(200%) contrast(200%);
    filter: drop-shadow(5px 5px 10px white);*/
  width: 24px;
}
#main-header #et-social-icons {
  margin-right: 2%;
  padding-top: 15px;
}

/** Menu Responsive */

/** Interim screen widths - Adjust menu item font size to keep logo+menu-social all inline  */
@media only screen and (max-width: 1090px) and (min-width: 1024px) {
  #top-menu li > a {
    font-size: 1.79vw;
  }
}
/* don't need 1023 breakpoint anymore ...
X-@media only screen and (max-width: 1023px){
  #main-header .container { text-align: center; }
  #top-menu, #et-social-icons{ display: none; }
  #et_mobile_nav_menu { display: block; }
  #logo { float: none;   margin: 0 0 25px; }
}
*/
/** "Half Wrapped" Interim top Menu (Active between 767px and 1024px) */
@media only screen and (max-width: 1023px){
  #top-menu { clear:both; margin: 15px 0 0 1%; }
  #main-header #et-social-icons{
    margin: 18px 0 0 1%;
    float:left;
  }
  #top-menu li > a {
    font-size: 2.5vw; 
  }
}






/**
 *  HOME PAGE HERO -> NOTE: 
 *     We MOVED THE BELOW 3 RULES TO 
 *     the VC CSS "Page settings" on the Home Page.
 *     If/when changes or tweaks are needed, it will be 
 *     easier to adjust it there 
 */
/** HOMEPAGE HERO - "call to action" row & CALL TO ACTION CONTENT item */
/* #ldm_hompage_hero_row { background-position: 60% 0% !important; } */
/* #ldm_homepage_hero {margin: 5% auto 15%;} */

/** HOMEPAGE HERO - HIDE Featured image/page title container on home page, so the first content item "call to action" can take it's place...   */
/* body.home #main-header + article { display:none; } */
/*
@media only screen and (max-width: 759px){
  #ldm_hompage_hero_row { background-position: 70% 0% !important; } 
}
*/


/** [CONTENT] */

/** Page titles and header Images <article>) */

/* page title + image container */
#main-header + article /* OR */ ,#main-header article:nth-of-type(1)
/* OR */ ,#main-header + article.entry {
   /** nudge the bg image UP a bit */
/* background-position: 0% 30%; [removed 4.27.18]*/
   background-position: 0% 10%; /*[added 4.30.18]*/
}
/* page title text container */
#main-header + article .entry-title {
   opacity: 1 !important; /* FOR some reason VC hides page titles - odd setting somewhere */
   margin-top: 20px;  /* thicken banner image, vertically center title text [added 4.30.18]*/
   margin-bottom: 35px;
/* margin-bottom: 20px; /* thin the banner image a bit (pull breadcrumbs up) [removed 4.27.18]*/
}
/* page title text */
/* #main-header + article .entry-title h1 { padding-bottom: 0; } */



/** BREADCRUMBS */
/* Hide breadcrumb section completely - other items below remain if we decide to show breadcrumbs again someday... */
#breadcrumbs { display: none; } 

#breadcrumbs {
  border: none;

  border-bottom: 1px solid rgba(255,255,255, 0.3);
  color: white;
  background-color: #07873f;
  background-color: #14873f;
  background-color: #2e8748;
  padding: 5px 0;
  margin-bottom: 0;
}
#breadcrumbs-links {
  margin-left: 10%;
}
#breadcrumbs-links, #breadcrumbs-links a, #breadcrumbs-links .raquo {
  color: white;
}



/** [CONTENT AREA] - (Below page title/header <article>)  (also contains breadcrumbs)*/
.et-additional-content .entry-content {
  margin-bottom: 0;
}


/** Search Results Page - Custom */

.search-no-results .entry header h1, .search-no-results .entry header h2 ,
.search-results .entry header h1, .search-results .entry header h2 {
  font-size:40px;
}
.ldm-search-title { padding:50px 0 0; }
.ldm-search-query{ font-style:italic; font-weight:400; }
.ldm-search-hr { border-top: solid 1px silver; }
.search-no-results .entry { border-top: solid 1px silver; }
.search-no-results .entry,
.ldm-search-item { padding: 30px 0 40px; }

.ldm-search-item .entry-title { margin-bottom: 20px;}
.ldm-search-item .entry-title h2 { padding: 50px; }
.ldm-search-item .entry-title .ldm-link { padding: 10px 0; font-size: 20px; font-weight:400; overflow-x:hidden; }
.ldm-search-item .entry-footer {margin-top: 20px; margin-bottom: 30px;}
@media only screen and (max-width: 600px){ .ldm-search-item .entry-title .ldm-link { font-size:3vw;} }
@media only screen and (max-width: 320px){ .ldm-search-item .entry-title .ldm-link { font-size:4vw;} }


/** [SPECIFIC PAGES] - (Note: These are located on each page's VC page level CSS) */

/** Contact Page - (moved to Page level CSS) * /
.et-additional-content
{
      background-color: #8e1d58;
}
.et-additional-content .entry-content
{
    padding-top: 5%;
    padding-bottom: 5%;
}
#et_contact_right p { color: white;}
#et-contact #et_contact_form p textarea {
  width: 97% !important;
}
#et-contact #et_contact_submit, #et-contact #et_contact_reset {
  background-image:none !important;
  color: white !important;
  border: 1px solid white !important;
  xbox-shadow: 0px 0px 2px white;
  border-radius: 7px;
  text-shadow: none;
  cursor: pointer;
}
#et-contact #et_contact_form p input, #et-contact #et_contact_form p textarea {
  background-image: none !important;
  background-color: white !important;
}
*//** contact page - move to Page level CSS */


/** Sitemap Page - (Some Moved to page level VC CSS) */

#sitemap { margin-top: 30px; }
#sitemap * { font-family:inherit; }
#sitemap .sitemap-col ul li a { background:none; }
#sitemap .sitemap-col ul { list-style-type: disc; margin-left: 20px; }

/* NOTE: below have been Moved to page level VC CSS */

/* BG color */
/* .page-template-page-sitemap { background-color: aliceblue; } */

/* font color */
/* #sitemap .sitemap-col ul, #sitemap .sitemap-col h2, #sitemap .sitemap-col ul li a { color: white !important; }*/

/** Hide Sitemap "Columns" */
/* #sitemap .sitemap-col:nth-of-type(1)*/  /* Pages */
/*,#sitemap .sitemap-col:nth-of-type(2)*/  /* Categories */
/*,#sitemap .sitemap-col:nth-of-type(3)*/  /* Tags */
/*,#sitemap .sitemap-col:nth-of-type(4)*/  /* Authors */
/*{ display: none; }*/

/** The 4 .sitemap-col's are each width:23%; (total 92%) by default.  
 *  Adjust col width accordingly per # of cols shown above.
 *  1 col  > width:auto; (or 92%)
 *  2 cols > width: 46%;
 *  3 cols > width: 30%;
 *  4 cols > width: 23%;
 */
/* #sitemap .sitemap-col { width:auto; } */

/** [END] Sitemap Page - (Some Moved to page level VC CSS) */


/** [FOOTER] */

#ldm_footer_container {

  background-color: #34a9af;
}
#main-footer {
  margin: 0;
  border: none; 
}
/** Footer Widgets */
.footer-widget {
  color: white;
}
.footer-widget h4.widgettitle {
  color: white;
  font-weight: bold;
}
#ldm_footer_container a,
#main-footer a {
  color: white;
}
#ldm_footer_container a:hover,
#main-footer a:hover {
  opacity: 0.8;
  color:white;
  text-decoration: none;
}
.footer-widget p {
  line-height: 35px;
  padding-bottom:25px;
}

.footer-widget .hsd_phone, .footer-widget .hsd_phone { /* */ }

.footer-widget .widget_google_translate_widget h4.widgettitle {
  padding-bottom:25px;
}

/** Footer Search widget */
.footer-widget #et-search-form {
  border: 1px solid white;
  border-radius: 20px 20px 20px 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float:none;
  margin-left: 0;
  margin-top: 135px;
  width:230px;
}
.footer-widget #search_input {
  color: white;
}
/** search icon - turn image from black to white */
.footer-widget #search_submit {
  -webkit-filter: invert(100%) contrast(100);
  -moz-filter: invert(100%) contrast(100);
  filter: invert(100%) contrast(100);
}
/** Responsive Search - Don't hide on small screens */
@media only screen and (max-width: 479px){
  .footer-widget #et-search-form { display: block; }
}
@media only screen and (max-width: 767px){
  .footer-widget #et-search-form { display: block; }
}
X.footer-widget.last div.fwidget:last-of-type { margin-bottom: 0;}
X-fwidget.widget_google_translate_widget{}


/** Footer Info Menu */
#footer_info {
  margin: 0;
  padding: 3% 0 5%;
  text-align:center;
}
#footer_info #colophon {
  margin: 0 auto;
  color: white;
}
#footer_info a {
  color: white;
  font-size:smaller;
}
#footer_info li {
  display: inline;
  padding-left: 10px;
}
#footer_info li:after {
  content: "\B7";  /* middot */
  font-size:smaller;
  font-weight:bold;
  padding-left:14px;
}
#footer_info li:last-child:after {
  content: '';
}
/** Responsive footer_info Menu */
@media only screen and (max-width: 650px) 
{
  #footer_info li { display: block; padding-left: 0; }
  #footer_info li:after {content: '';}
}
/** @todo - move CS URLS into Custom CSS or other DB based CSS - so Go Live Updae URLs will workn on them */
#footer-image {
  padding-top: 3% !important;
  padding-bottom: 3% !important;
  background-image: url(/wp-content/uploads/2018/01/S_Munoz_Homepage_pattern.jpg);
  background-size: cover;
  background-position: 50% 0;
}