/** * Theme Name: Houston Hernia Custom 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 ** houstonhernia.com ** */ html {background:#ffffff;} body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#000; font-size:17px; line-height:27px;} h1, h2, h3, h4, h5, h6 { margin:20px 0 30px; padding:0; color:#173f6d; font-weight:normal; text-transform:capitalize} H1{font-size:40px;line-height:40px} H2{font-size:30px;line-height:30px} 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 30px;} .home h2.topheader {font-size:40px; line-height:40px;} .home h1 + p {font-size:24px; line-height:24px; color:#4598b3;} .home h1.topheader {margin:0 0 30px;} #bottom_testimonials h2 + p {font-size:24px; line-height:24px; color:#4598b3;} #bottom_testimonials h2.topheader {margin:0 0 30px;} @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;} .home h2.topheader {font-size:26px; line-height:26px;} .home h1 + p {font-size:20px; line-height:20px;} } .goog-te-gadget-simple { font-size: 10pt; display: inline-block; padding-top: 1px; padding-bottom: 2px; cursor: pointer; background:#4598b3!important; color:#fff!important; position:relative; font-size: 19px; padding:8px 10px!important; zoom: 1; } .goog-te-gadget-simple a{color:#fff!important;font-size:16px} .goog-te-gadget img{background:none!important;color:#fff!important} .goog-te-gadget-simple .goog-te-menu-value span {text-decoration: none;color: #fff!important;} ul, ol{ padding:0 0 0 30px; margin:0 0 40px; list-style:outside;} a {color:#4598b3; text-decoration:none} a:hover {color:#173f6d; 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: 40px 0;} hr.clear { border: 0 none;height: 1px;margin: 0; clear:both} hr.spacer {border: 0 none;height: 40px;margin: 0;} hr + .htag { margin-top: 40px; /* all headers followed by an HR get their margins redone */ } p, .rowlikep {margin:0 0 30px} .spacer {clear:both;} blockquote {border-left:10px solid #CCC; font-style:italic;padding:0 32px; margin:0 0 40px} /*blockquote p {text-align:justify}*/ /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px} .btn.btnc, .btn.btnc::before { background:#173f6d; color:#FFF; font-size:18px; padding:15px 20px; text-decoration:none; border:0; border-radius:0; cursor:pointer; } .btn.btnc:hover {background:#4598b3; color:#FFF; text-decoration:none} .btn.btn2 {background:#4598b3;} .btn.btn2:hover {background:#173f6d;} .blue-btn {background:#4598b3; color:#FFF; font-size:18px; padding:15px 20px;} /* SMALL LINE */ .small_line {color: #173f6d; display: block; width: 45px; height: 2px; background: #173f6d; margin: 15px 0 25px; text-indent: -9999px;} /* = Topbar -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ #header_top {background:#f0f0f0; padding:0; text-align:right;} #header_top p {margin:0;} #header_top .btn {padding-top:10px;padding-bottom:10px;float: right;} #header_top .first {margin-left:-3px;} @media screen and (max-width:460px){ #mobile{clear:both} #header_top .btn{float:none} } @media screen and (max-width: 992px) { #header_top {text-align: center;} } @media screen and (max-width: 768px) { #header_top {text-align:center;} } /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** houstonhernia.com ** */ #header {background:#ffffff; padding:20px 0;} #header #logo img {max-width:100%;} #header .topright {padding-top:20px;} #header .tel_holder {text-align:right; display:inline-block; margin-right:40px;} #header address {display:inline-block; margin:0; font-size:14px; line-height:20px; color:#010101; background:url(images/structure/location_icon.jpg)top right no-repeat; padding:0 63px 0 0;} #header address a {color:#000; font-weight:700;} #header address a:hover {color:#4598b3;} #header .tel {font-size:28px; color:#0f325a; background:url(images/structure/tel_icon.jpg)top left no-repeat; padding:3px 0 5px 30px; display:block;} #header .tel:hover {color:#4598b3;} #header .numbers {font-size:16px; line-height:16px; color:#0f325a;} @media screen and (max-width: 992px) { #header .tel_holder {text-align:center;} } @media screen and (max-width: 768px) { #header .tel_holder {display:block; margin-right:0;} #header address {margin:10px auto 0;; background: none; padding: 0} #header .tel {background: none; padding: 0; margin: 10px auto 0} } @media screen and (max-width: 450px) { #header #logo img {max-width: 250px;} #header .tel {background: none; padding: 0;} } /* = Sticky Top Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** houstonhernia.com ** */ .am-sticky-toprow {background: #f0f0f0; color:#183a60; font-size: 18px;} .am-sticky-toprow address {display:inline; margin:0;} .am-sticky-toprow a {color:#183a60;} .am-sticky-toprow a:hover {color:#4598b3;} .am-sticky-mainrow {background: #fff} @media screen and (max-width: 992px) { #sticky-side-panel-logo {text-align:center;} } /* Menu Items */ .am-sticky-mainmenu > li > a {color: #183a60; font-size: 15px} .am-sticky-mainmenu > li > a:hover {color: #4598b3} /* Submenu */ .am-sticky-mainmenu li li a {background: #4598b3} .am-sticky-mainmenu li li a:hover {background: #4598b3} .am-sticky-mainmenu li li a {color: #fff} .am-sticky-mainmenu li li a:hover {color: #183a60} /* Accodion Menu */ .am-sticky-accordion ul li a {height: auto; line-height: 24px; padding: 7px 0} .am-sticky-accordion > li > a {color: #183a60} .am-sticky-accordion > li > a:hover {color: #4598b3} /* Sub menu */ .am-sticky-accordion > li li a {background: none} .am-sticky-accordion > li li a:hover {background: none} .am-sticky-accordion > li li a {color: #183a60} .am-sticky-accordion > li li a:hover {color: #4598b3} /* Side panel */ .am-sticky-side-panel {background: #fff} .am-sticky-iconsnav a {color: #183a60} .am-sticky-iconsnav a:hover {color: #4598b3} .am-sticky-svg {height: 24px; width: 24px;} @media screen and (max-width: 992px) { .sticky-side-panel-lefteditable {display: none;} } /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ #navigation {background:#183a60; border-bottom:0; overflow: visible } /* Dropdown Style */ #mainmenu{margin:0; float:left;} #mainmenu>li>a{font-size:13px;line-height:13px;padding:26px 33px; color:#fff;text-transform: uppercase; font-weight:700; /* background:url(images/structure/nav_divider.jpg) center right no-repeat; */} #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:#4598b3; 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:#fff;font-size:14px;padding:8px 16px;margin:0;background:#4598b3} #mainmenu li ul a:hover{color:#183a60;background:#4598b3} @media screen and (max-width: 1280px) { #mainmenu>li>a{padding:26px 28px;} } @media screen and (max-width: 1200px) { #mainmenu>li>a{padding:26px 18px;} } /* 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:#fff; 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:auto; line-height:24px; border-bottom:1px solid #284f7a;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#fff; padding: 7px 20px 7px 0} #mainmenu_accordion>li>ul>li a:hover {color:#4598b3;} #mainmenu_accordion>li>ul>li li a { background:#183a60; padding:7px 0 7px 40px;} #mainmenu_accordion>li>ul>li li li a {background:#183a60; padding:0 0 0 50px;} #mainmenu_accordion>li>ul>li li li li a {background:#183a60; 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;} /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ #graphic {background:0;} #graphic .container {padding:0;} .carousel-inner {width:100%; 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:#d7dcdf} @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:10%; right:0; left:0; bottom:0; text-align:left; padding:0 25px; max-width:1280px; display:block; margin:0 auto;} .carousel-caption > * {color:#572600; text-shadow: 3px 3px 4px rgba(193, 207, 217, 1);} .carousel-caption .title {color:#173f6d; font-size:50px; line-height:52px; margin:20px 0 20px 0; text-transform:uppercase; font-weight:900;} .carousel-caption .title small {font-size:31px; line-height:31px; font-weight:400; display:block;} .carousel-caption p {font-size:18px; line-height:28px; margin:0;} @media screen and (max-width: 1280px) { .carousel-caption .title {font-size:45px; line-height:45px;} .carousel-caption .title small {font-size:26px; line-height:26px;} } @media screen and (max-width: 992px) { .carousel-caption {position:relative; text-align:center; padding:20px 20px 50px; background:#d7dcdf;} .carousel-caption .title {font-size:30px; line-height:30px;margin-top:0!important;color:#173f6d!important;} .carousel-caption p {font-size:16px; line-height:24px;} } @media screen and (max-width: 768px) { .carousel-caption .title {font-size:26px; line-height:26px;} .carousel-caption .title small {font-size:20px; line-height:30px;} } /* -- INDICATORS -- */ .carousel-indicators li {border:1px solid #fff; background:#fff;} .carousel-indicators li.active {border:1px solid #4598b3; background:#4598b3;} ol.carousel-indicators {margin-bottom:0; bottom:333px} @media screen and (max-width: 1900px) { ol.carousel-indicators {bottom:147px} } @media screen and (max-width: 1280px) { ol.carousel-indicators {bottom:10px} } /* -- 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: 100; } /* 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); } } #header_alert {color:#fff; padding:40px 0; position:relative; margin-top:-333px; z-index:10} #header_alert p {margin:0; font-size:20px; line-height:30px; font-weight:400;} #header_alert a {color:#ffb717;} #header_alert a:hover {color:#fff;} #header_alert img {margin:0 20px 0 0;} @media screen and (max-width: 1900px) { #header_alert {margin-top:-147px;} } @media screen and (max-width: 1280px) { #header_alert {margin-top:0;} } @media screen and (max-width: 768px) { #header_alert p {font-size:16px; line-height:26px;} } #header_procedures {padding:20px 0; position:relative; z-index:10} #header_procedures h2 {margin:0; font-size:17px; line-height:17px; color:#173f6d; text-transform:uppercase; letter-spacing:3px; font-weight:700;} #header_procedures .small_line {margin: 22px 0 11px;} @media screen and (max-width: 992px) { #header_procedures {background:#f1f1f1;} #header_procedures img {display:block; margin:5px auto;} } /* = Main Section -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ .am_social_follow_pack {float: left; margin-top: 7px;} .am-sticky-toprow .am_social_follow_pack { margin-top: 0;} #main {background: #fff; padding:70px 0;} .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top:0} .main_aside .first .htag {margin:0 0 60px} .home #breadcrumbs {display: none;} .addthis_toolbox {margin: 0 0 30px;} #calculator {border: 2px solid #E4E4E4; border-radius: 7px; padding: 15px;} #calculator img {display: block; margin: 10px auto;} #calculator form {text-align: center;} #calculator form .btn {margin-top: 15px;} #inside-banner .container, #banner-2 .container, #banner-3 .container, #banner-4 .container {width: 100%; padding: 0; max-width:2560px} #inside-banner img, #banner-2 img, #banner-3 img, #banner-4 img {width: 100%;} #main article ul li {margin-bottom: 15px;} .faqs li {margin: 0 0 -1px 0!important} .faqs .trigger-styled {padding: 7px 0; font-size: 20px} #breadcrumbs a {color: #4598b3;} #breadcrumbs a:hover {color: #183a60;} #call-to-action {background: #e4e4e4; padding: 20px} #call-to-action h2 {margin: 30px 0;} .post-type-archive-testimonials .result_data {display: none;} .animated-procedures img {border: 1px solid #d2d2d2;} a[href$=".pdf"] {background: rgba(0, 0, 0, 0) url(images/structure/page_white_acrobat.png) no-repeat left center; padding-left: 30px;} /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ #bottom_dr {padding:100px 0; color:#fff;} #bottom_dr h2 {color:#fff;} #bottom_dr img {margin-bottom: 20px;} @media screen and (max-width: 992px) { #bottom_dr {padding:60px 0} } #bottom_associates {padding:60px 0; background:#fff;} #bottom_associates p {margin:0;} #bottom_testimonials {background:#f4f4f4; padding:60px 0;} #bottom_testimonials .drbase {float:right;} @media screen and (max-width: 768px) { #bottom_testimonials .drbase {float:none;} } #bottom_contact {padding:100px 0;} #bottom_contact h2 {color:#fff;} @media screen and (max-width: 992px) { #bottom_contact {padding:60px 0} } /* Specials Signup Gravity Forms Overwrites*/ #bottom_contact #input_3_1 {width:345px!important; height:45px; border:2px solid #b1aba7!important;} #bottom_contact .form-control {background:#e2e7ed; padding:15px 15px!important; box-shadow:none; height:50px;} #bottom_contact .gform_wrapper .ginput_container input {height:70px!important; width:40%!important; padding:6px 12px!important;} #bottom_contact .gform_wrapper .ginput_container textarea {float:right; width:50% !important; margin:-172px 110px 0 0!important; padding: 6px 12px !important; height:155px !important; } #bottom_contact .gform_wrapper .ginput_container select {float:right; width:50% !important; margin:-259px 110px 0 0!important; padding: 6px 12px !important; height:70px !important; background:#408eaa; color:#fff;} /*-- form footer styles --*/ #bottom_contact .gform_wrapper .gform_footer {padding:0!important; text-align:right; margin-top:-45px; width:124px; float:right;} #bottom_contact .gform_button {padding:11px 20px; background:#4598b3; margin-top:-377px;} #bottom_contact .gform_button:hover {background:#173f6d;} @media screen and (max-width: 1200px) { #bottom_contact .gform_wrapper .gform_footer {text-align:center; margin-top:20px;} #bottom_contact #input_3_1 {width:100%!important;} } @media screen and (max-width: 1280px) { #bottom_contact .gform_wrapper .ginput_container textarea {width:49% !important;} #bottom_contact .gform_wrapper .ginput_container select {width:49% !important;} } @media screen and (max-width: 1200px) { #bottom_contact .gform_wrapper .ginput_container textarea {width:47% !important;} #bottom_contact .gform_wrapper .ginput_container select {width:47% !important;} #bottom_contact .gform_button {margin-top:-506px;} } @media screen and (max-width: 992px) { #bottom_contact .gform_wrapper .ginput_container input {width:100%!important;} #bottom_contact .gform_wrapper .ginput_container textarea {float:none; width:100% !important; margin:0 0 0 0!important;} #bottom_contact .gform_wrapper .ginput_container select {float:none; width:100% !important; margin:0 0 0 0!important;} #bottom_contact .gform_button {margin-top:0;} } /*-- removes blue border glow on focus on inputs --*/ #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_contact .gform_wrapper .ginput_container input::-webkit-input-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea::-webkit-input-placeholder { color: #000000; font-size:14px; text-transform:uppercase; } #bottom_contact .gform_wrapper .ginput_container input:-moz-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea:-moz-placeholder { /* Firefox 18- */ color: #000000;font-size:14px; text-transform:uppercase; } #bottom_contact .gform_wrapper .ginput_container input::-moz-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea::-moz-placeholder { /* Firefox 19+ */ color: #000000;font-size:14px; text-transform:uppercase; } #bottom_contact .gform_wrapper .ginput_container input:-ms-input-placeholder, #bottom_contact .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #000000;font-size:14px; text-transform:uppercase; } #bottom1 {background:#081a2e; padding:60px 0; font-size:14px; line-height:26px; color:#fff; line-height:30px;} #bottom1 address {line-height:30px;} #bottom1 a {color:#fff; font-weight:400;} #bottom1 a:hover {color:#4598b3} #bottom1 h3 {margin:0 0 20px; padding:0; font-size:22px; text-transform:uppercase; color:#4598b3} #bottom1 ul {list-style:none outside; margin:0; padding:0;} #bottom1 .mapimg {height:220px;} /* = Footer Section -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ #footer {background:#061527; padding:20px 0; color:#FFF; font-size:14px;} #footer a {color:#FFF} #footer a:hover {color:#4598b3} #footer a.plate {color:#4598b3} #footer a.plate:hover {color:#fff} #footer ul {margin-bottom:10px} /* = Back to top -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ .backtotop.styled { position:fixed;bottom:20px;right:20px;width:60px;height:50px; color:#FFF;font-weight:bold; font-size:30px;line-height:50px; display:none; text-align:center;background-color:#408eaa; border:1px solid #408eaa; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Forms -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ /* 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} /* Double column layout for short contact */ .gform2col .gform_wrapper .gfield { width:49.5% } .gform2col .gform_wrapper .ginput_container input.form-control {height:50px;} .gform2col .gform_wrapper .textarea_wrapper { float:right; margin-top:-192px} .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:181px} .gform2col .gform_button {/* display:block!important;*/max-width:300px; margin:0 auto; float:none} @media (max-width: 560px) { .gform2col .gform_wrapper .gfield { width:100%} .gform2col .gform_wrapper .textarea_wrapper { width:100%; margin-top:0;float:left } } /* = Blog Section -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ .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:none; list-style: none outside; padding:10px 0 0 ; clear:both;} .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 -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ .mapcanvas {float:left; 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%} .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 only screen and (max-width: 991px) { .directions_form .saddr{width:100%;} .directions_form .dbtn {width:100%; margin-top: 10px;} .mapcanvas {height: 300px; margin: 20px 0;} } /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ /* change the gutter widths to 25px. Essentially making them 50px in between columns */ .row { margin-left: -25px; margin-right: -25px; } .col-xs-25, .col-md-25, .col-lg-25, .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, .fwpadded { padding-left:25px; padding-right:25px} /* Change the width of the container for med screens*/ @media (min-width: 1280px) { .container { width: 1280px; } } /* = Framework overwrites -------------------------------------------------------------------------------------------------------------------- ** houstonhernia.com ** */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; }