/*
 Theme Name:     Enfold-Cornucopia
 Author:         Lentini Design and Marketing [LDM]
 Author URI:     https://lentinidesign.com

 Description:    Custom built for <strong>Cornucopia Caterers</strong> (<a href="https://cornucopiacaterers.com/" target="_blank">cornucopiacaterers.com</a>).  This is a child theme of <a href='https://www.kriesi.at/themes/enfold/' target='_blank'>Enfold</a>.

 Package:        ldm_custom
 Version:        1.0
 
 Theme URI:      https://www.kriesi.at/themes/enfold/
 Template:       enfold

*/


/** [LDM] - Enfold Child Theme
 *
 * Enfold styling is set mostly in wp-admin via "Enfold Theme Options", 
 * and on a page and page item level via Enfold's "Avia Layout Builder".
 * Style rules below address items not exposed by the Enfold wp-admin tools.
 *
 */

/** [LDM] Custom Styles **/

/** Color Palette ** /
 * Text: #50321c
 * Backgrounds, h&v bars, borders: #50321c
 */

/* Top Header Menu "Glassy" BG (when not scrolled) */
@media only screen and (min-width: 767px) {
 #top .av_header_glassy.av_header_transparency .header_bg {
   background-color: #50321c;
   opacity: 0.45;
   filter: alpha(opacity=44);
 }
 #top .av_header_glassy.av_header_transparency #header_main {
   border-color: rgba(255,255,255,0.09);
 }
}

.main_color blockquote, .main_color .avia-bullet, .main_color .av-no-color.av-icon-style-border a.av-icon-char {
  border-color: #50321c;
}
#scroll-top-link { background-color: #50321c; }


/** Fonts & Typography **/
  
/* Body Content Fonts */
blockquote{
  font-size: 1em;
  line-height: 1.5em;
  font-style:italic;
  margin-top: 1.5em;
}

.iconbox .iconbox_content .iconbox_content_title { font-size:1em; }
 
/* For Instagram & Yelp icons - "round button" kludge */
.av-icon-char[data-av_icon=""][data-av_iconfont='entypo-fontello']:before,
.av-icon-char[data-av_icon=""][data-av_iconfont='fontawesome']:before {
  color: white;
  vertical-align: top;
  font-size:0.5em;
  position: relative;
  top: 2px;
}
.av-icon-char[data-av_icon=""][data-av_iconfont='entypo-fontello']:after,
.av-icon-char[data-av_icon=""][data-av_iconfont='fontawesome']:after {
  content:'\f111';
  font-family:'fontawesome';
  position:relative;
  left: -22px;
  z-index:-1;
  font-size: 36px;
  line-height: 36px;
}


/** Box Sizes, Margins, Padding **/


/**
 * Hero image, Hero content, other "fixed height" av "Color Sections". 
 *  #ldm_section_min_height_responsive_1... Add IDs to Color Sections in AV Builder
 *  On small screens, allow "Custom height" AV sections to shrink to content size (plus a little extra vertical padding)
 */
@media only screen and (max-width: 767px) { 
 div[id^="ldm_section_min_height_responsive"].av-minimum-height-custom .container {height: auto !important;} 
 div[id^="ldm_section_min_height_responsive"].av-minimum-height-custom .av-special-heading {padding:0.6em 0 !important;}
}
@media only screen and (max-width: 480px) { 
 div[id^="ldm_section_min_height_responsive"].av-minimum-height-custom .av-special-heading {padding:0 !important;}
}

/** 
 * Content 'section's .
 *  .container - margin + padding L-R (set in Enfold>General Layout>Content + Sidebar width)
 *  .content   - controls padding top & bottom
 */
.avia-section-large .content, .avia-section-large .sidebar { padding-top: 50px; padding-bottom: 50px;}

/** 
 * Content 'grid's (fullwidth by default).
 *  #ldm_section_grid_1... Add IDs to Grid Sections in AV Builder 
 *  Set width, margins & padding like 'section's above (div.container & div.content) 
 */
div[id^="ldm_section_grid"] {
  padding:25px 25px;
  width: 90%;
  margin:auto;
}
div[id^="ldm_section_grid"] .flex_cell {
  padding:25px;
}
/* for grid inner column spacing - needs work! * /
div[id^="ldm_section_grid"] div .av_one_half { margin-left: 6%; width: 47%; }
*/

/** Footer Areas */
#footer {
  padding: 60px 0;
  border:none;
}
#socket .container {
  padding-top: 25px;
  padding-bottom: 25px;
}
/* Footer Social Icons - use this for multiple icons in a single "Footer Column" widget */
#footer div.textwidget { text-align:center; }
#footer span.av_font_icon, #footer span.av_font_icon a {
  float: none;
  display: inline;
  margin: 0 2%;
}
#footer span:first-child.av_font_icon{ margin-right:4%;}

/* Responsive Adjustments */
@media only screen and (max-width: 767px) {
  /* footer widget areas (social icons) */
  .responsive #top #wrap_all .flex_column.av_one_fourth {  width:25%; }
  #footer { padding: 10px 0 0; }
  #footer span:first-child.av_font_icon{ margin-right:6%;}
  footer .menu li {line-height: 20px;}
}
@media only screen and (max-width: 480px) {
  /* footer widget areas (social icons) */
  #footer span:first-child.av_font_icon{ margin-right:9%;}
}