/*
 Theme Name:   Twenty Thirteen - H4G Child
 Theme URI:    http://example.com
 Description:  Twenty Fourteen them for help 4 guys
 Author:       Mikael Bonnevie
 Author URI:   http://www.ancoonDesign.com
 Template:     twentythirteen
 Version:      1.0.0
 Tags:         
 Text Domain:  twenty-thirteen-child
*/

@import url("/wp-content/themes/twentythirteen/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */


/* 

Primary color
#47b3e3

Secondary color
#78D5FF

Light grey
#7f7f7f


*/

/*TEXT COLOR*/

	/*primary*/
	h2 {
		color:#47b3e3;
		font-weight: normal;
		font-size:22px;
	}

	/****************/


	/*Secondary*/
		.site-footer .widget a{
			color:#78D5FF;
		}
	/****************/


.site-header .home-link {
    min-height: 400px;
    padding: 0 ;
    text-decoration: none;
    width: 100%;
}


/* Navbar */
.navbar {
	background-color: none;
	background:url(/wp-content/themes/twentythirteen-child/images/nav_pattern@2X.png) repeat left top;
	background-size: 98px 98px;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
	border-bottom: 5px solid #47b3e3;
	position:relative;
}

#site-navigation ul.nav-menu > li {

}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 20px ;
}

.main-navigation {
	min-height: 55px;

}

.main-navigation {
	margin: 0 0 0 200px;
}

.nav-menu li a {
	line-height: 55px;
	color:#7f7f7f;
	font-size: 18px;
	text-transform: uppercase;
	padding:0px 20px;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #47b3e3;
	color: #fff;
}

.nav-menu li li a {
	line-height: 40px;
	color:#fff;
	font-size: 15px;
	text-transform: none;
	padding:0px 10px;
}



.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #47b3e3;
	font-style: normal;
}

#navbar form {
	display:none;
}

/* Sub nav */

.nav-menu .sub-menu,
.nav-menu .children {
	
	background:#47b3e3;
	border: none;
	border-top: 0;
	padding: 5px;
	position: absolute;
	left: 0px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu .current_page_item > a,
.nav-menu .sub-menu .current_page_ancestor > a,
.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current-menu-ancestor > a {
	color: #7f7f7f;
	font-style: normal;
}

.nav-menu .sub-menu .current_page_item > a:hover,
.nav-menu .sub-menu .current_page_ancestor > a:hover,
.nav-menu .sub-menu .current-menu-item > a:hover,
.nav-menu .sub-menu .current-menu-ancestor > a:hover{
	background:none;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #fff;
	color:#47b3e3;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 7px;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
	max-width: 704px;
}


/* Link H4G */

a.h4g-link{
	content:"";
	height:55px;
	width:110px;
	position: absolute;
	top:0;
	left:-130px;
	background:url(/wp-content/themes/twentythirteen-child/images/headers/h4g-link.png) no-repeat center center;
	background-size: 110px 55px;
}


a, a:visited,
.entry-content a,
.comment-content a {
	color: #47b3e3;
}

a:hover,
.entry-content a:hover,
.comment-content a:hover {
	color: #0071A3;
}


/* Buttons */


/* donate button 

#menu-top-navigation > li:last-child  {
     font-weight:bold; 
} 

#menu-top-navigation > li:last-child > a {
     color: #47b3e3;
}  

#menu-top-navigation > li:last-child:active > a {
     color: #fff;
}  

*/
/*other buttons */

a.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
     background: #47b3e3;
     border: none;
     border-bottom: 3px solid #347794;
     border-radius: 6px;
     color: #fff;
     display: inline-block;
     padding: 11px 24px 10px;
     text-decoration: none;
}

a.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
     background: #3889AD; /* Old browsers */
     border: none;
     border-top: 3px solid #26576C;

     padding: 7px 24px 14px;
}

a.button:hover {
color: #fff;
}

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	background-color: #333;
	color: #686758;
	font-size: 14px;
	text-align: center;
}

.site-footer .sidebar-container{
	background: none;
}


.site-footer .widget {
	width: calc( 25% - 20px);
	margin: 10px;
	float: left;
}

/*Removing element from the parent theme */
#search-2,
.site-info a {
	display: none;
}




/* MEDIA QUERY */



/* MEDIUM SCREENS */
	@media (max-width: 1200px) {
		.site-header {
			background-position: top right !important;
		}

		.entry-header, .entry-content, .entry-summary, .entry-meta {
				max-width: 604px;
		}

		a.h4g-link {
			left:initial;
			right:20px;
		}
		.main-navigation{
			margin: 0 0 0 20px;
		}
	}

/* SMALL SCREENS */

	@media (max-width: 767px) {
		.entry-header, .entry-content, .entry-summary, .entry-meta{
			max-width: 504px;
		}

		.site-footer .widget {
			width: calc( 45% - 20px);
		}

		/* turn menu toggle on */
		.menu-toggle {
			cursor: pointer;
			display: inline-block;
			font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
			margin: 0;
			padding: 0 0 0 20px;
			line-height: 55px;
		}

		.menu-toggle:after {
			content: "\f502";
			font-size: 12px;
			padding-left: 8px;
			vertical-align: -4px;
		}

		.toggled-on .menu-toggle:after {
			content: "\f500";
			vertical-align: 2px;
		}

		.toggled-on .nav-menu,
		.toggled-on .nav-menu > ul {
			display: block;
			margin-left: 0;
			padding: 0;
			width: 100%;
		}

		.toggled-on li,
		.toggled-on .children {
			display: block;
		}

		.toggled-on .nav-menu li > ul {
			background-color: transparent;
			display: block;
			float: none;
			margin-left: 20px;
			position: relative;
			left: auto;
			top: auto;
		}

		.toggled-on .nav-menu li > ul a {
			color: #141412;
			width: auto;
		}

		.toggled-on .nav-menu li:hover > a,
		.toggled-on .nav-menu .children a {
			background-color: transparent;
			color: #141412;
		}

		.toggled-on .nav-menu li a:hover,
		.toggled-on .nav-menu ul a:hover {
			background-color: #47b3e3;
			color: #fff;
		}

		/* turn main nav off*/
		ul.nav-menu,
		div.nav-menu > ul {
			display: none;
		}

		.site-header .home-link {
			min-height: 200px;
		}

		.site-header {
			background-size: 800px auto !important;
		}


	}

/* MOBILE */

	@media (max-width: 643px) {



	/* Navbar */

		.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover{
			background:#47b3e3;
		}

		.nav-menu .sub-menu .current_page_item > a,
		.nav-menu .sub-menu .current_page_ancestor > a,
		.nav-menu .sub-menu .current-menu-item > a,
		.nav-menu .sub-menu .current-menu-ancestor > a,
		.nav-menu .sub-menu .current_page_item > a:hover,
		.nav-menu .sub-menu .current_page_ancestor > a:hover,
		.nav-menu .sub-menu .current-menu-item > a:hover,
		.nav-menu .sub-menu .current-menu-ancestor > a:hover {
			color:#47b3e3;
		}	
	}

/*
playback timings (ms):
  captures_list: 70.222
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.068
  RedisCDXSource: 0.654
  esindex: 0.008
  LoadShardBlock: 49.244 (3)
  PetaboxLoader3.datanode: 145.922 (5)
  CDXLines.iter: 17.396 (3)
  load_resource: 275.052 (2)
  PetaboxLoader3.resolve: 105.795 (2)
*/