/* Theme Name: MN Production theme Theme URI: http://mednet-tech.com Author: MedNet Technologies Author URI: http://mednet-tech.com Version: 4 Description: Custom HTML5 Pruduction Wordpress Theme - 01/01/2013 Tags: mednet, custom */ /* =============================================================================================================== */ /* ===== STRUCTURE =============================================================================================== */ /* =============================================================================================================== */ body{font-family:Arial,Tahoma,Helvetica,sans-serif;font-size:14px;color:#3b4145;line-height:24px;} body, .holder, .wrapper{min-width:1024px} .container{width:990px} /* ---- HEADER --------------------------------------------------------------------------------------------------- */ header .content>* {float:left;display:block} header{background: url(images/header_rx.jpg) top center repeat-x} header .wrapper{background: url(images/header.jpg) top center no-repeat} nav{width:990px;height:78px; position:relative} #banner{width:523px;height:183px; position:relative; z-index:100} #address{width:575px;height:79px; margin:-79px 0 0} #graphic{width:1064px;height:551px;overflow:hidden; margin:-162px 0 0 0} #graphic .slide img {float:right} #graphic .slide .text {float:left; margin:225px 0 0; width:545px} /* highlights */ #highlights {width:990px;height:198px;margin:0} #highlights img {float:left;margin:0 1px 0 0} #highlights .last img {margin:0} /* ---- MAIN ----------------------------------------------------------------------------------------------------- */ #main{background:url(images/main_ry.jpg) repeat-y top center #FFFBEA ; padding:40px 0 } #main article{width:547px;padding:0 50px 0 0} #main aside{width:323px;padding:0 0 0 70px} .nosidebar #main article {width:990px; padding:0} .nosidebar #main{background: #FFFBEA} /* ---- BOTTOM/FOOTER -------------------------------------------------------------------------------------------- */ #bottom{background:url(images/bottom.jpg) no-repeat top center #FFF; padding:40px 0; border-top:1px solid #e2e0d3 } footer{background: #102D4C;padding:40px 0} /* =============================================================================================================== */ /* ===== STYLE =================================================================================================== */ /* =============================================================================================================== */ /* ---- GRAPHIC -------------------------------------------------------------------------------------------------- */ #graphic {background:url(images/graphic-bg.png) no-repeat top right;} #graphic .text p {color:#a4a7aa; font-size:22px} #graphic_slider, #graphic_slider .slide {width:100%;height:100%} #graphic-prev {position:absolute;top:325px;left:471px;} #graphic-next {position:absolute;top:325px;left:521px;} /* ---- ADDRESS/CONTACT ------------------------------------------------------------------------------------------ */ #address .tel,#address .adr{font-style:normal;display:block;} /* #address addres {float:right; text-align:right; width:50%} */ #address .tel{margin:0; background:url(images/tel_icon.png) left center no-repeat; padding:0 0 0 35px} #address .tel,#address .tel a{font-size:26px;line-height:71px;color:#f5e3bb;text-align:right; float:right} #address .adr{margin:0;font-size:17px;line-height:71px;color:#fff;text-align:left; float:left} .page-inside #address { float:right; width:467px; margin:0} .page-inside #address .tel {float:right; line-height:24px; margin:60px 0 0} .page-inside #address .adr {float:right; line-height:24px} /* ---- NAVIGATION ---------------------------------------------------------------------------------------------- */ #ddm{margin:0} #ddm>li>a{font-size:17px;line-height:17px;height:17px;padding:30px 18px 31px; color:#3b4145;text-transform: capitalize;font-weight:normal; /* background:url(images/divider.jpg) center right no-repeat; */} #ddm>li.first>a{padding-left:0} #ddm>li.last>a{background:0; padding-right:0} #ddm>li:hover>a{color:#133f65; text-decoration:none} #ddm>li.has-submenu {background:url(images/sub_menu_arrow.png) center 55px no-repeat;} /* Sub-Menu*/ #ddm ul{width:200px;margin-top:0} #ddm li li a{color:#3b4145;font-size:13px;/*padding:8px 16px;*/ padding:5px 16px;margin:0;background:#F6F1EB} #ddm li ul a:hover{color:#133f65;background:#F6F1EB} /* THE DIRTY WORK - Might not want to modify anything here */ #ddm {position: relative!important;float:left;width:100%;} /* makes the dropdown relative to the parent DDM */ #ddm .megaddm{position: static!important;} #ddm .megaddm>ul ul{left:0!important} #ddm .megaddm>ul {left:100%!important; } #ddm .megaddm>ul>li {clear:none!important;width:100%!important;overflow:hidden;} #ddm .megaddm>ul>li>ul {overflow:hidden!important;position:relative!important;margin:0px!important;display:block;width: 100%;} /* The styling */ /* #ddm>li.megaddm:hover {background:#00A3E4;} #ddm>li.megaddm>a:hover {color:#fff;} */ /* Width and Position */ #ddm li.megaddm>ul {width:575px!important; margin:0px 0 0 -752px; line-height:20px} /* the background of the menu */ #ddm li.megaddm>ul { background:#102d4c;padding:10px;width:100%; border:4px solid #fff} /* the rows*/ #ddm li.megaddm>ul>li {padding:0;} /* the headers */ #ddm li.megaddm>ul>li>a {padding: 3px 10px; color:#000f24; font-weight:bold; background:#c7c9ca;} #ddm li.megaddm>ul>li>ul {padding:5px;background:#F6F1EB;} #ddm li.megaddm>ul>li>ul>li{ width:auto; float:left; clear:none; padding:0 0px} #ddm li.megaddm>ul>li>ul>li>a{background:none; padding:5px 11px; /*background:url(images/divider2.jpg) right center no-repeat;*/ color: #3b4145;} #ddm li.megaddm>ul>li>ul>li.last>a {background: none;} #ddm li.megaddm>ul>li>ul>li>a:hover{color: #133f65;} /* ---- GLOBAL ------------------------------------------------------------------------------------------------- */ H1,H2,H3,H4,H5,H6{margin:0 0 25px;padding:0;font-weight:normal;color:#102d4c;} H1{font-size:40px;line-height:40px} H2{font-size:36px;line-height:36px} H3{font-size:34px;line-height:34px} H4{font-size:30px;line-height:30px} H5{font-size:28px;line-height:28px} H6{font-size:22px;line-height:22px} ul{margin:0;padding:0 0 15px 20px;list-style-position:outside; list-style:url(images/bullet.jpg);} .page-home ul{float:left;} ol{margin:0;padding:0 0 15px 20px;} a {color:#133f65 } a:hover{color:#0b273f; text-decoration:none} p {margin:0 0 20px; text-align:justify} /* ---- MAIN --------------------------------------------------------------------------------------------------- */ #main article h2{font-size:30px;line-height:30px; border-bottom:1px solid #c7c9ca;} #main article h3{font-size:26px;line-height:26px} #main article h4{font-size:20px;line-height:20px} #main article .homedocs{padding-right:10px;} #main article .center{text-align:center;} #main article p.clearfix{clear:both;} #main article div.product-columns{float:left; width:96%; clear:both; background:#DFCDA6; padding:10px; } #main article div.product-columns2{float:left; width:96%; clear:both; padding:10px;} #main article div.productA{width:30%;margin-right:5%;float:left; font-weight:bold;font-size:16px;} #main article div.productB{width:65%; margin:0!important; float:left;font-size:12px; line-height:20px} #main article ul.pdf {list-style: none;padding: 0px 0px 15px 0px;} #main article ul.pdf li{background: url(images/pdf-icon.gif) left top no-repeat;padding: 0px 0px 3px 25px;} #main article div.hoursA{width:30%;margin-right:5%;float:left; font-weight:bold;} #main article div.hoursB{width:65%; margin:0!important; float:left; } #main article div.hoursdiv{width:80%; margin:0 auto;} #main article p.smalltext{font-size:12px;} #main article div.linkcolumns{float:left; width:100%; clear:both;} #main article div.columnA{width: 49%;margin-right: 1%;float:left;} #main article div.columnB{width: 49%;margin:0!important;float:left;} /* FAQ HIDE SHOW MORE */ #main article p.actitle {padding:0 0 0 25px; margin:0;cursor:pointer; background:url(images/bullet_arrow.png) left center no-repeat; margin:15px 0 0 0; color:#133f65; font-size:24px;} #main article p.actitle.active { background:url(images/bullet_arrow_down.png) left center no-repeat; color:#133f65; } #main article .acpane p, #main article .acpane ol {margin:10px 0 10px 25px;} /********** QUICK CONTACT (IF NECESSARY, CHANGE ID) **********/ #qc {float:left; width:331px; padding:65px 70px 20px;margin:-160px 0 20px -75px; position:relative; z-index:100; background:url(https://www.mdmg.com/wp-content/uploads/2020/02/0805894dbf4cb0bc4a62ae172f8b557a.png)} #qc h2 {color:#ffffff;font-size:36px; margin:0 0 20px; padding:0} #qc #qform {width:100%; padding: 0; margin: 0 0 10px 0; overflow:hidden;} #qc #qform .inputSelectquick, #qc #qform .inputCommentquick { font-family: Arial, Helvetica, sans-serif; width:303px; margin: 6px 0 0 0; padding:8px 4px 8px 22px; background-position:5px 11px; display: block; clear: left; background-color: #E8EBED; border: 1px solid #142E4A;color: #333; font-size: 14px; } #qc #qform .col { /*float:left; margin-right:5px; width:225px;*/} #qc #qform .col.two {margin:0} #qc #qform .inputCommentquick {overflow: auto;} #qc #qform .inputButtonquick { color: #000; background: #DFCDA6; border: 0; margin: 6px 0 0 0; padding: 5px 20px; float: right; cursor: pointer; } #qc #qform .inputButtonquick:hover { background: #A4946F; } #qc #qform p {float:left; font-size:11px;} .page-inside #qc{ background:0; margin-top:0; padding-top:0} .page-inside #qc h2 {color:#04142D} /*-------------------------------------------- CALL-TO-ACTION ---------------------------------------------*/ #main article .calltoaction,#main article .calltoaction2{margin-top: 25px; clear:both;} p.calltoaction {font-size: 14px;height: auto; background-color:#DFCDA6; padding:15px; text-align:left; border:6px double #fffbea; color:#3b4145;} p.calltoaction2 {font-size: 14px;height: auto; background-color:#fffbea; padding:15px; text-align:left; border:6px double #DFCDA6; color:#3b4145;} .calltoaction img,.calltoaction2 img{margin:0px 12px 0px 0px;} /*-------------------------------------------- ASIDE ---------------------------------------------*/ aside ul.mainsb{padding:0px 0px 0px 20px; font-size:14px;} aside ul{font-size: 16px;} aside ul li{padding-bottom:10px;} aside ul ul{display:none;} aside p.clearfix{margin:0px; clear:both;} aside p.right{float:right;} aside h2{clear:both;} aside h2 a{color:#102d4c;} aside h2 a:hover{color:#133f65;} /* ---- BOTTOM ------------------------------------------------------------------------------------------------- */ .tabs {margin:0; border-bottom:1px solid #E5E5E5;width:100%;} .tabs a{border:0;background:0;padding:0; width:329px; height:69px; text-align:center; font-size:28px; color:#FFF; padding:20px 0} .tabs a.current{cursor:default;border-bottom:1px solid #fff;background:#fff; color:#021229} .panes {margin-bottom:10px;border:0;width:100%;height:220px;} .panes>div{padding:10px 10px;} #bottom .panes ul {width:100%; margin:40px 0 0} #bottom .panes ul li{ float:left; width:25%} #bottom .panes ul li a {color:#333; font-size:17px} #bottom .panes ul li a:hover {color:#133f65;} /* tabs reset structure */ .tabs,.panes {float:left;clear:left;} .tabs a {display:block;float:left;margin-bottom:-1px;} .panes {margin-top:-1px; border-top:0;position:relative;} .panes>div {position:absolute;display:none;} /* ---- FOOTER ------------------------------------------------------------------------------------------------- */ footer section.one{float:left;width:800px} footer section.two{float:right;width:190px} footer p{width:100%;line-height:20px;font-size:11px;color:#FFF;float:left;} footer a{color:#FFF} footer a:hover{color:#CCC} footer #footerlinks{float:right;clear:right;width:100%;text-align:right!important} footer #footerseo{float:left;clear:left;margin-top:15px; width:100%} footer #footerseo p { width:100%} footer #footernav {margin-bottom:10px;float:left;margin-left:-9px; width:100%} footer #footernav li a {padding:0 9px; background: url(images/footer_divider.jpg)right center no-repeat;font-size:11px; } footer #footernav li.last a { background: none; } /* ---- PICTURES & ALIGNMENT----------------------------------------------------------------------------------- */ img.alignleft, img.alignright, img.aligncenter, .picLeft, .picRight{border:4px double #DFCDA6;margin:6px 0 12px; } .alignleft,.picLeft{float:left;margin-right:20px!important} .alignright,.picRight{float:right;margin-left:20px!important} .aligncenter{margin:0 auto 10px!important;display:block;clear:both} .picRightnoborder{float:right;margin:6px 0 12px 12px} .picLeftnoborder{float:left;margin:6px 12px 12px 0} .noborder{border:0!important} /* ---- CONTENT ELEMENTS --------------------------------------------------------------------------------------- */ .columnset {float:left; width:100%; clear:both} .columnset .column {position:relative; float:left; min-height:1px; height:auto!important; height:1px;} .columnset.half .column, .columnset.halfcolumns .column{width:45%;margin-right:10%} .columnset.third .column, .columnset.thirdcolumns .column{width:30%;margin-right:5%} .columnset.fourth .column, .columnset.fourthcolumns .column{width:22%;margin-right:4%} .columnset.fith .column, .columnset.fithcolumns .column{width:18.5%;margin-right:1.8%} .columnset .column.last {margin:0!important} .ismobile .columnset .column {width:100%;clear:both!important;margin:0!important} hr{width:100%;border:0;border-top:1px solid #AAA;text-align:center;margin:20px auto; clear:both} .spacer{clear:both;height:5px;display:block} .backtotop.styled { position:fixed;bottom:20px;right:20px;width:55px;height:55px; color:#FFF;font-weight:bold; font-size:30px;line-height:55px; display:none; text-align:center;background-color:#AEAEAE; border:1px solid #ccc; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat; */ } /* ===== WORDPRESS ELEMNENTS =================================================================================== */ /* ---- WORDPRESS COMMON ---------------------------------------------------------------------------------------- */ .searchform{margin:0 0 20px; padding:10px;border:1px solid #ccc; display:block; overflow:hidden} .searchform .s{ float:left; width:70%; padding:5px 2px} .searchform .searchsubmit{ float:right; border: 1px solid #ccc; padding:5px; width:25%; cursor:pointer} aside .widget{float:left;clear:left;width:100%;margin-bottom:20px} /* ---- WORDPRESS CAPTIONS -------------------------------------------------------------------------------------- */ .wp-caption{border:none;text-align:center;background-color:transparent;padding-top:4px;margin:10px} .wp-caption img{margin:0 auto;padding:0;border:4px double #DFCDA6;} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:2px 4px 5px;margin:0 auto;text-align:center} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} /* ---- WORDPRESS BLOG POSTS ----------------------------------------------------------------------------------- */ .post {float:left; display:block; width:100%; clear:both} .post .date{display:none} .post .author{display:none} .post_image {float:left; overflow: hidden; margin:15px 20px 0 0} .post+hr { float:left;width:100%;border:0;margin:20px 0; background:0; border-top:1px solid #ddd } .post.last+hr {display:none!important} .pagination {display:block; float:left; width:100%; padding:10px 0; margin-top:10px;text-align:left;} .pagination>*{ padding:8px; border:1px solid #ccc; } .pagination .current {background:#dfdfdf} .pagination a[rel=prev] {float:left} .pagination a[rel=next] {float:right} /* ===== LOCATIONS API ========================================================================================== */ /* ---- Google Map API & InfoWindow Styles ---------------------------------------------------------------------- */ #mapcanvas {float:left; width:99%; height:400px; margin: 0 0 20px; border:4px double #142E4A;} .iwindow {line-height:18px} .iwindow hr { border:0;margin:10px 0; background:0; border-top:1px solid #ddd; width:210px } .iwindow a {font-size:12px} /* ---- Directions form - active only on single locations ------------------------------------------------------- */ #directions_form {float:left;display:block;/*border:1px solid #ddd;*/ width:100%} #directions_form>div {display:block;padding:10px; overflow:hidden} #directions_form #saddr{float:left; width:79%;} #directions_form strong {display:block} #directions_form .dbtn {float:right; width:19%; background-color:#DFCDA6; border:1px solid #DFCDA6; cursor:pointer; padding:3px 0px;} #directions_form .dbtn:hover{background-color:#A4946F; border:1px solid #A4946F;} /* ---- map_info styles ----------------------------------------------------------------------------------------- */ .map_info {clear:none!important;overflow:hidden; line-height:18px} .map_info {width:32%;margin:0 1% 10px 0} .map_info .org, .map_info .line1, .map_info .line2, .map_info .csz, .map_info .tel, .map_info .fax, .map_info .extra {display:block;} .map_info .full_address {display:block;padding-bottom:10px} /* ---- Fall back & Mobile Styles ------------------------------------------------------------------------------- */ .fallback.map_info {clear:left!important;width:100%; margin:0; height:auto!important} .fallback .mapimg {float:left; width:45%; height:175px; margin-right:10px} .ismobile .mapimg {width:100%;height:100px; margin-bottom:10px} .ismobile .full_address {clear:both; width:100%} /* -- Non visible elements -- */ script {display:none!important}