/** * 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:#727272; font-size:16px; line-height:30px} h1{ margin:0px 0 60px; padding:0; color:#727272; font-weight:normal; text-transform:capitalize} h2, h3, h4, h5, h6 { margin:60px 0 20px; padding:0; color:#8ab395; font-weight:normal; text-transform:capitalize} H1{font-size:48px;line-height:48px} H2{font-size:34px;line-height:34px} 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 {text-transform: lowercase; background:url(images/structure/h1_bg_long.png)top left no-repeat;} h1 strong {display:block; font-weight:400; text-transform:uppercase; font-size:20px;} h1.topheader {line-height:48px; padding:45px 0 0 0;} @media screen and (max-width: 768px) { H1,H2,H3,H4,H5,H6{margin:40px 0 10px;} H1{font-size:36px;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;} } @media screen and (max-width: 400px) { .topheader { background:none;} h1.topheader {padding:0;} } ul, ol{ padding:0 0 0 30px; margin:0 0 40px; list-style:outside;} @media screen and (max-width: 400px) { ul, ol{ margin:0; padding: 0;} } a {color:#518771; text-decoration:none;} a:hover {color:#3c5b45; 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; margin-bottom: 30px;} 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:#9cc8a9;color:#fff;padding:20px; text-decoration:none; border:0; cursor:pointer; text-transform:uppercase; border-radius:0;} .btn:hover {background:#9cc8a9;color:#393939;text-decoration:none} .btn_border {color:#679776;padding:20px 0; text-decoration:none; text-transform:uppercase; background:url(images/structure/btn_bg.jpg)bottom center no-repeat;} /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file */ #header_top {background:#9cc8a9; padding:10px 0; color:#fff;} #header_top a {color:#fff;} #header_top a:hover {color: #393939;} #header_top p {margin:0;} #header_top address {margin-bottom:0; text-transform:uppercase;} #header_top .follow_us {font-size:24px;} #header_top .adr {padding-right: 20px;} #header_top .tel {padding-left: 20px;} #header {background:#ffffff; padding:30px 0;} #header #logo img {max-width:100%;} /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- */ #navigation {background:#fff; border-top:1px solid #dadada; overflow: visible;} /* Dropdown Style */ #mainmenu{margin:0; float:left; } #mainmenu>li>a{font-size:18px;line-height:18px;padding:25px 20px; color:#5e5d5d;text-transform: uppercase; font-weight:normal; /* background:url(images/structure/nav_divider.jpg) center right no-repeat; */} #mainmenu>li.first>a{padding-left:0} #mainmenu>li.last>a{background:0; padding-right:0} #mainmenu>li:hover>a{color:#679776; 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:#5e5d5d;font-size:13px;padding:8px 16px;margin:0;background:#bfdfc9} #mainmenu li ul a:hover{color:#393939;background:#bfdfc9} @media screen and (max-width: 1280px) { #mainmenu>li>a{padding:18px 10px;} } @media screen and (max-width: 1200px) { #mainmenu>li>a{padding:18px 7px; font-size:15px;} } /* 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:#5e5d5d; display:block; padding:0; background:0;border:0;} #mainmenu_accordion>li>ul {padding: 0; margin:0 0 40px; /*border-top:1px solid #54583A;*/} #mainmenu_accordion ul li a{display:block; text-decoration:none; font-weight:normal; height:40px; line-height:40px; border-bottom:1px solid #c4e2cd;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#5e5d5d; padding-left:20px} #mainmenu_accordion>li>ul>li a:hover {color:#c4e2cd;} #mainmenu_accordion>li>ul>li li a { background:#fff; padding:0 0 0 40px;} #mainmenu_accordion>li>ul>li li li a {background:#fff; padding:0 0 0 50px;} #mainmenu_accordion>li>ul>li li li li a {background:#fff; padding:0 0 0 60px;} /* 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 #navigation{border-top:0px solid #dadada; border-bottom: 1px solid #dadada;} .sticky #mainmenu>li>a {padding-bottom:15px; padding-top:15px; -webkit-transition: padding-top .5s; transition: padding-top .5s;} .sticky #header_top {padding:4px 0; -webkit-transition: padding-top .5s; transition: padding-top .5s;} .sticky #header {padding:10px 0 0; -webkit-transition: padding-top .5s; transition: padding-top .5s;} .sticky #header #logo img {max-width:25%; -webkit-transition: max-width .5s; transition: max-width .5s;} } /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- */ #graphic_holder {padding-bottom:40px;} #graphic {background:#fff;} #graphic .container {padding:0;} .carousel-inner {width:100%; max-width:595px; 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:#fff} @media screen and (max-width: 768px) { .carousel-inner>.item>img {/*max-width:135%;*/} } /*Img was floating left causing issues with caption box*/ #graphic .wp-post-image {float:none;} /* -- CAPTION -- */ .carousel-caption {width:100%; top:0; left:0; bottom:0; text-align:left; padding:120px 0 0 0; display:none;} .carousel-caption > * {color:#fff; text-shadow: 1px 1px 8px rgba(0, 0, 0, 1);} .carousel-caption h1 {color:#fff; font-size:50px; line-height:50px; margin:0 0 20px 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:20px 20px 40px; background:#000;} .carousel-caption h1 {font-size:30px; line-height:30px;} } /* -- INDICATORS -- */ .carousel-indicators li {border:1px solid #e9132b} .carousel-indicators li.active {background:#e9132b} 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: 2; } /* 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); } } #graphic_holder h1.topheader { padding-left:100px; background:url(images/structure/h1_bg_short.png)top left no-repeat; } #graphic_holder .graphic_content {padding-top:80px;} @media screen and (max-width: 990px) { #graphic_holder .graphic_content {padding-top:0;} } @media screen and (max-width: 400px) { #graphic_holder h1.topheader { padding-left:0; background:none; margin-top: 20px; } } /* = Highlights -------------------------------------------------------------------------------------------------------------------- */ #highlights { background: #c8e4d1; padding:40px 0;} #highlights h2 {margin:0; text-transform:lowercase; font-size:32px; margin-top:-30px; color:#727272} #highlights h2:hover {color:#8ab395;} #highlights .container {position:relative;} #highlights .flowers {position:absolute; right:-185px; bottom:-85px;} @media screen and (max-width: 990px) { #highlights h2 {font-size:26px; } } @media screen and (max-width: 768px) { #highlights h2 {font-size:22px; } } /* = Main Section -------------------------------------------------------------------------------------------------------------------- */ #main { background: #fff; padding:20px 0 40px} .home #main h1.topheader {background:url(images/structure/h1_bg_long.png)top left no-repeat;} @media screen and (max-width: 400px) { .home #main h1.topheader {background:none;margin-top:20px; } } a.referrals {font-size: 18px; font-weight: 600;} .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top:45px; padding-top: 0;} .main_aside .first .htag {margin:0 0 60px} span {color:#8ab395;} span.follow_us {color:#fff;} a[href$=".pdf"] {background: rgba(0, 0, 0, 0) url("images/structure/pdf-icon.png") no-repeat scroll left center; padding-left: 30px;} #main .container .main_section article li {background: rgba(0, 0, 0, 0) url("images/structure/icon.png") no-repeat scroll left 11px; padding-left: 15px; margin-bottom: 10px;} ul.withmargin li {margin-bottom: 20px;} #main .container .main_section article ul {list-style: none;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 60px;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .wp-video {margin:40px auto !important;} .page-id-12 #main article li a {font-size: 20px; font-weight: 300;} .page-id-325 #main article li a, .page-id-326 #main article li a {font-size: 22px;} .page-id-12 #main article li a, .page-id-325 #main article li a, .page-id-326 #main article li a {color:#727272;} .page-id-12 #main article li a:hover, .page-id-325 #main article li a:hover, .page-id-326 #main article li a:hover {color:#518771;} h2.with_border {margin-top:0; border-bottom: 1px solid #d8e5dc; padding: 0 0 15px;} #main .aside_inner .topheader {background:none;} #main .aside_inner .mapcanvas {height:200px;} #main .aside_inner .directions_form .saddr {width:50%;} #main .aside_inner .directions_form .dbtn {width:40%;} .nomargin {margin-bottom:0;} strong.title {font-size: 22px;} #call {background: #f7f7f7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 25px; clear:both; margin: 60px 0; font-size: 18px;} #call span.phone-number {font-size: 22px; color: #414141} @media screen and (max-width: 768px) { ul.services{ margin-top: 30px;} strong.title {font-size: 16px;} } @media screen and (max-width: 450px) { .realigncenter {margin: 20px auto!important; display: block; float: none;} } /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- */ #bottom_subscribe {background:url(images/structure/subscribe_bg.jpg)top center no-repeat; padding:60px 0; background-size:cover;} #bottom_subscribe h1.topheader {background:none;} #bottom_subscribe .container {position:relative;} #bottom_subscribe .flower {position:absolute; top:90px; left:0;} /* Quick Contact Gravity Forms */ #bottom_subscribe .gform_wrapper .gform_heading, .gform_wrapper .top_label .gfield_label {display:none!important} #bottom_subscribe .gform_wrapper .ginput_container input, #bottom_subscribe .gform_wrapper .ginput_container textarea { background:#fff!important; width:100%!important; text-indent: 0 !important; border-radius:0; border:0; } #bottom_subscribe .gform_wrapper .ginput_container input {height:50px!important; width:100%!important; padding:6px 12px!important;} #bottom_subscribe .gform_wrapper .ginput_container textarea {float:none; width:100% !important; margin:0!important; padding: 6px 12px !important; height:169px !important; } #bottom_subscribe .gfield.disclaimer {font-size:12px; font-style:italic} #bottom_subscribe .gform_wrapper .gform_footer {padding:0!important; text-align:center;} #bottom_subscribe #gform_submit_button_1 {padding:20px;} #bottom_subscribe .gform_footer input[type=submit] {float:right;} #bottom_subscribe .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* changes color of placeholder */ #bottom_subscribe .gform_wrapper .ginput_container input::-webkit-input-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea::-webkit-input-placeholder, #bottom_subscribe .gform_wrapper .ginput_container input:-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea:-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container input::-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea::-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container input:-ms-input-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #727272; } @media screen and (max-width: 400px) { #bottom_subscribe .gform_wrapper .ginput_container input, #bottom_subscribe .gform_wrapper .ginput_container textarea {float:none; width:100% !important; margin:0!important;} } @media screen and (max-width: 990px) { #bottom_subscribe .flower {display:none;} #bottom_subscribe .gform_footer input[type=submit] {float:none;} } #bottom_news {background:#fff; padding:90px 0 60px 0;} #bottom_news h2.heading {margin:10px 0; color:#afd3ba; font-size:27px; text-transform:uppercase;} #bottom_news h1.topheader {background:url(images/structure/h1_bg_long.png)top left no-repeat;} #bottom_contact {background:#c7e4d0; padding:60px 0;} #bottom_contact .btn {background:#727272; float: right;} #bottom_contact .followus .topheader {background-position:right;} #bottom_contact .facebook {margin:0 0 0 30px;} #bottom_contact h1.left{background:url(images/structure/h1_bg_white_left.png)top left no-repeat;} #bottom_contact h1.right{background:none;} @media screen and (max-width: 768px) { #bottom_news h2.heading {font-size:20px; } #bottom_contact h1.right{background:none;} } @media screen and (max-width: 400px) { #bottom_news h1.topheader {background:none;} #bottom_news {padding: 40px 0;} #bottom_contact h1.left{background:none;} #bottom_contact .followus .topheader {margin-top: 20px} } /* Quick Contact Gravity Forms */ #bottom_contact .gform_wrapper .gform_heading, #bottom_contact .gform_wrapper .top_label .gfield_label {display:none!important} #bottom_contact .gform_wrapper .ginput_container input, #bottom_contact .gform_wrapper .ginput_container textarea { background:#fff!important; width:100%!important; text-indent: 0 !important; border-radius:0; border:1px solid #727272 !important; text-transform:uppercase;} #bottom_contact .gform_wrapper .ginput_container input {height:50px!important; width:48%!important; padding:6px 12px!important;} #bottom_contact .gform_wrapper .ginput_container textarea {float:right; width:50% !important; margin:-179px 0 0 0!important; padding: 6px 12px !important; height:169px !important; } #bottom_contact .gfield.disclaimer {font-size:12px; font-style:italic} #bottom_contact .gform_wrapper .gform_footer {padding:0!important; text-align:center;} #bottom_contact #gform_submit_button_1 {padding:20px;} #bottom_contact .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* changes color of placeholder */ #bottom_subscribe .gform_wrapper .ginput_container input::-webkit-input-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea::-webkit-input-placeholder, #bottom_subscribe .gform_wrapper .ginput_container input:-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea:-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container input::-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea::-moz-placeholder, #bottom_subscribe .gform_wrapper .ginput_container input:-ms-input-placeholder, #bottom_subscribe .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #727272; } @media screen and (max-width: 400px) { #bottom_contact .gform_wrapper .ginput_container input, #bottom_contact .gform_wrapper .ginput_container textarea {float:none; width:100% !important; margin:0!important;} } /* = Footer Section -------------------------------------------------------------------------------------------------------------------- */ #footer {background:#a1cbad; padding:40px 0 20px 0; color:#5e5d5d; font-size:14px;} #footer a {color:#5e5d5d} #footer a:hover {color:#e2f1e7} #footer p {clear:both;} #footer_nav {padding:5px 0; background:#454747;} #footermenu{margin:0 0 20px 0; float:left;} #footermenu>li>a{font-size:14px;line-height:14px;padding:10px 10px; color:#5e5d5d;text-transform: capitalize; font-weight:400;} #footermenu>li.first>a{padding-left:0} #footermenu>li.last>a{background:0; padding-right:0} #footermenu>li:hover>a{color:#e2f1e7; text-decoration:none} @media (max-width: 1280px) { #footermenu>li>a{padding:10px 10px;} } @media (max-width: 1200px) { #footermenu>li>a{padding:10px 8px;} } @media (max-width: 990px) { #footermenu>li>a{padding:10px 8px;} } /* = 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:#98c2a4; border:1px solid #98c2a4; -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} .gform_wrapper li {background: 0 !important; padding-left: 0 !important;} form span {color:#393939;} /* = Blog Section -------------------------------------------------------------------------------------------------------------------- */ .single-post #main .main_section article li, .archive #main .main_section article li, .blog #main .main_section article li {background: rgba(0, 0, 0, 0) url("images/structure/icon.png") no-repeat scroll left 8px!important; padding-left: 15px;} .single-post h1 {font-size:40px; line-height: 46px;} .single-post .topheader, .archive .topheader, .blog .topheader {background:none;} .blog #main article, .category #main article, .archive #main article {background:#fff; border-bottom: 1px solid #ccc; padding:30px 0;} .topheader.resultheader {margin:0 0 10px; font-size:28px;} .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} .blog h1, .category h1, .archive h1 {text-transform: lowercase; background:url(images/structure/h1_bg_long.png)top left no-repeat; font-size: 48px; padding-top: 40px; margin-bottom: 20px} .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} aside h2.widgettitle {margin-top: 45px;} .blog aside .first, .category aside .first, .archive aside .first {margin-top: 50px} .blog aside li, .archive aside li, .category aside li {background: rgba(0, 0, 0, 0) url("images/structure/icon.png") no-repeat scroll left 11px; padding-left: 15px; margin-bottom: 10px;} .blog aside ul, .archive aside ul, .category aside ul {list-style: none;} @media screen and (max-width: 768px) { .topheader.resultheader {margin:0 ;} .blog h1, .category h1, .archive h1 {background:none; font-size:36px;line-height:34px; padding-top:0; margin: 0;} } /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- */ .mapcanvas {width:99%; height:500px; margin: 0 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%; margin-bottom:40px;} .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} @media (max-width: 1200px) { .directions_form .saddr{float:left; width:65%; padding:10px} .directions_form .dbtn {float:right; width:25%; border:0; padding:10px;} #main .aside_inner .directions_form .saddr {width:100%;} #main .aside_inner .directions_form .dbtn {width:100%;} } @media screen and (max-width: 990px) { .directions_form .saddr{width:60%;} .directions_form .dbtn {width:30%;} #main .aside_inner .directions_form .saddr {width:100%;} #main .aside_inner .directions_form .dbtn {width:100%;} } @media screen and (max-width: 768px) { .directions_form .saddr{width:100%;} .directions_form .dbtn {width:100%;} .mapcanvas {height: 300px;} #main .aside_inner .directions_form .saddr {width:100%;} #main .aside_inner .directions_form .dbtn {width:100%;} } /* = 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; } }