/* Theme Name: BlogSite Main Site Theme Theme URI: http://photographyblogsites.com Description: Custom theme to use as main site in MultiSite Network Version: .2 Author: MartyThornley Author URI: http://martythornley.com Template: BlogSite2 */ @import url("../BlogSite2/style.css"); @import url(http://fonts.googleapis.com/css?family=Lato:300,400,900); img.related_photo {border:none} /* 3) Add our own style on top of it all */ .updated { display: none; } .fade { display: none; } /* BASIC FONTS */ body { } h1, h2 { text-transform: capitalize; font-family: SketchRockwell, Palatino, Georgia, Times Roman, serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:10px 0 6px; } h1 { font-size:1.8em; line-height: 1.1em; } h2 { font-size: 24px; line-height: 1.1em; } .entry h2 { font-size: 28px; letter-spacing: 3px; margin: 20px 0 30px;} h1 { display: block; font-size: 62px; line-height: 1em; margin: 30px 0px 20px; overflow: hidden; text-align: left;} h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { } h2.pagetitle { font-size:18px; margin: 30px 0px 20px; text-align:right; } #sidebar h2 { font-size:18px; text-transform: uppercase; border-bottom:1px solid #BABABA; } p { margin: 0 0 10px; } .page-section p, .page-section ul li, #pricing-table, h3, #menu-main ul li a, #header ul#socialLinks li a, #sidebar ul li a, .sf-menu li a, .featured-link ul li { font-family: 'Lato', sans-serif !important; font-weight: 200; } #menu-main ul li.current_page_item a { font-weight: 400; } #title-menu h1, #title-menu h3 { text-align: center; width: 100%; } h3 { font-weight: bold; } #title-menu h3 { color: #000; } #menu-main ul li a { font-size: 17px; padding: .5em 11px; } body.page-id-226 #content .entry h2 { font-size: 18px; margin: 10px 0 30px 15px; cursor: pointer; background: url(style/images/faq-plus.png) no-repeat 0 4px; padding-left: 20px; } body.page-id-226 #content .entry h2.open { color: #000; margin-bottom: 10px; background: url(style/images/faq-minus.png) no-repeat 0 4px;} body.page-id-226 #content .entry h2:hover { text-decoration: underline; color: #222; } body.page-id-226 #content .entry div { padding: 0 0 0 40px; margin: 0; } body.page-id-226 #content .entry h3 { border-top: 1px solid #DDD; padding: 4px 0 0 0; color: #000; font-weight: normal; margin: 20px 0; } /* LINKS */ a { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } .fa span { display: none; } #menu-social { z-index: 9999; } #menu-social li a span { display: none; } #menu-social li a { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } #menu-social li.facebook a:before { content: "\f09a"; } #menu-social li.facebook-square:before { content: "\f082"; } #menu-social li.twitter a:before { content: "\f099"; } #menu-social li.twitter-square a:before { content: "\f081"; } #menu-social li.linkedin a:before { content: "\f0e1"; } #menu-social li.linkedin-square a:before { content: "\f08c"; } #menu-social li.google-plus a:before { content: "\f0d5"; } #menu-social li.google-plus-square a:before { content: "\f0d4"; } #menu-social li.pinterest a:before { content: "\f0d2"; } #menu-social li.pinterest-square a:before { content: "\f0d3"; } #menu-social li.instagram a:before { content: "\f16d"; } #menu-social li.instagram-square a:before { content: "\f16d"; } #menu-social li.flickr a:before { content: "\f16e"; } #menu-social li.flickr-square a:before { content: "\f16e"; } #menu-social li.tumblr a:before { content: "\f173"; } #menu-social li.tumblr-square a:before { content: "\f174"; } #menu-social li.github a:before { content: "\f09b"; } #menu-social li.github-alt a:before { content: "\f113"; } #menu-social li.github-square a:before { content: "\f092"; } /* PAGE WIDTH */ body #blogsite-container { width: 100%; max-width: 100%; } #page, #header, #banner, #content-wrapper, #blog-menu, #footer { width: 90%; max-width: 1400px; margin: 0 auto; float: none; } /* BACKGROUND IMAGES ***********************************/ /* images commented out to prevent 404 errors */ body { background: transparent; } #bg-page-shadow { background: transparent; } #page-top { background: transparent; height:0;} #page-bottom { background: transparent; height:0;} #page { background: transparent; } #header { background: transparent; } #content { background: transparent; } #sidebar { background: transparent; } #footer { background: transparent; } #banner { background: transparent; } /* STRUCTURE ********************************************/ #content, #footer { overflow: hidden; } body { margin: 0; padding:0; } #page { margin: 0px auto 50px; padding: 0; text-align: left; z-index: 997; clear: both; overflow: hidden;} #header { adding: 0; position: fixed; width: 100%; max-width: 100%; border-bottom: 4px solid #f0f0f0; } #content { font-size: 1.2em; width: auto; padding:0; margin: 85px 0 0; clear:both; min-height: 200px; clear: both; overflow: hidden; } #footer { clear: both; } #sidebar { padding-top: 108px; } .section { clear: both; overflow: hidden; } #page-footer { width: 100%; min-height: 200px; max-width: 100%; margin: 0 auto; padding: 20px; } #page-footer { background: url(http://localhost/blogsite_local/wp-content/themes/MainSite/style/images/footer-bg.jpg) no-repeat top center; border-top: 4px solid #f0f0f0; } #header-inner { width: 80%; margin: 0 auto; position: relative; } span#signin-link { position: absolute; bottom: -16px; right: 65px; color: #000; font-size: 12px; text-decoration: underline; } #page-footer ul, #page-footer ul li { list-style: none; } #page-footer ul { width: 388px; float: none; margin: 10px auto 150px; } #page-footer ul li { float: left; display: inline; } #page-footer ul li a { padding: 4px 20px; display: block; font-size: 12px; text-transform: uppercase; font-family: "lato" , sans-serif; } #content, body #content.right_sidebar, body #content.left_sidebar { margin: 74px 3% !important; } /* alternate page layouts */ /* HEADER AREA */ #logo-and-social { display: inline; float: right; position: relative; width: 280px; margin: 0 0 6px; } #just-logo { margin: 2px 0px 0px 0px;} #logo-wrapper { text-align: left; background: transparent; overflow:hidden; clear:both; float: left; display: inline; } #just-logo img { margin: 0 auto; } #logo-wrapper .logo { } #logo-wrapper h1 { bottom:109px; font-size:32px; line-height: 1.2em; width:100%; text-align: left; margin: 0; } #logo-wrapper p { font-size:15px; width: 100%; text-align: left; margin: 2px 0px 0px;} #menu-and-intro { clear: both; overflow: hidden; } #wide-logo { clear:both; overflow:hidden; width:100%; text-align: center; } #wide-logo img { margin: 0 auto; display: block; padding: 0; border: 0px; } #title-background { margin: 0 0 10px 15px; } ul#social-wrapper.sf-menu li:hover ul, ul#social-wrapper.sf-menu li.sfHover ul { right: -10px; top: 1.9em; z-index: 99; font-size: 14px; letter-spacing: 1px; text-align: right; left: auto; } ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul { left: 1em; top: 1.9em; z-index: 99; font-size: 14px; letter-spacing: 1px; left: auto; } #latest-blog-wrapper { overflow: hidden; margin: 5px; } #latest-blog-intro { margin: 10px 0 0 14px; float: left; width: 310px; text-align: right; font-size: 16px;} #latest-blog { float: right; display: inline; font-size: 16px; margin: 0 0 0; padding: 8px 0; width: 645px; } #latest-blog div.latest-blog { float: right; display: inline; margin:0 0 0 20px; width:100%; } #latest-blog p { margin: 0; padding:0; text-align: left; } #latest-blog p a { font-size: .9em; float: right; margin: 0 15px; } #latest-blog h2 { font-size: 2em; color: #000000; margin: 0; padding: 0; text-transform: uppercase; } #latest-twitter ul.twitterList li a { font-weight:normal; text-decoration:none; } #banner { clear:both; margin: 0 auto 5px; } #banner img { width:100%; display: block; } #banner .logo img { width: auto; margin: 0 auto 20px; max-width: 100%; } #banner #slideshow-wrapper { border-bottom:1px solid #666666; border-top:1px solid #666666;padding:1px 0; } #home-panels { margin: 0 0 0 5px; } #home-welcome { margin: 0 5px; width: 385px; } #menu-social { position: relative; height: 0; top: 0; width: 100%; margin:0; } #menu-social ul { float: right; list-style: none; } #menu-social ul li { float: left; list-style: none; margin: 0 10px 0 0px; font-size: 20px; } #blog-menu { float: left; } #blogsite-container .sf-menu { padding: .4% 0; float: right; } .slideshow { display: block; height: 100%; } #slideshow-wrapper { display: block; clear: both; margin:0px auto; overflow: hidden; z-index:3; } #slideshow-wrapper img { width: 100%; display: block; z-index: 2; height: 100%; } #menu-main { z-index: 997; letter-spacing:1.8px; float: right; margin: 22px 0 0; } /* Keep z-index high to prevent issues with drop down menu */ #menu-main ul { text-transform:uppercase; letter-spacing:-1px; float: left; } #menu-main ul li { float: left; display: inline; margin:0px; } #menu-main ul li a { padding:.5em 12px; letter-spacing: 1px; } #menu-main ul li.smaller a { padding-left: 0px; } #menu-main ul li.smaller { margin-left: 15px; } #menu-main ul ul { min-width: 100%; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: none solid solid; border-color: #EEE; } #menu-main ul li li a { padding:.5em 11px; } #menu-main ul li li { min-width: 100%; } #menu-main ul li a:hover, #menu-main ul li.current_page_item a { color: #BBBDBF; text-decoration: none; } #menu-main a, .sf-menu li a { white-space: pre; } .sf-menu li a { font-size: .8em; } .sf-menu li li a { font-size: 1em; } #menu-main > ul > li:first-child { margin-left: 11px; } #menu-main > ul#submenu { clear: both; width: 100%; } #menu-main > ul#submenu > li:first-child { margin: 0; } /* END HEADER AREA */ #title-menu { margin: 10px 0 20px; border-top: 4px double #E9EAEB; border-bottom: 4px double #E9EAEB; padding: 14px 0; float: left; width: 100%; } #title-menu h1 { float: left; margin: 0; padding: 4px 0 0; } #title-menu ul, #title-menu ul li { list-style: none; display: inline; margin: 0; padding: 0; } #title-menu ul { float: right; } #title-menu ul li { float: left; } #title-menu ul li a { padding: 9px 40px; display: block; } #title-menu ul li.current_page_item a { color: #B2C6B5; } /* HOME PAGE */ #home-featured_links { width: 100%; margin: 0 auto; float: none; display: block; } .featured-link { width: 49%; margin-left: .5%; margin-right: .5%; min-height: 174px; } .featured-link h2 { font-size: 38px; text-transform: capitalize; } .featured-link h2, .featured-link p { text-align: center; } .featured-link ul, .featured-link ul li { list-style: none; text-transform: capitalize; letter-spacing: 3px; text-align: center; color: #5E5E5E; } /* Inner Pages */ .black { color: #000000; font-weight: bold; } .green { color: #b2c6b5; } .yellow { color: #eecc44; } .action-call-section { width: 70%; padding: 20px 5%; overflow: auto; margin: 20px auto 40px; float: none; } .page-section { clear: both; } .section-image {} .section-text {} .section-half { width: 46%; margin: 0 1%; padding: 1%; display: inline; } .section-right { float: right; } .section-left { float: left; } .page-section h2, .page-section p, .page-section ul li { text-align: center; } .page-section ul, .page-section ul li { list-style: none; } .page-section ul { margin: 23px 0 0 ; } .page-section ul li { margin: 0 0 23px; font-size: 15px; letter-spacing: 2px; } .page-section p { font-size: 18px; color: #000; text-transform: capitalize; font-weight: bold; } .section-highlight { background: #F1F1F1; overflow: hidden; border: 4px double #EAEAEA; border-radius: 5px; } .blogsite-section { margin: 30px 0; } /* EASY FANCY STYLES *************************************/ .right { float: right; display: inline; } .left { float: left; display: inline; } .clear { clear: both; overflow:hidden; } .round3 { -moz-border-radius:3px; -webkit-border-radius:3px; } .round5 { -moz-border-radius:5px; -webkit-border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; } .titleBlock {} #searchBox { width: 188px; float: right; display: inline; margin:6px 0 0; } /* holds search form */ /* WORDPRESS STYLES ****************************************/ /* IMAGES - NEEDED FOR ALIGNMENTS TO WORK CORRECTLY */ img.alignright { float:right; margin:0 0 4% 10px; } img.alignleft { float:left; margin:0 4% 10px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width:100%; clear:both; } a img.alignright { float:right; margin:0 0 4% 10px; } a img.alignleft { float:left; margin:0 4% 10px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } p img { margin:0 4%; } p img.alignnone { margin: 0 auto; } /* POSTS / The LOOP */ #menu-main ul#social-wrapper { float: right; } #menu-main ul#social-wrapper ul li { display: block; clear: both; } #menu-main ul#social-wrapper.sf-menu li li a { text-transform: uppercase; } div.post { overflow:hidden; max-width: 90%; margin: 0 auto;} #blog-feed-wrapper div.post { max-width: 100%; } div.page { margin: 0; } #content.has-thumb div.page, .content_left div.page { display:inline; float:left; overflow:hidden; margin: 0 4% 0; width: 60%; } #content.has-thumb .content_right div.page { display: inline; float: right; overflow: hidden; margin: 0 4% 0; width: 60%; } #content.has-thumb .post-thumbnail { width: 24%; min-width: 204px; padding: 90px 2%; } .content_right .post-thumbnail { display:inline; float:left; } body.page #content { } .entry { display:block; overflow:hidden; padding: 20px 0px; } #content div.entry { padding: 0 0 20px; } .thumbnail-bg { display: block; width: 100%; overflow: hidden; } .post-thumbnail img { border: none; display: block; margin: 0px auto 0; float: none; padding: 0px;width: 100%; } .post-thumbnail img.ignore { width: auto; } .post-thumbnail img.alignleft { margin: 0; float: left; } .post-thumbnail img.alignright { margin: 0; float: right; } .page-blurb { float: right; clear: both; margin: 20px 0 10px; text-align: center; width: 100%;} .before-posts { display: block; margin: 25px 0 10px; overflow: hidden; border-top: 4px double #69b; border-bottom: 4px double #69b; padding: 20px 0; } .before-posts h2 { clear: both; font-size: 1.5em; margin: 0px; line-height: 1.1em; text-align: left; } .before-posts span.date { text-align: left; } body.blog .entry h2, body.blog .entry h3 { color: #b2c6b5; } body.blog .entry h2 { margin: 30px 0 10px; } span.date { display: block; clear: both; font-size:.9em; font-weight:normal; margin: 0px 15px 0px 0px;padding:0; text-transform:capitalize; line-height: 1em; } .entry span.date { float: right; margin:0 0 0 15px;} h2.pagetitle span.date { float: none; margin: 10px 0 0; clear: none; display: inline; font-size: .8em; text-transform: uppercase; } .postmetadata { width: 100%; float: left; clear: both; } .postmetadata { text-align: left; clear:both; margin:10px 10px 20px 0;font-size: .8em; } .navigation { clear:both; display:block; height:40px; margin:10px 0; width:100%; } .postmetadata a { } .wp-caption { } .post .wp-caption img {} .navigation { clear:both; height:40px; margin:10px 39px;} .entry ul { text-indent: 0; } a.post-edit-link { border:1px solid #BDBDBD; color:#7A7A7A; float:right; font-size:11px; padding:1px 4px; } .between_posts {margin: 10px auto; float: none; clear: both; display: block; } /* FORMS */ .entry form { text-align:left; } form#searchform { float: left; margin: 0px; padding: 2px 2px 2px 6px; text-align: left; width: 257px; } #blog-menu form#searchform { float:right; } input#searchsubmit { background: transparent; border:0 none; cursor: pointer; padding: 8px 10px 0; } input#s { border: 1px solid #C5C5C5; padding: 3px 6px; width: 140px; margin: 3px 0 0; font-size: .8em; } div.more-link { text-align: right; } .textwidget a img { margin: 4px 0; } .textwidget a:hover img { } .textwidget a { } .textwidget a:hover { } /* EXTRAS for Standard Plugins */ div.breadcrumb { margin: 10px 0 0 40px; } div.breadcrumb a { font-size:1.1em; letter-spacing:1.2px; } div.more-link { text-align: right; } div.sociable { clear:both; } /*** END WORDPRESS STYLES ***************************************/ /*** SUPERFISH STYLES ******************************************* / / Keep z-index of #menu-main high to prevent issues with drop down menu / If drop downs are getting stuck behind other elements on the page, the z-index needs to be higher / If you move dropdowns to another element, make sure that element has a high z-index value / */ /*** SUPERFISH - EDIT COLORS ***/ .sf-menu a { padding:11px 18px; text-decoration:none; } .sf-menu a, .sf-menu a:visited { } .sf-menu li { background: transparent; } .sf-menu li li { background: #fff; display:block; float:none;} .sf-menu li li li { background: #fff; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent; outline: 0; } .sf-menu li.sfHover a { } .sf-menu a:hover { } .sf-menu a /*** SUPERFISH - SHOULDN'T NEED TO TOUCH ***/ .sf-menu { float: left; margin-bottom: 1em; z-index: 1001;} .sf-menu li { } .sf-menu li ul {} .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } #links.sf-menu { float:right; } .sf-menu ul { position: absolute; top: -999em; } /* left offset of submenus need to match (see below) */ .sf-menu ul li { width: auto; } .sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li ul li { } .sf-menu li a { text-transform: uppercase; } .sf-menu li li a { text-transform: capitalize; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 1.8em; z-index: 99; font-size: 14px; letter-spacing: 1px; } /* top value used to match top ul list item height */ ul#links.sf-menu li:hover ul, ul#links.sf-menu li.sfHover ul { right: -10px; top: 36px; z-index: 99; font-size: 14px; letter-spacing: 1px; text-align: right; left: auto; } /* top value used to match top ul list item height */ #menu-main .sf-menu li.linkcat ul { right: 0; left: auto; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 100%; top: 0; } /* left value used to match ul width */ ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** SUPERFISH - arrows ***/ .sf-menu a.sf-with-ul { } /* trigger IE7 hasLayout so spans position accurately */ .sf-sub-indicator { display: none; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /*** SUPERFISH - apply hovers to modern browsers ***/ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { } /* arrow hovers for modern browsers*/ /*** SUPERFISH - point right for anchors in subs ***/ .sf-menu ul .sf-sub-indicator { } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /*** SUPERFISH - apply hovers to modern browsers ***/ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { /* arrow hovers for modern browsers*/ } /*** SUPERFISH - shadows for all but IE6 ***/ .sf-shadow ul { background:transparent; padding: 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* Exrtas ******************************/ div.sociable { float:right; margin:16px 0 0; padding:1px 10px; } div.sociable ul { float: left; display: inline; } div.sociable li { float: left; display: inline; margin:3px 4px 0 0; opacity:0.6; width:20px; } .sociable_tagline { float: left; display: inline; } /* COMMENTS */ .commentsSection {} #respond { clear:both;} form#commentform {} ol.commentlist { margin: 8px 0 0; } ol.commentlist li { margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; } .commentlist li, #commentform input, #commentform textarea { font-size: 1em; } #commentform textarea { padding:2px; width:100%; } #commentform input { } .commentlist li .avatar { float:left; padding:2px 10px 2px 0px; } .commentlist li div.avatar { width: 40px; height: 40px; } .commentlist li h5 { display: inline; } #commentform #submit { width: auto; } .action-call-section span.action-call { background: #be202c; float: right; margin: 2px auto 0; padding: 7px 15px; text-align: center; } .action-call-section h2 { float: left; margin: 2px 0; } /* Responsive */ @media screen and (max-width: 1300px), screen and (max-device-width: 1300px) { #header-inner { width: 100%; } .section-image { width: 40%; } .section-text { width: 52%; } .page-section { padding: 30px 0; } .page-section h2 { font-size: 22px; margin: 0 0 12px; } .page-section p { font-size: 15px; } .page-section ul { margin: 0; } .page-section ul li { margin: 0 0 10px; } .pricing-basic { width: 26%; } #pricing-table h3 { font-size: 16px; } } @media screen and (max-width: 1040px), screen and (max-device-width: 1040px) { .featured-link h2 { font-size: 27px !important; } .pricing-featured { width: 30% !important; } .pricing-basic { width: 29% !important; } #content, #content.right_sidebar, #content.left_sidebar { margin: 74px 3% !important; } } @media screen and (max-width: 960px), screen and (max-device-width: 960px) { #logo-wrapper a img { display: block; margin: 12px 0 0; width: 228px; } #menu-main ul li a { margin: .5em 5px; font-size: 14px; } #title-menu { margin: 76px 0 20px; } .pricing-featured, .pricing-basic { width: 52% !important; float: right !important; } .pricing-all { width: 44% !important; } #pricing-table { margin: 0; } } @media screen and (max-width: 900px), screen and (max-device-width: 900px) { .section-half { clear: both; width: 90%; float: none; margin: 0 auto; } } .features-mobile { display: none; } @media screen and (max-width: 769px), screen and (max-device-width: 769px) { #home-panel-fullscreen { display: none !important; } #home-panel-mobile { display: block !important; margin: 74px 0 0; } .action-call-section span.action-call { float: none; margin: 10px auto; display: block; width: 134px; } .action-call-section h2 { text-align: center; float: none; } .section-half { width: 90%; margin: 0 1%; padding: 1%; display: inline; } .section-right, .section-left { float: none; margin: 0 auto; clear: both; display: block; } h1.home-heading { font-size: 18px !important; } #home-featured_links { width: 100%; padding: 0; } .featured-link { width: 100%; margin: 10px auto; min-height: 10px; } a.featured-link-block { margin-bottom: 0; padding-bottom: 0; } #home-featured_links .action-call { display: block !important; } .pad15 { padding: 0; } .featured-link ul, .featured-link ul li { font-size: 14px; margin-left: 0; padding-left: 0; } .pricing-featured, .pricing-basic, .pricing-all { clear: both !important; width: 90% !important; float: none !important; margin: 0 auto !important; } .pricing-basic { position: static !important; } .features-mobile { display: block; } .features-desktop { display: none; } #tabs ul li { font-size: 18px !important; } body #page-footer { margin: 0 !important; width: 100% !important; padding: 0 !important; } span#signin-link { right: 55px; } } @media screen and (max-width: 400px), screen and (max-device-width: 400px) { #header .action-call { display: none !important; } #logo-wrapper { float: none; display: block; margin: 0 auto; width: 235px; } #content-wrapper { width: 100%; margin: 74px 0 0; } #tabs ul li { float: none !important; clear: both !important; display: block !important; padding: .4em 0 !important; margin: 0 auto 5px !important; width: 90% !important; } textarea, input[type="email"], input[type="text"] { max-width: 220px; } #page-footer ul { width: 200px; } #page-footer ul li { clear: both; float: none; display: block; text-align: center; } span#signin-link { top: -1px; right: 4px; text-decoration: none; color: #FFF; background: #BE202C; bottom: auto; padding: 5px 10px; } span#signin-link a { color: #fff; } } @media screen and (min-width: 1300px) { #home-featured_links { width: 80%; } }