/* Theme Name: BlankSlate Theme URI: http://wordpress.org/themes/blankslate Author: TidyThemes Author URI: http://tidythemes.com/ Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept).   → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.   → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go.   → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css)   → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate. Version: 4.0.3 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Text Domain: blankslate BlankSlate WordPress Theme © 2011-2015 TidyThemes BlankSlate is distributed under the terms of the GNU GPL */ /* Avalon regular */ /* #### Generated By: http://www.cufonfonts.com #### */ @font-face {font-family: 'Avalon';font-style: normal;font-weight: normal;src: local('Avalon'), url('fonts/Avalon-Regular.woff') format('woff');} /* ITC Avant Garde Gothic Std */ /* #### Generated By: http://www.cufonfonts.com #### */ @font-face {font-family: 'ITC Avant Garde Gothic Std Book';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Book'), url('fonts/itc-avant-garde-gothic-std-book-58957161d80eb.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Book Condensed';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Book Condensed'), url('fonts/itc-avant-garde-gothic-std-book-condensed-5895704105b51.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Demi';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Demi'), url('fonts/itc-avant-garde-gothic-std-demi-589572a199962.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Demi Condensed';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Demi Condensed'), url('fonts/itc-avant-garde-gothic-std-demi-condensed-589571f095e47.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Extra Light';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Extra Light'), url('fonts/itc-avant-garde-gothic-std-extra-light-5895708744eb6.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Extra Light Condensed';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Extra Light Condensed'), url('fonts/itc-avant-garde-gothic-std-extra-light-condensed-589570b606f66.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Medium Condensed';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Medium Condensed'), url('fonts/itc-avant-garde-gothic-std-medium-condensed-5895720edc668.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Bold';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Bold'), url('fonts/itc-avant-garde-gothic-std-bold-589572c7e9955.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Bold Condensed';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Bold Condensed'), url('fonts/itc-avant-garde-gothic-std-bold-condensed-5895705e8fe31.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Bold Condensed Oblique';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Bold Condensed Oblique'), url('fonts/itc-avant-garde-gothic-std-bold-condensed-oblique-5895710fb8537.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Bold Oblique';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Bold Oblique'), url('fonts/itc-avant-garde-gothic-std-bold-oblique-589573024abd6.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Book Condensed Oblique';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Book Condensed Oblique'), url('fonts/itc-avant-garde-gothic-std-book-condensed-oblique-589570ed92a2c.woff') format('woff');} @font-face {font-family: 'ITC vant Garde Gothic Std Book Oblique';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Book Oblique'), url('fonts/itc-avant-garde-gothic-std-book-oblique-589571c924212.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Demi Condensed Oblique';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Demi Condensed Oblique'), url('fonts/itc-avant-garde-gothic-std-demi-condensed-oblique-5895723d52f87.woff') format('woff');} @font-face {font-family: 'ITC Avant Garde Gothic Std Extra Light Oblique';font-style: normal;font-weight: normal;src: local('ITC Avant Garde Gothic Std Extra Light Oblique'), url('fonts/itc-avant-garde-gothic-std-extra-light-oblique-5895712c301f0.woff') format('woff');} /* ITC Avant Garde Gothic Std */ /* #### Generated By: http://www.cufonfonts.com #### */ /* Playfair Display */ /* #### Generated By: http://www.cufonfonts.com #### */ @font-face {font-family: 'Playfair Display SC Black';font-style: normal;font-weight: normal;src: local('Playfair Display SC Black'), url('fonts/PlayfairDisplaySC-Black.woff') format('woff');} @font-face {font-family: 'Playfair Display SC';font-style: normal;font-weight: normal;src: local('Playfair Display SC'), url('fonts/PlayfairDisplaySC-Regular.woff') format('woff');} @font-face {font-family: 'Playfair Display Black';font-style: normal;font-weight: normal;src: local('Playfair Display Black'), url('fonts/PlayfairDisplay-Black.woff') format('woff');} @font-face {font-family: 'Playfair Display Regular';font-style: normal;font-weight: normal;src: local('Playfair Display Regular'), url('fonts/PlayfairDisplay-Regular.woff') format('woff');} @font-face {font-family: 'Playfair Display SC Black Italic';font-style: normal;font-weight: normal;src: local('Playfair Display SC Black Italic'), url('fonts/PlayfairDisplaySC-BlackItalic.woff') format('woff');} @font-face {font-family: 'Playfair Display SC Bold';font-style: normal;font-weight: normal;src: local('Playfair Display SC Bold'), url('fonts/PlayfairDisplaySC-Bold.woff') format('woff');} @font-face {font-family: 'Playfair Display SC Bold Italic';font-style: normal;font-weight: normal;src: local('Playfair Display SC Bold Italic'), url('fonts/PlayfairDisplaySC-BoldItalic.woff') format('woff');} @font-face {font-family: 'Playfair Display SC Italic';font-style: normal;font-weight: normal;src: local('Playfair Display SC Italic'), url('fonts/PlayfairDisplaySC-Italic.woff') format('woff');} @font-face {font-family: 'Playfair Display Black Italic';font-style: normal;font-weight: normal;src: local('Playfair Display Black Italic'), url('fonts/PlayfairDisplay-BlackItalic.woff') format('woff');} @font-face {font-family: 'Playfair Display Bold';font-style: normal;font-weight: normal;src: local('Playfair Display Bold'), url('fonts/PlayfairDisplay-Bold.woff') format('woff');} @font-face {font-family: 'Playfair Display Bold Italic';font-style: normal;font-weight: normal;src: local('Playfair Display Bold Italic'), url('fonts/PlayfairDisplay-BoldItalic.woff') format('woff');} @font-face {font-family: 'Playfair Display Italic';font-style: normal;font-weight: normal;src: local('Playfair Display Italic'), url('fonts/PlayfairDisplay-Italic.woff') format('woff');} /* end Playfair Display */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} /* ///////// UNIVERSAL ////////// */ /* global */ *{ margin:0; padding:0; text-decoration:none; box-sizing: border-box; } html, body { overflow-x: hidden; } html { width: 100%; } body { width: 100%; font-family: 'Quicksand', helvetica, sans-serif; overflow-x: hidden; } .clearfix { clear: both; } a { text-decoration: none; color: #0389fb; } a:hover, a:active { color: #fa1081; transition: 1s; } #container { width: 100% !important; margin: 0; } #myContainer { width: 100% !important; margin: auto; } #content { width: 100% !important; } #entry-content { width: 100% !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; } #container::-webkit-scrollbar { display: none; } #myContainer::-webkit-scrollbar { display: none; } #content::-webkit-scrollbar { display: none; } .entry-content::-webkit-scrollbar { display: none; } .container_2 { width: 100%; max-width: 1040px; min-width: 200px; margin: auto; padding: 50px 0px; line-height: 2em; color: #666; } #info_container { width: 100%; background: #fff; } .grey_bg_box { width: 100%; background: #ebebeb; margin-top: 100px; padding: 50px auto; } .black_bg_box { width: 100%; background: #000; margin: 50px auto; padding: 50px auto; } .black_bg_box.up_50 { margin-top: -50px; } .light_blue_bg_box { width: 100%; height: 300px; background: #0389fb; margin: 50px auto; padding: 50px auto; } .fullscreen_yellow_sky { height: 100%; width: 100%; top: 0; left: 0; position: fixed; /* Stay in place */ background: #fff url(imgs/pages/yellow_sky_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x: hidden; /* Disable horizontal scroll */ overflow-y: hidden; /* Disable vertical scroll */ } .fullscreen_404_bg { height: 100%; width: 100%; top: 0; left: 0; position: fixed; /* Stay in place */ background: #fff url(imgs/pages/404_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x: hidden; /* Disable horizontal scroll */ overflow-y: hidden; /* Disable vertical scroll */ } /* ///////// text and more ///////// */ h1 { font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif; font-size: 13em; text-align: center; margin: 0 auto; padding: 250px 0; color: #000; } .h1_smaller { font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif; font-size: 9em; text-align: center; margin: 0 auto; padding: 250px 0; color: #000; } h2 { font-family: 'Quicksand', helvetica-bold, sans-serif-bold; font-size: 2em; line-height: 1.5em; text-align: left; padding: 50px 50px 0px 175px; margin-bottom: -20px; color: #000; } .project_h2 { width: 60%; /*font-size: 2em; padding: 100px 50px 0px 125px;*/ } .h2_centered { font-family: 'Quicksand', helvetica-bold, sans-serif-bold; font-size: 2em; line-height: 1.5em; text-align: center; padding: 15px; padding-top: 100px; margin: 50px auto; margin-bottom: 50px; color: #000; } h3 { font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; font-size: 2.2em; line-height: 1.5em; text-align: left; padding: 100px 0px 0px 175px; color: #000; } h4 { font-family: 'Quicksand', helvetica-bold, sans-serif-bold; font-size: 3em; text-align: center; margin: 10px auto; padding: 100px; color: #0389fb; } h5 { font-family: 'Quicksand', helvetica-bold, sans-serif-bold; font-size: 1em; font-weight: bold; text-align: center; line-height: 1.7em; margin: 10px auto; padding: 10px 10px; color: #0000ff /*#fa1081*/; } h5 span { color: #0389fb; } h6 { font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; /*font-style: italic;*/ font-size: 5em; text-align: center; margin: 0 auto; padding: 110px 100px 100px 100px; color: #000; } .left_align_text { text-align: left; padding: 100px 20% 100px 175px; line-height: 2em; font-size: 1.3em; color: #575757; } .center_align_text { text-align: center; padding: 10px 50px; line-height: 2em; font-size: 1.3em; color: #575757; } .left_align_text span { font-size: .9em; color: purple; font-weight: bolder; } .center_align_text span { font-size: .8em; } .subtitle { font-size: 1.3em; font-family: quicksand, helvetica-bold, sans-serif-bold; font-weight: lighter; line-height: 1.5em; text-align: center; padding: 15px; padding-bottom: 100px; margin: 0px auto; margin-top: -100px; color: #000; } .project_title { font-family: 'Baloo Tamma', cursive; font-size: 3.5em; text-align: center; margin: 0 auto; padding: 300px 100px 0px 100px; color: #000 /*#301b92*/; } .project_subtitle { margin-top: -75px; margin-bottom: 300px; font-size: 1.3em; } .title_arrows { position: absolute; top: 450px; } .project_text { width: 60%; } /* ///////// end text and more ///////// */ /* ///////// images ///////// */ .center_imgs { width: 100%; height: inherit; margin: auto; margin-bottom: -3px; } .feature_img { position: fixed; top: 0; z-index: -100; } .feature_img_container { min-height: 800px; min-width: 250px; width: auto; height: auto; } .half_img_left { width: 50%; float: left; display: inline-block; } .half_img_left.digital { margin-top: 16px; } .half_img_right { width: 50%; float: right; display: inline-block; } /* ///////// end images ///////// */ /* ///////// buttons / spacers / colors / etc... / ///////// */ .button { width: 50%; border: solid 1px #0389fb; border-radius: 50px; margin: 100px auto; } .button:hover { background: #d8d7d7; border: solid 1px #fa1081; transition: 2s; } .down_50 { padding-top: 50px; } .up_100px { margin-top: -100px; } .up_50px { margin-top: -50px; } .up_25px { margin-top: -25px; } .up_15px { margin-top: -15px; } .margin-out-vertical { margin-top: 0; margin-bottom: 0; } .margin_down_100 { margin-top: 100px; } .fifty_percent_middle { width: 50%; } .spacer { margin: 100px 0; } .brand_bright { color: #0389fb; padding: 50px; } .brand_yellow { color: yellow; } .brand_red { color: #fa1081; } .brand_purple { color: #301b92; margin-bottom: 0px; } .dark_purple { color: #301b92; } .brand_attack_purple { color: #7b2bc5; } .brand_light_purple { color: #765ddf; } .brand_purple p { color: #301b92; } .brand_white { color: #fff; } .brand_grey { color: #636262; } .light_view { opacity: .2; } /* ///////// end buttons / spacers / etc... / ///////// */ /*//// SHARE LIGHTBOX CSS ////*/ .share_overlay { transition: 3s; } /* The Overlay (background) */ #myShare { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 100%; top: 0; position: fixed; /* Stay in place */ z-index: 2000001; /* Sit on top */ background: #301b92 /*#5c192c*/ /*#fcdd1b url(imgs/lightbox/lightbox_bg_4.jpg) no-repeat center center fixed*/; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x: hidden; /* Disable horizontal scroll */ overflow-y: hidden; /* Disable vertical scroll */ top: 100%; } /* Position the content inside the overlay */ #myShare_content { width: 100%; min-width: 280px; margin: auto; } #myShare a { color: ; } #myShare a:hover, #myShare a:active { color: #301b92; } .top_bar { width: 100%; height: 100px; background: #fa1081; } #lightbox_share_social_wrap { margin-top: 100px; width: 470px; height: 50px; margin: 0 auto; } #lightbox_share_facebook { display: inline-block; width: 50px; height: 50px; background: url(imgs/universal/lightbox_share_social/lightbox_share_facebook.png); } #lightbox_share_instagram { margin-left: 50px; display: inline-block; width: 50px; height: 50px; background: url(imgs/universal/lightbox_share_social/lightbox_share_instagram.png); } #lightbox_share_linkedin { margin-left: 50px; display: inline-block; width: 50px; height: 50px; background: url(imgs/universal/lightbox_share_social/lightbox_share_linkedin.png); } #lightbox_share_twitter { margin-left: 50px; display: inline-block; width: 50px; height: 50px; background: url(imgs/universal/lightbox_share_social/lightbox_share_twitter.png); } #lightbox_share_email { margin-left: 50px; display: inline-block; width: 50px; height: 50px; background: url(imgs/universal/lightbox_share_social/lightbox_share_email.png); } #lightbox_share_facebook:hover { background: url(imgs/universal/lightbox_share_social/lightbox_share_facebook_hover.png); transition: .5s; } #lightbox_share_instagram:hover { background: url(imgs/universal/lightbox_share_social/lightbox_share_instagram_hover.png); transition: .5s; } #lightbox_share_linkedin:hover { background: url(imgs/universal/lightbox_share_social/lightbox_share_linkedin_hover.png); transition: .5s; } #lightbox_share_twitter:hover { background: url(imgs/universal/lightbox_share_social/lightbox_share_twitter_hover.png); transition: .5s; } #lightbox_share_email:hover { background: url(imgs/universal/lightbox_share_social/lightbox_share_email_hover.png); transition: .5s; } /*//// END SHARE LIGHTBOX CSS ////*/ /* // category - page social share // */ #categories-share { /*position: absolute;*/ width: 10%; float: right; /*top: 1635px; right: 50px;*/ z-index: 50; opacity: 1; margin-top: 160px; margin-right: 50px; } .cat-links { line-height: 1.5em; clear: both; } #page_categories { margin-bottom: 20px; } #share_this_img { margin-top: 50px; clear: both; } #social_api_buttons { margin-top: 20px; } #facebook_share { width: 50px; height: 50px; background: url(imgs/case_studies/all_case_studies/facebook_share.jpg); border-radius: 50px; } #facebook_share:hover { background: url(imgs/case_studies/all_case_studies/facebook_share_hover.jpg); transition: 1.5s; } #twitter_share { width: 50px; height: 50px; background: url(imgs/case_studies/all_case_studies/twitter_share.jpg); border-radius: 50px; } #twitter_share:hover { background: url(imgs/case_studies/all_case_studies/twitter_share_hover.jpg); transition: 1.5s; } #linkedin_share { width: 50px; height: 50px; background: url(imgs/case_studies/all_case_studies/facebook_share.jpg); border-radius: 50px; } #linkedin_share:hover { background: url(imgs/case_studies/all_case_studies/facebook_share_hover.jpg); transition: 1.5s; } #pinterest_share { width: 50px; height: 50px; background: url(imgs/case_studies/all_case_studies/twitter_share.jpg); border-radius: 50px; } #pinterest_share:hover { background: url(imgs/case_studies/all_case_studies/twitter_share_hover.jpg); transition: 1.5s; } /* // end category - page social share // */ /* // MOBILE category - page social share button // */ #categories-share_mobile { width: 100px; padding: 50px; } #categories-share-mobile { display: none; } .cat-links { line-height: 1.5em; clear: both; } #page_categories_mobile { width: 75%; text-align: center; padding: 50px; margin: auto; } #share_this_img_mobile { cursor: pointer; width: 140px; height: 70px; margin: 10px auto; clear: both; background: #ffd910 url(imgs/case_studies/all_case_studies/share_this_mobile.png) center center no-repeat; } #share_this_img_mobile:hover { background: #301b92 url(imgs/case_studies/all_case_studies/share_this_mobile_hover.png) center center no-repeat; transition: 1s; } /* // end MOBILE category - page social share button // */ /*//// SEARCH LIGHTBOX CSS ////*/ .search_overlay { transition: 3s; } /* The Overlay (background) */ #mySearch { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 100%; position: fixed; /* Stay in place */ z-index: 2000000; /* Sit on top */ background: rgba(252, 81, 1, 0.9) /* #795fe7*/ /*#5c192c*/ /*#fcdd1b url(imgs/lightbox/lightbox_bg_4.jpg) no-repeat center center fixed*/; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x: hidden; /* Disable horizontal scroll */ overflow-y: hidden; /* Disable vertical scroll */ bottom: 100%; /* opacity: 0; */ } /* Position the lightbox's brandmark (top left corner) which takes the user to the homepage */ #lightbox_brandmark { z-index: 1002; position: absolute; width: 83px; height: 30px; background: url(imgs/nav/AGBO.png) center center no-repeat; top: 0; left: 30px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: color, background; transition-property: color, background; } #lightbox_brandmark:hover, #lightbox_brandmark:focus, #lightbox_brandmark:active { background: url(imgs/nav/AGBO.png) center center no-repeat; color: white; } /* Position the close button (top right corner) which deactivates the lightbox */ .overlay .closebtn { position: absolute; top: 10px; right: 40px; font-size: 60px; color: #fefff9; } .overlay .closebtn:hover { color: #00feb9; } .overlay { opacity: 1; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; } .closebtn { z-index: 2000001; } /* Position the content inside the overlay */ #mySearch_content { width: 100%; min-width: 280px; margin: auto; } #mySearch_content h4 { color: #fefff9; margin-top: 10%; } /* #mySearch_content ul { margin-top: 100px; } #mySearch_content ul a { color: #301b92; } #mySearch_content li { display: inline-block; margin-left: 25px; } */ /* .purple_bar { width: 100%; height: 100px; background: #765ddf; } */ #searchform { width: 50%; margin: -50px auto; /* margin-top: 10%; */ /* display: flex; */ } #s { width: 100%; padding: 20px; text-indent: 30px; background: #444444 /*#7058d0*/ url(imgs/lightbox/search_icon_searchbox.png) center left no-repeat; border-radius: 100px; border: 0px; } #searchform input#s:focus { border: 0; outline: none; background: #00ffff url(imgs/lightbox/search_icon_searchbox_focus.png) center left no-repeat; } #searchsubmit { float: right; margin-top: 25px; /* margin-left: 7px; */ align-self: center; color: #000; padding: 5px 10px; background: #fefff9; border-radius: 100px; border: 0px; transition: .2s; } #searchsubmit:hover { cursor: pointer; background: #444444; border: solid 2px #444444; color: #ffffff; font-weight: bold; } #searchsubmit:focus, #searchsubmit:active { outline: none; } /*//// END SEARCH LIGHTBOX CSS ////*/ /*//// SEARCH RESULTS ////*/ .meta { color: #0000ff; text-align: center; font-weight: lighter; line-height: 1.2em; margin-top: -50px; } .meta span { font-family: quicksand-bold, helvetica-bold, sans-serif-bold; } .meta strong { font-weight: bolder; } .search { height: inherit; max-height: 500px; } .search-entry-summary { width: 70%; padding: 100px 100px; padding-bottom: 55px; margin: 0 auto; /*margin-bottom: 50px;*/ text-align: center; color: #fff; font-weight: lighter; background: #0389fb; } .search-entry-summary:hover, .search-entry-summary:active { color: #0000ff; background: #301b92 /*#cf9dde*/ /*#ae5757*/ /*#fa1081*/; transition: 3s; } .search-entry-summary:hover .meta, .search-entry-summary:active .meta { color: #999 /*#0389fb*/; } .search-entry-summary p { margin-top: 50px; } .search-entry-summary a { color: #fff; } .search-entry-summary a:hover, .search-entry-summary a:active { color: #fa1081; } /*//// END SEARCH RESULTS ////*/ /* /////////// BLOG ////////// */ div.archive-meta { display: none; } .blog_subtitle { color: #999; font-family: 'Quicksand', helvetica, sans-serif; text-align: center; font-weight: 300; padding: 0 20%; } #blog_categories .blog_nav { margin: 50px auto; margin-bottom: 100px; } #blog_categories .blog_nav td { padding: 0 10px 0 0; } #blog_categories .blog_nav .last { padding-right: 0; } #blog_categories .blog_nav .blog_category { color: #000; padding: 25px; margin-right: 0px; border: solid 1px blue; } #blog_categories .blog_nav .blog_category:hover { cursor: pointer; color: blue; background: #fcade9 /*#cacaca*/; border: solid 1px #fcade9; transition: .25s ease-out; } #blog-entries-container { margin-bottom: 18px; } .thought_entry_summary { width: 70%; padding: 50px 100px; margin: 0 auto; /*margin-bottom: 50px;*/ text-align: center; color: #fff; font-weight: lighter; background: #0000ff; } .thought_entry_summary h6 { font-size: 2.5em; } .thought_entry_summary:hover, .thought_entry_summary:active { color: #0000ff; background: #cf9dde /*#ae5757 #fa1081*/; transition: 2s; } /* .article_excerpt_subtitle { width: 100% padding: 25px; text-align: left; } */ .blog_meta { color: #c4c2c2; font-size: .85em; } .thought_entry_summary:hover .blog_meta { color: #301b92; transition: 1s ease-out; } .blog_meta span { font-family: quicksand-bold, helvetica-bold, sans-serif-bold; } .blog_meta strong { font-weight: bolder; } .thought_entry_summary p { margin-top: 50px; } /* ///////// blog article pages ////////// */ #agency-blog { background: #000000 /*#0389fb #301b92 */; } #agency-blog .blog_meta { padding: 150px 50px 20px 50px; line-height: 2em; } .blog_nav { margin: 0px 65px; padding-bottom: 100px; } .blog_nav td { padding: 0px 30px 50px 0px; padding-bottom: 50px; } .blog_title_bg { width: 100%; background: #7b2bc5; padding: 50px 0; padding-bottom: 125px; } .brand_purple { background: #765ddf; } .blue { background: #678dc4; } .yellow { background: yellow; } .green { background: #23cf82; } .pink { background: #ff7056; } .blog_title_bg .blog_meta { padding: 0px 50px; display: none; } .blog_title_bg h6 { color: #fff; } .blog_title_bg .blog_subtitle { color: #fff !important; font-family: quicksand, helvetica, sans-serif; text-align: center; font-weight: lighter; padding: 0 100px; } .blog_feature_img { width: 74%; margin: 0 13%; margin-top: -50px; margin-bottom: 25px; } .blog_img_center { width: 74%; margin: 0 13%; margin-top: 50px; margin-bottom: 50px; } .blog_img_center_small { width: 30%; margin: 50px 35%; } .blog_img_center_small_left { width: 30%; margin: 50px 35%; margin-left: 13%; } #blog-page-info-container { width: 100%; background: #f8f8f8; margin-top: -150px; padding-top: 150px; } /* /// page extra thoughts /// */ #more_thought_container { margin-top: 100px; background: #301b92 /*#0389fb*/; } .more_thought { width: 86%; margin: 0px auto; margin-top: 50px; } .more_thought .thought_entry_summary { width: inherit; padding: 50px 50px 50px 25px; margin-right: -5px; text-align: left; display: inline-block; } .more_thought .thought_entry_summary h6 { font-size: 2.3em; text-align: left; padding: 0 5%; padding-right: 5%; } .more_thought .blog_meta { color: #c4c2c2; font-size: .85em; text-align: left; margin-bottom: 50px; } .more_thought .thought_entry_summary:hover .blog_meta { color: #301b92; transition: 1s ease-out; } .more_thought .thought_entry_summary p { font-size: 1em; } /* /// end page extra thoughts /// */ /* /// end blog article pages /// */ /* /////////// END BLOG ////////// */ /* /////////// SOLILOQUY ////////// */ #slider_container { max-width: 800px; margin: 50px auto; margin-top: 100px; margin-bottom: 100px; } #project_slider_container { max-width: 1100px; margin: 50px auto; padding-bottom: 100px; } .soliloquy-container .soliloquy-pager { top: auto !important; bottom: -50px !important; opacity: 1; } .soliloquy-container .soliloquy-pager-link { background: url(imgs/soliloquy/slider_pager_link.png) no-repeat scroll 0 0 !important; width: 24px !important; height: 18px !important; } .soliloquy-container .soliloquy-pager-link:hover, .soliloquy-container .soliloquy-pager-link.active { background: url(imgs/soliloquy/slider_pager_active.png) no-repeat scroll 0 0 !important; } .soliloquy-container .soliloquy-controls-direction .soliloquy-prev { background: url(imgs/soliloquy/slider_arrow_no_display.png) no-repeat scroll 0 0 !important; width: 300px !important; height: 450px !important; margin-top: -225px !important; } .soliloquy-container .soliloquy-controls-direction .soliloquy-prev:hover { background: url(imgs/soliloquy/slider_arrow_prev_small.png) no-repeat scroll 0 0 !important; margin-left: -5% !important; display: block; opacity: .6; transition: 1s ease-in; } .soliloquy-container .soliloquy-controls-direction .soliloquy-next { background: url(imgs/soliloquy/slider_arrow_no_display.png) no-repeat scroll 0 0 !important; width: 300px !important; height: 450px !important; margin-top: -225px !important; } .soliloquy-container .soliloquy-controls-direction .soliloquy-next:hover { background: url(imgs/soliloquy/slider_arrow_next_small.png) no-repeat scroll 0 0 !important; margin-right: -5% !important; display: block; opacity: .6; transition: 1s ease-in; } /* /////////// SOLILOQUY ////////// */ /* /////////////////////////////////////// END UNIVERSAL ///////////////////////////////////////////// */ /* /////////////////////////////////////////// FULL SIZE ///////////////////////////////////////////// */ /* ////////////////////////// FOOTER ///////////////////////////// */ #footer { margin-top: -18px; } #footer_container { width: 100%; background: #000; padding-top: 50px; padding-bottom: 25px; font-size: .8em; color: #999; } #footer_container a { color: #0389fb; } #footer_container a:hover, a:active { color: #fff; } #footer_brandmark { width: 100%; height: 100px; background: #000 url(imgs/nav/AGBO.png) center no-repeat; } #footer_slogan { font-family: AvantGardeMdITC, helvetica-bold, sans-serif-bold; font-size: .9em; text-align: center; padding: 0 10px; margin-top: -20px; color: #c3c3c3; } #footer_links_container { width: 100%; padding-top: 25px; padding-bottom: 50px; } .footer_links { width: 20%; margin-left: 125px; margin-top: 50px; display: inline-block; line-height: 2.5em; vertical-align: top; /*border: #fff solid 1px;*/ } .footer_links .footer_search { cursor: pointer; } #footer_email_sign_up { width: 179px; height: 25px; margin: 13px 0; } #footer_email_sign_up img { display: inline-block; } #footer_email_sign_up_arrow { display: inline-block; margin-left: -4px; width: 25px; height: 25px; background: url(imgs/footer/footer_email_sign_up_arrow.jpg); } #footer_email_sign_up_arrow:hover, #footer_email_sign_up_arrow:focus { background: url(imgs/footer/footer_email_sign_up_arrow_hover.jpg); transition: 1s; } #footer_data_container { width: 90%; height: 75px; margin: auto; margin-top: 100px; border-top: #999 solid 1px; } #copyright { width: 100%; float: left; padding-top: 15px; font-size: .9em; padding-left: 65px; } #footer_legal { width: 100%; margin-right: 150px; float: right; padding-top: 15px; padding-right: 50px; font-size: .9em; } #footer_legal a { color: #999; } #footer_legal a:hover, a:active { color: #fff; } /* ////////////////////////// END FOOTER ///////////////////////////// */ /* ////////////////////////// NAV ///////////////////////////// */ header { position: absolute; transition: top 0.5s ease-in-out; -webkit-transition: top 0.5s ease-in-out; } .nav-down { display: none; } /* ////////////// NAV LIGHTBOX //////////////// */ /* the navigation lightbox */ .lightbox { margin: 0; padding: 0; width: 100vw; height: 100vh; /* background: linear-gradient(#24222d, #070df9); */ /* background:#070df9; */ /* background:#a407f9; */ background: #000; position: fixed; transition: all 1s; opacity: 0; z-index: -100; display: flex; justify-content: center; align-items: center; } .lightbox-open { opacity: 1; z-index: 1000000; } .nav-list { list-style: none; font-size: 2em; text-align: center; letter-spacing: .25em; line-height: 2.75em; text-transform: uppercase; opacity: .9; } @media all and (max-width: 499px) { .nav-list { font-size: 1.5em; letter-spacing: .25em; line-height: 2.75em; } } .nav-list li a { color: #fff; transition: ease-in-out .2s; } .nav-list li a:hover { opacity: .5; font-size: 1.1em; /* margin-left: 100px; */ /* text-decoration: line-through; */ } .nav-list-entry-animation { -webkit-animation: slideInDown .35s; -moz-animation: slideInDown .35s; -o-animation: slideInDown .35s; animation: slideInDown .35s; /* name duration timing-function delay iteration-count direction fill-mode */ } .nav-list-exit-animation { -webkit-animation: slideOutUp .35s; -moz-animation: slideOutUp .35s; -o-animation: slideOutUp .35s; animation: slideOutUp .35s; /* name duration timing-function delay iteration-count direction fill-mode */ } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } #lightbox-search-button { position: absolute; right: 0; top: 0; width: 30px; height: 60px; background: red url(imgs/nav/search.png) center no-repeat; /* #301b92 */ } /* ////////////// end NAV LIGHTBOX //////////////// */ /* ///////// TOP NAV ////////// */ #top_nav_bar { position: fixed; width: 100%; height: 30px; background: #765ddf url(imgs/nav/nav_top_bar_gradient_animation_grayscale.gif) left /*#301b92*/; color: #fff; top: 0px; display: block; padding-left: 30px; /*border-radius: 20px 20px 0 0 !important;*/ /* z-index: 101; */ z-index: 100001; -webkit-box-shadow: 0px 1px 10px 1px rgba(0,0,0,.6); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 10px 1px rgba(0,0,0,.6); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 10px 1px rgba(0,0,0,.6); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } /* Burger */ #nav-menu-icon-wrapper { position: fixed; left: 0px; top: 0; z-index: 100000000; cursor: pointer; } .toggle { list-style: none; background: rgba(255, 0, 0, 1); padding: 8px 5px; } .toggle .bar1, .toggle .bar2, .toggle .bar3 { width: 20px; height: 2px; background: #fff; margin-bottom: 4px; transition: all 0.6s; } .toggle .bar3 { margin-bottom: 0px; } /* Change it to an X */ #nav.open .toggle .bar1 { transform: rotate(45deg) translate(8px, 7px); background: #FFF; } #nav.open .toggle .bar2 { opacity: 0; background: #FFF; } #nav.open .toggle .bar3 { transform: rotate(-45deg) translate(7px, -6px); background: #FFF; } #brandmark_logotype { z-index: 1002; width: 83px; height: 30px; position: fixed; /*background: #301b92 /*#d0d9ff /*#f1eff0 url(imgs/nav/AGBO_hover.png);*/ background: #000000 url(imgs/nav/AGBO.png); /*#301b92*/ display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: color, background; transition-property: color, background; } #brandmark_logotype:hover, #brandmark_logotype:focus, #brandmark_logotype:active { background: #301b92 url(imgs/nav/AGBO.png); color: white; } /* juicyfruit button animation */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } #juicyfruit { position: absolute; top: 0px; display: block; width: 150px; height: 30px; margin-left: 83px; /* margin-left: 541px; */ background: #000000 /*#0000ff #301b92 /*#0389fb*/ /*#ffde16*/ url(imgs/nav/juicyfruit_blue.png); border-radius: 0 0 75px 0; z-index: 101; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background; transition-property: color, background; } #juicyfruit:hover, #juicyfruit:focus, #juicyfruit:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #00ccff url(imgs/nav/juicyfruit_hover.png); border-radius: 0 0 75px 0; color: white; } /* NEWSBAR ANIMATION */ @keyframes newsbar{ 0% {left: 100%} 100% {left: -3000px} } @-moz-keyframes newsbar{ 0% {left: 100%} 100% {left: -3000px} } @-webkit-keyframes newsbar{ 0% {left: 100%} 100% {left: -3000px} } @-o-keyframes newsbar{ 0% {left: 100%} 100% {left: -3000px} } #news_bar { left: 100%; width: 3000px; height: 30px; position: absolute; overflow: visible; animation: newsbar 50s linear infinite; -moz-animation: newsbar 50s linear infinite; -webkit-animation: newsbar 50s linear infinite; -o-animation: newsbar 50s linear infinite; } #news_bar tr { margin-left: -1000px; } #news_bar td { font-size: .8em; padding: 8px; padding-left: 200px; } #news_bar td a { color: #000000; /*#00ffff*/ } #news_bar td a:hover { color: #fff; text-decoration: underline; transition: .5s; } /* ///////// end TOP NAV ////////// */ /* ///////// LEFT NAV ////////// */ #left_nav_bar { position: fixed; width: 30PX; height: 100%; background: #765ddf url(imgs/nav/nav_right_bar_animation_grayscale_mid_dark_test.gif) bottom /*#301b92*/; top: 0px; left: 0px; /*border-radius: 20px 0 0 0;*/ /* z-index: 100; */ z-index: 100000; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } #client_login_button { z-index: 1002; width: 30PX; height: 165px; left: 0px; top: 30px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #000000 /*#0000ff #301b92 /*#301b92*/ /*#fa1081*/ url(imgs/nav/client_login.png) center no-repeat; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #client_login_button:before { content: ""; position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; background: #999999/* #301b92 */ /*#d0d9ff*/ /*#fa1081*/ url(imgs/nav/client_login_hover.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #client_login_button:hover, #client_login_button:focus, #client_login_button:active { color: white; } #client_login_button:hover:before, #client_login_button:focus:before, #client_login_button:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } #spyder { margin-top: 30px; z-index: 1002; width: 30PX; height: 170px; background: #000000 /*#0000ff #301b92 /*#0389fb*/ url(imgs/nav/spyder.png) center no-repeat; border-radius: 0 0 40px 0; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: color, background; transition-property: color, background; } #spyder:hover, #dspyder:focus, #spyder:active { background: #0389fb url(imgs/nav/spyder_hover.png) center no-repeat; border-radius: 0 0 40px 0; color: white; } /* ///////// end LEFT NAV ////////// */ /* ///////// RIGHT NAV ////////// */ #right_nav_bar { position: fixed; width: 30PX; height: 100%; background: #765ddf url(imgs/nav/nav_right_bar_animation_grayscale_mid_dark_test.gif) top /*#301b92*/; top: 0px; right: 0px; /*border-radius: 0 20px 0 0 !important;*/ /* z-index: 50; */ z-index: 10050; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } #search { cursor: pointer; z-index: 1002; width: 30PX; height: 60px; margin-top: 30px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; background: #000000 url(imgs/nav/search.png) center no-repeat; /* #301b92 */ -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #search:before { content: ""; position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; background: red /*#0389fb*/ url(imgs/nav/search_hover.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #search:hover, #search:focus, #search:active { color: white; } #search:hover:before, #search:focus:before, #search:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } #blog { z-index: 1002; width: 30PX; height: 50px; right: 0px; background: #f1eff0 url(imgs/nav/blog_quicksand.png); display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: color, background; transition-property: color, background; } #blog:hover, #blog:focus, #blog:active { background: #06fccd /* #ffde16 */ url(imgs/nav/blog_quicksand.png); color: white; } #facebook { z-index: 1002; width: 30PX; height: 55px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; background: url(imgs/nav/facebook.png) center no-repeat; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #facebook:before { content: ""; position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; background: red /*#0389fb*/ url(imgs/nav/facebook_hover.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #facebook:hover, #facebook:focus, #facebook:active { color: white; } #facebook:hover:before, #facebook:focus:before, #facebook:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } #twitter { z-index: 1002; width: 30PX; height: 55px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; background: url(imgs/nav/twitter.png) center no-repeat; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #twitter:before { content: ""; position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; background: red /*#0389fb*/ url(imgs/nav/twitter_hover.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #twitter:hover, #twitter:focus, #twitter:active { color: white; } #twitter:hover:before, #twitter:focus:before, #twitter:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } #linkedin { z-index: 1002; width: 30PX; height: 55px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; background: url(imgs/nav/linkedin.png) center no-repeat; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #linkedin:before { content: ""; position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; background: red /*#0389fb*/ url(imgs/nav/linkedin_hover.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #linkedin:hover, #linkedin:focus, #linkedin:active { color: white; } #linkedin:hover:before, #linkedin:focus:before, #linkedin:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } #pinterest { z-index: 1002; width: 30PX; height: 55px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; background: url(imgs/nav/pinterest.png) center no-repeat; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #pinterest:before { content: ""; position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; background: red /*#0389fb*/ url(imgs/nav/pinterest_hover.png) center no-repeat; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #pinterest:hover, #pinterest:focus, #pinterest:active { color: white; } #pinterest:hover:before, #pinterest:focus:before, #pinterest:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* ///////// END RIGHT NAV ////////// */ /* ////////////////////////// END NAV ///////////////////////////// */ /* ////////////////////////// PAGES ///////////////////////////// */ /* ///////// LANDING ////////// */ /* //// INTRO ////// */ #intro { top: 0; margin: 0; padding: 0; width: 100vw; height: 100vh; background: linear-gradient(#999, #666); position: relative; z-index: 10000; transition: all 0.3s; overflow: hidden; } .remove-intro { margin-top: -100vh; transition: .5; } /* hero section */ .hero { position: absolute; top: 275px; left: 200px; transition: ease-in .5s; font-family: 'Lato-light', sans-serif; font-weight: bold; } .hero #hero_h1 { font-size: 3.5em; animation: slideInRight 1s; transition: ease-in .5s; } #hero_h4 { padding-top: 10px; font-size: 1.1em; } .hero #hero_h4 span { color: red; } .hero #hero_h4 i { font-size: .75em; font-style: normal; font-weight: lighter; margin-left: 25px; color: #fff; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @media all and (max-width: 999px) { .hero { top: 175px; left: 50px; } .hero #hero_h1 { font-size: 2.5em; } .hero .hero_h4 { padding-top: 50px; } } @media all and (max-width: 499px) { .hero { top: 100px; left: 25px; } .hero #hero_h4 { margin-top: 25px; } } /* //// end INTRO //// */ .landing_CTA { margin-top: 100px; margin-bottom: 75px; } .landing_call_to_action_button { max-width: 300px; padding: 20px 20px; text-align: center; font-size: 1.3em; margin: 50px auto; background: #abf9fa; /*border: solid 3px #0389fb;*/ border-radius: 50px; -webkit-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .landing_call_to_action_button:hover, .landing_call_to_action_button:active { background: #fcade9 /*#e5e5e5 /*#fa1081*/; /*border: solid 3px #301b92;*/ color: #fa1081; -webkit-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.4); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.4); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 5px 10px 1px rgba(0,0,0,.4); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; } #landing_projects { margin-top: 50px; } #landing_projects a img:hover { opacity: .6; transition: .3s; } .case img { width: 100%; display: inline-block; } .case a img:hover { opacity: .6; transition: .3s; } .case_right { float: right; display: inline-block; } .case_left { float: left; display: inline-block; } #landing_projects .img_fix { margin-top: 16px; } .case { font-size: 1.7em; padding: 0; margin: 0; margin-bottom: -4px; width: 50%; z-index: 02; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .case:before { content: ""; text-align: center; font-size: 1.7em; font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; padding-top: 30%; position: absolute; z-index: 01; top: 0; bottom: 4px; left: 0; right: 0; background: /*#0389fb*/ rgba(48.2%, 16.9%, 77.3%,.8); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .case:hover:before, .case:focus:before, .case:active:before { color: #000; -webkit-transform: scaleY(1); transform: scaleY(1); } /* ///////// END LANDING ////////// */ /* ///////// CLIENT LOGIN ////////// */ #client_login { width: 250px; height: 175px; margin: auto; margin-top: 20%; /*border: #000 solid 1px;*/ } #client_login_username { width: 250px; color: #000; padding-top: 25px; display: inline-block; /*border: #000 solid 1px;*/ } #username_box { float: right; width: 150px; height: 25px; background: #fff; margin: -20px 0 0 12px; display: inline-block; } #client_login_password { width: 250px; color: #000; padding-top: 25px; display: inline-block; /*border: #000 solid 1px;*/ } #password_box { float: right; width: 150px; height: 25px; background: #fff; margin: -20px 0 0 14px; display: inline-block; } /* login button animation */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } #login_button { width: 100px; height: 25px; margin-top: 20px; float: right; background: #0000ff url(imgs/pages/client_login/login_button.png); border-radius: 50px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background; transition-property: color, background; } #login_button:hover, #login_buttonp:focus, #login_button:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #fa1081 url(imgs/pages/client_login/login_button.png); border-radius: 50px; color: white; } /* ///////// END CLIENT LOGIN ////////// */ /* ///////// ABOUT US ////////// */ #expertise { width: 100%; margin-top: -100px; } /* //// capabilities //// */ #capabilities { width: 100%; padding-bottom: 50px; margin-top: 50px; } #capabilities_container { width: 90%; padding: 50px 0; margin: auto; } #capabilities_wrap { width: 1120px; margin: auto; } .capabilities_box { width: 495px; height: 475px; display: inline-block; vertical-align: top; margin-top: 10px; padding: 0 30px; border-right: dotted 1px #999; text-align: center; margin: auto; } @media only screen and (min-width: 800px) and (max-width: 1200px) { #capabilities_container { width: 100%; } #capabilities_wrap { width: 80%; margin: auto; margin-right: 8.5%; } .capabilities_box { width: 48%; height: 475px; padding: 0px; } } .capabilities_box.last { border-right: none; } .capabilities_description { font-family: quicksand, helvetica-bold, sans-serif-bold; padding: 15px; margin: 0 50px; color: #7e7e7e; } .capabilities_description:hover, .capabilities_description:active { background: #0000ff /*#ffde16*/; color: #fff; } /* /// end about capabilities /// */ /* /// end leadership /// */ #leadership_section { width: 100%; margin-top: 50px; } #leadership_container { width: 90%; margin: auto; padding: auto; opacity: .7; } #leadership_wrap { width: 1140px; margin: auto; } .leadership_box { width: 280px; display: inline-block; vertical-align: top; margin: auto; } @media only screen and (min-width: 800px) and (max-width: 1200px) { #leadership_container { width: 100%; } #leadership_wrap { width: 80%; margin: auto; margin-right: 4%; } .leadership_box { width: 48%; height: 500px; padding: 0px; margin-top: 100px; } } /* /// end leadership /// */ /* /// clients /// */ #clients { width: 100%; margin-top: 50px; opacity: .5; } #clients_container { width: 90%; padding-top: 50px; padding-bottom: 50px; margin: auto; } #clients_wrap { width: 1120px; margin: auto; } .clients_box { width: 275px; display: inline-block; vertical-align: top; margin-top: 10px; text-align: center; margin: auto; } @media only screen and (min-width: 800px) and (max-width: 1200px) { #clients_container { width: 100%; } #clients_wrap { width: 80%; margin: auto; margin-right: 8.5%; } .clients_box { width: 48%; } .clients_left { float: right; } .clients_right { float: left; } } @media only screen and (min-width: 300px) and (max-width: 799px) { #clients_container { width: 100%; } #clients_wrap { width: 80%; margin: auto; } .clients_box { width: 100%; } } .clients_pair { width: 275px; height: 300px; margin: auto; } /* /// end clients /// */ /* ///////// END ABOUT US ////////// */ /* ///////// JUICYFRUIT ////////// */ .feature_img { position: fixed; z-index: -100; } #juicyfruit_bg { background: #d7d4d4; } #juicyfruit_bg h2 { color: #7b2bc5; } #juicyfruit_bg .h2_centered { color: #7b2bc5; } #juicyfruit_bg p { color: #301b92; } /* *** why isnt this workin????? **** #juicyfruit_bg .black_bg_box .container_2 p { color: #301b92; } */ #sky_gold { margin-top: -75px; } /* //// juicyfruit testemonials //// */ #juicyfruit_testemonials { width: 100%; background: #afadad /*#301b92 /*#0389fb /*#fa1081*/ /*#ffde16*/; padding-bottom: 50px; margin-bottom: 125px; opacity: 1; } #testemonials_container { width: 90%; padding-top: 100px; padding-bottom: 75px; margin: auto; } #testemonials_wrap { width: 1120px; margin: auto; } .testemonial_box { width: 215px; height: 500px; display: inline-block; vertical-align: top; margin-top: 10px; padding: 30px; border-right: dotted 1px #fff /*#999*/; text-align: center; margin: auto; } @media only screen and (min-width: 800px) and (max-width: 1200px) { #testemonial_container { width: 100%; } #testemonials_wrap { width: 80%; margin: auto; margin-right: 8.5%; } .testemonial_box { width: 48%; height: 450px; padding: 0px; margin-top: 100px; } .testemonial_text { padding: 0 50px; } .testemonial_name { margin-top: -30px; } .testemonial_box.second_last { border-right: none; } } .testemonial_box.last { border-right: none; } .testemonial_img { margin: 30px auto; } .testemonial_text { font-family: quicksand, helvetica-bold, sans-serif-bold; font-weight: lighter; margin-top: 10px; color: #fff /*#7e7e7e*/; } .testemonial_name { margin-top: 30px; font-family: quicksand, helvetica-bold, sans-serif-bold; font-size: 1.4em; line-height: 1em; color: #fff /*#999*/; } .testemonial_title { font-size: 1.1em; color: #fa1081 /*#301b92 /*#999 #666*/; line-height: 1.3em; margin-top: 20px; } /* /// end juicyfruit testemonials /// */ #city_img { margin-top: -150px; margin-bottom: -5px; } #honey_text { font-family: 'ITC Avant Garde Gothic Std Bold', helvetica, sans-serif; font-size: 8em; text-align: center; margin: 0 auto; margin-top: -220px; padding: 150px 0; color: #000; } /* //// juicyfruit pricing //// */ #juicyfruit_pricing { width: 100%; padding: 50px 0; margin-top: 50px; background: #afadad /*#301b92*/; } #pricing_container { width: 90%; padding-bottom: 75px; margin: auto; margin-top: 150px; } #pricing_wrap { width: 1120px; margin: auto; } .pricing_box { width: 215px; height: 300px; display: inline-block; vertical-align: top; margin-top: 10px; padding: 30px; /*border-right: dotted 1px #999;*/ text-align: center; margin: auto; } .pricing_box:hover { background: #7b2bc5; height: 350px; border-right: 0; border-radius: 200px; margin-left: -10px; margin-top: -25px; transition: .8s; } .pricing_box:hover .pricing_type, .pricing_box.hover .pricing_type { padding-top: 25px; color: #fff; transition: .8s; } @media only screen and (min-width: 800px) and (max-width: 1200px) { #pricing_container { width: 100%; } #pricing_wrap { width: 80%; margin: auto; margin-right: 8.5%; } .pricing_box { width: 48%; height: 400px; padding: 0px; border-right: 0; margin-top: 100px; margin-bottom: 75px; } .pricing_box:hover { background: #7b2bc5; height: 550px; border-right: 0; margin-left: -10px; margin-top: 2px; transition: .8s; } .pricing_type { padding-top: 40px; } .pricing_box:hover .pricing_type, .pricing_box.hover .pricing_type { padding-top: 115px; color: #fff; transition: .8s; } .pricing_box.second_last { border-right: none; } } .pricing_box.last { border-right: none; } .pricing_type { margin-top: 10px; margin-bottom: 100px; font-family: quicksand-bold, helvetica-bold, sans-serif-bold; font-size: 1.4em; line-height: 1em; color: #301b92 /*#999*/; } .pricing_description { font-family: quicksand, helvetica-bold, sans-serif-bold; font-weight: lighter; margin-top: 10px; color: #fff /*#7e7e7e*/; } .pricing_box:hover .pricing_description, .pricing_box.hover .pricing_description { color: yellow /*#7e7e7e*/; } .pricing_description span { font-weight: bolder; color: #fff; } .pricing_price { margin-top: 50px; font-size: 1.1em; color: #666; line-height: 1.5em; } .pricing_price a { color: #0389fb; } .pricing_price a:hover, .pricing_price a:active { color: #000; } .centered_blue_bordered { width: 125px; padding: 10px 10px; text-align: center; margin: auto; border: solid 1px #0389fb; border-radius: 25px; } .centered_blue_bordered:hover, .centered_blue_bordered:active { background: #e5e5e5; border: solid 0px #70bdfe; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; } /* /// end juicyfruit pricing /// */ /* /// end juicyfruit call to action /// */ #juicyfruit_call_to_action { width: 100%; padding: 1px; padding-top: 100px; background: /*#08f96e*/ #301b92; } #juicyfruit_call_to_action h2 { font-size: 1.3em; color: #765ddf; margin: 100px; margin-top: -50px; } .call_to_action_button { width: 300px; padding: 20px 20px; text-align: center; font-size: 1.3em; font-weight: bolder; margin: auto; margin-bottom: 150px; background: #abf9fa; /*border: solid 3px #0389fb;*/ border-radius: 50px; } .call_to_action_button:hover, .call_to_action_button:active { background: #fcade9 /*#e5e5e5 /*#fa1081*/; /*border: solid 3px #301b92;*/ color: #fa1081; transition: 1s ease-in-out; -webkit-transition: 1s ease-in-out; } #juicyfruit_bg .capabilities_description { color: #301b92; } #juicyfruit_bg .capabilities_description:hover, #juicyfruit_bg .capabilities_description:active { background: #0000ff /*#ffde16*/; color: #fff; } /* /// end juicyfruit call to action /// */ /* ///////// END JUICYFRUIT ////////// */ /* ///////// SPYDER ////////// */ #rose_gold { margin-top: -75px; } #spyder_bg { background: #7b2bc5; } #spyder_bg h2 { color: #80cff4; } #spyder_bg p { color: #cfcfcf; } #objectives { margin-bottom: -55px; } #spyder_page .h2_centered { color: #80cff4; } #spyder_page .pricing_box:hover { background: #301b92; } #spyder_page #juicyfruit_testemonials { background: transparent; } #spyder_page #juicyfruit_pricing { background: transparent; margin-top: -100px; } #spyder_page #juicyfruit_call_to_action { margin-top: 75px; } #spyder_page .capabilities_description { color: #cfcfcf; } #spyder_page .capabilities_description:hover, #juicyfruit_bg .capabilities_description:active { background: #0000ff /*#ffde16*/; color: #fff; } /* ///////// END SPYDER ////////// */ /* ///////// ROCKET ////////// */ #rocket_bg { background: #000; } #rocket h1 { color: #fff; } #rocket .h2_centered { color: #80cff4; } #rocket_bg h2 { color: #80cff4; } #rocket_bg p { color: #cfcfcf; } #fiyah { margin-top: -75px; z-index: -1000; } #rocket #juicyfruit_testemonials { background: #000; margin-top: -200px; } #rocket #juicyfruit_pricing{ background: #000; margin-top: -200px; } #rocket .pricing_description { color: #0000ff /*#fa1081*/; font-weight: bolder; } #rocket .pricing_box:hover { background: #00feb9; } /* ///////// END ROCKET ////////// */ /* ///////// THE CLOUD ////////// */ .marketing_title_line_spacing { font-family: 'Baloo Tamma', cursive;; line-height: 1.2em; padding-top: 60px; } /* ///////// END THE CLOUD ////////// */ /* ///////// CAPABILITIES ////////// */ #agency-services { background: #cacaca /*#301b92 /*#0389fb*/; } #agency-services h5 { padding-left: 0; } #agency-services h6 { padding-top: 175px; color: #fff; } #agency-services .subtitle { color: #999; font-weight: lighter; padding-bottom: 96px; } .capability_wrap { clear: both; display: block; margin-top: -16px; background: #ececec; height: 375px; } @media only screen and (min-width: 901px) and (max-width: 1099px) { .capability_wrap { height: 300px; } } /* .capability_wrap .services_title_imgs_full_size:hover, .capability_wrap .services_title_imgs_full_size:active { opacity: .8; transition: 2s; z-index: -10; } */ .capability_img { margin-bottom: 150px; } .capability_wrap .img_fix { margin-top: -16px; } .capability_title { font-family: 'Baloo Tamma', cursive; font-size: 1.7em; line-height: 1.5em; text-align: left; color: #000; } .capability_description .capability_title a { color: #000; } .capability_description .capability_title a:hover, .capability_description .capability_title a:active { color: #0000ff; transition: .75s; } .capability_description { width: 37%; float: right; display: inline-block; padding: 10% 8% 5% 5%; margin-top: -50px; text-align: left; color: #666; line-height: 1.5em; } /* .capability_description a { color: #666; } .capability_description a:hover { color: #cacaca; font-weight: lighter; transition: .5s; } */ .capabilities_actions_container { width: 50%; height: 50px; float: right; margin-top: -230px; margin-right: -100px; padding: 30px 100px 0 0; background: #7b2bc5; } .learn_more { width: 100px; /*margin: 0 auto;*/ margin-left: -235px; margin-bottom: -38px; padding: 3px 50px 5px 50px; text-align: center; color: #000; background: #cfcece /*#00ffff*/; border: solid 1px #cfcece /*#00ffff*/; /* color: #0000ff; background: transparent; border: solid 1px #0000ff; */ border-radius: 50px; } .learn_more:hover { color: #fff; background: #0000ff; border: solid 1px #0000ff; transition: 1s; -webkit-box-shadow: 1px 3px 10px 1px rgba(0,0,0,.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 1px 3px 10px 1px rgba(0,0,0,.1); /* Firefox 3.5 - 3.6 */ box-shadow: 1px 3px 10px 1px rgba(0,0,0,.1); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .capabilities_CTA { padding: 15px 30px 16px 30px; text-align: center; color: #000 /*#cfcece*/; font-weight: bold; background: #00ffff; margin: 0 auto; width: 50%; border-radius: 50px; } .capabilities_CTA:hover { color: #000 /*#7b2bc5 /*#765ddf /*#cfcece*/; font-weight: bold; background: #cfcece /*#0000ff /*#fa1081*/; transition: .5s; -webkit-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .nudge_down { margin-bottom: -3px; } .download_capabilities { font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; font-size: 1.3em; color: #000; text-align: center; background: #00ffff; padding: 28px 20px 25px 20px; margin: 0px 30% 100px 30%; /*border: 5px solid #0389fb;*/ border-radius: 100px; -webkit-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .download_capabilities:hover { background: #301b92; transition: 1s ease-out; color: #0389fb; /*border: 5px solid #0000ff;*/ -webkit-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.4); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.4); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 5px 10px 1px rgba(0,0,0,.4); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } /* ///////// END CAPABILITIES ////////// */ /* ///////// CONTACT ////////// */ #contact_bg { width: 100%; background: #301b92 /*#3e3e3d*/; padding-bottom: 50px; margin-bottom: -150px; } #contact_info_container { width: 90%; padding-top: 50px; padding-bottom: 250px; margin: auto; } #contact_info_wrap { width: 1120px; margin: auto; } .contact_box { width: 275px; height: 145px; display: inline-block; vertical-align: top; margin-top: 10px; border-right: dotted 1px #999; text-align: center; margin: auto; } @media only screen and (min-width: 800px) and (max-width: 1200px) { #contact_info_container { width: 100%; } #contact_info_wrap { width: 80%; margin: auto; margin-right: 8.5%; } .contact_box { width: 48%; margin-top: 100px; } .contact_box.second_last { border-right: none; } } .contact_box.last { border-right: none; } .contact_title { font-family: quicksand-bold, helvetica-bold, sans-serif-bold; font-size: 1.4em; line-height: 1em; color: #fa1081 /*#666*/; } .contact_dept { font-family: quicksand, helvetica-bold, sans-serif-bold; font-size: 1.1em; margin-top: 10px; color: #fff; } .contact_info { margin-top: 30px; color: #999; line-height: 1.5em; } .contact_info a { text-decoration: underline; color: #0389fb; } .contact_info a:hover, a:active { color: #fa1081; } /* ///////// END CONTACT ////////// */ /* ///////// SERVICES PAGES ////////// */ .services_feature_img { position: fixed; z-index: -100; opacity: .6; top: 0; } .service_title { font-family: 'Baloo Tamma', cursive; padding-bottom: 100px; } #services_info_container { width: 100%; background: #fff; } .services_title_imgs_mobile { width: 100%; height: inherit; margin: auto; margin-bottom: -3px; display: none; } .services_description_left { width: 37%; float: left; display: inline-block; padding: 5% 5% 5% 8%; text-align: center; color: #999; font-weight: lighter; line-height: 1.5em; } .services_description_right { width: 37%; float: right; display: inline-block; padding: 5% 8% 5% 5%; text-align: center; color: #999; font-weight: lighter; line-height: 1.5em; } .services_title_first { margin-top: -16px; } /* ///////// END SERVICES PAGES ////////// */ /* ///////// CASE STUDIES ////////// */ .case_study_background_img { position: fixed; top: 0; z-index: -100; } #case_study_intro { width: 100%; background: #fff; } #case_study_info_container { width: 100%; background: #f2f1f1; margin-top: -50px; } #case_study_info_container_2 { width: 100%; background: #f2f1f1; margin-top: 800px; } #more_work_container { width: 100%; background: #00ffff; margin-top: 100px; } .more_work { margin: 0 8%; margin-top: 50px; margin-bottom: -50px; } .more_work a img:hover { opacity: .6; transition: 1s ease-in; } .more_work p { padding: 0 25px; text-align: center; } /* ---------------------- /////// begin cases ///// ---------------------------- */ /* //// Parlor /// */ #parlor:before { content: "Parlor"; text-align: center; font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; padding-top: 30%; position: absolute; z-index: 01; top: 0; bottom: 0; left: 0; right: 0; background: /*#0389fb*/ rgba(0,255,255,.0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #parlor:hover:before, #parlor:focus:before, #parlor:active:before { color: #00ffff; -webkit-transform: scaleY(1); transform: scaleY(1); } /* //// Black Gold /// */ #black_gold:before { content: "Black Gold"; text-align: center; font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; padding-top: 30%; position: absolute; z-index: 01; top: 0; bottom: 0; left: 0; right: 0; background: /*#0389fb*/ rgba(0,255,255,.0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #black_gold:hover:before, #black_gold:focus:before, #black_gold:active:before { color: #00ffff; -webkit-transform: scaleY(1); transform: scaleY(1); } /* //// Herbalist /// */ #herbalist:before { content: "Herbalist"; text-align: center; font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; padding-top: 30%; position: absolute; z-index: 01; top: 0; bottom: 0; left: 0; right: 0; background: /*#0389fb*/ rgba(0,255,255,.0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #herbalist:hover:before, #herbalist:focus:before, #herbalist:active:before { color: #00ffff; -webkit-transform: scaleY(1); transform: scaleY(1); } /* //// Chea & Associates /// */ #chea_and_associates:before { content: "Chea + Associates"; text-align: center; font-family: 'ITC Avant Garde Gothic Std Bold', helvetica-bold, sans-serif-bold; padding-top: 30%; position: absolute; z-index: 01; top: 0; bottom: 0; left: 0; right: 0; background: /*#0389fb*/ rgba(0,255,255,.0); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #chea_and_associates:hover:before, #chea_and_associates:focus:before, #chea_and_associates:active:before { color: #00ffff; -webkit-transform: scaleY(1); transform: scaleY(1); } /* ---------------------------- /////// end cases ////// ---------------------------- */ /* ///////// END CASE STUDIES ////////// */ /* ////////////////////////// END PAGES ///////////////////////////// */ /* /////////////////////////////////////////// END FULL SIZE ///////////////////////////////////////////// */ /* /////////////////////////////////////////// TABLET ///////////////////////////////////////////// */ @media only screen and (min-width: 800px) and (max-width: 1040px) { /* ///////// UNIVERSAL ////////// */ h1 { font-size: 8em; } .h1_smaller { font-size: 6em; } h2 { font-size: 1.6em; padding: 50px 100px 0px 175px; } .h2_centered { font-size: 1.6em; padding: 50px 100px; } h3 { font-size: 1.6em; } h6 { font-size: 2.2em; padding: 75px 75px; } .left_align_text { font-size: 1.1em; } .center_align_text { font-size: 1.1em; } .feature_img_container { min-height: 650px; } .project_title { font-size: 2.5em; padding: 225px 100px 0px 100px; } .project_subtitle { margin-top: -25px; margin-bottom: 150px; font-size: 1.1em; } .project_h2 { width: 55%; font-size: 1.3em; padding-left: 150px; } .project_text { width: 55%; padding-left: 150px; } .title_arrows { top: 350px; } /* /// page category & social share API /// */ #categories-share { margin-top: 137px; margin-right: 75px; } /* /// end page category & social share API /// */ /* /// blog /// */ #blog_categories .blog_nav .blog_category { font-size: .75em; padding: 10px; } /* /// end blog /// */ /* //// soliloquy //// */ #slider_container { } #project_slider_container { margin-bottom: 125px; padding-bottom: 150px; } .soliloquy-container .soliloquy-pager { } .soliloquy-controls-direction { } .soliloquy-controls-direction .soliloquy-prev { } .soliloquy-controls-direction .soliloquy-next { } /* //// soliloquy //// */ /* ////////////// END UNIVERSAL ////////////// */ /* ///////// FOOTER ////////// */ .footer_links { width: 100%; text-align: center; margin-left: 0; padding-left: 0; } #footer_email_sign_up { margin: 13px auto; } /* ///////// END FOOTER ////////// */ /* ///////// NAV ////////// */ #nav_links_left { width: 320px; top: 60px; margin-left: 50px; } #nav_links_left a { font-size: 1.3em; line-height: 1.3em; } #nav_links_right { top: 50px; } #nav_links_right li { margin: 15px auto; } #nav_links_right a { font-size: .8em; } /* ///////// END NAV ////////// */ /* ////////////////////////// PAGES ///////////////////////////// */ /* ///////// JUICYFRUIT ////////// */ .testemonial_box { width: 49%; height: 550px; margin-bottom: 75px; padding: 0; } .testemonial_text { margin-top: -30px; padding: 50px; } .testemonial_name { font-size: 1.5em; line-height: 1em; margin-top: -20px; } #honey_text { margin-top: -145px; font-size: 8em; padding: 100px 0 20px 0; } .pricing_box { width: 49%; height: 350px; margin-bottom: 75px; padding: 0; } .pricing_box:hover { height: 500px; } .pricing_type { padding-top: 20px; font-size: 1.5em; line-height: 1em; } .pricing_box:hover .pricing_type, .pricing_box.hover .pricing_type { padding-top: 90px; color: #fff; } /* ///////// END JUICYFRUIT ////////// */ /* ///////// ABOUT US ////////// */ .capabilities_box { width: 49%; height: 475px; margin-bottom: 75px; padding: 0; } .capabilities_description { margin: 0 75px; } /* ///////// END ABOUT US ////////// */ /* ///////// CAPABILITIES ////////// */ @media only screen and (min-width: 800px) and (max-width: 900px) { .capability_wrap { height: 225px; } } .capability_title { font-size: 1.5em; } .capability_description { margin-top: -75px; font-size: .8em; } .learn_more { width: 100px; /*margin: 0 auto;*/ margin-left: -200; margin-bottom: 10px; } .capabilities_actions_container { margin-bottom: 100px; } .capabilities_CTA { width: 250px; border-radius: 50px; margin-top: -47px; } /* ///////// CAPABILITIES ////////// */ /* ///////// CONTACT ////////// */ .contact_box { width: 49%; margin-bottom: 75px; } .contact_title { font-size: 1.5em; line-height: 1em; } .contact_dept { font-size: 1.2em; margin-top: 10px; } /* ///////// END CONTACT ////////// */ /* ///////// END CASE STUDIES ////////// */ #case_study_info_container { margin-top: -125px; } #case_study_info_container_2 { margin-top: 500px; } #more_work_container { margin-top: 100px; } .more_work { margin: 0px 8%; margin-top: 25px; margin-bottom: -25px; } /* ///////// END CASE STUDIES ////////// */ /* ////////////////////////// END PAGES ///////////////////////////// */ } /* /////////////////////////////////////////// END TABLET ///////////////////////////////////////////// */ /* /////////////////////////////////////////// MOBILE ///////////////////////////////////////////// */ @media only screen and (min-width: 320px) and (max-width: 799px) { /* ///////// UNIVERSAL ////////// */ h1 { font-size: 4em; padding: 100px 0 75px 0; } .h1_smaller { font-size: 6em; padding: 100px 0 20px 0; } h2 { font-size: 1.1em; margin: 0 30px; padding: 50px 20px 0px 0px; } .h2_centered { font-size: 1.5em; padding: 50px 50px; } h3 { font-size: 1.3em; margin: 0 30px; padding: 100px 20px 20px 0px; } h4 { font-size: 1.3em; } h5{ width: 50%; } h6 { font-size: 1.7em; padding: 100px 25px 50px 25px; } .left_align_text { padding: 50px 10% 50px 30px; font-size: .75em; } .center_align_text { padding: 50px 30px; font-size: .75em; } .subtitle { font-size: .8em; margin-top: -50px; } .project_text { width: 85%; } .feature_img_container { min-height: 400px; } .project_title { font-size: 1.3em; padding: 150px 0px 100px 0px; color: #000 /*#fa1081 /*#7b2bc5*/; } .project_subtitle { margin-top: -125px; margin-bottom: 50px; font-size: .9em; } .title_arrows { position: absolute; top: 250px; } .title_arrows_up_25px { top: 150px; } .down_50 { padding-top: 75px; } /* // share lightbox // */ #lightbox_share_social_wrap { margin-top: 100px; width: 270px; height: 50px; margin: 0 auto; } #lightbox_share_facebook { margin-left: 0; background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_facebook.png); } #lightbox_share_instagram { margin-left: 0; background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_instagram.png); } #lightbox_share_linkedin { margin-left: 0; background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_linkedin.png); } #lightbox_share_twitter { margin-left: 0; background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_twitter.png); } #lightbox_share_email { margin-left: 0; background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_email.png); } #lightbox_share_facebook:hover { background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_facebook_hover.png); } #lightbox_share_instagram:hover { background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_instagram_hover.png); } #lightbox_share_instagram:hover { background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_instagram_hover.png); } #lightbox_share_linkedin:hover { background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_linkedin_hover.png); } #lightbox_share_twitter:hover { background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_twitter_hover.png); } #lightbox_share_email:hover { background: url(imgs/universal/lightbox_share_social/mobile_lightbox_share_email_hover.png); } /* // end share lightbox // */ /* // search results // */ .meta { margin: 0 30px; margin-top: -50px; } .search-entry-summary { width: 100%; text-align: center; padding-left: 0; } .search-entry-summary h6 { text-align: left; padding: 0px 10px; } .search-entry-summary p { font-size: 1em; } /* // end search results // */ /* // BLOG // */ .blog_subtitle { padding: 0 20%; margin: 0; } #blog_categories { display: none; } .thought_entry_summary { width: 90%; padding: 50px 50px 50px 25px; text-align: left; } .thought_entry_summary h6 { text-align: left; padding: 0px; padding-right: 5%; } .blog_meta { color: #c4c2c2; font-size: .85em; text-align: left; margin-bottom: 50px; } .thought_entry_summary:hover .blog_meta { color: #301b92; transition: 1s ease-out; } .thought_entry_summary p { font-size: 1em; } /* // blog article pages // */ #agency-blog { display: none; } .blog_title_bg { padding-bottom: 50px; } .blog_title_bg .blog_meta { display: block; padding-top: 50px; text-align: center; } .blog_title_bg h6 { padding-top: 30px; padding-bottom: 30px; } .blog_title_bg .blog_subtitle { padding: 30px; margin: 0; } #categories-share-mobile { display: block; } .mobile_share_button_top { margin-top: 25px; } .mobile_share_button_bottom { margin-bottom: 100px; } #categories-share { display: none; } /* // end blog article pages // */ /* // END BLOG // */ /* //// SOLILOQUY //// */ #slider_container { padding: 0 5%; margin: 0px auto; margin-top: 75px; margin-bottom: 75px; } #project_slider_container { margin-top: 125px; margin-bottom: 125px; } .soliloquy-container .soliloquy-pager { display: block !important; bottom: auto !important; top: -35px !important; } .soliloquy-controls-direction { display: none; } .soliloquy-controls-direction .soliloquy-prev { position: absolute; left: 0; margin-left: -10%; } .soliloquy-controls-direction .soliloquy-next { position: absolute; right: 0; margin-right: -10%; } /* //// SOLILOQUY //// */ /* ///////// END UNIVERSAL ////////// */ /* ///////// FOOTER ////////// */ .footer_links { width: 100%; display: block; text-align: center; margin-left: 0; padding-left: 0; /*border: #fff solid 1px;*/ } #footer_email_sign_up { margin: 13px auto; } #copyright { padding-left: 7%; } #footer_legal { width: 100%; margin-left: 150px; padding-left: 7%; margin-right: 0; float: left; } /* ///////// END FOOTER ////////// */ /* //////////////// NAV ///////////////// */ /* #email_newsletter { display: none; } #signup { margin-left: 138px; } */ #left_nav_bar { display: none; } #right_nav_bar { display: none; } #top_nav_bar { padding: 0; } /* #juicyfruit_logotype { width: 75px; } */ #brandmark_logotype { left: 30px; } #spyder_logotype { width: 55px; display: none; } #juicyfruit { left: 83px; display: none; } /* ///////// NAV LIGHTBOX ////////// */ .overlay a {font-size: 20px} .overlay .closebtn { font-size: 25px; top: 5px; right: 15px; } #lightbox_brandmark { top: 6px; left: 3%; background: url(imgs/nav/AGBO.png) center center no-repeat; } #lightbox_brandmark:hover { background: url(imgs/nav/AGBO.png) center center no-repeat; } #nav_links_left { width: 50%; top: 50px; left: 3%; } #nav_links_left a { font-size: .75em; line-height: 1em; font-weight: bold; } #nav_links_right { right: 2%; top: 46px; } #nav_links_right li { margin: 15px auto; } #nav_links_right a { font-size: .6em; } #nav_extra_links_column_2 { margin-top: 0; } #nav_extra_links_column_1 { display: none; } .lightbox_email_sign_up { position: fixed; top: 350px; left: 20px; } .lightbox_email_sign_up { display: none; } #myNav:hover .lightbox_email_sign_up { display: block; transition: .1s !important; } #mobile_search_social_media { display: block; position: absolute; bottom: 0; width: 100%; height: 30px; background: #301b92; opacity: 1; } #mobile_search_social_media ul { width: 90%; margin: auto; margin-left: 10%; } #mobile_search_social_media li{ display: inline-block; width: 17%; /*border: #fff solid 1px;*/ } #mobile_search { cursor: pointer; height: 30px; background: #301b92 url(imgs/nav/search.png) center center no-repeat; transition: 1s; } #mobile_search:hover { background: #0389fb url(imgs/nav/search_hover.png) center center no-repeat; } #mobile_facebook { height: 30px; background: #301b92 url(imgs/nav/facebook.png) center center no-repeat; transition: 1s; } #mobile_facebook:hover { background: #0389fb url(imgs/nav/facebook_hover.png) center center no-repeat; } #mobile_twitter { height: 30px; background: #301b92 url(imgs/nav/twitter.png) center center no-repeat; transition: 1s; } #mobile_twitter:hover { background: #0389fb url(imgs/nav/twitter_hover.png)center center no-repeat; } #mobile_linkedin { height: 30px; background: #301b92 url(imgs/nav/linkedin.png) center center no-repeat; transition: 1s; } #mobile_linkedin:hover { background: #0389fb url(imgs/nav/linkedin_hover.png) center center no-repeat; } #mobile_pinterest { height: 30px; background: #301b92 url(imgs/nav/pinterest.png) center center no-repeat; transition: 1s; } #mobile_pinterest:hover { background: #0389fb url(imgs/nav/pinterest_hover.png) center center no-repeat; } /* ///////// END NAV LIGHTBOX ////////// */ /* ///////////////// END NAV ////////////////// */ /* ////////////////////////// PAGES ///////////////////////////// */ /* ///////// JUICYFRUIT ////////// */ #testemonials_wrap { width: 100%; } .testemonial_box { width: 100%; height: inherit; margin-bottom: 75px; padding: 0; padding-bottom: 30px; border-right: none; border-bottom: dotted 1px #999; } .testemonial_name { font-size: 1.2em; line-height: 1em; margin-top: -30px; } .testemonial_text { font-size: 1em; margin-top: -30px; padding: 50px; } .testemonial_title { margin-top: 10px; } #honey_text { margin-top: -125px; font-size: 4em; padding: 100px 0 20px 0; } #pricing_wrap { width: 100%; } .pricing_box { width: 100%; height: inherit; margin-top: 50px; margin-bottom: 75px; padding: 0; padding-bottom: 30px; border-right: none; border-bottom: dotted 1px #999; } .pricing_box:hover { height: 500px; border-right: 0; margin-left: 0; margin-top: 0px; margin-bottom: 200px; transition: .8s; } .pricing_type { font-size: 1.2em; line-height: 1em; margin-top: -30px; } .pricing_box:hover .pricing_type, .pricing_box.hover .pricing_type { padding-top: 125px; } .pricing_description { font-size: 1em; margin-top: -30px; padding: 50px 15px; } .pricing_price { margin-top: 10px; } #juicyfruit_call_to_action h2 { font-size: 1.1em; margin: 0px; margin-top: -50px; } .call_to_action_button { width: 200px; padding: 15px 15px; text-align: center; font-size: 1em; } /* ///////// END JUICYFRUIT ////////// */ /* ///////// ABOUT US ////////// */ #leadership_container { width: 100%; } #leadership_wrap { width: 280px; margin: auto; } .leadership_box { width: 100%; height: 500px; padding: 0px; margin-top: 100px; } #capabilities { margin-top: 0; } #capabilities_container { width: 100%; padding: 0; margin-top: -2px; } #capabilities_wrap { width: 100%; margin: auto; margin-right: 0; left: 0; } .capabilities_box { width: 100%; height: inherit; margin-bottom: 10px; padding: 0; border-right: none; } .capabilities_description { width: 100%; padding: 10px 0; margin: 0; text-align: center; } /* ///////// END ABOUT US ////////// */ /* ///////// CAPABILITIES ////////// */ .capability_wrap { margin-top: 0; height: inherit; padding-bottom: 25px; } .capability_title { font-size: 1.2em; text-align: center; margin-bottom: 25px; } .capability_description { width: 80%; font-size: .8em; text-align: center; padding: 0; float: none; margin: auto; margin-bottom: 25px; display: block; } .capabilities_actions_container { float: none; width: 100%; margin: 150px auto; margin-top: 0px; padding-right: 0; padding-bottom: 30px; } .learn_more { background: transparent; border: solid 1px transparent; color: #fff; padding: 3px 50px 5px 50px; margin: 0 auto; } .capabilities_CTA { width: 70%; background: #00ffff; margin-top: 25px; font-size: .9em; padding-left: 8%; padding-right: 8%; -webkit-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 5px 10px 1px rgba(0,0,0,.2); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } .capabilities_CTA:hover { background: #cfcece; transition: .5s; } .download_capabilities { font-size: .6em; margin: 100px 5%; } /* ///////// END CAPABILITIES ////////// */ /* ///////// CONTACT ////////// */ .contact_box { width: 100%; margin-bottom: 75px; border-right: none; border-bottom: dotted 1px #999; } #contact_info_wrap { width: 100%; } .contact_title { font-size: 1.2em; line-height: 1em; } .contact_dept { font-size: 1em; margin-top: 10px; } .contact_info { margin-top: 10px; } /* ///////// END CONTACT ////////// */ /* ///////// SERVICES PAGES ////////// */ .service_title { padding-bottom: 0px; } .services_title_imgs_full_size { display: none; } .services_title_imgs_mobile { display: block; margin-bottom: 50px; } .feature_img_midpage { margin-bottom: 0; } .services_description_left { width: 80%; font-size: .9em; text-align: center; padding: 0; float: none; margin: auto; display: block; } .services_description_right { width: 80%; font-size: .9em; text-align: center; padding: 0; float: none; margin: auto; display: block; } .services_description_last { margin-bottom: 100px; } /* ///////// END SERVICES PAGES ////////// */ /* ///////// END CASE STUDIES ////////// */ .case_study_background_img { top: 30px; } #case_study_info_container { margin-top: -225px; } #case_study_info_container_2 { margin-top: 200px; } #more_work_container { margin-top: 100px; } .more_work { margin: 0px 8%; margin-top: 25px; margin-bottom: -25px; } .case { font-size: 1em; } .case:before { bottom: 1px; } /* ///////// END CASE STUDIES ////////// */ /* ////////////////////////// END PAGES ///////////////////////////// */ } /* /////////////////////////////////////////// END MOBILE ///////////////////////////////////////////// */ /* /////////////////////////////////////////// SUPER MOBILE ///////////////////////////////////////////// */ @media only screen and (min-width: 250px) and (max-width: 525px) { .feature_img_container { min-height: 250px; } #services_info_container { margin-top: -75px; } /* ///////// END CASE STUDIES ////////// */ .landing_call_to_action { margin: 50px 20%; } /* ///////// END CASE STUDIES ////////// */ /* ///////// END CASE STUDIES ////////// */ #more_work_container { margin-top: 100px; } .more_work { margin: 0 5%; margin-top: 25px; margin-bottom: -25px; } /* ///////// END CASE STUDIES ////////// */ } /* /////////////////////////////////////////// END SUPER MOBILE ///////////////////////////////////////////// */