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