/*

Theme Name: Coppermine Fieldhouse

Theme URI: http://www.webintech.com

Author: Web Interactive Technologies

Author URI: http://www.webintech.com/

Description: Template based on CyberChimps' iFeature Pro.  Customized by Web Interactive Technologies for use on www.copperminefieldhouse.com

Version: 1

License: GNU General Public License version 3

License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)

*/



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

/******************************************** MAIN HTML STYLES ******************************************************/

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

body {

	color:#555;

}

h1, h2, h3, h4, h5, h6 {

  margin-bottom: 15px;

  font-weight: 400;

}



table {

	margin-bottom: 25px;

}



table .label {

  padding: 7px;

  background: none;

  text-shadow: none;

  line-height: normal;

}

tr {

  border-bottom: 1px solid #ccc;

}

td { 

	padding: 5px;

}

dt {

  margin-top: 5px;

  margin-bottom: 5px;

  margin-left: 26px;

  font-weight: bold;

}

dd {

  margin-bottom: 15px;

  margin-left: 26px;

}

ul, ol { 

	margin: 0 0 25px 0;

}

ol, ul {

  margin-left: 21px;

  list-style-position: inside;

}

pre {

  -moz-border-radius: 0;

  border-radius: 0;

  margin-bottom: 25px;

}

code {

	white-space: pre-wrap;

}

.clear{

  clear: both;

}

.clear-right {

	clear: right;

}

.clear-left {

	clear: left;

}



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

/******************************************** HEADER ****************************************************************/

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



header#cc-header {

	margin-bottom: 20px;

}



/*======================================= TOP BAR =============================================*/



#top_header {

	margin-bottom: 15px;

	background-image: url('images/topbarbg.jpg');

}



#top_header .top-head-description {

	margin: 8px 0 6px 0;

	color: #bababa;

	font-size: 14px;

}



#top_header .top-head-social .symbol {

	float: right;

	margin-top: 5px;

	margin-right: 0;

	margin-bottom: 6px;

	margin-left: 5px;

	width: 20px;

	height: 20px;

	font-size: 2em;

	padding: 0;

	line-height: 0.7;

}



header #social .symbol {

  float: right;

  margin-left: 5px;

}



.icons {

	margin-top: 15px;

}



#top_header .top-head-social .default-icons a.symbol {

	box-shadow: 1px 1px 0 #333;

}



/*======================================= DETAILS =============================================*/



header#cc-header h2.site-title {

	margin-bottom: 15px;

	font-weight: 600;

	font-size: 32px;

}



header#cc-header h2.site-description {

	margin: 0;

	font-size: 14px;

}



header#cc-header .contact_details {

	float: right;

  margin-top: 15px;

	color: #888;

}



header#cc-header .contact_details .cc-telephone-number {

	text-align: right;

}



header#cc-header .contact_details .cc-telephone-number img {

	margin-top: -3px;

	margin-left: 10px;

}



header#cc-header .contact_details .cc-email {

	text-align: right;

}



header#cc-header .contact_details .cc-email img {

	margin-top: -2px;

	margin-left: 10px;

}



header#cc-header .register {

  float: right;

}



header#cc-header .blog_description {

  float: right; 

}



header#cc-header p {

  font-size: 1.2em;

}



.glyphicon {

	position: relative;

	top: 1px;

	display: inline-block;

	font-family: 'Glyphicons Halflings';

	-webkit-font-smoothing: antialiased;

	font-style: normal;

	font-weight: normal;

	line-height: 1;

	-moz-osx-font-smoothing: grayscale;

}



.glyphicon-home:before {

  content: "\e021";

}



.glyphicon-earphone:before {

	content: "\e182";

}



.glyphicon-envelope:before {

  content: "\2709";

}



.glyphicon-earphone, .glyphicon-envelope {

	margin: 2px 10px;

	color: #ccc;

}



/*======================================= SEARCH ===============================================*/



header #search #searchform {

  float: right;

	margin-top: 20px;

}



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

/******************************************** MENU ******************************************************************/

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



#navigation {

 	margin-bottom: 30px; 

}

.main-navigation.navbar {

	margin-bottom: 0;

}

.main-navigation .navbar-inner {

	padding: 0;

	min-height: 20px;

  border: 1px solid;

  border-color: #888 #666 #666 #666;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background: #b6b6b6;

  background: -moz-linear-gradient(top,  #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(2%,#a4a4a4), color-stop(51%,#919191), color-stop(52%,#858585), color-stop(100%,#717171));

	background: -webkit-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#919191 51%,#858585 52%,#717171 100%);

	background: -o-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);

  background: -ms-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);

  background: linear-gradient(to bottom,  #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);

  box-shadow: none;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#717171',GradientType=0 );

}

.main-navigation .nav > li {

  border-right: 1px solid #b6b6b6;

  -webkit-box-shadow:  1px 0px 0px 0px rgba(0,0,0,0.3);

  box-shadow:  1px 0px 0px 0px rgba(0,0,0,0.3);

}

.main-navigation .nav > li > a {

  display: block;

  color: #fff;

  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);

	font-size: 1.1em;

}

.main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {

	margin-top: 10px;

	border-top-color: #fff;

  border-bottom-color: #fff;

}

.main-navigation .nav > li > a:hover {

  background: #666;

  color:  #f6f6f6;

}

.main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a {

  background: #717171;

  color: #FFFFFF;

}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-ancestor.dropdown {

	background-color: #717171;

	color: #FFFFFF;

}

.main-navigation .nav li ul li a {

	padding-top: 5px;

	padding-bottom: 5px;

}

.main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover, .main-navigation .nav li ul li a:focus {

	background: #717171;

	color: #c5c5c5;

	filter: none;

}

.main-navigation .nav li ul li a {

  color: #f6f6f6;

}

.main-navigation .nav li ul li ul {

  margin-left: 0;

  list-style: none;

}

.main-navigation .nav li ul li ul li a{

  padding-left: 24px;

}

.main-navigation .nav li ul li ul li ul li a {

	padding-left: 30px;

}

.main-navigation .nav li.dropdown:hover ul.dropdown-menu {

  display: block;

  margin-top: 0;

  border-radius: 0;

	background: #666;

}

.navbar .nav > li > .dropdown-menu::before {

	position: absolute;

	top: -7px;

	left: 9px;

	display: inline-block;

	border-right: 7px solid transparent;

	border-bottom: 7px solid #666;

	border-bottom-color: rgba(0, 0, 0, 0.2);

	border-left: 7px solid transparent;

	content: '';

}

.navbar .nav > li > .dropdown-menu::after {

	position: absolute;

	top: -6px;

	left: 10px;

	display: inline-block;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #666;

	border-left: 6px solid transparent;

	content: '';

}

#navigation #searchform {

	margin-right: 15px;

}

.navbar .btn-navbar {

	margin-bottom: 5px;

}

/* 3rd tier */

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {

	filter: none;

}

.main-navigation .nav > li > ul > li {

	position: relative;

}

.main-navigation .nav > li > ul > li > ul {

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 1001;

	display: none;

  margin-top: 0;

	padding: 0;

	border: 1px solid rgba(0, 0, 0, 0.2);

	border-radius: 0;

	background: #666;

}

.main-navigation .nav > li > ul > li:hover > ul {

	display: block;

}

.main-navigation .nav > li > ul > li > ul::before {

	position: absolute;

	top: 7px;

	left: -7px;

	display: inline-block;

	border-top: 7px solid transparent;

	border-right: 7px solid #666;

	border-right-color: rgba(0, 0, 0, 0.2);

	border-bottom: 7px solid transparent;

	content: '';

}

.main-navigation .nav > li > ul > li > ul::after {

	position: absolute;

	top: 8px;

	left: -6px;

	display: inline-block;

	border-top: 6px solid transparent;

	border-right: 6px solid #666;

	border-bottom: 6px solid transparent;

	content: '';

}









/* 3rd4th tier experiment */

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {

	filter: none;

}

.main-navigation .nav > li > ul > li > ul > li {

	position: relative;

}

.main-navigation .nav > li > ul > li > ul > li > ul {

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 1001;

	display: none;

  margin-top: 0;

	padding: 0;

	border: 1px solid rgba(0, 0, 0, 0.2);

	border-radius: 0;

	background: #666;

}

.main-navigation .nav > li > ul > li > ul > li:hover > ul {

	display: block;

}

.main-navigation .nav > li > ul > li > ul > li > ul::before {

	position: absolute;

	top: 7px;

	left: -7px;

	display: inline-block;

	border-top: 7px solid transparent;

	border-right: 7px solid #666;

	border-right-color: rgba(0, 0, 0, 0.2);

	border-bottom: 7px solid transparent;

	content: '';

}

.main-navigation .nav > li > ul > li > ul > li > ul::after {

	position: absolute;

	top: 8px;

	left: -6px;

	display: inline-block;

	border-top: 6px solid transparent;

	border-right: 6px solid #666;

	border-bottom: 6px solid transparent;

	content: '';

}





















@media (max-width: 979px) {

	.main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {

		border: none;

	}

	.main-navigation .nav > li > ul > li > ul {

		position: static;

		display: block;

		border: none;

	}

	.nav-collapse .dropdown-menu li + li a {

		margin-bottom: 0px;

	}

	.nav-collapse.in {

		background-color: #747474;

		background-image: none;

	}

	.nav-collapse.in .nav li {

		background-color: #747474;

	}

	.nav-collapse.in .nav ul {

		background: #747474;

	}

	.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {

		display: none;

	}

	.navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {

		background-color: #666;

		color: #fff;

	}

	.navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {

		color: #fff;

		text-shadow: none;

		font-weight: normal;

	}

	.navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {

		background: #666;

		box-shadow: none;

		color: #fff;

	}

	.nav-collapse.in .dropdown .caret {

		display: none;

	}

	.nav-collapse.in .dropdown-menu {

		display: block;

	}

	.navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {

		background-color: #666;

		background-image: none;

		color: #fff;

	}

}



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

/******************************************** MAIN CONTENT **********************************************************/

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



.container {

  background: transparent;

}

article.post, article.page, article.attachment {

  overflow: hidden;

	margin-bottom: 30px;

  padding: 0;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

.entry-content {

  margin: 0;

}

.page-header {

  margin-top: 0;

  padding: 0;

  border: none;

}

.page-title {

	font-size: 31px

}



/*==================================== POST AND PAGE CONTENT ===========================================*/



article {

  background: #fff;

}

.entry-header {

  margin: 0;

  padding: 0 20px;

}

.entry-summary {

  margin: 0;

	padding: 20px;

}

.entry-content {

  padding: 20px;

}

.postformats {

  float: right;

  margin-left: 20px;

  width: 42px;

  height: 38px;

  border: 1px solid #2b7a9f;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background: #6fb7d6;

  background: -moz-linear-gradient(top,  #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb7d6), color-stop(1%,#4fadd8), color-stop(50%,#4fadd8), color-stop(51%,#399cca), color-stop(100%,#3599c7));

  background: -webkit-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

	background: -o-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

  background: -ms-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

  background: linear-gradient(to bottom,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fadd8', endColorstr='#3599c7',GradientType=0 );

}



.postformats .glyphicon {

	color: #fff;

	font-size: 1.6em;

	padding-top: 6px;

}



.postformats .glyphicon-file {

	padding-left: 2px;

}



blockquote { 

	margin: 10px 10px 20px;

	padding: 3px;

	background-color: #ccc;

}

blockquote p {

  margin: 10px;

}

blockquote cite {

  font-size: 0.9em;

}

blockquote cite:before {

  position: relative;

  top: -2px;

  margin: 0 5px;

  content: ' ̶ ';

}

.page-links {

  clear: both;

}

.more-content {

  overflow: hidden;

  margin-bottom: 15px;

  padding: 10px 20px 5px 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

.previous-post {

  margin-top: 5px;

  margin-bottom: 0;

  padding-bottom: 0;

  text-align: left;

}

.next-post {

  margin-top: 5px;

  margin-bottom: 0;

  padding-bottom: 0;

  text-align: right;

}



.featured-image {

  float: left;

  margin: 0px 10px 10px 0px;

}



.entry-title a {

  font-size:22px;

}



/*==================================== TAXONOMY ========================================================*/



.entry-title {

  font-weight: 400;

  font-size: 22px;

  line-height: 1.2em;

  margin-top: 25px;

}

.entry-title a {

  color: #333333;

}

.entry-title a:hover {

  color: #0088CC;

	text-decoration: none;

}

article.post p, article.page p {

  font-size: 1.1em;

  line-height: 1.5em;

}



/*==================================== IMAGES ==========================================================*/



.alignnone {

	display: block;

  margin: 5px 20px 20px 0;

}

.aligncenter, div.aligncenter {

  display:block;

  margin: 5px auto 5px auto;

}

.alignright {

  float:right;

  margin: 5px 0 20px 20px;

}

.alignleft {

  float:left;

  margin: 5px 20px 20px 0;

}

.aligncenter {

  display: block;

  margin: 5px auto 5px auto;

}

a img.alignright {

  float:right;

  margin: 5px 0 20px 20px;

}

a img.alignnone {

  margin: 5px 20px 20px 0;

}

a img.alignleft {

  float:left;

  margin: 5px 20px 20px 0;

}

a img.aligncenter {

  display: block;

  margin-right: auto;

  margin-left: auto

}

img.size-full {

	max-width: 100%;

	height: auto;

}

.wp-caption {

  padding: 15px 3px 10px;

  max-width: 96%;

  border: 1px solid #f0f0f0; /* Image does not overflow the content area */

  background: #fff;

  text-align: center;

}

.wp-caption.alignnone {

  margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

  margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

  margin: 5px 0 20px 20px;

}

.wp-caption img {

  margin:0;

  padding:0;

  max-width: 95%;

  width: auto;

  height: auto;

  border: 0 none;

}

.wp-caption p.wp-caption-text {

  margin:0;

  padding:0 4px 5px;

  font-size:11px;

  line-height:17px;

}

.caption_title {

  font-size:16px;

}

.gallery-pagination {

  margin: 20px 0;

}

.gallery-pagination .previous-image a {

  float: left;

}

.gallery-pagination .next-image a {

  float: right;

}



/*==================================== META ============================================================*/



.entry-meta {

 	color: #afaeae;

  font-size: 0.9em;

  line-height: 1em;

}

footer.entry-meta {

  clear: both;

  padding: 0px 20px 15px 20px;



}

.byline:before {

	margin-left: 5px;

	content: '\2022';

}

.cat-links {

  clear: left;

  margin-top: 10px;

  line-height: 1.6em;

}

.taglinks {

  display: inline-block;

  margin-left: 0;

}

.taglinks a {

  position: relative;

  float: left;

  margin: 0 5px 10px 0;

	padding: 4px 12px 4px 0;

	

	

/*border-top: 1px solid #e7e7e7;

  border-bottom: 1px solid #c6c6c6;

  border-left: 1px  solid #e7e7e7;

  background: #ffffff;

  background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));

  background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);

  background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);

  background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);

  background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);*/

  font-size: 1em;

  line-height: 15px;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );

}



.taglinks a:before {

  content: "\e041";

  position: relative;

  top: 1px;

  display: inline-block;

  font-family: 'Glyphicons Halflings';

  -webkit-font-smoothing: antialiased;

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -moz-osx-font-smoothing: grayscale;

	margin-right: 5px;

}



.taglinks a:after {

  /*position: absolute;

  top: -1px;

  left: 100%;

  width: 20px;

  height: 25px;

  background: url( 'images/tag.png' ) no-repeat 0 0 transparent;

  content: '';*/

}

.comments-link:before {

	margin-right: 5px;

	content: '\2022';

}

.edit-link {

  display: block;

  clear: both;

}

.edit-link a {

  padding: 2px 4px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  background: #888;

  color: #fff;

}

.edit-link a:visited {

  color: #fff;

}

.edit-link a:hover {

  color: #ccc;

  text-decoration: none;

}

.cyberchimps_article_share {

  float: right;

}



/*==================================== COMMENTS ========================================================*/



.comments-area {

  overflow: hidden;

  margin-bottom: 30px;

  padding: 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

#comments .navigation {

  padding: 0 0 18px 0;

}

label[for="comment"] {

  display: block;

}

ol.commentlist {

  list-style: none;

}

ol.commentlist p {

  clear: left;

  margin-left: 8px;

}

ol.commentlist li.comment {

  padding: 10px;

}

ol.commentlist li.comment div.vcard cite.fn {

  font-style: normal;

}

ol.commentlist li.comment div.vcard img.avatar {

  margin: 0 10px 10px 10px;

}

ol.commentlist li.comment div.comment-meta {

  font-size: 11px;

}

ol.commentlist li.comment div.comment-meta a {

  color: #888;

}

ol.commentlist li.comment div.reply {

  margin-left: 8px;

  font-size: 11px;

}

ol.commentlist li.comment div.reply a {

  font-weight: bold;

}

ol.commentlist li.comment ul.children {

  margin: 10px 0 0;

  list-style: none;

}

ol.commentlist li.comment ul.children li.depth-2 {

  margin: 0 0 10px 10px;

}

ol.commentlist li.comment ul.children li.depth-3 {

  margin: 0 0 10px 10px;

}

ol.commentlist li.comment ul.children li.depth-4 {

  margin: 0 0 10px 10px;

}

ol.commentlist li.even {

  border: 1px solid #ccc;

  -moz-border-radius: 4px;

  border-radius: 4px;

  background: #fafafa;

}

ol.commentlist li.odd {

  border: 1px solid #ccc;

  -moz-border-radius: 4px;

  border-radius: 4px;

  background: #fff;

}

.comment, .trackback, .pingback {

  margin:10px 0 10px 0;

  padding:10px;

}

.odd {

  background:#f8f8f8;

}

#form-allowed-tags code {

  font-size:12px;

}

#respond input, #respond textarea {

  overflow:auto;

  margin:0 5px 5px 0;

}

#respond textarea {

  width:99%;

  height:150px;

}

.avatar {

  float:left;

}



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

/******************************************** SIDEBAR & WIDGETS *****************************************************/

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



#sidebar .widget-container {

  overflow: hidden;

  margin-bottom: 30px;

  padding: 0 0 15px 0;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

#sidebar h3.widget-title {

  margin-top: 0;

  padding: 10px 10px 10px 23px;

  border: 1px solid;

  border-color: #888 #666 #666 #666;

	-webkit-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

  background: #b6b6b6;

  background: -moz-linear-gradient(top,  #b6b6b6 0%, #a4a4a4 2%, #717171 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(2%,#a4a4a4), color-stop(100%,#717171));

  background: -webkit-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);

  background: -o-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);

  background: -ms-linear-gradient(top,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);

  background: linear-gradient(to bottom,  #b6b6b6 0%,#a4a4a4 2%,#717171 100%);

	box-shadow: none;

  color: #ffffff;

  text-shadow: 0px -1px 0px rgba(0,0,0,0.5);

  font-weight: 100;

  font-size: 1.3em;

  line-height: 1.3em;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#717171',GradientType=0 );

}

#sidebar .widget-container ul, #sidebar .widget ul {

  margin: 0;

  padding: 0 20px;

}

#sidebar .widget-container ul li, #sidebar .widget ul li {

  padding: 10px 0 10px 0;

  border-bottom: 1px solid #ededed;

  list-style: none;

  font-size: 14px;

  line-height: 1.4em;

}

#sidebar .widget-container > ul > li ul {

  margin: 5px 0 5px 5px;

}

#sidebar .widget-container ul li:last-child {

  margin-bottom: 0;

	border-bottom: none;

}

#sidebar .widget-container > ul > li li {

  margin: 0 0 3px 0;

  padding: 0;

  list-style: none;

}

#sidebar .widget-container ul li a {

  border-bottom: 1px dotted #c5e5f4;

}

#sidebar .widget-container p {

  padding: 0 20px;

}

#sidebar .widget-container .tagcloud {

	padding: 0 20px;

}

table#wp-calendar {

  width: 100%;

}

table#wp-calendar th {

	font-size: 14px;

}

table#wp-calendar td {

	padding: 5px 0;

	width: 14.28571428571429%;

	text-align: center;

  font-size: 14px;

}

#sidebar .widget_search, .widget_search {

	padding: 15px;

}

.widget-container #searchform.pull-right {

	float: none;

	margin-right: 30px;

}

.widget-container #searchform input.input-medium {

	display: inline-block;

	float: none;

	width: 100%;

}





/*==================================== SEARCH FORM ====================================================*/



#searchform {

	margin-bottom: 5px;

}



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

/******************************************** FOOTER ****************************************************************/

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





#footer_widgets_wrapper {

	margin-top: 20px;

	padding-top: 20px;

	background-color: #303030;

}

#footer-widgets {

  margin-bottom: 30px;

}

#footer-widgets .widget-container {

  border: none;

}

#footer-widget-container {

	background: transparent;

}

#footer-widgets .widget-container {

	background: transparent;

	color: #fff;

}

#footer-widgets .widget-container h3 {

	color: #fff;

	font-size: 1.3em;

}

#footer-widgets .widget-container ul {

	margin: 0;

}

#footer-widgets .widget-container a {

	border-bottom: 1px dotted #ccc;

	color: #fff;

}

#footer-widgets .widget-container p {

	color: #ccc;

}

#after_footer {

  margin-top: -1px;

  padding-bottom: 1px;

  background-color: #171717;

}

.site-footer {

	margin-top: 20px;

  margin-bottom: 20px;

}

.site-footer #copyright {

	text-align: right;

}



/*================================== FOOTER MENU ================================================= */



#footer_menu {

	padding: 20px 0 0;

	background: #171717;

	text-align: center;

}

#footer_menu ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	list-style-image: none;

}

#footer_menu li {

	display: inline;

	margin-right: 5px;

}

#footer_menu li a {

	color: #ccc;

	text-decoration: none;

}

#footer_menu li a:hover {

	color: #fff;

}

#footer_menu li a::after {

	margin-left: 5px;

	content: ' | ';

}

#footer_menu li a:hover::after {

	color: #ccc;

}

#footer_menu li:last-child a::after {

	content: '';

}



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

/******************************************** WORDPRESS DEFAULTS ****************************************************/

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



.sticky{}

.gallery-caption{}

.bypostauthor{}



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

/******************************************** ELEMENTS **************************************************************/

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



/*==================================== CALLOUT ====================================================*/



#callout_container {

  margin-bottom: 30px;

}

#callout {

	overflow: hidden;

  padding: 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

.callout-text h2.callout-title {

	margin-top: 0;

  font-size: 1.6em;

	line-height: 1em;

}

.callout-text p {

  font-size: 1.2em;

}

.callout-text p:last-child {

	margin-bottom: 0;

}

#callout_button a {

 	float: right;

  margin-top: 5px;

}

#callout_button a .btn-primary {

	border: 1px solid #2b7a9f;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background-color: #6fb7d6;

  background-image: -moz-linear-gradient(top,  #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb7d6), color-stop(1%,#4fadd8), color-stop(50%,#4fadd8), color-stop(51%,#399cca), color-stop(100%,#3599c7));

  background-image: -webkit-linear-gradient(top, #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

	background-image: -o-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

  background-image: -ms-linear-gradient(top,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

  background-image: linear-gradient(to bottom,  #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fadd8', endColorstr='#3599c7',GradientType=0 );

}

#callout_button a:hover .btn {

	background-color: #3599c7;

	background-image: none;

	color: #fff;

	text-decoration: none;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	transition: none;

}

#callout_button a .btn-primary p {

	margin-bottom: 0;

}



/*==================================== WIDGET BOXES ===============================================*/



.box {

	display: block;

  overflow: hidden;

	margin-bottom: 30px;

  padding: 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

h2.box-widget-title {

	margin-top: 0;

  text-align: center;

	font-size: 1.6em;

  line-height: 1em;

}

.box p {

  font-size: 1.1em;

  line-height: 1.2em;

}

#widget_boxes_container #searchform {

	padding-right: 30px;

}

#widget_boxes_container #searchform.pull-right {

	float: none;

}

#widget_boxes_container #searchform input.input-medium {

	display: inline-block;

	float: none;

	width: 100%;

}



/*==================================== BOXES ======================================================*/



#boxes_container .box h2.box-widget-title {

	margin-top: 20px;

}

#boxes_container .box a {

  display: block;

  color: #555;

  text-align: center;

}



/*==================================== CAROUSEL ===================================================*/



#carousel {

	overflow: hidden;

	margin-bottom: 30px;

  padding: 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}



/*==================================== PORTFOLIO ===================================================*/



#portfolio {

  margin-bottom: 30px;

}

#gallery {

	overflow: hidden;

  padding: 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background: #fff;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

#gallery ul.row-fluid {

  margin: 0;

  padding: 0;

}

#gallery h2 {

	margin-top: 0;

	font-weight: 400;

  font-size: 1.6em;

	line-height: 1em;

}

#gallery ul.row-fluid li#portfolio_wrap {

  text-align: center;

}

#gallery ul.row-fluid li#portfolio_wrap .portfolio-item {

  padding: 20px;

}



/*==================================== TWITTER =====================================================*/



#twitter_container {

  margin-bottom: 30px;

}

#twitter_bar {

  overflow: hidden;

  padding: 20px 20px 0 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

#twitter_text ul {

  margin: 0;

  list-style: none;

}

#twitter_bar #twitter_text img {

	float: left;

  margin-left: 0;

}

#twitter_bar  p.tweet {

  margin-bottom: 0;

  padding: 10px 10px 10px 75px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  background: none repeat scroll 0 0 #9F9F9F;

  color: #000;

  font-size: 12px;

}

#twitter_bar a {

    color: #FFF;

}



#twitter_bar .twitter-img {

  float: left;

  margin-top: -8px;

  padding: 3px;

  border: 2px solid #9F9F9F;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  background: none repeat scroll 0 0 #FFFFFF;

}

#twitter_text p.twitter-followers {

  float: left;

  clear: left;

  margin-left: 6px;

  padding-left: 0px;

  color: #000;

  font-size: 8px;

}

#twitter_text p.twitter-followers  a {

  color: #000;

}

#twitter_text li, #twitter_text li img {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

#twitter_text  li {

  margin-bottom: 20px;

  min-height: 60px;

}

@media (max-width: 480px) { 

	#twitter_bar #twitter_text img {

		margin-top: 0;

		width: 30px;

	}

	#twitter_bar #twitter_text p {

		padding-left: 40px;

	}

}



/*==================================== BREADCRUMBS =================================================*/



.breadcrumbs {

  overflow: hidden;

  margin-bottom: 30px;

  padding: 10px 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

  font-size: 1.1em;

}



/*==================================== PAGINATION ==================================================*/



.pagination {

	margin-top: 0;

	margin-bottom: 30px;

}

.pagination ul {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.pagination ul li a, .pagination ul li span {

	margin-right: 10px;

	padding: 10px 12px;

	border: 1px solid #eaeaea;

	-webkit-border-radius: 5px;

  -moz-border-radius: 5px;

	border-radius: 5px;

	background: #fff;

	color: #969696;

	line-height: 1em;

}

.pagination ul li:first-child a, .pagination ul li:last-child a {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.pagination ul li.active a, .pagination ul li a:hover {

	border:  1px solid #3089b2;

	background-color: #41a1ce;

	color: #fff;

}



/*==================================== RECENT POSTS ================================================*/



#recent_posts {

  overflow: hidden;

	margin-bottom: 30px;

  padding: 20px;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;  

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}



#recent_posts h5.recent-posts-post-title {

 	font-size: 1.2em; 

  line-height: 1em;

}



.recent-posts-image {

  margin-bottom: 10px;

}



/*==================================== HTML BOX ==================================================*/



#htmlbox_container {

	margin-bottom: 30px;

}



/*==================================== SLIDER ====================================================*/



#slider {

	margin-bottom: 30px;

}

#slider .carousel-control {

	top: 100%;

	margin-top: -45px;

	border: none;

	background: rgba( 0, 0, 0, 0.25 );

	opacity: 1;

}

#slider .carousel-caption {

	padding: 5px 0;

	min-height: 40px;

}



#slider .carousel-caption h4, #slider .carousel-caption p {

  padding: 9px 60px 0;

}



/*==================================== MAGAZINE ==================================================*/



#magazine .post-container {

	margin-bottom: 30px;

	border: 1px solid #eaeaea;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	background: #fdfdfd;

	-webkit-box-shadow:  0px 1px 0px 0px #adadad;

	box-shadow:  0px 1px 0px 0px #adadad;

}



#magazine .featured-image {

	width: auto;

}



#magazine .magazine-metadata {

	margin-bottom: 15px;

}



/* ==================================== PRODUCT ================================================== */



#product_element_section {

  margin-bottom: 30px;

}

#product_element_section #cyberchimps_product_container {

  overflow: hidden;

  border: 1px solid #eaeaea;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background: #fdfdfd;

  -webkit-box-shadow:  0px 1px 0px 0px #adadad;

  box-shadow:  0px 1px 0px 0px #adadad;

}

#cyberchimps_product {

  padding: 20px;

}

#cyberchimps_product #cyberchimps_product_button {

  margin-top: 20px;

}

/*==================================== PROFILE ==================================================*/



#profile {

	overflow: hidden;

    margin-bottom: 30px;

    padding: 20px;

    border: 1px solid #EAEAEA;

    border-radius: 3px 3px 3px 3px;

    background: none repeat scroll 0 0 #FDFDFD;

    box-shadow: 0 1px 0 0 #ADADAD;

}



#profile_pic img {

	float: right;

	padding: 3px;

	width: 100px;

	height: 110px;

	border: 5px solid #EAEAEA;

	border-radius: 5px;

	background-color: #FFF;

}



.profile {

	padding: 5px 0px 30px 0px;

	border-bottom: 1px solid #ccc;

}



.profile-icons a {

	margin: 3px;

}



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

/****************************************** MEDIA QUERIES ***********************************************************/

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



/*==================================== TABLETS ===================================================*/



@media (max-width: 767px) {

	.container-full {

		margin-left: -20px;

		padding-right: 20px;

		padding-left: 20px;

		width: 100%;

	}

	.container-full-footer {

		margin-left: -20px;

		padding-right: 20px;

		padding-left: 20px;

		width: 100%;

	}

	.container-full-footer .container {

		padding: 0 20px;

	}

	body {

		padding-right: 0px;

		padding-left: 0px;

	}

	.container-full-width .container{

		margin: 0px 20px;

	}

}

/*==================================== PHONES ====================================================*/



@media (max-width: 480px) { 

	header#cc-header .span7 {

		text-align: center;

	}

	header#cc-header .span5 {

		text-align: center;

	}

	header#cc-header .span5 div.icons a {

		float: none;

	}

	header#cc-header .span5 div.blog-description {

		float: none;

	}

	header#cc-header .span5 div.register {

		float: none;

	}

	header#cc-header .span5 #searchform {

		float: none;

	}

	.container-full .top-head-social .icons {

		margin-bottom: 10px;

	}

	.container-full-width .container{

		margin: 0px 10px;

	}

}

@media screen and (min-width: 1200px){
	
	.mega-menu-parent .menu-image-hover-wrapper {
		display: block;
		padding: 0 !important ;
		margin: 0;
	}
	.mega-menu-parent .menu-image-title-after{
		text-align: center;
	}
	.main-navigation .nav > li.mega-menu-parent > ul{
		padding-bottom: 37px;
	}
	.main-navigation .nav > li.mega-menu-parent > ul > li > ul > li{
		float: left;
	}
	.main-navigation .nav > li.mega-menu-parent > ul > li{
		float: left;
	}
	.main-navigation .nav > li.mega-menu-parent > ul > li > a:hover{
		background: none;
	}
	.main-navigation .nav > li.mega-menu-parent > ul > li > ul{
		top: auto;
		left: auto;
	}
	.navbar .nav > li.mega-menu-parent > .dropdown-menu::after,
	.navbar .nav > li.mega-menu-parent > .dropdown-menu::before,
	.main-navigation .nav > li.mega-menu-parent > ul > li > ul::before,
	.main-navigation .nav > li.mega-menu-parent > ul > li > ul::after{
		display: none;
	}
}
@media only screen and (max-width: 1200px){
	.mega-menu-parent img {
		display: none !important;
	}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a{
		color: #FFF !important;
	}
}