/* Core Stylesheet
----------------------------------------------- */
@import url("../../../../../../css");

/* === SOCIAL ICON FONT === */

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont-2.eot");
  src:
    url("../fonts/fontawesome-webfont-1.eot") format("embedded-opentype"),
    url("../fonts/fontawesome-webfont-1.woff") format("woff"),
    url("../fonts/fontawesome-webfont-1.ttf") format("truetype"),
    url("../fonts/fontawesome-webfont-1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src:
    url("../fonts/glyphicons-halflings-regular-1.eot")
      format("embedded-opentype"),
    url("../fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("../fonts/glyphicons-halflings-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*Dropdown widget title*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/* Container Full Width that everything is wrapped in */
.container-full-width {
  width: 100%;
}

.container-full-width:before,
.container-full-width:after {
  display: table;
  content: "";
  line-height: 0;
}

.container-full-width:after {
  clear: both;
}

/* Text meant only for screen readers */
.assistive-text {
  position: absolute !important; /* IE6, IE7 */
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* ie only */
/* fix for ie 8 and less nav dropdown menu not showing*/
.lte9 .nav-collapse.collapse {
  overflow: visible;
}

/* CSS to make the video responsive starts */
.flex-video {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  padding-bottom: 60.5%;
  height: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* CSS to make the video responsive ends */
/* CSS for the site title, after removing the hgroup tag */
.hgroup {
  display: block;
}

/* === FOOTER === */

#after_footer .cc-credit-logo {
  float: left;
}

#after_footer .cc-credit-text {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
  color: #9b9c9b;
  font-family: "Bitter", serif;
  margin-right: 10px;
}

#after_footer .cc-credit-text span {
  color: #22699d;
  font-weight: 200;
}

.market {
  line-height: 2.3;
}

@media (min-width: 320px) and (max-width: 480px) {
  .market {
    float: left;
  }
}

/* === SOCIAL ICON FONT === */

#social {
  float: right;
}

.symbol {
  display: inline-block;
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  -ms-filter: "progid:DXImageTransform.Microsoft.text-rendering(optimizeLegibility)";
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)";
}

a.symbol {
  float: left;
  margin: 0 6px 10px 0;
  width: 38px;
  height: 38px;
  border: 1px solid #333333;
  border-radius: 4px;
  background: #444444;
  color: white;
  text-decoration: none;
  text-shadow: 1px 1px 0 #111111;
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 1.5;
  text-align: center;
}

a.symbol.twitterbird:before {
  content: "\f099";
}

a.symbol.instagram:before {
  content: "\f16d";
}

a.symbol.facebook:before {
  content: "\f09a";
}

a.symbol.googleplus:before {
  content: "\f0d5";
}

a.symbol.flickr:before {
  content: "\f16e";
}

a.symbol.pinterest:before {
  content: "\f0d2";
}

a.symbol.linkedin:before {
  content: "\f0e1";
}

a.symbol.youtube:before {
  content: "\f167";
}

a.symbol.map:before {
  content: "\f041";
}

a.symbol.email:before {
  content: "\f0e0";
}

a.symbol.rss:before {
  content: "\f09e";
}

a.symbol:hover {
  text-decoration: none;
}

.default-icons a.symbol {
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eeeeee),
    color-stop(100%, #cccccc)
  );
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  color: #555555;
  text-shadow: 1px 1px 0 #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#cccccc)";
}

.retina-icons a.symbol {
  margin-right: 0;
  border: none;
  background: none;
  color: #555555;
  text-shadow: 2px 2px rgba(204, 204, 204, 0.5);
  font-size: 3.5em;
}

.retina-icons a.symbol:hover {
  background: #eeeeee;
  color: #222222;
}

.legacy-icons a.symbol {
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #eeeeee;
  color: #ffffff;
  text-shadow: 1px 1px rgba(85, 85, 85, 0.5);
}

.round-icons a.symbol {
  border: 1px solid #cccccc;
  border-radius: 50%;
  background: #eeeeee;
  color: #ffffff;
  text-shadow: 1px 1px rgba(85, 85, 85, 0.5);
}

.round-icons a.symbol:hover,
.legacy-icons a.symbol:hover {
  opacity: 0.8;
}

.round-icons a.symbol.facebook,
.legacy-icons a.symbol.facebook {
  border: 1px solid #4d6595;
  background: #556fa3;
}

.round-icons a.symbol.twitterbird,
.legacy-icons a.symbol.twitterbird {
  border: 1px solid #37bce9;
  background: #4dc4ec;
}

.round-icons a.symbol.googleplus,
.legacy-icons a.symbol.googleplus {
  border: 1px solid #b43727;
  background: #d34d3b;
}

.round-icons a.symbol.linkedin,
.legacy-icons a.symbol.linkedin {
  border: 1px solid #00659c;
  background: #0072b1;
}

.round-icons a.symbol.youtube,
.legacy-icons a.symbol.youtube {
  border: 1px solid #9f271f;
  background: #b42d24;
}

.round-icons a.symbol.map,
.legacy-icons a.symbol.map {
  border: 1px solid #74a82a;
  background: #7fb72f;
}

.round-icons a.symbol.flickr,
.legacy-icons a.symbol.flickr {
  border: 1px solid #0756b7;
  background: #0969dd;
}

.round-icons a.symbol.pinterest,
.legacy-icons a.symbol.pinterest {
  border: 1px solid #b81d1f;
  background: #cd2123;
}

.round-icons a.symbol.email,
.legacy-icons a.symbol.email {
  border: 1px solid #3b65ab;
  background: #4170bd;
}

.round-icons a.symbol.rss,
.legacy-icons a.symbol.rss {
  border: 1px solid #dc650e;
  background: #f07013;
}

a.symbol:hover {
  background: #cccccc;
}

/* FONT ICONS ===================*/

.postformats .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 10px;
  color: #cccccc;
  font-weight: normal;
  font-style: normal;
  font-size: 1.9em;
  font-family: "Glyphicons Halflings";
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon:empty {
  width: 1em;
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

/*==================Google maps element ===================*/
.google-maps-iframe iframe {
  max-width: 100%;
}
/*==================Separator element ====================*/
#separator_section {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/*=================Sticky Header ====================*/
.sticky-header {
  position: fixed;
  top: 0;
  left: 0px;
  z-index: 200;
  width: 100%;
  background-color: #000;
  margin: 0 !important;
  opacity: 0.75;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.8s ease-in-out 0s;
  -moz-transition: all 0.8s ease-in-out 0s;
  -o-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s;
}
.admin-bar .sticky-header {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar .sticky-header {
    top: 32px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar .sticky-header {
    top: 0;
  }
}
/*==================Testimonial element ====================*/
#testimonial_section .container {
  max-width: 100%;
}
#testimonial_img {
  background: url("../images/icons/testimonial.png") no-repeat;
  float: right;
  display: inline-block;
  height: 1.6em;
  width: 1.55em;
}

/* Author Bio  */
.cyberchimps_author_bio {
  margin-top: 2%;
}
.author_bio_wrapper {
  border: 1px solid #cfcfcf;
  display: inline-block;
  padding: 2% 0;
}
.author_bio_name a {
  font-size: 25px;
}
.avatar_author img {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 #e4e4e4;
  height: 90px;
  padding: 5px;
  width: 90px;
}
