/*
Theme Name: Circumference Lite Child
Theme URI: http://demo.styledthemes.com/free-themes/circumference-lite/
Description: Perfect for small businesses, Circumference Lite is a responsive, exceptional theme with clean design and a significant list of features like unlimited colours, full width or boxed page layouts, extensive theme options using the WordPress Customizer, font based icons, custom gallery styling, a large selection of beautifully styled Post Formats, page templates, several site title/logo options, translation ready, retina ready, built-in social networking, and a child theme that you can install and use for customization, plus much more!

Template: circumference-lite
Version: 1.0.0
Author: StyledThemes.com
Author URI: http: //www.styledthemes.com/
Tags: custom-colors, white, light, two-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
License: GNU General Public License v3
License URI: license.txt 

Copyright: 2014 Styledthemes.com


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



	
/* Add your custom  css below */

.button1 {
    background: none repeat scroll 0 0 #a8c73a;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: "Roboto";
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 20px 70px 20px 30px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    white-space: nowrap;
}

.innovate {
    color: #a8c73a;
    font-family: "Paprika";
    font-weight: 400;
    margin: 0;
    padding: 25px 0 20px;
}
#cir-ann-social-wrapper { display: none; }
.page-id-2 #cir-content-area .entry-header { display: none; }

.nav-menu li a {
	/*padding: 2.2em  2.2em 0em 2.2em;*/
	transition: all 0.3s ease-out 0s;
	line-height: 85px;
	padding: 0 20px;
	font-weight: 900;
}
.navbar { text-transform: none; }
#site-navigation  ul > li  > a {
	background-color: #f68a26;
}
#site-navigation  ul > li + li  > a {
	background-color: #e52f2f;
}
#site-navigation  ul > li + li + li > a {
	background-color: #a8c73a;
}
#site-navigation  ul > li + li + li + li > a {
	background-color: #459cc0;
}
#site-navigation  ul > li + li + li + li + li > a {
	background-color: #b97cbe;
}
#site-navigation  ul > li + li + li + li + li + li > a {
	background-color: #000080;
}
#site-navigation  .current_page_item > a, #site-navigation  .nav-menu .current_page_ancestor > a, 
#site-navigation  .current-menu-item > a, #site-navigation  .nav-menu .current-menu-ancestor > a {
	font-style: none;
	color: #fff;
}

#site-navigation  .current_page_item > a, #site-navigation .nav-menu .current_page_ancestor > a {
	padding-top: 20px;
}

/*Hover menu*/
#site-navigation ul > li  > a:hover {
	background-color: #f68a26;
	padding-top: 20px;
	
}
#site-navigation ul > li + li  > a:hover {
	padding-top: 20px;
	background-color: #e52f2f;
	
}
#site-navigation ul > li + li + li > a:hover {
	padding-top: 20px;
	background-color: #a8c73a;
}
#site-navigation ul > li + li + li + li > a:hover {
	padding-top: 20px;
	background-color: #459cc0;
}
#site-navigation ul > li + li + li + li + li > a:hover {
	padding-top: 20px;
	background-color: #b97cbe;
}

#site-navigation ul > li + li + li + li + li + li > a:hover {
	padding-top: 20px;
	background-color: #000080;
}

#cir-site-header{
	padding: 0em;
}
#menu-header { letter-spacing: -1em; }
#menu-header li { letter-spacing: normal;  }
.span5 .thumb1 .thumbnail { background-color: #ffffff; border: 0px; }
.span5 {
    width: 470px;
}
.span7 {
    width: 670px;
}
.span5, .span7 {
	float: left;
    min-height: 1px;
 }

/* Custom mobile styling 
-------------------------------------------------------------- */
/*
@media screen and (max-width: 320px) {
	
}

@media (min-width: 321px) and (max-width: 480px) {
	
}

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

@media (min-width: 481px) and (max-width: 768px) {
	
}

@media screen and (max-width: 768px) {
	
}
*/

@media (min-width: 481px) and (max-width:768px) { /* for mobile phones to tablets */
	.span5 {
		width: 100%;
	}
	.span7 {
		width: 100%;
	}
	.span5, .span7 {
		float: none;
		min-height: 1px;
	 }
}

@media (min-width: 321px) and (max-width: 480px) { /* For mobile phones */
	.span5 {
		width: 270px;
	}
	.span7 {
		width: 100%;
	}
	.span5, .span7 {
		float: none;
		min-height: 1px;
	 }
}	
@media (max-width: 320px) { /* For smaller phones */
	.span5 {
		width: 190px;
	}
	.span7 {
		width: 100%;
	}
	.span5, .span7 {
		float: none;
		min-height: 1px;
	 }
}
#cir-footer-wrapper {
	background: none repeat scroll 0 0 #00648e;
}
.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.featured-slider .displaynone {
    display: none;
}
.featured-slider .displayblock {
    display: block;
}
#controllers {
	text-align: center;
	line-height: 0;
	position: absolute;
	width: 100%;
	bottom: 15px;
	z-index: 9999;
}
.featured-slider, .featured-slider .slider-cycle, .featured-slider .container { position: relative; }
#controllers a {
	width: 18px;
	height: 7px;
	margin: 0 4px;
	overflow: hidden;
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 2px solid #21cdec;
	color: #fff;
	text-indent: -100px;
}
#controllers a:hover,
#controllers a.active {
	background-color: #21cdec;
	color: #21cdec;
}

#cir-logo-group-wrapper  { margin-top: 10px; }
#site-navigation .nav-menu li { font-size:0.966em }
.nav-menu li .sub-menu li a { line-height: 45px; color: #ffffff; }