1/* Core Stylesheet
2----------------------------------------------- */
3@import url('//fonts.googleapis.com/css?family=Bitter');
4
5/* === SOCIAL ICON FONT === */
6
7@font-face {
8	font-family: 'FontAwesome';
9	src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
10	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
11	font-weight: normal;
12	font-style: normal;
13}
14
15@font-face {
16	font-family: "Glyphicons Halflings";
17	src: url("../../lib/fonts/glyphicons-halflings-regular.eot");
18	src: url("../../lib/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../lib/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../lib/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../lib/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
19	font-weight: normal;
20	font-style: normal;
21}
22
23/*Dropdown widget title*/
24.screen-reader-text {
25   clip: rect(1px, 1px, 1px, 1px);
26   height: 1px;
27   overflow: hidden;
28   position: absolute;
29   width: 1px;
30}
31
32/* Container Full Width that everything is wrapped in */
33.container-full-width {
34	width: 100%;
35}
36
37.container-full-width:before, .container-full-width:after {
38	display: table;
39	content: "";
40	line-height: 0;
41}
42
43.container-full-width:after {
44	clear: both;
45}
46
47/* Text meant only for screen readers */
48.assistive-text {
49	position: absolute !important; /* IE6, IE7 */
50	clip: rect(1px 1px 1px 1px);
51	clip: rect(1px, 1px, 1px, 1px);
52}
53
54/* ie only */
55/* fix for ie 8 and less nav dropdown menu not showing*/
56.lte9 .nav-collapse.collapse {
57	overflow: visible;
58}
59
60/* CSS to make the video responsive starts */
61.flex-video {
62	position: relative;
63	overflow: hidden;
64	margin-bottom: 16px;
65	padding-bottom: 60.5%;
66	height: 0;
67}
68
69.flex-video iframe, .flex-video object, .flex-video embed {
70	position: absolute;
71	top: 0;
72	left: 0;
73	width: 100%;
74	height: 100%;
75}
76
77/* CSS to make the video responsive ends */
78/* CSS for the site title, after removing the hgroup tag */
79.hgroup {
80	display: block;
81}
82
83/* === FOOTER === */
84
85#after_footer .cc-credit-logo {
86	float: left;
87}
88
89#after_footer .cc-credit-text {
90	float: left;
91	margin-top: 5px;
92	margin-left: 5px;
93	color: #9b9c9b;
94	font-family: 'Bitter', serif;
95	margin-right: 10px;
96}
97
98#after_footer .cc-credit-text span {
99	color: #22699d;
100	font-weight: 200;
101}
102
103.market {
104	line-height:2.3;
105}
106
107@media (min-width:320px) and (max-width:480px)
108{
109	.market { float:left; }
110}
111
112
113/* === SOCIAL ICON FONT === */
114
115#social {
116	float: right;
117}
118
119.symbol {
120	display: inline-block;
121	font-family: FontAwesome;
122	-webkit-font-smoothing: antialiased;
123	-moz-osx-font-smoothing: grayscale;
124	-webkit-text-rendering: optimizeLegibility;
125	-moz-text-rendering: optimizeLegibility;
126	-ms-text-rendering: optimizeLegibility;
127	-o-text-rendering: optimizeLegibility;
128	-ms-filter: "progid:DXImageTransform.Microsoft.text-rendering(optimizeLegibility)";
129	-webkit-font-smoothing: antialiased;
130	-moz-font-smoothing: antialiased;
131	-ms-font-smoothing: antialiased;
132	-o-font-smoothing: antialiased;
133	-ms-filter: "progid:DXImageTransform.Microsoft.font-smoothing(antialiased)";
134}
135
136a.symbol {
137	float: left;
138	margin: 0 6px 10px 0;
139	width: 38px;
140	height: 38px;
141	border: 1px solid #333333;
142	border-radius: 4px;
143	background: #444444;
144	color: white;
145	text-decoration: none;
146	text-shadow: 1px 1px 0 #111111;
147	font-weight: normal;
148	font-style: normal;
149	font-size: 26px;
150	line-height: 1.5;
151	text-align: center;
152}
153
154a.symbol.twitterbird:before {
155	content: "\f099";
156}
157
158a.symbol.instagram:before {
159	content: "\f16d";
160}
161
162a.symbol.facebook:before {
163	content: "\f09a";
164}
165
166a.symbol.googleplus:before {
167	content: "\f0d5";
168}
169
170a.symbol.flickr:before {
171	content: "\f16e";
172}
173
174a.symbol.pinterest:before {
175	content: "\f0d2";
176}
177
178a.symbol.linkedin:before {
179	content: "\f0e1";
180}
181
182a.symbol.youtube:before {
183	content: "\f167";
184}
185
186a.symbol.map:before {
187	content: "\f041";
188}
189
190a.symbol.email:before {
191	content: "\f0e0";
192}
193
194a.symbol.rss:before {
195	content: "\f09e";
196}
197
198a.symbol:hover {
199	text-decoration: none;
200}
201
202.default-icons a.symbol {
203	border: 1px solid #cccccc;
204	border-radius: 4px;
205	background: #eeeeee;
206	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
207	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
208	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
209	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
210	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
211	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
212	color: #555555;
213	text-shadow: 1px 1px 0 #ffffff;
214    	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#cccccc)";
215}
216
217.retina-icons a.symbol {
218	margin-right: 0;
219	border: none;
220	background: none;
221	color: #555555;
222	text-shadow: 2px 2px rgba(204, 204, 204, 0.5);
223	font-size: 3.5em;
224}
225
226.retina-icons a.symbol:hover {
227	background: #eeeeee;
228	color: #222222;
229}
230
231.legacy-icons a.symbol {
232	border: 1px solid #cccccc;
233	border-radius: 4px;
234	background: #eeeeee;
235	color: #ffffff;
236	text-shadow: 1px 1px rgba(85, 85, 85, 0.5);
237}
238
239.round-icons a.symbol {
240	border: 1px solid #cccccc;
241	border-radius: 50%;
242	background: #eeeeee;
243	color: #ffffff;
244	text-shadow: 1px 1px rgba(85, 85, 85, 0.5);
245}
246
247.round-icons a.symbol:hover,
248.legacy-icons a.symbol:hover {
249	opacity: .8;
250}
251
252.round-icons a.symbol.facebook,
253.legacy-icons a.symbol.facebook {
254	border: 1px solid #4d6595;
255	background: #556fa3;
256}
257
258.round-icons a.symbol.twitterbird,
259.legacy-icons a.symbol.twitterbird {
260	border: 1px solid #37bce9;
261	background: #4dc4ec;
262}
263
264.round-icons a.symbol.googleplus,
265.legacy-icons a.symbol.googleplus {
266	border: 1px solid #b43727;
267	background: #d34d3b;
268}
269
270.round-icons a.symbol.linkedin,
271.legacy-icons a.symbol.linkedin {
272	border: 1px solid #00659c;
273	background: #0072b1;
274}
275
276.round-icons a.symbol.youtube,
277.legacy-icons a.symbol.youtube {
278	border: 1px solid #9f271f;
279	background: #b42d24;
280}
281
282.round-icons a.symbol.map,
283.legacy-icons a.symbol.map {
284	border: 1px solid #74a82a;
285	background: #7fb72f;
286}
287
288.round-icons a.symbol.flickr,
289.legacy-icons a.symbol.flickr {
290	border: 1px solid #0756b7;
291	background: #0969dd;
292}
293
294.round-icons a.symbol.pinterest,
295.legacy-icons a.symbol.pinterest {
296	border: 1px solid #b81d1f;
297	background: #cd2123;
298}
299
300.round-icons a.symbol.email,
301.legacy-icons a.symbol.email {
302	border: 1px solid #3b65ab;
303	background: #4170bd;
304}
305
306.round-icons a.symbol.rss,
307.legacy-icons a.symbol.rss {
308	border: 1px solid #dc650e;
309	background: #f07013;
310}
311
312a.symbol:hover {
313	background: #cccccc;
314}
315
316/* FONT ICONS ===================*/
317
318.postformats .glyphicon {
319	position: relative;
320	top: 1px;
321	display: inline-block;
322	margin-left: 10px;
323	color: #cccccc;
324	font-weight: normal;
325	font-style: normal;
326	font-size: 1.9em;
327	font-family: 'Glyphicons Halflings';
328	line-height: 1;
329	-webkit-font-smoothing: antialiased;
330	-moz-osx-font-smoothing: grayscale;
331}
332
333.glyphicon:empty {
334	width: 1em;
335}
336
337.glyphicon-list-alt:before {
338	content: "\e032";
339}
340
341.glyphicon-volume-up:before {
342	content: "\e038";
343}
344
345.glyphicon-comment:before {
346	content: "\e111";
347}
348
349.glyphicon-file:before {
350	content: "\e022";
351}
352
353.glyphicon-film:before {
354	content: "\e009";
355}
356
357.glyphicon-picture:before {
358	content: "\e060";
359}
360
361.glyphicon-link:before {
362	content: "\e144";
363}
364
365.glyphicon-share:before {
366	content: "\e066";
367}
368
369.glyphicon-th:before {
370	content: "\e011";
371}
372
373.glyphicon-facetime-video:before {
374	content: "\e059";
375}
376
377.glyphicon-arrow-right:before {
378	content: "\e092";
379}
380
381/*==================Google maps element ===================*/
382.google-maps-iframe iframe
383{
384	max-width:100%;
385}
386/*==================Separator element ====================*/
387#separator_section
388{
389	margin-top: 0.5em;
390	margin-bottom: 0.5em;
391}
392
393/*=================Sticky Header ====================*/
394.sticky-header
395{
396	position: fixed;
397	top: 0;
398	left: 0px;
399	z-index: 200;
400	width: 100%;
401	background-color:#000;
402	margin: 0 !important;
403	opacity:0.75;
404	box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);
405	-webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);
406	-moz-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.9);
407	-webkit-transition: all 0.8s ease-in-out 0s;
408	-moz-transition: all 0.8s ease-in-out 0s;
409	-o-transition: all 0.8s ease-in-out 0s;
410	transition: all 0.8s ease-in-out 0s;
411}
412.admin-bar .sticky-header
413{
414	top:46px;
415}
416@media screen and (min-width: 783px) {
417  .admin-bar .sticky-header {
418    top: 32px;
419  }
420}
421@media screen and (max-width: 600px) {
422  .admin-bar .sticky-header {
423    top: 0;
424  }
425}
426/*==================Testimonial element ====================*/
427#testimonial_section .container
428{
429	max-width:100%;
430}
431#testimonial_img
432{
433	background: url("../images/icons/testimonial.png") no-repeat;
434        float:right;
435	display:inline-block;
436	height: 1.6em;
437	width: 1.55em;
438}
439
440
441/* Author Bio  */
442.cyberchimps_author_bio
443{
444    margin-top: 2%;
445}
446.author_bio_wrapper {
447    border: 1px solid #cfcfcf;
448    display: inline-block;
449    padding: 2% 0;
450}
451.author_bio_name a
452{
453    font-size: 25px;
454}
455.avatar_author img
456{
457    background: #fff none repeat scroll 0 0;
458    border-radius: 50%;
459    box-shadow: 0 5px 10px 0 #e4e4e4;
460    height: 90px;
461    padding: 5px;
462    width: 90px;
463}
464