/*
Theme Name: Shefa2014
Description: customized version of the default 2014 for Rabbi Shefa Gold's site (purple and gold with some font adjustments)
Author: Alia Michaels
Version: 1.0
Template: twentyfourteen
*/

@import url('../twentyfourteen/style.css');


/*To center the site's content (from https://wordpress.org/support/topic/how-to-center-the-whole-site?replies=1). There was another possible solution, but this one seems to be recommended. */

#page {
margin-left: auto;
margin-right: auto;
}

/* To change the font family, change this line... but other things affect the implementation, so I'm  not sure... font-weight and possibly font-style... if they're part of the font-family. This should do it, but it doesn't seem to work.
body,
button,
input,
select,
textarea {
	font-family: Lato, sans-serif;
}
*/


/*makes regular body text darker than the theme at #2b2b2b. 
To change the basic background, change the background property for: .site-header, #secondary, and .site:before
*/

body
 {
	font-size: 14px;
	color: #0f0f0f;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

/*makes links gold from original green (#24890d), makes heavier */
a {
	color: #daa530;
	font-weight: 600;
}

a:active,
a:hover {
	color: #daa530;
	text-decoration: none;
}

h1 {
	font-size: 24px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 20px;
	color: #500079;
	line-height: 1;
}

h3 {
	font-size: 16px;
	color: #500079;
	font-style: italic;
	line-height: 1.0909090909;
}

h4 {
	font-size: 14px;
	color: #daa530;
	line-height: 1.2;
}

h5 {
	font-size: 14px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 14px;
	line-height: 1.5;
}

mark,
ins {
	background: #c0c2ff;
	text-decoration: none;
}

p {
	margin-bottom: 12px;
}


blockquote {
	color: #500079;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1;
	border: 1px dotted #500079;
	padding: 10px;
	margin: 15px;
}
/* To align attribution for any 'real' quote to the right side of the block. */

.credit { float:right }

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #daa530;
}

::-moz-selection {
	background: #daa530;
}

hr {
	background-color: rgba(50, 0, 79, 0.3);
	height: 2px;
	margin-bottom: 12px;
}


/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #500079;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #daa530;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #c9982a;
}

/**
 * 3.0 Basic Structure (no change, keep main content area white)
 * -----------------------------------------------------------------------------
 */



/**
 * from theme CSS: 4.0 Header (make no underline for site title and purple background)
 * -----------------------------------------------------------------------------
 */

.site-header {
	background-color: #500079;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.site-title a,
.site-title a:hover {
	font-weight: 500;
	text-decoration: none;
}
.site-title a:hover {
	color: #daa530;
}


/* Search in the header: make 2 shades of gold to match Shefa's theme */

.search-toggle {
	background-color: #daa530;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #c9982a;
}

.search-box {
	background-color: #c9982a;
}


/**
 * from theme CSS 5.0 Navigation: make Shefa's theme colors 
 * -----------------------------------------------------------------------------
 */
 
 .site-navigation a:hover {
	color: #daa530;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #daa530;
	text-decoration: none;
}

/* Secondary Navigation */

.menu-toggle {
	background-color: #500079;
}
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #daa530;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
 .entry-title a {
	color: #500079;
	text-decoration: none;
}

.entry-title a:hover {
	color: #daa530;
}

.cat-links a:hover {
	color: #daa530;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */
 
 .entry-meta a:hover {
	color: #daa530;
}



/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */
 
.entry-content, 
.entry-summary,
.page-content {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap: normal;
}

.entry-content .edit-link a:hover {
	color: #daa530;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #500079;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #daa530;
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #daa530;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #daa530;
}

.page-links a:hover {
	background:#daa530;
	border: 1px solid #daa530;
	color: #fff;
}

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
 
 .nav-links {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap: normal ;
}

.paging-navigation .page-numbers.current {
	border-top: 5px solid #daa530;
}

.paging-navigation a:hover {
	border-top: 5px solid #c9982a;
	color: #c9982a;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #daa530;
}

/* Paging Navigation */
.paging-navigation {
	border-top: 5px solid #500079;
}

.paging-navigation a {
	color: #500079;
}

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */
/* use border-top to move the secondary sidebar contents down some; adding font-size element here doesn't seem to make any difference */

#secondary {
	background-color: #500079;
	border-top: 2px solid  #500079;
	border-bottom: 1px solid  #500079;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
}

/* Content Sidebar changed to make text darker */

.content-sidebar {	
	color: #212121;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */
 /* Primary Sidebar, Footer Sidebar */

.widget {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	word-wrap: normal;
}

 /**
 * 7.2 Content Sidebar Widgets (fixed colors and some spacing) See margin-bottom for content-sidebar widget to adjust spacing between the text widgets on the right
 * -----------------------------------------------------------------------------
 */
 
 /* Text Widget */


.content-sidebar .widget a {
	color: #daa530;
	text-decoration: underline;
}

.content-sidebar .widget a:hover {
	color: #c9982a;
}

.content-sidebar .widget .widget-title {
	border-top: 4px solid  #500079;
	color: #500079;
	margin: 0 0 2px;
	}
	
.content-sidebar .widget {
	margin-bottom: 24px;
	}


	
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #daa530;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #c9982a;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #c9982a;
}


/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
 
 .site-footer {
	background-color: #500079;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.site-info, .site-footer a:hover {
	color: #daa530;
}

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */
.featured-content {
	background: #500079;
}
.featured-content .entry-header {
	background-color:  #500079;
}
.slider-control-paging {
	background-color: #500079;
}
.slider-direction-nav a {
	background-color: #500079;
}
.slider-direction-nav a:hover {
	background-color: #daa530;
}

/**
 * Media stuff (hmm... adding this in fixed the black box at the bottom left when comments are shown (site before); also this controls the hover states and background colors for active menus.)
 * -----------------------------------------------------------------------------
 */

 /* Navigation */
 @media screen and (min-width: 783px) 
 {
 .primary-navigation ul ul {background-color: #daa530;}
 
 .primary-navigation li:hover > a,
 .primary-navigation li.focus > a {background-color: #c9982a;}

 .primary-navigation ul ul a:hover,
 .primary-navigation ul ul li.focus > a {background-color: #c9982a;}
}

 @media screen and (min-width: 1008px) 
{
 /* full background color implemented */
 .site:before {background-color: #500079; 
 border-left: 1px solid rgba(255, 255, 255, 0.2); }

  /* Navigation */
 .secondary-navigation ul ul {background-color: #daa530;}
 
 .secondary-navigation li:hover > a,
 .secondary-navigation li.focus > a {background-color: #daa530;}
 
 .secondary-navigation ul ul a:hover,
 .secondary-navigation ul ul li.focus > a {background-color: #daa530;}
 
 .primary-sidebar .widget {
		font-size: 13px;
		line-height: 1.3;
		font-weight: 400;
	}

.primary-sidebar .widget a {
	color: #daa530;
}
.primary-sidebar .widget a:hover {
	color: #c9982a;
}
}