/*
 Theme Name:   Harmonic Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Harmonic Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     harmonic
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  harmonic-child
*/
#masthead  { position:fixed; border-bottom:1px solid #6294a6; height:100px;padding-top:10px;}
FOOTER { border-top:1px solid #6294a6;}
#masthead, #footer-nav-wrapper, FOOTER{ color:#333 !important;background:#fff !important; }
#colophon{
	
    clear: both;
    font-size: 10pt !important;
    margin: 0px 0 0;
    padding: 10px;
    text-align: left !important;
	}
.site-info {
	text-align:center !important;
	color:#333;
}
h1.site-title{
	margin:10px 0 5px 0;
}

#mobile-panel {
    background: none repeat scroll 0 0 #fff;
}
/*
#mobile-link {
    background: none repeat scroll 0 0 #7d97a1;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    
    padding: 6px 10px 4px 10px;
    position: relative;
	right:30px;
    top: 36px;
}
*/

#mobile-link {
  background: none repeat scroll 0 0 #7d97a1;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  left: 250px;
  padding: 6px 10px 4px;
  position: absolute;
  top: 35px;
}

/* donate */
#donate{
	margin-top:50px;
	padding:4px;
	position:absolute;
	left:730px;
}

#donateText{
	background:#009;
	padding:4px 11px 2px 11px;
	border-radius:4px;
	background:#fafafa;
	font-size:10pt;
	color:#366;
	border-bottom:3px solid #98b2bc;
}

/* social media icons */
#search{ cursor:pointer; }

footer UL, footer OL{
	margin:0;
}
header .socials{
	float: right;
	/*margin: 20px 0 0 0;*/
	padding: 0;
	margin:0px;
}
header .socials li, footer .socials li{
	float: left;
	list-style: none;
	margin: 0 0 0 4px;
}
header .socials li a, footer .socials li a{
	float: left;
	width: 34px;
	height: 34px;
	background: url(images/ico_socials_top.png) no-repeat;
	xbackground: url(images/search.png) no-repeat;
}
header .socials li a:hover, footer .socials li a:hover{
	background-position: 0 -34px;
}
header .socials li a.facebook, footer .socials li a.facebook{
	background-position: -44px 0;
}
header .socials li a.facebook:hover, footer .socials li a.facebook:hover{
	background-position: -44px -34px;
}

header .socials li a.instagram, footer .socials li a.instagram{
	background-position: -308px 0;
}
header .socials li a.instagram:hover, footer .socials li a.instagram:hover{
	background-position: -308px -34px;
}

header .socials li a.rss{
	background-position: -88px 0;
}
header .socials li a.rss:hover{
	background-position: -88px -34px;
}
header .socials li a.pinterest{
	background-position: -132px 0;
}
header .socials li a.pinterest:hover{
	background-position: -132px -34px;
}
header .socials li a.google{
	background-position: -176px 0;
}
header .socials li a.google:hover{
	background-position: -176px -34px;
}
header .socials li a.dribbble{
	background-position: -220px 0;
}
header .socials li a.dribbble:hover{
	background-position: -220px -34px;
}
header .socials li a.linkedin{
	background-position: -264px 0;
}
header .socials li a.linkedin:hover{
	background-position: -264px -34px;
}
header .socials li a.flickr{
	background-position: -308px 0;
}
header .socials li a.flickr:hover{
	background-position: -308px -34px;
}
header .socials li a.youtube{
	background-position: -352px 0;
}
header .socials li a.youtube:hover{
	background-position: -352px -34px;
}
#home_header header .socials li a{
	background-image: url(images/ico_socials_top_home.png);
}


/* top navigation */
.menu{
	margin-top:14px;
}


/* override base navigations */
.main-navigation li {
    background: none repeat scroll 0 0 #f7f7f7 !important;
    display: inline-block;
    margin: 0 2px 2px 2px !important;
	/*padding: 0 15px;*/
    position: relative;
    text-align: center !important;
}
.main-navigation li a, .main-navigation li a:visited {
    padding: 10px !important;
}
.menu UL LI.current_page_item{
	background:#e5e5e5 !important;
}
.current_page_item A{ 
	color:#555 !important;
		/*font-weight:bold;*/
	}
	
.menu UL LI A:hover {
	background:#7d97a1 !important;
	color:#fff !important;
}

.menu UL LI{
	background:#f6f6f6 !important;
	
}

H1 {
color:#7d97a1 !important;
}

/* submenu dropdowns */
.main-navigation ul ul{
	background:#fff !important;
	margin-top:4px !important;
}
/* down arrow */
.showsub-toggle::after{
	color:#aaa !important;
	top:30px !important;
}

/* main content */


/* orig for both
#socialmedia{
		clear:both;
		height: 40px;
		position: absolute;
		right: 40px;
		top: 35px;
		width: 80px;
		margin:0px;
	}
*/

	#socialmedia{
		clear:both;
		height: 40px;
		
		/*width: 80px;*/
		margin:0px;
	}
	#searchform{
		display:none;
	}

/* homepage */
#rowContainer{
	padding:0px 5% 0px 5%;
}
.hprow{
	margin:10px 0 0px 0;
}


/* make small dropdown menu */
@media only screen and (max-width: 320px) {
	#content-wrapper {
        padding: 80px 0 0 0 !important;
    }
	#mobile-link{
		position:absolute;
		top:46px;
	}
	#site-branding {
		display:none;
		padding:0 0 0 0px !important;
		width: 180px !important;
	}
	#mobile-panel{
		display:block;
	}
	
	/*#socialmedia{
		display:none !important;
		visibility:hidden;
	}*/
	#menu-title{
		display:none !important;
	}
}
@media only screen and (min-width: 321px) and (max-width: 500px) {
	#content-wrapper {
        padding: 80px 0 0 0 !important;
    }
	/*#socialmedia{
		display:none !important;
		visibility:hidden;
	}*/
	#donate{
		display:none !important;
	}
}
@media only screen and (min-width: 701px) and (max-width: 800px) {
	#donate{
		margin-top:-46px;
		position:absolute;
		left:358px;
	}
}
@media only screen and (min-width: 321px) and (max-width: 800px) {
	
	#content-wrapper {
        padding: 80px 0 0 0 !important;
    }
	#mobile-link{
		position:absolute;
		top:46px;
	}
	#site-branding {
		display:none;
		padding:0 0 0 0px !important;
		width: 180px !important;
	}
	#mobile-panel{
		display:block;
	}
	/*#socialmedia{
		top:46px !important;
	}*/
		
	
	
}


@media only screen and (min-width: 801px) and (max-width: 1024px) {
	#content-wrapper {
        padding: 90px 0 0 0 !important;
    }
	
	#donate{
		margin-top:2px;
		position:absolute;
		left:378px;
	}
	/*#socialmedia{
		top:12px !important;
	}*/
	#site-navigation {
        display: block !important;
        position:absolute !important;
		top:40px;
		left:378px !important;
    }
	#site-branding {
		display:block;
		padding:0 0 0 40px !important;
		width: 300px !important;
	}
	/*--*/
	.main-navigation ul ul {
        background: #222;
        display: none;
        margin-top: 20px;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: left;
        top: 40px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        visibility: hidden;
        z-index: 99999;
    }

    .main-navigation ul ul li a {
        line-height: 1.5;
        padding: 20px;
        width: 200px;
    }

    .main-navigation li a,
    .main-navigation li a:visited {
        padding: 20px 40px 20px 0;
    }
	
}

/* responsive move things around */
@media only screen and (min-width: 1025px)and (max-width: 3600px) {
	#content-wrapper {
        padding: 90px 0 0 0 !important;
    }
	
	#site-navigation {
        display: block !important;
        position:absolute !important;
		top:40px;
		left:378px !important;
    }
	#site-branding {
		display:block;
		padding:0 0 0 40px !important;
		width: 300px !important;
	}
	/*#socialmedia{
		top:58px !important;
	}*/
	
	/*-- */
	.main-navigation ul ul {
        background: #222;
        display: none;
        margin-top: 20px;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: left;
        top: 40px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        visibility: hidden;
        z-index: 99999;
    }

    .main-navigation ul ul li a {
        line-height: 1.5;
        padding: 20px;
        width: 200px;
    }

    .main-navigation li a,
    .main-navigation li a:visited {
        padding: 20px 40px 20px 0;
    }
}

/* general */
#content, #hpRowContainer{ background:#fff !important;}

/* footer */
Footer { border-top:1px solid #999; }
.footerbox { width:33.3%; float:left;padding:20px; font-size:12pt;xfont-weight:bold;color:#999;}
.footerbox H1 { margin-bottom:6px; font-size:16pt;}
.footerbox DIV.nl{ color: #777;
    font-size: 11pt;
    margin-bottom: 7px;}
	.footerbox DIV.nl2{ color: #777;
    font-size: 11pt;
    margin-top: 15px;}
.footerbox DIV.d { /* days */
    display: inline;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 40px !important;
	color:#333;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	.footerbox { width:100%; float:none;padding:20px; font-size:12pt;color:#999;}
}