/** * Theme Name: THEME-R PRODUCTION THEME * Theme URI: http://mednet-tech.com * Author: MedNet Technologies * Author URI: http://mednet-tech.com * Description: Custom HTML5 Pruduction Wordpress Theme Using thmpltfrmwrk * Template: thmpltfrmwrk * Version: 1 */ /* = Formatting -------------------------------------------------------------------------------------------------------------------- Global Styling For All Elements throughout the site */ html {background:#ffffff;} body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#000; font-size:15px; line-height:28px; font-weight:normal;} h1 { margin:60px 0 20px; padding:0; color:#114767; text-transform: uppercase} h2, h3, h4, h5, h6 { margin:30px 0 15px; padding:0; color:#3996c0; text-transform:capitalize; font-weight:400} H1{font-size:38px;line-height:38px} H2{font-size:32px;line-height:32px} H3{font-size:28px;line-height:28px} H4{font-size:26px;line-height:26px} H5{font-size:24px;line-height:24px} H6{font-size:22px;line-height:22px} .topheader {margin:0 0 40px; /*text-transform: uppercase*/} @media screen and (max-width: 768px) { H1,H2,H3,H4,H5,H6{margin:40px 0 10px;} H1{font-size:26px;line-height:34px} H2{font-size:24px;line-height:30px} H3{font-size:22px;line-height:28px} H4{font-size:20px;line-height:26px} H5{font-size:18px;line-height:24px} H6{font-size:16px;line-height:22px} .topheader {margin:0px 0 30px 0;} } ul, ol{ padding:0 0 0 30px; margin:0 0 40px; list-style:outside;} a {color:#135b94; text-decoration:none;} a:hover {color:#4ea6ce; text-decoration:none} /* take off the dotted outline on this elements */ a:hover, a:active, a:focus, object, embed { outline: 0; text-decoration:none; } hr {border:0; border-top:1px solid #d2d2d2;} hr.clear { border: 0 none;height: 1px;margin: 0; clear:both} hr.spacer {border: 0 none;height: 40px;margin: 0;} p, .rowlikep {margin:0 0 25px} blockquote {border-left:10px solid #CCC; font-style:italic;padding:0 32px} blockquote p {text-align:justify} /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px} .btn {background:#4a7893;color:#FFF;padding:10px 40px; text-decoration:none; border:0; border-radius:0; cursor:pointer; text-transform:uppercase;} .btn:hover {background:#406880;color:#FFF;text-decoration:none} .appointment .btn, .office .btn, .office-address .btn {background:#4ea6ce; margin-top:25px;}/* sky blue */ .appointment .btn:hover, .office .btn:hover, .office-address .btn:hover {background:#379bc8} .portal.btn {background:#2cb4f1; font-size:18px; margin-top:15px;}/* sky blue */ .portal.btn:hover {background:#2494c6} /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file */ #header {background:#ffffff; border-bottom:1px solid #534131; } #header #logo img {max-width: 100%; margin: 0;} #header .topright {text-align:right} @media only screen and (max-width: 767px) { #header .topright {text-align:center; padding-bottom: 10px}/* Centers header office address/ phone */ #logo { margin: 0 auto; max-width: 350px;} } @media only screen and (max-width: 991px) { #header #logo img {margin-top: 0px} #header .topright {margin-top:0;} #header .location {margin-top:0; padding:10px;} #header .textsizer{margin-top:-20px;} } #header .topright .title {color:#D8CEBC; margin:60px 0 5px; text-shadow: -1px 2px 1px rgba(0, 0, 0, 1)} #header #clocations { float:right} #header #clocations > li > a { color:#D8CEBC; text-transform:uppercase; padding:0 10px 0 0; font-weight:bold; font-size:18px; text-shadow: -1px 2px 1px rgba(0, 0, 0, 1)} /* Top Right info */ .topright, .topright .tel, .topright h2, .topright h3, .topright p, .topright small {color: #1c76bb; margin: 0; padding: 0;} .topright {margin-top: 30px;} .topright p {padding-top: 8px; line-height: 18px; font-size: 13px;/* was 15px */} @media only screen and (max-width: 767px) { .topright p {font-size: 17px;line-height: 22px} } .location {margin-top: 14px; margin-right: -21px; /* margin-left: 35px; */ border: 1px solid #1C76BB; padding: 8px 20px 13px 24px} .location p {color: #000000;} @media screen and (max-width: 990px) { .location p {text-align:left;} } @media screen and (max-width: 767px) { .location p {text-align:center;} } .location a {color: #000000;} .location a:hover {color: #4ea6ce;} .location .specialText a {color:#1C76BB} .location .specialText a:hover {color:#4ea6ce} .tel a {color: #1c76bb;} .tel a:hover {color: #4ea6ce;} .topright .tel {font-size: 28px; line-height:28px; padding-left: 30px; background:url(images/structure/phone.png) left center no-repeat} .specialText h2 {text-align: left; text-transform: uppercase; font-size: 24px; line-height: 26px} @media only screen and (max-width : 767px) { .location { border: none; margin-left: 0 !important} .specialText h2 {text-align: center} } @media only screen and (min-width : 992px) and (max-width : 1279px) { .specialText h2 {font-size: 19px; line-height: 22px; padding-top: 5px} } .textsizer {/*positioning/floating*/color: #1b72b5; text-transform: uppercase; font-size: 18px; font-weight: 700;margin-right: -24px} .textsizer span {margin-right: 10px} .textsizer a {display: inline;padding:2px 3px;color: #1b72b5} .textsizer a:hover {color: #009;} .small{font-size:15px;line-height:24px} .medium{font-size:19px;line-height:26px} .large{font-size:24px;line-height:28px} @media only screen and (max-width : 767px) { .textsizer {display: none;} } /* Personal Care info Area */ section#care h3 {color: #1b75bb; font-size: 34px; line-height: 34px; text-align:center} section#care h3 span {color: #000000;} section#care p {font-size: 15px; line-height: 34px;} section#care .container{padding: 0 151px;}/* brings text in from the sides on desktop. */ /* Small Devices, Tablets */ @media only screen and (max-width : 992px) { section#care .container{padding: 0 18px;}/* takes padding away from paragraphs on smaller devices. */ } /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- */ #navigation {background:#0d3f5c; overflow: visible } /* Dropdown Style */ #mainmenu{margin:0; float:left; } #mainmenu>li>a{font-size:15px;line-height:15px;padding: 18px 59px; color:#ffffff;text-transform: uppercase; font-weight:700; /* background:url(images/structure/nav_divider.jpg) center right no-repeat; */} @media only screen and (max-width: 1280px) { #mainmenu>li>a{padding: 18px 57px} } @media only screen and (max-width: 1200px) { #mainmenu>li>a {padding:18px 37px}/* makes the menu more narrow on smaller devices so it doesn't break to the next line */ } #mainmenu>li.first>a, #mainmenu>li:first-child>a{padding-left:0} #mainmenu>li.last>a, #mainmenu>li:last-child>a{background:0; padding-right:0} #mainmenu>li:hover>a{color:#dddddd; text-decoration:none} /* #mainmenu>li:hover {background:url(images/structure/nav_underscore.png) center top}*/ /* #mainmenu>li.has-submenu {background:url(images/structure/nav_sub_menu_arrow.jpg) center 45px no-repeat;} */ /* Sub-Menu*/ #mainmenu ul{width:200px;margin-top:0} #mainmenu li li a{color:#ffffff;font-size:13px;padding:8px 16px;margin:0;background:#0D3F5C; text-transform: uppercase; font-weight: 700} #mainmenu li ul a:hover{color:#ffffff;background:#135c86} /* Accordion Style */ #mainmenu_accordion, #mainmenu_accordion ul { list-style:none outside; margin: 0; padding: 0; overflow:hidden;} #mainmenu_accordion>li>a { margin:0; cursor: pointer; height:60px; line-height:60px; font-size:18px; color:#ffffff; display:block; padding:0; background:0;border:0;} #mainmenu_accordion>li>ul {padding: 0; margin:0 0 40px; border-top:1px solid #4a7893;} #mainmenu_accordion ul li a{display:block; text-decoration:none; color: #000; height:40px; line-height:40px; border:1px solid #4a7893; border-top:0; text-transform:uppercase; font-weight: 700} #mainmenu_accordion ul li a:hover {color: #b4bccc;text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color: #ffffff; padding-left:20px} #mainmenu_accordion>li>ul>li a:hover {color:#dddddd;} #mainmenu_accordion>li>ul>li li a { background:#135C86} #mainmenu_accordion>li>ul>li li li a {background:#135C86 } #mainmenu_accordion>li>ul>li li li li a {background:#135C86} /* If a menu item has an dropdown */ #mainmenu_accordion .menu-item-has-children>a:after{ content:"\e252"; font-family:"Glyphicons Halflings"; margin:0 10px 0 0; display:inline-block; float:right; font-size:10px; } @media (min-width: 990px) { #top_sections { position: relative; z-index: 9999; top:0; right: 0; left: 0; margin-right: auto; margin-left: auto; } .top_sections_fixed {position:fixed !important;} } @media (min-width: 990px) { .sticky #mainmenu>li>a {padding-bottom:13px; padding-top:13px; -webkit-transition: padding-top .5s; transition: padding-top .5s;} .sticky #header #logo img {max-width:58%; -webkit-transition: max-width .5s; transition: max-width .5s;} .sticky .topright {margin-top:10px; -webkit-transition: margin-top .5s; transition: margin-top .5s;} .sticky .location {margin-top:5px; -webkit-transition: margin-top .5s; transition: margin-top .5s;} .sticky .textsizer {margin-top:-20px; -webkit-transition: margin-top .5s; transition: margin-top .5s;} .sticky .portal {padding:6px 12px; margin-top: 0px; -webkit-transition: padding .5s; transition: padding .5s;} } /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- */ #graphic {background:#000;} #graphic .container {padding:0;} .carousel-inner {width:100%; max-width:2560px; margin:0 auto;} .carousel-inner > .item > img.fullwidthimg {width:100%; height:auto} .carousel-inner > .item > .constrained { height:420px; background-size:cover!important;} .carousel-inner > .item {background:#000} @media screen and (max-width: 990px) { .carousel-inner>.item>img {max-width:180%; margin-left:-300px} } @media screen and (max-width: 768px) { .carousel-inner>.item>img {max-width:200%;} } /*Img was floating left causing issues with caption box*/ #graphic .wp-post-image {float:none;} /* -- CAPTION -- */ #graphic .box {width: 100%; max-width: 1240px; display:block; margin: 0 auto} .carousel-caption {width:100%; top:0; left:0; bottom:0; text-align:left; padding:120px 0 0 0} .carousel-caption > * {color:#fff; text-shadow: 1px 1px 8px rgba(0, 0, 0, 1);} .carousel-caption h1 {color:#fff; /* color:#1b75bb; */ font-size:50px; line-height:50px; /* margin:0 0 20px 0; */margin: 0} .carousel-caption p {font-size:18px; line-height:28px; margin:0;} @media screen and (max-width: 1200px) { .carousel-caption {padding:90px 0 0 0;} } @media screen and (max-width: 990px) { .carousel-caption {padding:70px 0 0 0;} .carousel-caption h1 {font-size:40px; line-height:40px;} .carousel-caption p {font-size:16px; line-height:24px;} } @media screen and (max-width: 768px) { .carousel-caption {position:relative; text-align:center; padding:0px; background:#135C86} .carousel-caption h1 {font-size:30px; line-height:30px;} } /* -- INDICATORS -- */ .carousel-control {z-index: 1000} .carousel-indicators li {border:1px solid #345e77} .carousel-indicators li.active {background:#345e77} ol.carousel-indicators {margin-bottom:0;} /* -- LEFT/RIGHT FADE -- */ /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; transition-duration: .75s; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 200; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* = Highlights -------------------------------------------------------------------------------------------------------------------- */ #highlights { background: #0d3f5c; padding: 14px; } #highlights a h2 { font-size: 18px; font-weight:400; text-transform: uppercase; text-align:center; color:#fff; margin: 10px 0 20px; } #highlights a h2:hover {color:#cdefff;} /* = Main Section -------------------------------------------------------------------------------------------------------------------- */ #main {background: #fff; padding:60px 0 0} #main .container h2, #main .container h3, #main .container h4, #main .container h5, #main .container h6 {font-weight:300;} .aside_inner h2 {text-transform:uppercase;} .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top:5px} .main_aside .first .htag {margin:0 0 60px} .rightPara {border-left: 1px solid #dddddd; margin-left: -9px} @media only screen and (max-width : 992px) { .rightPara {border-left: none;} /* takes divider away from paragraphs on smaller devices. */ #main {padding:60px 0 65px;} } #main .topheader, .aside_inner h1 {border-bottom: 3px solid #4ea6ce; padding: 0 0 10px;} /* h1 Intro Text */ .intro h1 {color: #000000; text-transform:capitalize; border:none!important; margin-bottom: 40px;} .intro h1 span {color: #1b75bb;} .intro {padding: 10px 160px 70px; line-height: 35px/* moves area away from divider/text above */; text-align:justify} @media only screen and (max-width : 991px) { .intro {padding: 0px 14px 5px; text-align:left; line-height: 30px} /* Takes away padding from the sides for small desktop and under. */ } @media only screen and (max-width : 450px) { .intro h1 span {display: block;} } /*Previous and Next*/ #next {margin: 40px 20px 40px 0; text-align: right;} #next span {border-left: 1px solid #4a7893; margin-left: 12px; padding: 0 0 3px 12px;} #previous {margin: 40px 20px 40px 0; text-align: left;} #previous span {border-right: 1px solid #4a7893; margin-right: 12px; padding: 0 12px 3px 0;} .btn-withborder a {border: 1px solid #1b75bb; color: #1b75bb; font-size: 18px; padding: 6px 10px; text-transform: uppercase;} .btn-withborder a:hover {color: #4a7893;} #main ul.list-group {padding-left: 0;} ul.services {list-style: none; padding: 0;} ul.services li {font-size: 22px; line-height: 30px; font-weight: 300; text-transform: uppercase; padding: 10px; } ul.services>li:nth-child(2n+2) {background: #f7f7f7;} #side-highlights {line-height:5px;} .services-page {border: 1px solid #d2d2d2; border-radius: 5px; padding: 8px; margin-bottom: 30px;} /*CALL TO ACTION*/ #call {padding: 10px 0; font-size: 18px; text-transform: uppercase; font-weight:300;} #call img {margin: 0 10px 20px 0; display: inline; float: left} @media only screen and (max-width : 450px) { #call img {margin-bottom: 5px;} } #call a {font-size: 20px; color:#4ea6ce;} #call a:hover {font-size: 20px; color:#135b94;} .call-to-action-hr {margin-top:40px;} ul.nomargin {margin-bottom: 0;} /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- */ .learnMore {margin-bottom: -21px} .learnMore, .news, .orders, .bills {text-align: center} .info {margin-top: 70px} .callouts {text-transform: uppercase; margin:60px 0 40px 0;} .news a, .orders a, .bills a {color: #ffffff; border: 1px solid white; padding: 10px 15px 10px; font-size: 18px; font-weight: 300;} .news a:hover, .orders a:hover, .bills a:hover {color: #cdefff} .news span, .orders span, .bills span {border-left: 1px solid white; padding: 0px 0px 3px 12px; margin-left: 12px} @media only screen and (min-width : 992px) and (max-width : 1199px) { .news a, .orders a, .bills a {font-size: 17px;} } @media only screen and (max-width: 767px) { .news span, .orders span, .bills span {paddding: 0; margin: 0} .news a, .orders a, .bills a {font-size: 19px; padding: 7px} } @media only screen and (max-width: 480px) { .news a, .orders a, .bills a { border-top: 0px; border-right: 0px; border-bottom: 1px solid #4A7893; border-left: 0px} } .info h4 {color: #fff; margin: 0 0 30px 0 !important} .info .office #mapcanvas-all {margin: 0;} .office {border-left: 1px solid #a0a7ac; padding-left: 20px;} @media only screen and (max-width: 991px) { .office h4 {margin-top: 51px !important} .appointment, .office h4 {text-align: center} .appointment footer btn {text-align: center;} .office {border-left: none; padding: 0; margin-top: 20px} } .office-address span.tel {margin-top: 20px; display: block;} .office-address .tel a {font-size: 28px; color: #FFF; font-weight:300;} .office-address .tel a:hover {color: #4ea6ce;} .office-address {text-align: right; color: #ffffff; margin: 45px 0 30px 0; line-height: 24px} @media only screen and (max-width: 991px) { .office-address {text-align: center} #bottom1 .tel {margin-left: 0} #bottom1 {padding: 0!important;} .info {margin-top: 40px;} .office-address {margin: 15px 0;} .callouts {margin-top: 30px;} .office h4 {margin-top: 20px;} } .blueText {color: #4596bd;} #bottom1 {background: #000512 url(images/structure/callouts-bg.jpg) center center no-repeat; padding: 0px 0px 77px 0px; background-size: cover;} .home #bottom1 {margin-top: -62px;} #bottom1 h3 {margin:0 0 10px; padding:0; font-size:20px; text-transform:uppercase; color:#9a805f} #bottom1 ul {list-style:none outside; margin:0; padding:0} #bottom1 .addresses { text-align:right; color:#eee7d9} #bottom1 .addresses a {color:#9a805f} #bottom1 .addresses a:hover {color:#c9b898} @media (max-width: 768px) { #bottom1 .row [class^='col-'] { margin:0 0 20px} } /* = Footer Section -------------------------------------------------------------------------------------------------------------------- */ #footer {background: #15283b url(images/structure/footer-bg.jpg) center center no-repeat; padding:60px 0; color: #ffffff; background-size: cover;} #footer a {color:#4ea6ce} #footer a:hover {color:#cdefff} #footer a span {display: block;} #footer .last {text-align:right} @media (max-width: 992px) { #footer .last, #footer, #footermenu, .tpf-dropdown, .tpf-dropdown ul {text-align:center;} } /* Footer Menu and separator work */ #footermenu>li>a{font-size:14px;line-height:14px;padding:6px 12px; color:#ffffff;text-transform: capitalize; font-weight:normal; /*background:url(images/structure/nav_divider.png) center right no-repeat*/} #footermenu>li:after {content: " | "; margin-top: 12px} #footermenu>li:last-child:after {content: none;} #footer p {clear: both; padding-top: 25px} @media (max-width: 450px) { #footer {padding:25px 0!important;} #footermenu>li:after {content: none;} #footermenu {margin-bottom: 0;} } /* = Back to top -------------------------------------------------------------------------------------------------------------------- */ .backtotop.styled { position:fixed;bottom:20px;right:20px;width:55px;height:55px; color:#FFF;font-weight:bold; font-size:30px;line-height:50px; display:none; text-align:center;background-color:#2B5D7A; border:1px solid #114f73; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Forms -------------------------------------------------------------------------------------------------------------------- */ /* Gravity Forms */ .gform_wrapper .gform_heading, .gform_wrapper .top_label .gfield_label, .gform_wrapper label {display:none!important} .gform_wrapper .ginput_container input.form-control, .gform_wrapper .ginput_complex .ginput_full input.form-control, .gform_wrapper .ginput_container textarea.form-control, .gform_wrapper .ginput_container select.form-control { background:#e5e7e8; width:100%!important;padding: 6px 12px!important;text-indent: 0!important; border-radius:0 !important; border-width:0 !important; } .gfield.disclaimer {font-size:12px; font-style:italic} .gform_wrapper .gform_footer { padding:0!important; text-align:right} .gform_footer input[type=submit] {width:100%;} /* Long contact form address */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width:49%!important; min-height:1px!important; } .gform_wrapper div.ginput_container, .gform_wrapper .address_line_2, .gform_wrapper .ginput_complex > span {margin-top:10px!important;} .gform_wrapper .address_line_2 {display:block} /* Styles to make a flush right text area */ #field_2_5 {float: right; max-width: 60%; margin-top: -132px} #field_2_7 {display: none;} #field_2_1, #field_2_3, #field_2_6 {max-width: 38%} .gform_wrapper textarea.medium {height: 8.699em !important} #gform_submit_button_2 {max-width: 30%} /* Styles to bring the form back to expand completely and stack */ @media only screen and (max-width: 768px) { #field_2_5 {float: none; max-width: 100%; margin-top: 0px} #field_2_1, #field_2_3, #field_2_6 {max-width: 100%} .gform_wrapper textarea.medium {height: 9.375em !important} #gform_submit_button_2 {max-width: 100%} } #gform_confirmation_wrapper_2 {color: #ffffff; margin-top: 24px} /* These styles for making the form visible on darker backgrounds */ .gform_wrapper div.validation_error { border-top: 2px solid #ff0000 !important; border-bottom: 2px solid #ff0000 !important; padding: 1em 15px !important; background: #E5E7E8; } /* = Blog Section -------------------------------------------------------------------------------------------------------------------- */ .blog.home #main article, .category #main article, .archive #main article { background:#FFF; border-radius:3px; border:1px solid #ccc; padding:30px } .topheader.resultheader {margin:0 0 10px; font-size:18px;} .result_data { display:block; list-style: none outside; padding:0} .result_data li { display: inline; padding:0 10px 0 0; color:#888} .wp-post-image {float:left; margin:0 25px 0 0} .pagination {display:block; float:left; width:100%; padding:10px 0; margin-top:10px;text-align:left; line-height:45px} .pagination>*{ padding:8px; border:1px solid #ccc; } .pagination .current {background:#dfdfdf} .pagination a[rel=prev] {float:left} .pagination a[rel=next] {float:right} /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- */ .mapcanvas {float:left; width:99%; height:500px;margin: 40px 0 20px; border:0 double #ccc} .iwindow {line-height:18px;width:250px} .iwindow hr { border:0;margin:10px 0; background:0; border-top:1px solid #ddd; width:100%; clear:both } .iwindow a {font-size:12px} .iwindow.hasimg {width:350px} .iwindow.hasimg hr {float:left;} .hasimg.hasimg .infoimg {float:left;max-width:100px;margin:0 10px 0 0} .mapimg {display:block; height:100px; width:auto;} /* -- 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:75%; padding:10px} .directions_form strong {display:block} .directions_form .dbtn {float:right; width:18%; border:0; padding:10px;} /* -- map_info styles/ Bubble -- */ .map_info {clear:none!important;overflow:hidden; line-height:18px; float:left; cursor:pointer} .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} .info .mapcanvas {height:200px; margin-top:20px;} @media screen and (max-width: 990px) { .directions_form .saddr{width: 65%;} .directions_form .dbtn {width: 25%;} } @media screen and (max-width: 620px) { .mapcanvas {height:300px;} .directions_form .saddr{width: 100%;} .directions_form .dbtn {width: 100%; margin-top: 10px;} } /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- */ /* change the gutter widths to 25px. Essentially making them 50px in between columns */ .row { margin-left: -25px; margin-right: -25px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 25px; padding-right: 25px; } .container { padding-left:25px; padding-right:25px} /* Change the width of the container for med screens*/ @media (min-width: 1280px) { .container { width: 1280px; } }