/*
 Theme Name:   FMJ Child Theme
 Theme URI:    https://www.felisamjenkins.com/
 Description:  A Twenty Twenty child theme 
 Author:       ADub
 Author URI:   https://www.felisamjenkins.com
 Template:     twentytwenty
 Version:      1.0.0
*/
 
@import url("../twentytwenty/style.css");
body {
    background: #ffffff;
	
	
}
/* Remove Text underline from links and buttons */
a, div.wp-block-columns  div.wp-block-button a.wp-block-button__link, .primary-menu, .site-title a:link, .site-title a:hover, primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a, .footer-menu a:link, .footer-menu a:hover, .footer-menu a:visited, .footer-menu a:active {
    
    text-decoration: none;
}

/*** Navigation ***/
.primary-menu li a {
   
	color:#FFFFFF;
}


/*Menu Bar */
.header-navigation-wrapper {
    align-items: center;
    display: flex;
    background-color: #F24405;
	height: 40px;
}

ul.primary-menu {
	display: flex;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: -0.0277em;
	flex-wrap: wrap;
	justify-content: center;
	margin: -0.8rem 0 0 -1.6rem;

}
ul.primary-menu li a:link , ul.primary-menu li a:hover{
    color: #ffffff;
}

/* Sub Menu */
ul.sub-menu {
    background-color: #bfbdbd !important;
}



/* Content */
.singular .entry-header {
    background-color: #fff;
    padding:0;
}

/*** Header ***/
#site-header {
  background: url('http://felisamjenkins.com/wp-content/grph/headerGraLrg_03.jpg') repeat-x;
    position: relative;
	height: auto;
		
}

.header-inner {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 2.8rem 0;
    height: 196px;
}

/* Site Title */
.site-title{
	font-family:"BennetDisplay SemiBold";
	font-size:3.5em;
	font-weight:italic;
}

.site-title .faux-heading, .header-titles, .header-titles-wrapper {
	margin:0px;
}

.site-title a:link, .site-title a:hover{
    color: #FFFFFF;
    display: block;
    
}

/*** Content ***/
 .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 80%;
    width: calc(100% - 4rem);
} 
.post-inner {
    padding-top: 15px;
}
.wp-block-image {
	margin-bottom: 0px;
margin-top: 0px;
}



/* Block Quote */
blockquote {
	border:none;
    border-width: 0px;
 
}

/** Text Colors and Fonts **/


h1, h2, h1.entry-title, h2.entry-title{
	color:#D92B04;
	
	
}
main#site-content h1, main#site-content h2{
	font-family:"BennetDisplay SemiBold";
	font-style:italic;
}
main#site-content h1{
	font-size: 2.3em;
	font-weight:800;
	
} 


main#site-content h2{
	font-size: 1.5em;
	
}
/* Paragraphs */
main#site-content p{
	font-family: "Arial", sans-serif;
	font-size: 2rem;
}
/* Latest Posts Links */
main#site-content .wp-block-latest-posts a{
	font-family: "Arial", sans-serif;
	font-size: 2rem;
	font-weight:500;
}
/* Landing Page Quote */
main#site-content .wp-block-pullquote blockquote p {
    color:#F3BB21;
	font-family:"Arial";
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.178571429;
    letter-spacing: -0.041785714em;
	max-width: 100%;
}
/* Add the Word Share Before Social Buttons */
main#site-content .wp-block-social-links::before{
	content: "Share ";
		color:#000;
	font-size:.8em;
	font-family:"Arial";
	line-height: 2.7;
	
}
/* Review Quotes */
main#site-content .reviewQuote p {
    font-family: "Arial", sans-serif;
    font-size: 2rem;
	font-weight:600;
}

/* Pull Quote Right Aligned Text */
main#site-content figure.wp-block-pullquote.alignfull.landingPageQuote{
	text-align: right;
    max-width: 70%;
	margin-top: 150px;
margin-bottom: 150px;
}
/* Space under Landing Book Images */
main#site-content .landImg, div.wp-block-columns div.wp-block-column div.wp-block-image.landImg figure.aligncenter.size-full.is-resized{
	margin-bottom:20px;
}
/* View More Buttons  and  Buttons */
.wp-block-button {
	background-color: #f3bb21 !important;
border: solid 1px #f3bb21;	
	border-radius: 5px !important;
	color:#FFFFFF;

}
div.wp-block-columns  div.wp-block-button a.wp-block-button__link:hover{
	background-color:orangered !important;
}


/* Remove Margins from Buttons */
div.wp-block-button, .wp-block-social-links  {
	margin-top: 0px;
}

/* Make Captions Same Size */
.wp-block-image .aligncenter figcaption {
    text-align: center;
    height: 15px;

}


/* Get Rid of Column Margin at Top */
.wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {
    margin-bottom: 3rem;
    margin-top: 10px;
}

/** Box Around Events **/
.evtbox{
	border: solid 2px #e3e0e0;
	background-color: #f0f0f0;
  text-align: center;
}

/* Makes Events Box Column Larger */
div.entry-content div.wp-block-columns div.wp-block-column.is-vertically-aligned-top div.wp-block-group div.wp-block-group__inner-container div.wp-block-columns.evtcol {
    max-width: 80rem ;
    width: 100% ;
}

div.post-meta-wrapper:nth-child(3){
	display:none;
}


/* Events Showing */
.shwevt {
	
	text-align: left;
}

/* Past Events */
.pstevt{
	text-align:center;
}
.pstevt li a{

    font-size: .8em;
	text-align:center;

}



/* Buy Button */
.buybtn .wp-block-button__link {
	margin-top:0px;
	background-color:#D92B04;
	border: solid 1px #D92B04; 

}



/* Remove margin at top of Images in Columns */
figure.aligncenter.size-full.is-resized , figure img{
	margin-top: 0px;
}
/* Removes Page Title */
.entry-header{
	font-size: .4em;
	opacity:0;
}
/* Removes Quote Symbol */
.wp-block-pullquote.alignfull::before {
    
    display: none;
}

/*** Footer Area ***/
/*  Centers menu text */
nav.footer-menu-wrapper{
	margin-left: auto;
margin-right: auto;
}

/* Sets Menu Link text size */
.footer-menu li {
   
    font-size: 1.8rem;
}
/* Link Color */
.footer-menu a:link, .footer-menu a:hover, .footer-menu a:visited, .footer-menu a:active{
	color:#FFFFFF;
	font-weight:normal;
}
/* Create background of footer */
div.footer-top.has-footer-menu{
	padding-bottom:0px;
	padding-top: 0px;
background: url('http://felisamjenkins.com/wp-content/grph/FooterLarge_04.jpg') repeat-x;
height: 60px;
}
/* Hide To Top Button */
#tippytop{
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
/* removes space from side of footer */
div.footer-inner.section-inner{
    margin-left: none;
    margin-right: none;
    max-width: none;
    width: auto;
}
/* Make Footer Nav Links Visible */
nav.footer-menu-wrapper{
	opacity:100;
	}
/* Error Page */
.error404-content{
	height:400px;
}

/* Flyer Link */
#content #eventContent p.getfly{
font-weight: 600;
}
/*** Mobile Stuff ***/
@media only screen and (max-width:1000px), @media only screen and (max-device-width:1000px){
	/* Hide Footer Links */
	nav.footer-menu-wrapper{
	opacity:0;
	}
	/* Makes To Top Link Visible */
	#tippytop{
		position:unset;
		top:none;
		left:none;
	}
	/* Change Mobile Menu Color */
	ul.sub-menu {
    background-color: #ffffff !important;
	}
	/* Adds Page Title */
	.entry-header{
font-size: .9em;
font-weight: 800;
		opacity:100;
}
	
}

/*** Event Styling ***/

#eventwrapper header {
	/*Header */
	background-color: rgba(208,207,207,1.00);
	overflow: auto;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 400;
}
#eventwrapper header #logo {
	/* Company Logo text */
	width: 28%;
	float: left;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 12px;
	color: rgba(146,146,146,1.00);
}
#eventwrapper header nav {
	/*Nav bar containing links in header */
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 2%;
	width: 68%;
	float: left;
	color: rgba(146,146,146,1.00);
}
#content #eventContent h1, #content #eventContent h2 {
	/* Styling for event headings */
	color: rgba(146,146,146,1.00);
}
#content #eventContent h3 {
	/*Captions ot Taglines */
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(146,146,146,1.00);
}
#content #eventContent #bannerImage {
	/*Container for event banner image */
	width: 100%;
	background-color: rgba(208,207,207,1.00);
}
#content #eventContent p {
	/* All paragraphs under eventcontent */
	color: rgba(146,146,146,1.00);
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	text-align: justify;
}
#content #eventContent #authorInfo {
	/* Author info section */
	background-color: rgba(208,207,207,1.00);
}
#content #eventContent #authorInfo h2, #content #eventContent #authorInfo p {
	color: rgba(255,255,255,1.00);
	padding-left: 2%;
	padding-top: 11px;
}
#content #eventContent #authorInfo p {
	color: rgba(255,255,255,1.00);
	padding-left: 2%;
	padding-top: 0px;
	padding-bottom: 11px;
	padding-right: 2%;
}
main#site-content div#eventwrapper div#content section#evtsidebar nav ul li h2{
	font-size: 1em;
}
#eventContent {
	/* Container for the blog post in individal blog view */
padding-left: 2%;
width: 60%;
float: left;
padding-right: 2%;
padding-top: 41px;
margin-right: 10%;
}
#eventwrapper #content #evtsidebar {
	/* evtsidebar*/
width: 30%;
padding-left: 2%;
padding-right: 2%;
float: left;
background-color: rgba(246,246,246,1.00);
margin-top: 10px;
padding-top: 32px;
}
#eventwrapper {
	/* Container of all content */
width: 80%;
overflow: auto;
margin-left: 10%;
}

#content #evtsidebar #adimage {
	/* Container for Image in evtsidebar */
	width: 100%;
	float: none;
	overflow: auto;
	margin-bottom:15px;
}
.notOnDesktop {
	/*element to be displayed only in mobile view and tabet view */
	display: none;
}

#evtsidebar #adimage img {
	/* Image in evtsidebar */
	width: 100%;
	float: left;
}

/* Event info */
#content #eventContent p.evtloc, #content #eventContent p.evtdate {
	
color: #cd2653;

}
/* Sidebar Nav links ul */
div#content section#evtsidebar nav ul{
list-style-type: none;
	margin:0px;
	
}
/* Sidebar Nav links li */
div#content section#evtsidebar nav ul li{
margin-bottom:10px;
	font-size:.8em;
	
	
}
/* Tablet view */
@media screen and (max-width:769px) {
.notOnDesktop {
	/* Search box shown only in mobile view and Tablet view */
	display: block;
	text-align: right;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 96%;
}
#content .notOnDesktop input {
	height: 28px;
}
#eventContent {
	/* Container for the blog post */
	padding-top: 0px;
	float: none;
	width: 96%;
}
#evtsidebar input {
	/* Search box in evtsidebar */
	display: none;
}
#eventwrapper #content #evtsidebar {
	/* evtsidebar*/
	float: none;
	width: 92%;
	padding-top: 13px;
	overflow: auto;
	margin-top: 3px;
	margin-left: 2%;
	padding-bottom: 13px;
}
#content #evtsidebar #adimage {
	/* Image in evtsidebar */
	width: 60%;
	margin-top: 0px;
	float: left;
}
#content #evtsidebar nav {
	/* Navigation links in evtsidebar */
	width: 36%;
	float: left;
	padding-left: 4%;
}
#evtsidebar nav ul {
	margin-top: 0px;
}
footer {
	/* Footer region */
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
#content footer article {
	/*Each footer article */
	width: 46%;
}
#eventwrapper header {
	/* Header */
	width: 100%;
}
}

/* Mobile view */
@media screen and (max-width:480px) {
#eventwrapper header #logo {
	/* Company Logo text in header */
	width: 96%;
	margin-left: 2%;
}
#eventwrapper header nav {
	/*navigation links in header */
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	width: 98%;
}
#content #evtsidebar #adimage {
	/* Container for image in evtsidebar */
	width: 100%;
}
#content #evtsidebar nav {
	/* Navigation bar for links in evtsidebar */
	width: 96%;
	padding-top: 7px;
}
#evtsidebar nav ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
}
#eventwrapper #content #evtsidebar {
	/* evtsidebar */
	padding-bottom: 0px;
}
#content .notOnDesktop {
	/* Search box shown only in mobile and tablet view */
	width: 100%;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
#content .notOnDesktop input {
	width: 80%;
	text-align: center;
}
#content #eventContent h3 {
	/* Title under eventcontent, if any */
	font-size: 14px;
}
#content footer article {
	/* Each foter article */
	width: 96%;
}
}