/* 
Theme Name: Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */


/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
	 line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    width:100%;
	background-color: #444;
    background-image: none;
	height: 60px;
	top: -10px;
	position: fixed;
	z-index: 10;
	 font-family: sans-serif;



}

.top-menu li {
	float: left;
	  padding: 17px 13px 0px 0px;
	  


}

.top-menu >li > a:focus {
  color: #fff;
}


.top-menu > li:first-child {
	padding-left: 5%;
	font-size:22px;


}
.top-menu > li:last-child {
  color: #fff;
  background-color: #2c2c2c;
  padding: 17px 13px 13px 12px;

}

.top-menu > li:last-child > a {
  color: #fff;
  background-color: #2c2c2c;

}

.top-menu > li:first-child > a {
  	font-size:22px;


}

.top-menu > li > a:hover {
    color: #fff;
}

.top-menu li a {
    font-weight: 300;
    color: #aaa;
    padding: 10px 15px;
    line-height: 30px;
    font-size: 16px;
    border-right: 0px solid #cccccc;
	border-left: medium none;
	
}

/* =Navigation
-------------------------------------------------------------- */
.navigation .next {
	float: center;
	color:#fff;
	display: none;

}

.navigation .previous {
	float: center;
	color:#fff;
	display: none;

}




/* =Responsive Design
    Media Queries
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */
@media screen and (max-width: 1170px) {
    
    .top-menu{
        display:none;
    }
    
	.menu ul,
	.menu li,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		display:inherit;
		width: 100%;
	}
    
	body {
	}

	.grid,
	.grid-right {
		float: none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: right;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
}



@media screen and (max-width: 650px) {

	body {
	}

	#logo {
		float: none;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		text-align: center;
		clear: right;
	}

	.js .menu,
	.sub-header-menu {
		display: none;
	}

	
	
	.footer-menu li {
		float: none;
		text-align: center;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {

	body {
	}

	#logo {
		float: none;
		position: relative;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {

	#featured p {
		font-size: 12px;
		line-height: 1.2em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}
}

@media screen and (max-width: 240px) {

	#featured p {
		font-size: 11px;
		line-height: 1.1em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
}











/*The last 29 days of the month are the hardest."- Nikola Tesla*/