/*
 Theme Name:   Bethel Bakery 2021 Theme
 Template:     generatepress
 Description:  Custom GeneratePress child theme for Bethel Bakery
 Author:       The Write Design LLC
 Author URI:   https://TheWriteDesign.net
 Version:      1.0.0
*/
/*Bethel  colors */
.pinkbkg {background-color:#4FAE47; color:#fff;}
.dkgraybkg {background-color:#44423F; color:#fff;}
.mdgraybkg {background-color:#636466; color:#fff;}
.ltgraybkg {background-color:#F3F3F3; }
/* category menu hover lines */
.main-navigation .menu > .menu-item > a::after {
    content: "";
    position: absolute;
    right: 50;
    left: 50%;
    color: #F8D3CA;  
    top: 8px; 
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px; 
    background-color: currentColor;
    transition: 0.3s width ease;
}
.main-navigation .menu > .menu-item > a:hover::after,
.main-navigation .menu > .menu-item > a:focus::after,
.main-navigation .menu > .current-menu-item > a::after{
    width: 40px; 
    color: #ccabc1;  
}
.entry-header {/*background-color: #f1f1f1;*/ padding: 20px 0;}
.entry-title {
    text-align: center;
    }
@media (min-width: 1200px) {    
.entry-title {
    text-align: center;
    margin-top: 30px;
    }
}
.phonehead{
	font-size: 1.3em; 
}
.phonehead a:link, .phonehead a:visited {text-decoration: none; }
.phonehead a:hover { color:#0C4C84; text-decoration: none;}
/* Grayscale To Color */
.gray-scale-img .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.gray-scale-img .fl-photo-content .fl-photo-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}
.gray-scale-img .fl-photo-content .fl-photo-img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
/*@media only screen and (max-width: 767px){
for BB slide text on mobile
.fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * {
	font-size: 1.1em !important;
	line-height: 1em !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	}
.fl-builder-content .fl-node-601c2082ddcf3 .fl-slide-0 .fl-slide-content {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	}
}*/
@media (min-width: 768px) {	
	.phonehead{
		font-size: 1.1em; 	
		}

    .top-bar {
        display: block;
        position: sticky;
    	top: 0;
	}
}
@media (min-width: 1200px) {	
	.phonehead{
		font-size: 1.5em; 
		}
}
.contentText {line-height: 1.5em;}
/*table formatting with zebra striping*/
table {margin:0 auto; width:100%; margin-bottom:20px; border:none; border-collapse:collapse;}
td {border:none; font-weight: 400; padding:.6em;}
thead { }
th {background-color:#0D5BD2; color:#fff; font-weight: 400}
tr:nth-of-type(odd) { background-color:#f1f1f1;}
/*sidebar mods */
.widget-title {
	background-color:rgba(26,74,106,0.1);
	font-weight: 400; 
	text-align: center;
	padding:.6em;
	border-radius: 5px;
	}
.sidemenu  ul{list-style: none; padding:0; margin:0;}
.sidemenu li{list-style: none; margin-left:0; border-bottom:1px solid #f1f1f1; font-size:.8em; line-height: 1.1em;}
.sidemenu a:link, .sidemenu a:visited {padding:.8em; margin:0; color:#000; text-decoration: none; display:block; line-height: 1em}
.sidemenu a:hover {background-color:#FF5400; color:#fff; text-decoration: none;}
/*content menu for services*/
.contentmenu  ul{list-style: none; padding:0;  margin:0;}
.contentmenu li{list-style: none; margin-left:0; padding:.5em; border-bottom:1px solid #f1f1f1; font-size: .9em; line-height: .5em; }
.contentmenu a:link, .contentmenu a:visited {margin:0;  color:#000; text-decoration: none; }
.contentmenu a:hover {/*background-color:#FF5400;*/ color:#FF5400; text-decoration: none;}
/*footer styles */
.addressblock {display: block; margin:0 auto;}
.addressblock p{font-size:.8em; line-height: 1.5em; }
.addressblock h3 {color:#0C4C84; font-size: .9em; font-weight: 700; margin:5px 0px 0px 0px;}
.addressblock p.footer-phone {color:#4FAE47 !important; font-size:1.2em; color:#fff; font-weight:900; margin-top:10px; margin-bottom:10px;}
.addressblock .footer-phone a, .addressblock .footer-phone a:visited {text-decoration: none; color:#4FAE47;} 
.addressblock .footer-phone a:hover {color:#ccc;}
 /*override menu list bullets - add to widget in Admin*/
.footermenu  ul{list-style: none; padding:0; margin:0; }
.footermenu li{list-style: none; margin-left:0; border-bottom:1px dotted #F8D3CA; /*line-height: 1.5em;*/}
.footermenu a:link, footer a:visited {padding:.5em; margin:0; font-size: .9em; /*color:#fff;*/ text-decoration: none; display:block; line-height: 1em}
.footermenu a:hover {background-color:#0C4C84; color:#fff; text-decoration: none;}
/* center images in footer */
.footerimage img {display:block; margin:0 auto;}
/*add spacing after paragraph in BB */
.fl-col-content p{margin-bottom: .7em; line-height: 1.25em;}
.fl-col-content li{margin-bottom:.7em;}
/*put the line height in the header at 1em and not margin */
.headercontent {line-height: 1em; margin:0;}
}
.twd {padding-right:20px;}
.twd a, .twd a:visited {text-decoration: none; color:#fff; padding:5px;}
.twd a:hover {color:#fff; background-color: #4FAE47}
/*forms overrides - used Contact Form 7 Skins plugin for preliminary styles - NOT template layout */
form {background-color:rgba(26,74,106,0.1) !important; border-radius:20px;}
/*legend {background-color:#F8CDC7 !important; margin-top:15px;}*/
legend {background-color:#1a4a6a !important; margin-top:15px; color:#fff !important;}
 ol.formlist { list-style-type: none !important;
  margin: 0;
  padding: 0;
   width:90%;
   }
 ol.formlist li {display: inline-block !important; background-image:none !important; width:60px}
/*from GP additional Site styles CHECK Customizer > Additional CSS for more GP style changes*/
/* top bar menu spacing */
.top-bar .widget_nav_menu li {
	margin: 5px 15px;
}
/* post meta size */
.post-meta {
	font-size: 14px;
}
.entry-meta {
	font-size: 14px;
}
/* wpsp meta spacing */
.wp-show-posts-entry-meta {
	margin-top: 5px;
}
/* wpsp space between post on mobile */
.wp-show-posts-image {
	margin-top: 20px;
}
/* center footer widgets*/
.inside-footer-widgets {
    text-align: center;
} 
/* lightweight social icons */
.lsi-social-icons li a, .lsi-social-icons li a:hover {
padding: 0px !important;
margin: 10px 6px 0px 6px !important;
}
/*center icons on callout with .callout-center-icon applied*/
.callout-center-icon .fl-callout .fl-icon {
  text-align: center;
}