/* * Author: 66Themes * * Project Name: Crafty * Version: 1.2 * Date: 15-03-2013 */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #136492; text-shadow: none; color: white; } ::selection { background: #136492; text-shadow: none; color: white; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Author's custom styles ========================================================================== */ /************************************/ /* */ /* */ /* General Styles: type, body etc. */ /* */ /* */ /************************************/ @font-face { font-family: "BebasNeueRegular"; src: url('../assets/bebas-neue-fontfacekit/BebasNeue-webfont.eot'); src: url('../assets/bebas-neue-fontfacekit/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../assets/bebas-neue-fontfacekit/BebasNeue-webfont.woff') format('woff'), url('../assets/bebas-neue-fontfacekit/BebasNeue-webfont.ttf') format('truetype'), url('../assets/bebas-neue-fontfacekit/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "WebSymbolsRegular"; src: url('../assets/websymbols-fontfacekit/websymbols-regular-webfont.eot'); src: url('../assets/websymbols-fontfacekit/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../assets/websymbols-fontfacekit/websymbols-regular-webfont.woff') format('woff'), url('../assets/websymbols-fontfacekit/websymbols-regular-webfont.ttf') format('truetype'), url('../assets/websymbols-fontfacekit/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #777; background: #e7e8e9 url('../assets/patterns/tiled.png'); font-weight: 400; } body.fullwidth { background: none; } a { color: #2880b2; text-decoration: none; -webkit-transition: color 0.2s ease, background-color 0.2s ease; -moz-transition: color 0.2s ease, background-color 0.2s ease; -ms-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } a:hover { color: #074f7a; text-decoration: none; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'BebasNeueRegular'; margin: 0 0 10px 0; font-weight: 200; line-height: normal; color: #333; text-shadow: 1px 1px 0 white, 2px 2px 0 #bbb; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: inline; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: white; background: #2880b2; text-shadow: none; } p { margin: 0 0 15px 0; line-height: 22px; } strong { font-weight: 700; } #content ul li[data-icon] { position: relative; padding: 0 0 0 25px; } #content ul li[data-icon]:before { position: absolute; left: -25px; top: 2px; } *:focus { outline: 0 !important; border: none; } iframe { max-width: 100%; border: 0; } .flex-control-nav, .flex-direction-nav, .ui-tabs-nav, #main .backgroundSlider-direction-nav, .backgroundSlider ul, .recentComments ul, .tweet_list, .pricingOption, #content ul li[data-icon], .backgroundSlider-control-paging, .nivo-controlNav { margin: 0; padding: 0; list-style: none; } #comments ul { list-style: none; } /* Images */ img, .mapCanvas, .latestBlogItem img, .flexslider { max-width: 100%; border: 1px solid #e4e4e4; border-radius: 2px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } #main .noBorder, #main .flexslider img, .backgroundSlider img, .nivoSlider img { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } figure { -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } #main figure img { -webkit-box-shadow: none; box-shadow: none; } figure figcaption { font-size: 14px; font-style: italic; color: #4a4a4a; text-align: center; background: #ebebeb; padding: 10px 15px; text-shadow: -1px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=-1, offy=1); } #main .blogItem img, #main .latestBlogItem img, #main .gallery img, .portfolio img, #main p img, figure img { display: none; } /* Image link overlay */ a { display: inline-block; position: relative; max-width: 100%; } .lt-ie9 a { display: inline; } a .overlayWrap { display: block; position: relative; background: url(../assets/loader.gif) center center no-repeat; } a .overlay { position: absolute; display: table; width: 100%; height: 100%; max-width: 100%; top: 0; left: 1px; border-radius: 2px; text-align: center; background: rgba(0, 0, 0, 0.6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2P8//+/JCMj43MGKADzQWyYBIwGCyJLgNjYVWIzEwD7viIy9rwWgQAAAABJRU5ErkJggg==); font-family: 'BebasNeueRegular'; font-size: 36px; font-weight: 400; color: white; text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.75); overflow: hidden; } a .overlayText { display: table-cell !important; width: 100%; vertical-align: middle; } .noOverlay .overlay { display: none !important; } /* Image preloader */ .preloader { display: inline-block; } /* Labels & forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 0; border: 1px solid #d3d3d3; box-shadow: none; font-size: 16px; } *::-webkit-input-placeholder { font-family: 'Open Sans'; font-size: 16px; font-style: italic; font-weight: 200; color: #aaa; } *:-moz-placeholder { font-family: 'Open Sans'; font-size: 16px; font-style: italic; font-weight: 200; color: #aaa; } .placeholder { font-family: 'Open Sans'; font-size: 16px; font-style: italic; font-weight: 200; color: #aaa; } .icon { padding-right: 10px; } [class^="icon-"], [class*=" icon-"] { display: block; width: auto; height: auto; line-height: normal; } /* Float */ .pull-left { float: left; margin: 0 25px 10px 0; } .pull-right { float: right; margin: 0 0 10px 25px; } .left { float: left; } .right { float: right; } /* blockquotes */ blockquote { position: relative; color: #7e7e7e; font-style: italic; font-size: 18px; text-align: center; line-height: 26px; padding: 0 25px; margin-top: 20px; border: none; } blockquote:before, blockquote:after { content: "\“"; position: absolute; font-family: Georgia; font-size: 60px; color: #b2b2b2; } blockquote:before { top: 0; left: 0; } blockquote:after { content: "\”"; bottom: -40px; right: 0; } .pullquote { float: right; width: 20%; padding: 25px; border: 1px solid #ebebeb; border-bottom-width: 4px; margin: 0 0 0 25px; } .pullquote.left { float: left; margin: 0 25px 0 0; } .pullquote p { padding: 5px; } .pullquote:before { top: 25px; left: 8px; } .pullquote:after { bottom: 0; right: 15px; } /* Dividers */ #content .divider { margin-bottom: 25px; } .divider.dashed { width: 100%; height: 1px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAHklEQVQIW2NkAILr16//B9EgoKmpycgI4yDTQ0UQAC2yBAuSnBYeAAAAAElFTkSuQmCC) repeat-x left top; } .divider.dotted { width: 100%; border-bottom: 1px dotted #e8e8e8; } .divider.solid { width: 100%; border-bottom: 2px solid #e8e8e8; } .divider.striped { background: #ddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQ0lEQVQYV2O8cuXKfx0dHUYGNAAShwlhSIIkkBWA+HhNACkA2YKiCN0EmDPginApgFuHTwFYESEFGIpwBQXcJHxhBQDJLi326f94QwAAAABJRU5ErkJggg==); width: 100%; height: 6px; } /* Dropcaps */ .dropcap { font-size: 48px; line-height: 43px; font-weight: 600; float: left; margin: 0 10px 0 0; text-transform: uppercase; } .dropcap:before { font-size: 34px; } .dropcap.rounded, .dropcap.squared { font-size: 43px; color: white; background: #555; border-radius: 35px; width: 55px; height: 55px; text-align: center; line-height: 53px; behavior: url("js/vendor/PIE.htc"); } .dropcap.squared { border-radius: 10px; background-color: #2880b2; } /* Buttons */ /* default white */ .button, .button.white { font-family: "Open Sans"; font-size: 16px; color: #777; font-weight: 600; line-height: normal; margin-bottom: 10px; background: white; border: 1px solid #e7e7e7; border-radius: 20px; padding: 5px 20px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%,#f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */ -webkit-transition: box-shadow 0.1s ease-out; -moz-transition: box-shadow 0.1s ease-out; -ms-transition: box-shadow 0.1s ease-out; -o-transition: box-shadow 0.1s ease-out; transition: box-shadow 0.1s ease-out; } .ie9 .button, .ie9 .badge { filter: none !important; } .button:hover, .button.white:hover { background: #f4f4f4; color: #777; } .button.white { text-shadow: none; } /* Dark button */ .button.dark { color: white; text-shadow: -1px -1px 1px #222; border: 1px solid #333; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3); background: #585959; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #585959 0%, #4d4d4d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585959), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585959 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #585959 0%,#4d4d4d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #585959 0%,#4d4d4d 100%); /* IE10+ */ background: linear-gradient(to bottom, #585959 0%,#4d4d4d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585959', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-8 */ } .button.dark:hover { background: #4d4d4d; color: white; } .button.dark:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 1); } /* Red button */ .button.red { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #ec7474; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); background: #ef7374; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNzM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjZjNmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ef7374 0%, #e66c6c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef7374), color-stop(100%,#e66c6c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef7374 0%,#e66c6c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef7374 0%,#e66c6c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef7374 0%,#e66c6c 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef7374 0%,#e66c6c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7374', endColorstr='#e66c6c',GradientType=0 ); /* IE6-8 */ } .button.red:hover { background: #e66c6c; color: white; } .button.red:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Blue button */ .button.blue { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #50a0cc; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); background: #4dc1f7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkYzFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NGFhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4dc1f7 0%, #44aada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dc1f7), color-stop(100%,#44aada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4dc1f7 0%,#44aada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4dc1f7 0%,#44aada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4dc1f7 0%,#44aada 100%); /* IE10+ */ background: linear-gradient(to bottom, #4dc1f7 0%,#44aada 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc1f7', endColorstr='#44aada',GradientType=0 ); /* IE6-8 */ } .button.blue:hover { background: #44aada; color: white; } .button.blue:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Green button */ .button.green { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #bbe185; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.7); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.7); background: #bbe183; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZTE4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGQyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #bbe183 0%, #add272 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbe183), color-stop(100%,#add272)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bbe183 0%,#add272 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bbe183 0%,#add272 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bbe183 0%,#add272 100%); /* IE10+ */ background: linear-gradient(to bottom, #bbe183 0%,#add272 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbe183', endColorstr='#add272',GradientType=0 ); /* IE6-8 */ } .button.green:hover { background: #add272; color: white; } .button.green:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Pink button */ .button.pink { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #efabc5; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); background: #f09ebd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwOWViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjkyYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f09ebd 0%, #df92b0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f09ebd), color-stop(100%,#df92b0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f09ebd 0%,#df92b0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f09ebd 0%,#df92b0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f09ebd 0%,#df92b0 100%); /* IE10+ */ background: linear-gradient(to bottom, #f09ebd 0%,#df92b0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09ebd', endColorstr='#df92b0',GradientType=0 ); /* IE6-8 */ } .button.pink:hover { background: #df92b0; color: white; } .button.pink:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Purple button */ .button.purple { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #c34487; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); background: #e96dae; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NmRhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzQ0ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e96dae 0%, #c34487 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96dae), color-stop(100%,#c34487)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e96dae 0%,#c34487 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e96dae 0%,#c34487 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e96dae 0%,#c34487 100%); /* IE10+ */ background: linear-gradient(to bottom, #e96dae 0%,#c34487 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96dae', endColorstr='#c34487',GradientType=0 ); /* IE6-8 */ } .button.purple:hover { background: #e96dae; color: white; } .button.purple:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Yellow button */ .button.yellow { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #f2cf48; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); background: #f8d847; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZDg0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWMxM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f8d847 0%, #f1c13b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d847), color-stop(100%,#f1c13b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8d847 0%,#f1c13b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8d847 0%,#f1c13b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8d847 0%,#f1c13b 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8d847 0%,#f1c13b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d847', endColorstr='#f1c13b',GradientType=0 ); /* IE6-8 */ } .button.yellow:hover { background: #f1c13b; color: white; } .button.yellow:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Orange button */ .button.orange { color: white; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #ee7e2c; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); background: #f19b5e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOWI1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTdlMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f19b5e 0%, #ee7e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f19b5e), color-stop(100%,#ee7e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f19b5e 0%,#ee7e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f19b5e 0%,#ee7e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f19b5e 0%,#ee7e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #f19b5e 0%,#ee7e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19b5e', endColorstr='#ee7e2c',GradientType=0 ); /* IE6-8 */ } .button.orange:hover { background: #f19b5e; color: white; } .button.orange:active { border: none; padding: 6px 21px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } /* Large buttons */ .button.large { font-size: 16px; padding: 6px 23px; } .button.large:active { padding: 7px 24px; } /* Hero Text */ .hero { font-size: 48px; } .hero a { color: #2880b2; text-decoration: none; -webkit-transition: color 0.2s ease, background-color 0.2s ease; -moz-transition: color 0.2s ease, background-color 0.2s ease; -ms-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } /* Feature Box */ .featureBox { text-align: center; background: #f6f6f6; border-radius: 0 34px; padding: 25px 35px; border: 1px solid #e4e4e4; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); margin-bottom: 25px; font-size: 18px; line-height: 28px; font-weight: 300; } .featureBox span { display: inline-block; padding: 35px 25px 20px 25px; margin-bottom: 25px; background: #333; border-radius: 100px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; behavior: url("js/vendor/PIE.htc"); } .featureBox span:before { font-size: 46px; color: white; } .featureBox:hover span { background: #666; } /* Callout */ .callout { background: #f6f6f6; border-radius: 4px; padding: 25px 45px; border: 1px solid #e4e4e4; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.6); margin-bottom: 25px; } .callout .calloutTitle { float: left; max-width: 80%; font-family: 'Open Sans'; margin: 0; text-shadow: none; font-size: 24px; } .callout .button { float: right; margin: 0; } .callout:after { content: " "; clear: both; display: block; } .noShadow, .mapCanvas img { box-shadow: none; text-shadow: none; border: none; } /************************************/ /* */ /* */ /* Header */ /* */ /* */ /************************************/ header { background: white; padding: 10px; padding-top: 20px; } .home header { border-radius: 0 0 3px 3px; position: relative; z-index: 999; margin-bottom: 400px; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); padding-top: 30px; } .home .search { background: none; position: absolute; right: 30px; } /* Header Top Area */ header .topArea { display: table; width: 100%; } /* Header Logo and Slogan Area */ header .leftArea { float: left; display: table; } header .leftArea .logo { font-family: "Source Code Pro"; font-weight: 300; float: left; margin-right: 20px; color: #323232; font-size: 48px; text-transform: uppercase; letter-spacing: -1px; line-height: 33px; } header .leftArea .slogan { display: table-cell; vertical-align: middle; margin: 0; font-style: italic; font-size: 16px; color: #aaa; font-weight: 300; } /* Main Navigation */ header .selectMenu { display: none; } header nav { display: table-cell; vertical-align: middle; position: relative; z-index: 999; margin-top: 2px; font-weight: 400; } header nav ul { float: right; margin: 0; padding: 0; list-style: none; } header nav > ul > li { float: left; position: relative; margin: 0 8px 0 0; } header nav > ul > li > a { display: block; text-transform: uppercase; color: #555; font-size: 12px; padding: 2px 6px 2px 6px; } header nav > ul > li:last-child > a { margin: 0; } header nav > ul > li:hover > a { color: white; background: #2880b2; } header nav ul li ul li:hover > a { border-bottom: 1px solid #adadad; } header nav > ul > li > a:hover, header nav ul > li > a.current:hover, header nav ul > li:hover > a.current { color: white; } /* Sub Nav */ header nav > ul > li ul { position: absolute; top: 13px; left: 0; background: white; padding: 6px 0; border-top: 1px solid #2880b2; display: none; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } header nav > ul > li ul.left { right: auto; left: 0; } header nav > ul > li ul.right { right: 0; left: auto; } header nav > ul > li ul:before { content: " "; position: absolute; left: 11px; top: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2880b2; } header nav > ul > li ul.left:before { left: 11px; right: auto; } header nav > ul > li ul.right:before { left: auto; right: 11px; } header nav > ul > li ul li a { font-size: 12px; position: relative; display: block; color: #555; padding: 9px 80px 9px 20px; border-bottom: 1px solid #f1f1f1; width: 180px; -webkit-transition: border 0.2s ease, background 0.2s ease; -moz-transition: border 0.2s ease, background 0.2s ease; -ms-transition: border 0.2s ease, background 0.2s ease; -o-transition: border 0.2s ease, background 0.2s ease; transition: border 0.2s ease, background 0.2s ease; } header nav > ul > li ul li a:hover { background: #f5f5f5; border: none; border-bottom: 1px solid #f5f5f5; } header nav > ul > li ul li:last-child a { border: none; } header nav > ul > li ul li a .plusSign { float: right; margin: 1px 10px 0 10px; } /* Sub Sub Nav */ header nav > ul > li ul li ul { z-index: 999; top: 0px; left: -250px; border-top: 1px solid #2880b2; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } header nav > ul > li ul li ul:before { border: none; } /************************************/ /* */ /* */ /* Main styles, layout etc */ /* */ /* */ /************************************/ #container, .inner { width: 1000px; margin: 0 auto; } #container { -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); } .home #container, .fullwidth #container { -webkit-box-shadow: none; box-shadow: none; } .fullwidth #container { width: 100%; } .fullwidth header, .fullwidth #pageHeader, .fullwidth #content, .fullwidth #footerInner, .fullwidth footer .row-fluid { width: 940px; margin: 0 auto; } .home header { margin-bottom: 400px; } #main { background: white; padding: 0 30px 50px 30px; overflow: hidden; } .home #main { border-radius: 3px 3px 0 0; padding-top: 100px; position: relative; z-index: 99; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); } /* Page Header */ #pageHeader { padding: 20px 0 55px 0; } #pageHeader #pageIntro { background: #2880B2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQIW2OMiYmRXLJkyXMGIACxGUEMZIApgK4FAG0GCl+G0JR0AAAAAElFTkSuQmCC'); color: white; box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.3); position: relative; width: 1000px; left: -31px; padding: 50px 28px; display: table; border-top: 6px solid #eee; border-bottom: 6px solid #eee; } #pageHeader .search { position: absolute; top: 0; right: 90px; background: none; margin: 0; padding: 0; } #pageHeader #pageIntro .pageTitle { color: white; text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.3); padding: 0 50px 0 0; font-size: 48px; line-height: normal; -webkit-font-smoothing: antialiased; display: table-cell; vertical-align: middle; white-space: nowrap; } #pageHeader #pageIntro .pageDesc { font-size: 24px; color: white; font-style: italic; line-height: 28px; font-weight: 200; margin: 0; padding: 0; width: 100%; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15); -webkit-font-smoothing: antialiased; display: table-cell; vertical-align: middle; } #pageHeader #breadCrumbs { list-style: none; margin: 10px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; } #pageHeader #breadCrumbs li { display: inline-block; color: #8b8b8b; font-size: 16px; margin: 0 9px 0 0; } #pageHeader #breadCrumbs li:before { content: " "; } #pageHeader #breadCrumbs li:after { font-family: 'icomoon'; content: attr(data-icon); padding: 0 0 0 9px; position: relative; top: 1px; } #pageHeader #breadCrumbs li:before { font-size: 0; } #pageHeader #breadCrumbs li:last-child { margin: 0; } #pageHeader #breadCrumbs li:last-child:after { content: ""; padding: 0; } #pageHeader #breadCrumbs li a { color: #8b8b8b; font-size: 16px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #pageHeader #breadCrumbs li a:hover { color: #555; border-color: #555; text-decoration: underline; } /* Comment Form */ .inputField { margin: 0; position: relative; } .inputField:before { position: absolute; top: 3px; right: 10px; color: #ccc; } .form input[type="text"], .form input[type="email"], .form input[type="url"], .form textarea { width: 100%; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s ease, box-shadow 0.2s ease; -moz-transition: background 0.2s ease, box-shadow 0.2s ease; -ms-transition: background 0.2s ease, box-shadow 0.2s ease; -o-transition: background 0.2s ease, box-shadow 0.2s ease; transition: background 0.2s ease, box-shadow 0.2s ease; } .form input[type="text"], .form input[type="email"], .form input[type="url"] { height: 30px; } .form input[type="text"]:hover, .form input[type="email"]:hover, .form input[type="url"]:hover, .form textarea:hover, .form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="url"]:focus, .form textarea:focus { background: #fafafa; border: 1px solid #d3d3d3; } .inputField:hover:before, .inputField:focus:before { color: #aaa; } .form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="url"]:focus, .form textarea:focus, form .valid { background: #fafafa; border: 1px solid #d3d3d3; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); } form textarea { height: 200px; } form label.error { position: absolute; font-size: 16px; bottom: -2px; font-style: italic; left: 0; color: red; } form #loader { float: left; line-height: 28px; font-size: 16px; font-weight: 400; } /* 404 Page */ .largeAlert { text-align: center; } .largeAlert h2 { font-size: 168px; } .largeAlert h3 { font-size: 68px; } .largeAlert p { font-size: 22px; line-height: 36px; } /************************************/ /* */ /* */ /* Widgets */ /* */ /* */ /************************************/ .widget { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px dotted #e8e8e8; } .widget a:before, .widget p:before { position: relative; top: 2px; padding-right: 8px; color: #8b8b8b; } .widgetHeader { font-family: "Open Sans"; text-transform: uppercase; text-shadow: none; border: none; background: #EBEBEB; color: #1A1B1E; padding: 1px 0 3px 10px; font-weight: 400; font-size: 14px; } .latestBlogItem a, .links a { color: #555; } .latestBlogItem a:hover, .links a:hover { color: #2880b2; } /* Recent Entries */ .latestBlogItem { margin: 0 0 23px 0; } .latestBlogItem .blogImage { float: left; margin-right: 10px; } .latestBlogItem .blogItemMeta { float: left; max-width: 60%; } .latestBlogItem .postDate { font-style: italic; font-size: 11px; color: #aaa; line-height: 17px; margin: 0; } /* Archives */ .links ul { margin: 0; padding: 0; list-style: none; } .links a { margin: 0 10px 8px 0; } .links .count { color: #8b8b8b; font-size: 11px; } /* Recent Comments */ .recentComments a { color: #2880b2; } .recentComments a:hover { color: #2880b2; } /* Tags */ .tags .tag { color: white; background: #8b8b8b; border-bottom: 1px solid #4a4a4a; padding: 5px 10px; font-size: 11px; margin: 0 5px 10px 0; } .tags .tag:hover { background: #2880b2; } .widget.tags { border-bottom: none; } /* Search */ .sidebar .search { background: none; margin: 0 0 40px 0; text-align: left; } .sidebar .search form { float: left; width: 100%; } .sidebar .search .searchBar { right: 0; background: white; border: 1px solid #d3d3d3; color: #8b8b8b; margin-right: 5px; width: 73%; } .sidebar .search .searchSubmit { height: 31px; width: 31px; } .sidebar .search .searchBar::-webkit-input-placeholder { font-family: "Open Sans"; font-size: 11px; font-weight: 400; color: #ccc; } .sidebar .search .searchBar:-moz-placeholder { font-family: "Open Sans"; font-size: 11px; font-weight: 400; color: #ccc; } .sidebar .search .placeholder { font-family: "Open Sans"; font-size: 11px; font-weight: 400; color: #ccc; } /* Google Maps */ .sidebar .mapCanvas { height: 0px; } .contactMap { height: 400px; margin-bottom: 40px; } /* Tweets */ .tweets li { margin-bottom: 25px; padding-left: 30px; width: 85%; position: relative; } .tweets li:before { position: absolute; left: 0; top: 0; content: "\e097"; font-family: "icomoon"; font-style: normal; speak: none; font-weight: normal; font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .tweets li:hover:before { color: #2880b2; } .tweets .tweet_time a { display: block; color: #aaa; font-size: 12px; font-style: italic; margin-top: 5px; } .tweets .tweet_time a:hover { color: #888; } /* Flickr */ .flickr img { width: 65px; height: 65px; margin: 0 3px 6px 3px; } /************************************/ /* */ /* */ /* Footer */ /* */ /* */ /************************************/ footer { position: relative; border-top: 2px solid #eee; } .home footer { z-index: 99; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); } footer a { color: #555; } footer a:hover { color: #2880b2; } /* Footer Tweet */ footer .footerTweet { background: #2880b2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAANklEQVQYV2NkIAL8//9fkhGkDsxgZHyOTw9YITGAfIW4nEGUiWDNxHgE5AeiTMSrEN0mok0EABfUFjeqkJjsAAAAAElFTkSuQmCC'); color: white; padding: 0 30px; padding: 13px 30px 13px 30px; position: relative; overflow: hidden; } footer .footerTweet:before { font-family: 'icomoon'; content: attr(data-icon); font-size: 105px; position: absolute; left: 30px; top: -37px; } footer .footerTweet a { color: #dadada; } footer .footerTweet a:hover { color: white; } footer .footerTweet .followText { font-family: 'BebasNeueRegular'; font-size: 24px; font-weight: 200; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-style: italic; margin: 0 10px 0 30px; line-height: 24px; } footer .footerTweet .span7 { display: table-cell; vertical-align: middle; float: none; padding-left: 2.564102564102564%; } footer .footerTweet .latestTweet .tweet_list { margin: 0; padding: 0; list-style: none; } footer .footerTweet .latestTweet .tweet_list li { text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8); line-height: 18px; } footer .footerTweet .latestTweet .tweet_list li .tweet_time { font-size: 11px; font-style: italic; } /* Footer Main Content */ footer #footerContent { padding: 35px 30px 0 30px; background-color: #f1f1f1; position: relative; z-index: 99; } footer .columnHeader { text-shadow: none; font-size: 21px; border-bottom: 1px solid #d2d2d2; padding-bottom: 5px; margin-bottom: 20px; } footer .columnHeaderSpecial { text-shadow: none; font-size: 36px; padding-bottom: 5px; margin-bottom: 20px; } footer .logo { font-family: "Source Code Pro"; font-weight: 300; color: #323232; font-size: 48px; text-transform: uppercase; letter-spacing: -1px; } footer .logo:hover { color: #323232; } footer .mapCanvas { width: 0%; height: 0px; } .contactInfo { margin: 0 0 25px 0; padding: 0; list-style: none; } .contactInfo li { position: relative; padding: 0 0 0 35px; } .contactInfo li:before { position: absolute; left: 0; top: -1px; color: white; background: #333; font-size: 16px; width: 25px; height: 25px; text-align: center; line-height: 26px; vertical-align: middle; border-radius: 20px; } .contactInfo li.address:before { top: 8px; } footer .navList { margin: 0; padding: 0; list-style: none; } footer .navList li a { display: block; padding: 9px 0; border-bottom: 1px dotted #d3d3d3; } footer .navList li:first-child a { padding-top: 0; } footer .navList li a:before { color: #8b8b8b; position: relative; top: 1px; padding: 0 10px 0 0; } /* Footer Bottom Area */ footer #footerBottom { position: absolute; width: 100%; } footer #footerBottom .disclaimer { margin: 15px 0 0 5px; font-style: italic; font-size: 16px; color: #686868; float: right; } footer #footerBottom .topButton { font-family: "BebasNeueRegular"; font-size: 14px; color: white; float: right; text-align: center; padding: 10px 15px 5px 15px; position: relative; top: -5px; z-index: 9; line-height: normal; cursor: pointer; margin: 0 13px 35px 0; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); -webkit-transition: top 0.2s ease; -moz-transition: top 0.2s ease; -ms-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; background: #474747; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #474747 0%, #555 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#555)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #474747 0%,#555 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #474747 0%,#555 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #474747 0%,#555 100%); /* IE10+ */ background: linear-gradient(to bottom, #474747 0%,#555 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#555',GradientType=0 ); /* IE6-8 */ } footer #footerBottom .topButton:hover { top: 0; } /* Footer bottom links */ footer .bottomLinks { border-radius: 0 0 3px 5px; padding: 10px 30px; margin: 0; background: #202020; position: relative; z-index: 999; } footer .bottomLinks a { display: inline-block; color: white; font-size: 16px; border-right: 1px solid #aaa; padding: 0 10px; line-height: normal; } footer .bottomLinks a:last-child { border: none; } /* Image preloader */ .preloader { background: url(../assets/loader.gif) center center no-repeat; } a .preloader { background: none; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ /* Large desktop */ @media (min-width: 1200px) { /* General */ #container, .inner { width: 1200px; } .fullwidth header, .fullwidth #pageHeader, .fullwidth #content, .fullwidth #footerInner, .fullwidth footer .row-fluid { width: 1140px; margin: 0 auto; } /* Header */ .home header { margin-bottom: 500px; } /* Main content */ .sidebar .search .searchBar { width: 77%; } .flickr img { width: 65px; height: 65px; margin: 0 10px 20px 10px; } .container.portfolio .item { width: 275px; margin: 5px; } #pageHeader #pageIntro { width: 1196px; } .children { margin-left: 75px; } .blogItem .itemMeta .metaItems { width: 75%; } .nivo-caption { font-size: 40px; } .ls-text, .ls-logo { min-width: 350px; } /* Footer */ /* Widgets etc */ .sliderWrapper, .nivoSlider, #layerslider { height: 750px; min-height: 750px; max-height: 750px; } .backgroundSlider .slides > li { height: 750px; min-height: 750px; max-height: 750px; } .backgroundSlider .slideCaption .captionInner { width: 1050px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { /* General */ #container, .inner { width: 768px; } .fullwidth header, .fullwidth #pageHeader, .fullwidth #content, .fullwidth #footerInner, .fullwidth footer .row-fluid { width: 728px; margin: 0 auto; } /* Header */ header nav { display: block; float: none; text-align: center; } header nav .menu { float: none; display: inline-block; text-align: left; } .home header { margin-bottom: 345px; } header .topArea { display: block; } /* Header Top Bar */ #headerTopBar .inner { width: 738px; } /* Header Search Bar */ .search .searchBar { left: 0 !important; display: block !important; } /* Header Logo and Slogan Area */ header .leftArea { float: none; text-align: center; display: block; } header .leftArea .logo { float: none; display: block; margin: 0 0 15px 0; } header .leftArea .slogan { float: none; display: block; margin: 0 0 25px 0; } /* Main content */ .callout .calloutTitle { max-width: 70%; } .blogItem .itemMeta .metaItems { width: 59%; } a .overlay { font-size: 28px; } .overlayText { position: relative; top: -5px; } .sidebar .search .searchBar { width: 64%; } .container.portfolio .item { width: 225px; margin: 5px; } .children { margin-left: 35px; } .nivo-caption { font-size: 25px; } .ls-title { max-width: 350px; } #pageHeader #pageIntro { width: 111%; } #pageHeader #pageIntro .pageTitle { margin: 0 60px 0 0; } /* Footer */ .row-fluid .offset1:first-child { margin: 0; } footer .footerTweet::before { display: none; } footer #footerBottom .disclaimer { max-width: 75%; } /* Widgets etc */ .sliderWrapper, .nivoSlider, #layerslider { height: 530px; min-height: 530px; max-height: 530px; top: 110px; } .nivoSlider, #layerslider { top: 0; } .backgroundSlider .slides > li { height: 530px; min-height: 530px; max-height: 530px; } .backgroundSlider .slideCaption { bottom: 65px; } .backgroundSlider .slideCaption .captionInner { width: 650px; } .ls-container img, .entry-content .ls-container img, .comment-content .ls-container img, .widget .ls-container img { margin-top: 50px !important; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* General */ body { padding: 0; } .pull-left, .pull-right { float: none; margin: 0 0 20px 0; display: inline-block; } .logos [class*="span"], .logos .uneditable-input[class*="span"], .logos .row-fluid [class*="span"] { margin-bottom: 0; } .hero { font-size: 36px; } .fullwidth header, .fullwidth #pageHeader, .fullwidth #content, .fullwidth #footerInner, .fullwidth footer .row-fluid { width: 420px; margin: 0 auto; } /* Header */ header .topArea { display: block; } header nav { display: block; float: none; text-align: center; margin-bottom: 20px; } header .selectMenu { display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #666; width: 204px; height: 25px; } header .menu { display: none; } .home header { margin-bottom: 275px; } /* Header Top Bar */ #headerTopBar .inner { width: 419px; text-align: center; } #headerTopBar .contactInfo { float: none; text-align: center; margin-bottom: 10px; font-size: 13px; } #headerTopBar .socialButtons { float: none; text-align: center; max-width: 440px; max-height: 38px; overflow: hidden; white-space: nowrap; } #headerTopBar .socialButtons li { float: none; display: inline-block; margin: 0 -2px; } #headerTopBar .socialButtons li a { float: left; } @-moz-document url-prefix() { #headerTopBar .socialButtons { display: inline-block; margin-bottom: -5px; } } /* Header Logo and Slogan Area */ header .leftArea { display: block; float: none; text-align: center; margin: 0 0 30px 0; } header .leftArea .logo { float: none; display: block; margin: 0 0 15px 0; } header .leftArea .slogan { display: block; float: none; margin: 0; } /* Header Search Bar */ .search { text-align: center; margin: 0; padding: 0 0 5px 0; background: none; } .home .search { position: static; } .search form { display: inline-block; float: none; } .search .searchBar { left: 0 !important; display: block !important; } /* Page Header */ #pageHeader #pageIntro .pageDesc { margin-top: 5px; display: block; float: none; } #pageHeader #breadCrumbs { float: none; margin: 10px 19px 5px 0; } #pageHeader #pageIntro { width: 108%; display: block; } #pageHeader #pageIntro .pageTitle { margin: 0 60px 0 0; display: block; float: none; } /* Main content */ #container, .inner { width: 480px; overflow: hidden; } .pullquote, .pullquote.left { float: none; width: auto; margin: 0 0 20px 0; } .callout { text-align: center; } .callout .calloutTitle { max-width: 100%; float: none; margin-bottom: 15px; font-size: 19px; } .callout .button { float: none; } .sidebar .search .searchBar { width: 86%; } .horizontal.twoColumn .ui-tabs-nav li, .horizontal.threeColumn .ui-tabs-nav li, .horizontal.fourColumn .ui-tabs-nav li, .horizontal.fiveColumn .ui-tabs-nav li { width: 100%; } .horizontal .ui-tabs-nav li:first-child, .horizontal .ui-tabs-nav li:first-child a, .horizontal .ui-tabs-nav li:last-child, .horizontal .ui-tabs-nav li:last-child a, .horizontal .ui-tabs-nav li, .horizontal .ui-tabs-nav li a { border-radius: 20px; } .container.portfolio .item { width: 200px; margin: 5px; } .children { margin-left: 20px; } .blogItem.small .itemMeta .metaItems { margin: 11px 0; } #pageHeader #pageIntro .pageTitle, #pageHeader #pageIntro .pageDesc { display: block; float: none; white-space: normal; } .nivo-caption { font-size: 20px; left: 10%; bottom: 15%; width: 60%; } .ls-icon { background: #555; display: block; padding: 25px; border-radius: 50px; } .ls-icon:before { font-size: 20px; color: white; } .ls-title { max-width: 250px; } .ls-layer .ls-bg { width: 768px !important; height: 480px !important; } /* Footer */ footer .footerTweet::before { display: none; } footer .footerTweet .followText { margin: 0; } footer .footerTweet .row-fluid .offset1:first-child { margin: 0; } footer .footerTweet .span7 { padding: 0; height: auto !important; } footer #footerBottom { position: static; } footer #footerBottom .disclaimer { max-width: 75%; } /* Widgets */ .flex-caption { font-size: 16px; line-height: normal; padding: 3px 8px; } .flex-control-nav li a { width: 18px; height: 18px; } .flex-control-nav li a:hover, .flex-control-nav li a.flex-active { width: 20px; height: 20px; } .sliderWrapper, .nivoSlider, #layerslider { height: 315px; min-height: 315px; max-height: 315px; top: 331px; } .nivoSlider, #layerslider { top: 0; } .backgroundSlider .slides > li { height: 315px; min-height: 315px; max-height: 315px; } .backgroundSlider .slideCaption { bottom: 25px; font-size: 14px; } .backgroundSlider .slideCaption .captionTitle { font-size: 20px; } .backgroundSlider .slideCaption .captionInner { width: 420px; } } /* Landscape phones and down */ @media (max-width: 479px) { /* General */ .hero { font-size: 28px; } /* Header Top Bar */ #headerTopBar .inner { width: 280px; } #headerTopBar .socialButtons { /*max-width: 250px;*/ } /* Main content */ #container, .inner { width: 320px; overflow: hidden; } .fullwidth header, .fullwidth #pageHeader, .fullwidth #content, .fullwidth #footerInner, .fullwidth footer .row-fluid { width: 260px; margin: 0 auto; } .home header { margin-bottom: 180px; } a .overlay { font-size: 28px; } .sidebar .search .searchBar { width: 77%; } .container.portfolio .item { width: 250px; } .children { margin-left: 10px; } .nivo-caption { font-size: 16px; left: 10%; bottom: 25%; width: 70%; } .ls-title { max-width: 150px; } .ls-title .button { margin-top: 10px; font-size: 6px; padding: 3px 12px; } .ls-title .button:before { font-size: 8px; } .ls-icon:before { font-size: 10px; color: white; } .ls-layer .ls-bg { width: 640px !important; height: 400px !important; } /* Footer */ footer .footerTweet .latestTweet .tweet_list li { margin-top: 10px; } /* Widgets */ .sliderWrapper, .nivoSlider, #layerslider { height: 245px; min-height: 245px; max-height: 245px; top: 331px; } .nivoSlider, #layerslider { top: 0; } .backgroundSlider .slides > li { height: 245px; min-height: 245px; max-height: 245px; } .backgroundSlider .slideCaption { bottom: 45px; } .backgroundSlider .slideCaption .captionInner { width: 260px; } } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }