.tinynav { display: none } /*******************************************************************/ /* enable for "Navigation" drop menu, remove if using regular menu @media screen and (max-width: 600px) { .tinynav { display: block } #MenuBarTop{ display: none } } .tinynav2 { display: none } @media screen and (max-width: 600px) { .tinynav2 { display: block } #megamenu_menu{ display: none } } /* enable for "Navigation" drop menu, remove if using regular menu */ /*******************************************************************/ /* ADAPTIVE LAYOUTS CSS for all devices smaller than iPad mini */ @media only screen and (max-width:643px){ /* Prevent font scaling in landscape */ html { -webkit-text-size-adjust: none; } html, body{ overflow-x:hidden; margin:0px; padding:0px; } /* Header height */ #headerTop {height:auto; width:100%; position:relative} /* Mobile positioning */ #menu {position:relative; width:100%; height:auto; left:0; top:0; padding:0px; margin:auto; text-align:center; display:block; clear:both; margin-bottom:20px;} #text_logo {visibility:hidden; display:none; position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; display:block; clear:both; margin-bottom:20px;} #logo_tagline {position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; margin-bottom:10px; display:block; clear:both;} #graphic_logo {visibility:visible; display:block; top:75px; } #news_ticker {position:relative; width:100%; height:auto; left:0; top:225px ;padding:0px; margin:auto; display:block; clear:both; margin-bottom:20px;} #seo_1 {position:relative; width:100%; height:auto; left:0; top:300px;padding:0px; margin:auto; display:block;} #seo_2 {position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; display:block;} #optional_content {position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; display:block;} #bookmark {position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; display:block;} .googlesearch {position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; display:block;} #twitter_facebook {position:relative; width:100%; height:auto; left:0; top:-10px ;padding:0px; margin:auto; display:block;} #themed_object {position:relative; width:100%; height:auto; left:0; top:0;padding:0px; margin:auto; display:block;} #nivo_slider {position:relative; width:100%; height:223px; left:0; top:0;padding:0px; margin:auto; } /* MENU TEXT */ .sf-menu li a, .sf-menu li a:link, .sf-menu li a:visited { font-size: 10px; } #slider-wrapper {visibility:visible; display:block;} #nivo_slider {background-image: url('../../images/memphis-obgyn-s.jpg'); background-position: center top; background-size: 100% auto; margin-top:5px;} /* Mobile background image*/ #bdy_wrapper {background:url('../../graphics/responsive_bg.jpg') repeat-x center top !important;} /* Info boxes */ .sidemenu {visibility:hidden; display:none;} /*default= hidden*/ #leftinfo {visibility:hidden; display:none;} /*default= hidden*/ #centerinfo {visibility:hidden; display:none;} /*default= visible*/ #rightinfo {visibility:hidden; display:none;} /*default= hidden*/ .whatsnew {visibility:hidden; display:none;} /*default= hidden*/ .currentnews {visibility:hidden; display:none;} /*default= hidden*/ .recentevents {visibility:hidden; display:none;} /*default= hidden*/ .websitename{ width:100%; padding:0px; margin:0px; text-align:center; padding-top:70px; font-size:30px; margin-bottom:-30px; margin-top:-30px; } /* Logo font size, change to lower number if 'Website Name' is too large */ /* CHANGE 'Tagline goes here' FONT HERE */ #logo_tagline, #logo_tagline a, #logo_tagline p, #logo_tagline a:link, #logo_tagline a:visited, #logo_tagline a:active, #logo_tagline a:hover {text-align:center!important; line-height:15px;} /* Change infobox font sizes */ .boxi p {font-size:11px !important;} .box1 p {font-size:11px !important;} .box4 p {font-size:12px !important;} /* Change number of columns - default = 1 */ /* for 2 columns - set column1 width - to 25% and column2 width - to 75% */ #column1 {width: 100%; margin:0px!important; padding:0 !important;} #column2 {width: 100%; margin:0px!important; padding:0 !important;} #column3 {width: 100%; margin:0px!important; padding:0 !important;} #column4 {width: 100%; margin:0px!important; padding:0 !important;} #main {width:100%; margin-left:0%; margin-right:0%;} .footer {width:100%; margin-left:0%; margin-right:0%;} #tinynav1 {width:98%; margin-left:1%; margin-right:1%; overflow:hidden;} .sidemenu {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} #leftinfo {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} #centerinfo {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} #rightinfo {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} .whatsnew {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} .currentnews {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} .recentevents {width: 100%; margin:0px!important; padding:0 !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} .boxi {width: 100%; margin:0px!important; margin-bottom:10px!important; padding:5px!important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; } .box1 {width: 100%; top:180px; margin:0px!important; margin-bottom:10px!important; padding:5px!important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} .box4 {width: 100%; top:180px; margin:0px!important; margin-bottom:10px!important; padding:5px!important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;} .boxi h3 {font-size:20px; padding:3px} .box1 h3 {font-size:20px; padding:3px} .box4 h3 {font-size:20px; padding:3px} .sidepic img {float:none; width:50%} .centerpic img {float:none; width:50%} #footerleft {width:100%; margin-left:0%; margin-right:0%; margin-bottom:5%;padding:20px !important;} #footercenter {width:100%; margin-left:0%; margin-right:0%; margin-bottom:5%;padding:20px !important;} #footerright {width:100%; margin-left:0%; margin-right:0%; margin-bottom:5%;padding:20px !important;} #advertising_wrapper {width:100%; margin-bottom:5%;padding :0px !important;} #removeStyle {width:90%; margin-left:5%; margin-right:5%; text-align:center; color: rgba(255,255,255,0.7); font-size:12px; padding:10px; visibility:hidden;} /*main image component*/ /*hidden components*/ #seo_1 {visibility:hidden; display:none;} #seo_2 {visibility:hidden; display:none;} #optional_content {visibility:hidden; display:none;} #bookmark {visibility:hidden; display:none;} .googlesearch {visibility:hidden; display:none;} #twitter_facebook {visibility:visible; display:block;} #themed_object {visibility:hidden; display:none;} #get_in_touch {visibility:hidden; display:none;} #nivo_slider {visibility:hidden; display:none;} #nivo_slider_small {visibility:hidden; display:none;} #news_ticker {visibility:visible; display:block;} #nivo_slider_small {position:relative; width:100%; left:20px; top:40px;padding:0px; margin:auto; } .boxi { box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); } .box1 { box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); } .box4 { box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -o-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); } } @media screen and (max-width: 320px) { #news_ticker {max-width:240px;} } /* ADAPTIVE LAYOUTS CSS for all devices smaller than iPad mini */ @media only screen and (max-width:700px){ #bdy_wrapper {background:url('../../graphics/responsive_bg.jpg') repeat-x center -100px !important;} #menu {height:80px; position:fixed; top:0px; left:0px; background:url('../../graphics/responsive_bg.jpg') top center;} #text_logo {margin-top:-0px;} /* TOP MENU BASE font type and color */ .sf-menu li a, .sf-menu li a:link, .sf-menu li a:visited { font-family: inherit; color: #F7EBC1; font-size: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-weight: 100; border-right: 1px #111111 solid; border-left: 1px #333 solid; letter-spacing: 0px; } /* Mobile menu position */ ul.sf-menu { margin:0px; padding:0px; text-align:center; width:100%; } /*** MAIN BUTTON PADDING ***/ .sf-menu-wrapper-top a, .sf-menu a { padding: 15px 5px 15px 5px; }