/*
 Theme Name:   Simone Child
 Theme URI:    http://mor10.com/simone-wordpress-theme/
 Description:  Child theme of... Simone is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. Simone is translation ready and ships in English with translations in Chinese (simplified), Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Portugese, Russian, and Spanish.
 Author:       Morten Rand-Hendriksen
 Author URI:   http://mor10.com/
 Template:     simone
 Version:      1.0.0
 Tags:         child, white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
 Text Domain:  simone-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.menu-social li a[href*="google.com"]::before { content: '\f041'; color: #DB4436; text-shadow: 2px 2px #000000;}
//.menu-social li a[href*="mychurchevents.com"]::before { content: '\f133'; color: yellow; text-shadow: 3px 2px #000000;}
//.menu-social li a[href*="mychurchevents.com"]::before { content: '\f133'; color: yellow;}
.menu-social li a[href*="lcosevents.view-events.com"]::before { content: '\f133'; color: yellow; text-shadow: 3px 2px #000000;}
.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; color: #45619d; text-shadow: 1px 1px #CCCCCC, 3px 3px #000000;}
//.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; color: #45619d; text-shadow: 1px 1px #CCCCCC;}
.menu-social li a[href*="eservicepayments.com"]::before { content: '\f155\f004'; color: #009933; text-shadow: 2px 2px #000000;}
.menu-social li a[href*="www.lcospatchogue.org"]::before { content: '\f155\f004'; color: #009933; text-shadow: 2px 2px #000000;}
.search-toggle {text-shadow: 2px 2px #000000}

.main-navigation a {
    text-shadow: 1px 2px #000000;
}

.current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a:hover, .main-navigation .current-menu-item > a:hover, .main-navigation .current_page_item > a:focus, .main-navigation .current-menu-item > a:focus {
    text-shadow: none;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
        background: #990000; /*hsl(0, 0%, 19%); /* Controls hovor color of sub-menu items, but not main menu*/
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
        background: #313131;
        background: #990000; /*hsl(0, 0%, 19%); /* Controls hovor color of sub-menu items, but not main menu*/
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
        color:black;
        background: white;/* hsl(0, 0%, 19%); /* Controls the background color of the sub-menu item if current*/
}

/*
.main-navigation li:hover > a,
.main-navigation li > a:focus {
	background: #313131;
	background: purple; /* hsl(0, 0%, 19%); /* controls the main menu item color when hovering over one of it's sub-menu items... I thought something else controlled that*/
}

.main-navigation ul ul,
.main-navigation ul ul ul {
	background: green; /* hsl(0, 0%, 19%); /* controls the default sub-menu color... I thought something else controlled that*/
}
*/

/*
--------------------------
.main-navigation li:hover > a,
.main-navigation li > a:focus {
	color: #fff;
	color: hsl(0, 0%, 100%);
	background: #4d4d4d;
	background: hsl(0, 0%, 30%);
}

.main-navigation ul ul :hover > a { }

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
	background: red; //#313131;
	background: hsl(0, 0%, 19%);
}

.main-navigation ul li:hover > ul { display: block; }

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {
	color: yellow;//#313131;
	color: hsl(0, 0%, 19%);
	background: white;
}

.main-navigation .current_page_ancestor {
	background: #4d4d4d;
	background: hsl(0, 0%, 30%);
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
	color: #fff;
	color: hsl(0, 0%, 100%);
	background: blue; //#313131;
	background: hsl(0, 0%, 19%);
}
//.main-navigation ul ul a {
.main-navigation :hover {
    width: 200px;
    background: blue;
}
----------------------------------------
*/

.content-notice-emergency { 
	background-color:#FBEAEA;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #DC3232;
	border-bottom: 3px solid #DC3232;
	border-right: 3px solid #DC3232;
	display:inline-block;
	cursor: default;
	color:red;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 2em;
	width: 100%;
}
.content-notice-red { 
	background-color:#FBEAEA;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #DC3232;
	border-bottom: 3px solid #DC3232;
	border-right: 3px solid #DC3232;
	display:inline-block;
	cursor: default;
	color:black;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}
.content-notice-orange { 
	background-color:#FFE6B9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid orange;
	border-bottom: 3px solid orange;
	border-right: 3px solid orange;
	display:inline-block;
	cursor: default;
	color: black;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}
.content-notice-yellow { 
	background-color:#FFFFBE;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid yellow;
	border-bottom: 3px solid yellow;
	border-right: 3px solid yellow;
	display:inline-block;
	cursor: default;
	color:#000000;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}
.content-notice-green { 
	background-color:#A9E5A9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid green;
	border-bottom: 3px solid green;
	border-right: 3px solid green;
	display:inline-block;
	cursor: default;
	color: black;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}
.content-notice-blue { 
	background-color:#E5F5FA;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	border-bottom: 3px solid #057fd0;
	border-right: 3px solid #057fd0;
	display:inline-block;
	cursor: default;
	color:#000000;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}
.content-notice-indigo { 
	background-color:#D5B9E8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid indigo;
	border-bottom: 3px solid indigo;
	border-right: 3px solid indigo;
	display:inline-block;
	cursor: default;
	color: black;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}
.content-notice-violet { 
	background-color:#F9C9F9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid violet;
	border-bottom: 3px solid violet;
	border-right: 3px solid violet;
	display:inline-block;
	cursor: default;
	color: black;
	padding:6px 24px;
	text-decoration:none;
	font-weight: bold;
	margin: 10px 0;
	margin-top: 1em;
	width: 100%;
}

.content-block { 
    border:1px solid #eee; 
    padding:3px;
    background:#ccc;
    max-width:250px;
    float:right; 
    text-align:center;
}
.content-block:after { 
    clear:both;
} 
.blue-button { 
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
}

.red-button {
	background-color:#bc3315;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:6px 24px;
	text-decoration:none;
}

.menu-social li a:before {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    font-family: 'Fontawesome';
    font-size: 25px;}

.site-content {
    padding-bottom: 0.5em;
}
.site-branding {
    padding: 1rem 0;
}

.title-box {
    width: 850px;
    max-width: 85%;
    padding: 2rem;
}
.site-footer{
    padding: 0.5em;
    font-size: 0.8rem;
}

@media screen and (max-width: 900px) {
    .title-box { padding: 1rem; }

    .site-title {
//    font-weight: 500;
    font-size: 30px;
    font-size: 3.0rem;
//    text-transform: none;
//    line-height: normal;
    padding-bottom: 0.5rem;
    }

@media screen and (max-width: 655px) {
    .title-box { padding: 1rem; }

    .site-title {
//    font-weight: 500;
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: none;
//    line-height: normal;
    padding-bottom: 0.5rem;
    }

@media screen and (max-width: 440px) {
    .title-box { padding: 1rem; }

    .site-title {
//    font-weight: 500;
    font-size: 22px;
    font-size: 2.1rem;
    text-transform: none;
//    line-height: normal;
    padding-bottom: 0.5rem;
    }
    .site-description{
    font-size: 1.8rem;    
    }
}