/*-----------------------------------------------------------------
 These are user style overrides from generated by theme options
-------------------------------------------------------------------

 TABLE OF CONTENTS
 
    1. LAYOUT & STRUCTURE
    2. HEADER
       - Logo
       - Nav
       - Login/Logout
    3. SUB-HEADER
       - Account Signup
       - Account Menu
    5. POSTS & POST
       - Pagination
       - Comments & Respond
       - Comments
       - Respond
    6. SIDEBAR & WIDGETS
    7. PAGE TEMPLATES
       - Home
       - Contact
       - bbPress
    8. OVERLAYS
    9. FOOTER
       - Links
   
---------------------------------------------------------------- */
				


/* ----------------------------------------------------------------
   1. LAYOUT & STRUCTURE
---------------------------------------------------------------- */

a {
	color: #f44a56;
	}
	
a:hover {
	color: #51a0c7;
	}
	
::selection { 
	background: #f44a56;
	}

.button-sc:hover {
	background: #f44a56;
	}
	
	

/*-------------------------------------
   2. HEADER
-------------------------------------*/

#header {
				background: url('https://wp-studio.tech/wp-content/themes/engage-child/images/header-bg.png');
		}

/* Logo */

#header #logo a.plain:hover {
	color: #f44a56;
	}
	

/* Navigation */

#header ul#nav li a {
	color: #92cdeb;
	}

#header ul#nav li a:hover {
			color: #FFF;
		}
	
#header ul#nav li.sfHover ul li a,
#header ul#nav ul li a {
	color: #51a0c7;
	}

#header ul#nav li.sfHover ul li a:hover,
#header ul#nav ul li a:hover {
	color: #f44a56;
	}


/* Login/Logout Button */

#header #login,
#header #logout {
	background-color: #51a0c7;
	}
	
#header #login:hover,
#header #logout:hover {
	background-color: #f44a56;
	}



/*-------------------------------------
   3. SUB-HEADER
-------------------------------------*/

#sub-header {
				background: url('https://wp-studio.tech/wp-content/themes/engage-child/images/sub-header-bg.png');
		}	
	

/* Page Heading */

#sub-header h1 {
			color: #FFF;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
		}
	

/* Account Signup */

#sub-header a.signup,
#sub-header a.closed {
	background-color: #f44a56;
	}

#sub-header a.signup:hover,
#sub-header a.closed:hover {
	background-color: #3e4b5d;
	}
	
#sub-header .account {
	color: #f44a56;
	}
	
#sub-header .account:hover {
	color: #51a0c7;
	}
	

/* Account Menu */

#sub-header ul#menu li.current-menu-item a,
#sub-header ul#menu li.current_page_item a,
#sub-header ul#menu li.current-menu-parent a,
#sub-header ul#menu li.current_page_parent a {
	color: #51a0c7;
	}

#sub-header ul#menu li.sfHover ul li a,
#header ul#menu ul li a {
	color: #51a0c7;
	}

#sub-header ul#menu li.sfHover ul li a:hover,
#sub-header ul#menu ul li a:hover {
	color: #f44a56;
	}
	


/*-------------------------------------
   5. POSTS & POST
-------------------------------------*/
	
#posts .post .post-title {
	color: #3e4b5d;
	}

#posts .post .post-title a:hover {
	color: #f44a56;
	}
	
#posts .post a.more-link {
	background: #51a0c7;
	}
	
#posts .post a.more-link:hover {
	background: #f44a56;
	}
			
#posts .post-content pre {
	border-left-color: #51a0c7;
	}
	
#posts .post-content blockquote {
	background-color: #51a0c7;
	}


/* Pagination */

#posts .pagination a span {
	color: #51a0c7;
	}
	

/* Comments & Respond */

#posts #comments h3,
#posts #respond h3 {
	color: #3e4b5d;
	}

#posts #respond h3 #cancel-comment-reply-link {
	color: #51a0c7;
	}

#posts #respond h3 #cancel-comment-reply-link:hover {
	color: #f44a56;
	}
	
	
/* Comments */
		
#posts #comments a.comment-edit-link,
#posts #comments a.comment-reply-link {
	color: #51a0c7;
	}
	
#posts #comments a.comment-edit-link:hover,
#posts #comments a.comment-reply-link:hover {
	color: #f44a56;
	}


/* Respond */
		
#posts #respond #commentform input[type="submit"] {
	background: #51a0c7;
	}

#posts #respond #commentform input[type="submit"]:hover {
	background: #f44a56;
	}



/*-------------------------------------
   6. SIDEBAR & WIDGETS
-------------------------------------*/

#sidebar .widget h3 {
	color: #3e4b5d;
	}



/*-------------------------------------
   7. PAGE TEMPLATES
-------------------------------------*/


/* Home */

body.home h2 {
	color: #3e4b5d;
	}
	
body.home a span {
	color: #51a0c7;
	}

body.home #groups .meta-count,
body.home #blog-posts .meta-count {
	background-color: #51a0c7;
	}
	
body.home #groups .meta-count:hover,
body.home #blog-posts .meta-count:hover {
	background-color: #f44a56;
	}
	
body.home #groups h3,
body.home #blog-posts .post h2.post-title {
	color: #3e4b5d;
	}
	
body.home #groups h3 a,
body.home #blog-posts .post h2.post-title a {
	color: #3e4b5d;
	}

body.home #groups h3 a:hover,
body.home #blog-posts .post h2.post-title a:hover {
	color: #f44a56;
	}


/* Contact */

#contact-form button,
#search-form button {
	background: #51a0c7;
	}

#contact-form button:hover,
#search-form button:hover {
	background: #f44a56;
	}

#contact-form .error {
	background: #f44a56;
	}


/* Error404 */

body.error404 #header ul#nav li.current_page_parent a {
	color: #92cdeb;
	}

body.error404 #header ul#nav li.current_page_parent li a {
	color: #51a0c7;
	}
	

/* bbPress (Sitewide Forum) */

#bbpress-forums fieldset.bbp-form .bbp-submit-wrapper button[type="submit"] {
	background: #51a0c7 !important;
	}

#bbpress-forums fieldset.bbp-form .bbp-submit-wrapper button[type="submit"]:hover {
	background: #f44a56 !important;
	}
	
body.bbPress #header ul#nav li.current_page_parent a {
	color: #92cdeb;
	}

body.bbPress #header ul#nav li.current_page_parent li a {
	color: #51a0c7;
	}
	


/*-------------------------------------
   8. OVERLAYS
-------------------------------------*/

.reveal-modal {
				background: url('https://wp-studio.tech/wp-content/themes/engage-child/images/header-bg.png');
		}
	
.reveal-modal .close-reveal-modal {
	color: #92cdeb;
	}

	
.reveal-modal .close-reveal-modal:hover {
	color: #f44a56;
	}
	
.reveal-modal button[type="submit"] {
	background-color: #f44a56;
	}

.reveal-modal button[type="submit"]:hover {
	background-color: #51a0c7;
	}
	
.reveal-modal .lost-pass {
	color: #92cdeb;
	}
	
.reveal-modal .form-steps .icon {
	border: #92cdeb;
	}
	
.reveal-modal h2 {
			color: #FFF !important;
		}
	
.reveal-modal .form-steps .icon {
		border: 3px solid rgba(255, 255, 255, 0.7);
	color: #fff;
		}

.reveal-modal .form-steps .step.active {
		color: #fff;
		}



/*-------------------------------------
   9. FOOTER
-------------------------------------*/
	

/* Links */

#footer ul#links li a {
	color: #3e4b5d;
	}

#footer ul#links li a:hover {
	color: #f44a56;
	}



/*-------------------------------------
   10. SLICKNAV
-------------------------------------*/
	
.logged-in-user-menu .slicknav_menu a:hover,
.logged-in-user-menu .slicknav_nav .slicknav_item:hover{
	background: #f44a56;
	}

.slicknav_nav .slicknav_arrow {
	color: #51a0c7;
	}