/** * Theme Name: Smile Texas 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 ** smiletexas.com ** */ html {background:#ffffff;} body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#282d31; font-size:18px; line-height:35px} h1, h2, h3, h4, h5, h6 { margin:20px 0 30px; padding:0; color:#3f4143; font-weight:normal; text-transform:uppercase;letter-spacing:8px} h1>span, h2>span {font-size:27px;text-transform:none;color:#355787;letter-spacing:0} H1{font-size:46px;line-height:46px} H2{font-size:40px;line-height:40px} H3{font-size:36px;line-height:36px} H4{font-size:32px;line-height:32px} H5{font-size:28px;line-height:28px} H6{font-size:24px;line-height:24px} .topheader {margin:0 0 35px;} .home h2.topheader {font-size:36px; line-height:38px;} @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;} } ul, ol{ padding:0 0 0 30px; margin:0 0 40px; list-style:outside;} a {color:#355787; text-decoration:none} a:hover {color:#2fbbed; 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 {text-align: center;border:0;clear:both;margin:40px auto;border-top:1px solid #c0c0c0;} hr.clear { border: 0 none;height: 1px;margin: 0; clear:both} hr.spacer {border: 0 none;height: 40px;margin: 0} hr.spacer.short {height: 20px} hr.centered {max-width:400px; width: 50px;margin: 20px auto; border-color: #959595;} hr.left {max-width:150px; margin-left:0} hr.smallmargin {margin: 20px 0;} hr + .htag { margin-top: 40px; /* all headers followed by an HR get their margins redone */ } hr[class*="fa-"]::before {background: #355787 none repeat scroll 0 0; display: inline-block; font-family: FontAwesome; font-size: 30px; padding: 5px 40px; position: relative; top: -20px; color: #fff;} p, .rowlikep {margin:0 0 35px} 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:#355787; color:#FFF; padding:15px 20px; text-decoration:none; border:0; border-radius:0; cursor:pointer; text-transform:uppercase;} .btn.btnc:hover {background:#2fbbed; color:#FFF; text-decoration:none} .home #breadcrumbs {display:none;} /* SMALL LINE */ .small_line {color: #355787; display: block; width: 55px; height: 5px; background: #355787; margin: 15px auto 25px; text-indent: -9999px;} /* fancy lines before/after an element */ .linetop::before{content:' ';display:block;margin:0 0 20px;max-width:60px;border-top:4px solid #4b4f4f} .linebottom::after{content:' ';display:block;max-width:150px;border-top:1px solid #777; margin: 20px 0;} .home .hline_right {position:relative;z-index:0; margin:-108px 0 140px;width:150%;margin-left:88%;overflow:hidden;border-color:#e1d4ba;} .home .hline_left {position:relative;z-index:0;margin:73px 0 -54px;width:150%;margin-left:-137%;overflow:hidden;border-color:#e1d4ba;} .no_padding{padding: 0 !important;} @media screen and (max-width:992px){ .home .hline_right, .home .hline_left {display:none} } /* = Topbar -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #topbar {background:#eaf2f9; padding:10px;} #topbar .addresses { font-size:18px; text-transform:uppercase; text-align:right;color:#000; margin:0} #topbar .addresses li {padding-left:20px} #topbar .addresses .tel { font-weight:bold; color:#4c85c5} #topbar .addresses .bottom { font-size:14px} @media screen and (max-width: 780px) { #topbar .addresses {text-align:center} #topbar .addresses { font-size:14px;} #topbar .addresses .bottom { display:none} } /* = Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** smiletexas.com ** */ #mainheader {float:none} #header {background:#ffffff;} #header .gold_box{background: #9f8339; height: 175px;} .firefox .gold_box{background: #9f8339; height: 172px;} #header #schedule_btn{font-size: 24px; padding: 5px 25px; margin-top: -8px; text-transform: capitalize;} #header #logo img {max-width:100%;} #header .topright {padding:16px 30px 0;font-size:24px;color:#6d6d6d; margin-right: 75px;} #header .topright strong {color:#FFF;} #header .tel{margin-top: 5px;} #header .tel strong {color:#355787;font-size:32px;background:url(images/structure/phone_icon.png) left no-repeat;padding:0 0 0 35px;} #header .tel strong:hover {color:#2fbbed} #header .cta {display:inline-block;padding-right:10px} #header p {display:inline-block;margin:0} #header hr.t-right {width:79%;margin: 12px 0 5px 360px;} .am-social-svg .svg-shape {stroke:#355787;stroke-width:2px} @media screen and (max-width:2250px){ #header hr.t-right {width:85%; margin-left: 220px;} } @media screen and (max-width:2150px){ #header #logo{margin-top: 15px;} } @media screen and (max-width:2000px){ #header hr.t-right {width:100%; margin-left: 90px;} } @media screen and (max-width:1980px){ #header #logo{ margin-top: 25px;} } @media screen and (max-width:1650px){ #header #logo{margin-top: 35px;} } @media screen and (max-width:1451px){ #header #logo{margin-top: 0;} #header .gold_box{height: 100px;} #header hr.t-right {display:none} #header .topright {padding:20px 30px 0} #header #schedule_btn{font-size: 20px;} } @media screen and (max-width:1280px){ #header .topright {font-size:22px;padding:8px 20px 0} #header .tel strong {font-size:32px} #header #schedule_btn{margin-top:0;margin-bottom:4px} } @media screen and (max-width:1200px){ #header .topright {font-size:20px;} #header .tel strong {font-size:30px} } @media screen and (max-width:1103px){ #header .gold_box{height: auto;} #header .topright {font-size:18px;} #header .tel strong {font-size:28px} #header .cta {padding-right:5px} #header .topright {padding:30px 20px 0} #header #logo {padding:40px 30px 30px} #header #schedule_btn{font-size: 18px;} } @media screen and (max-width:992px){ #header .cta {padding:0} #header .topright {padding:30px 20px 0} } @media screen and (max-width:768px){ #header .topright {padding:30px 20px; margin-right: 0;} #header #logo {padding:0;} #header #logo img {max-width:100%; margin: 0 auto;} #header #schedule_btn{font-size: 15px; margin-right: 20px;} } @media screen and (max-width:558px){ #header #schedule_btn{margin-right: 0;} } /* = Sticky Top Header -------------------------------------------------------------------------------------------------------------------- Elements in the structure/header.php file ** smiletexas.com ** */ .am-sticky-mainrow .am-sticky-logo-img {display:inline-block} .am-sticky-toprow {background: #2899c2;font-size:16px} .am-sticky-mainrow {background: #FFFFFF} .am-sticky-toprow .am-sticky-right-info {color:#fff} .am-sticky-toprow .am-sticky-right-info a {color:#fff; font-size: 17px;} .am-sticky-toprow .am-sticky-right-info a:hover {color:#99e2fc} /* Menu Items */ .am-sticky-mainmenu > li > a {color: #423f41; font-size: 17px;} .am-sticky-mainmenu > li > a:hover {color: #2899c2} /* Submenu */ .am-sticky-mainmenu ul {width: 225px;} .am-sticky-mainmenu li li a {background: none; font-size: 15px;} .am-sticky-mainmenu li li a:hover {background: none} .am-sticky-mainmenu li li a {color: #fff} .am-sticky-mainmenu li li a:hover {color: #fff} /* Accodion Menu */ .am-sticky-accordion ul li a {height: auto; line-height: 24px; padding: 7px 0 7px 20px;} .am-sticky-accordion > li > a {color: #423f41; } .am-sticky-accordion > li > a:hover {color: #2899c2} /* 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: #fff} .am-sticky-accordion > li li a:hover {color: #fff} /* Side panel */ .am-sticky-side-panel {background: #fff} .am-sticky-iconsnav a {color: #423f41} .am-sticky-iconsnav a:hover {color: #fff} .am-sticky-nav-condenced a{color: #FFF;} @media screen and (max-width:1200px){ .am-sticky-mainmenu > li > a{font-size: 14px;} } @media screen and (max-width:992px){ #sticky-side-panel-logo {display:block;text-align:center;padding:10px 0 20px} .am-sticky-toprow {font-size:14px} } /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #navigation {background:#fff; border-bottom:0; overflow: visible} /* Dropdown Style */ #mainmenu{margin:0; float:left;} #mainmenu_med {float:right;margin:0 0 0} #mainmenu>li>a, #mainmenu_med>li>a, #bottom1 li>a{font-size:19px; line-height:19px;padding:40px 50px; color:#423f41;text-transform: capitalize; font-weight:normal; background:url(images/structure/nav_divider.jpg) center right no-repeat; } #mainmenu>li.first>a, #mainmenu>li:first-child>a, #mainmenu_med>li.first>a, #mainmenu_med>li:first-child>a, #bottom1 li.first>a, #bottom1 li:first-child>a{padding-left:0} #mainmenu>li.last>a, #mainmenu>li:last-child>a, #mainmenu_med>li.last>a, #mainmenu_med>li:last-child>a, #bottom1 li.last>a, #bottom1 li:last-child>a{background:0; padding-right:0; margin-right: 0;} #mainmenu>li:hover>a, #mainmenu_med>li:hover>a, #bottom1 li:hover>a {color:#355787; 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 li.first ul, #mainmenu_med li.first ul{margin-left: 0;} #mainmenu li ul li ul, #mainmenu_med li ul li ul{margin: 0;} #mainmenu ul, #mainmenu_med ul{width:225px;margin-top: 0; text-align: left; margin-left: 0px;} #mainmenu li li a, #mainmenu_med li li a{color:#fff;font-size:14px;padding:8px 16px;margin:0;background:#9f8339} #mainmenu li ul a:hover, #mainmenu_med li ul a:hover{color:#FFF;background:#355787} @media screen and (min-width:1451px){ #mainmenu {display:none!important} } @media screen and (max-width:1451px){ #mainmenu_med {display:none!important} #mainmenu {display:block!important} #navigation {border-top:1px solid #cbcbcb} #mainmenu ul, #mainmenu_med ul{margin-top:0;} } /* 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:#423f41; 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 #423f41;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#423f41; padding: 7px 0 7px 20px} #mainmenu_accordion>li>ul>li a:hover {color:#2899c2;} #mainmenu_accordion>li>ul>li li a { background:#FFF; color:#423f41; padding:7px 0 7px 40px;} #mainmenu_accordion>li>ul>li li a:hover { background:#FFF; color:#423f41;} #mainmenu_accordion>li>ul>li li li a {background:#FFF; color:#423f41; padding:7px 0 7px 50px;} #mainmenu_accordion>li>ul>li li li a:hover { background:#FFF; color:#423f41;} #mainmenu_accordion>li>ul>li li li li a {background:#FFF; color:#423f41; padding:7px 0 7px 60px;} #mainmenu_accordion>li>ul>li li li li a:hover { background:#FFF; color:#423f41;} /* 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 screen and (max-width:2250px){ #mainmenu_med>li>a {padding:40px 28px} } @media screen and (max-width:1845px){ #mainmenu_med>li>a {padding:40px 24px} } @media screen and (max-width:1773px){ #mainmenu_med>li>a {padding:40px 18px} } @media screen and (max-width:1665px){ #mainmenu_med>li>a {padding:40px 16px;font-size:17px} } @media screen and (max-width:1505px){ #mainmenu_med>li>a {padding:40px 14px} } @media screen and (max-width:1451px){ #mainmenu>li>a {padding:17px 34px;font-size:17px} } @media screen and (max-width:1200px){ #mainmenu>li>a {padding:17px 10px} } /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- ** smiletexas.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:none;} @media screen and (max-width: 768px) { .carousel-inner>.item>img {max-width:180%;margin-left:50px} } /*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; /*max-width:1280px; display:block; margin:0 auto;*/} .carousel-caption > * {color:#FFF; text-shadow:none;} .carousel-caption .title {color:#FFF;font-size:35px;line-height:35px;margin:0;padding:30px 0;text-transform:capitalize;} .carousel-caption p {font-size:30px; line-height:30px; margin:0;padding:30px 0 0} .carousel-caption .btn.btnc {font-size:16px;padding:10px 30px} .carousel-caption .cos-den, .carousel-caption .implants {background:#9f8339; border: solid 4px #FFF;} .carousel-caption .learn-btn {margin-bottom: 15px;} .carousel-caption .large_txt{font-size: 75px; font-weight: 400; margin-bottom: 20px; line-height: 90px; text-transform: capitalize; padding: 0 40px} .carousel-caption .large_subtxt{font-size: 60px; font-weight: 300; margin-bottom: 70px; text-transform: capitalize;} .btnline_right {display:inline-block;position:relative;z-index:0;width:32.5%;margin:0 0 5px;margin-left:6%;overflow:hidden;border-color:#84661a;} .btnline_left {display:inline-block;position:relative;z-index:0;width:32.5%;margin:0 0 5px;margin-right:6%;overflow:hidden;border-color:#84661a;} @media screen and (max-width:2360px){ .carousel-caption .large_txt{font-size: 70px; margin-bottom: 25px;} .carousel-caption .large_subtxt{font-size: 50px;} .carousel-caption .title {font-size: 30px; line-height: 30px;} } @media screen and (max-width:2240px){ .carousel-caption .large_txt{font-size: 65px; line-height: 75px; margin-bottom: 20px;} .carousel-caption .large_subtxt{font-size: 40px; margin-bottom: 50px;} .carousel-caption .title {font-size:30px} .carousel-caption p {font-size:28px} .carousel-caption {top:13%} } @media screen and (max-width:2090px){ .carousel-caption .title {font-size:28px; padding:25px 0} .carousel-caption p {font-size:26px; padding:20px 0} .carousel-caption {top:5%} } @media screen and (max-width:1960px){ #graphic {width: 115%; margin-left: -200px;} .carousel-caption .title {padding:20px 0; font-size:24px;} .carousel-caption p {padding:20px 0} .carousel-caption {top:5%} } @media screen and (max-width:1840px){ #graphic {width: 115%; margin-left: -200px;} .carousel-caption .large_txt {font-size: 55px; line-height: 70px; margin-bottom: 0;} } @media screen and (max-width:1750px){ .carousel-caption .title {padding:15px 0;font-size:33px} .carousel-caption p {font-size:24px} .carousel-caption {top:10%} } @media screen and (max-width:1585px){ #graphic {width: 130%; margin-left: -350px;} .carousel-caption .large_txt{margin-bottom: 15px;} .carousel-caption .large_subtxt{margin-bottom: 20px;} .carousel-caption .title {padding:10px 0;font-size:30px} .carousel-caption p {font-size:22px;padding:15px 0} } @media screen and (max-width:1440px){ .carousel-caption p {font-size:20px} .carousel-caption {top:10%} .carousel-caption .btn.btnc {font-size:16px} } @media screen and (max-width:1365px){ .carousel-caption {top:12%} .carousel-caption .title {font-size:20px;padding:5px 0} .carousel-caption .btn.btnc {padding:8px 25px; font-size: 15px;} } @media screen and (max-width:1280px){ .carousel-caption .large_txt{font-size: 45px; margin-bottom: 10px; line-height: 50px} .carousel-caption .large_subtxt{font-size: 25px; margin-bottom: 5px;} .carousel-caption p {font-size:18px;line-height:25px} .carousel-caption {top:12%} } @media screen and (max-width:1200px){ .carousel-caption .learn-btn {background:0} .carousel-caption .btn.btnc {font-size: 16px; padding:15px 35px} .carousel-caption .title {font-size: 15px; padding:0} .carousel-caption p {padding:10px 0} .carousel-caption {top:12%} } @media screen and (max-width:1115px){ .carousel-caption p {font-size:16px;line-height:20px} .carousel-caption {top:12%} } @media screen and (max-width: 992px) { #graphic {width: 100%; margin: 0;} #graphic img {width: 200%; max-width:180%; margin-left: -50px;} .carousel-caption .large_txt{font-size: 35px; line-height: 40px;} .carousel-caption {position:relative; text-align:center;padding:20px 0; background: #000} .carousel .container {width:100%} #caption_txt_box [class*='col']{display:none} .carousel-caption .title {font-size:30px; line-height:30px;padding:15px 0} .carousel-caption p {font-size:16px; line-height:24px;padding:15px 0} .carousel-caption .learn-btn{margin: 20px 0;} .carousel-caption .learn-btn a{margin: 10px 0;} .carousel-caption .cos-den, .carousel-caption .implants {background:#c59e35; border: none; border-radius: 10px; margin-top: 20px;} } @media screen and (max-width: 768px) { .carousel-caption .title {font-size:28px; line-height:32px;} .carousel-caption p {font-size:15px; line-height:24px;} } @media screen and (max-width: 400px) { #graphic img {margin-left: -350px; max-width: 350%; width: 350%} } /* -- INDICATORS -- */ .carousel-indicators{width: 65%; text-align: right; display: none;} .carousel-indicators li {border:1px solid #fff; background:#fff; height: 15px; width: 15px; margin: 0 5px;} .carousel-indicators li.active {border:1px solid #355787; background:#355787; height: 15px; width: 15px; margin: 0 5px;} ol.carousel-indicators {margin-bottom:0;} @media screen and (max-width: 992px) { .carousel-indicators{text-align: center; width: 60%;} ol.carousel-indicators {margin-bottom: -10px;} .carousel-indicators li {margin: 0 2px;} .carousel-indicators li.active {margin: 0 2px;} } /* -- 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); } } /* = Patient Photos -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ /* #patient_photos{background: #efe9dd; padding: 50px 0;} */ #patient_photos{background: #ffffff; padding: 50px 0;} #patient_photos .img_col img{width: 100%;} #patient_photos .img_col{width: 25%; float: left; margin: 0 auto; display: block;} #patient_photos .img_col_stack {width: 33.33%; float: left;} @media screen and (max-width: 1280px) { #patient_photos .img_col_stack {width: 100%; float: none;} #patient_photos .img_col img{width: 100%; padding: 2px;} } /* = Patient Photos -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ .mobilehighlights, .mobilehighlights ul {list-style:none; padding: 0; margin:0} .mobilehighlights {margin: 40px 0 0} .mobilehighlights a {display: block; background:#9F8339; color: #FFF; padding:3px 10px; border-bottom: 1px solid #FFF } .mobilehighlights li li a {padding-left:20px; background:#876d2d} /* = Patient Experiences -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #patient-experience {padding:90px 0;font-size:32px} #patient-experience .hline_left{margin-bottom: -62px;} #patient-experience .hline_left ,#patient-experience .hline_right{border-top: 1px solid #e1d4ba;} #patient-experience .hline_right{margin-top: -120px; margin-bottom: 160px;} #patient-experience h2.topheader {font-size:73px; text-transform: capitalize; font-weight: 200;} #patient-experience span{font-weight: 300; display: block; margin-top: 30px;} #patient-experience span.author {font-size:18px;color:#5f5f5f;text-transform:uppercase;display:block;letter-spacing:2px;margin-top:40px} #patient-experience .review {margin-top:20px} #patient-experience .btn.btnc {font-size:24px;padding:25px 45px;margin:0 20px;} #patient-experience .quote {max-width:155%} @media screen and (max-width:1500px){ #patient-experience h2.topheader {font-size:45px;line-height:45px} #patient-experience .hline_right{margin-top: -134px;} } @media screen and (max-width:1280px){ #patient-experience h2.topheader {font-size:40px;line-height:40px} #patient-experience {font-size:30px} #patient-experience .btn.btnc {font-size:22px} } @media screen and (max-width:1200px){ #patient-experience h2.topheader {font-size:35px;line-height:35px} #patient-experience h2>span {font-size:24px} #patient-experience {font-size:25px} #patient-experience .btn.btnc {font-size:20px} } @media screen and (max-width:992px){ #patient-experience h2.topheader {font-size:30px;line-height:30px;margin:0} #patient-experience {font-size:23px} #patient-experience span.author {margin-top:35px} #patient-experience .btn.btnc {font-size:18px; margin: 10px auto; display: block; width: 75%;} #patient-experience h2>span {font-size:20px} } @media screen and (max-width:768px){ #patient-experience h2.topheader {font-size:26px;line-height:26px;letter-spacing:5px} #patient-experience h2>span {font-size:18px;line-height:18px} #patient-experience {font-size:20px;padding:50px 0} #patient-experience span.author {font-size:16px;margin-top:20px} #patient-experience .btn.btnc {font-size:16px;} } @media screen and (max-width:651px){ #patient-experience .btn.btnc {margin-top:10px; width: 100%;} } /* = Specialties -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #specialties {padding:90px 0;font-size:38px;min-height:935px} #specialties p{margin-left: 75px;} #specialties .info p{font-weight: 200;} #specialties #specialties_link_wrapper{margin-left: 100px; width: 1085px;} #specialties .hline_left ,#specialties .hline_right{border-top: 1px solid #bea776;} #specialties .hline_left{margin-bottom: -62px; width: 158%;} #specialties .hline_right{margin-left: 80%; margin-top: -120px; margin-bottom: 160px;} #specialties h2.topheader {font-size:73px; font-weight: 200; text-transform: capitalize;} #specialties h2>span {color:#3f4143; font-weight: 400; display: block; margin:30px auto 0; max-width:700px} #specialties a#cos, #specialties a#implant {color:#140805;font-weight:300;font-size:45px;} #specialties a#cos:hover, #specialties a#implant:hover {cursor:pointer} #specialties a#cos {font-weight:400} #specialties ul {padding:0} #specialties li {list-style:none;background:#9f8339;padding:20px;} #specialties li a {font-size:22px;text-transform:uppercase;color:#fff} #specialties #implantboxes {display:none} #specialties .links li:nth-of-type(odd) {background:#b39954} #specialties li:hover, #specialties li:nth-of-type(odd):hover {background:#355787} .chrome #specialties ul a>span {padding:23.5px 35px} #specialties ul a>span {padding:22px 35px;float:right;display:block;margin:-20px;background:#b29c61;} #specialties ul li:nth-of-type(odd) a>span {background:#c2ad76;} #specialties ul li:hover a>span, #specialties ul li:hover a>span:nth-of-type(odd) {background:#3375b2} .chrome #specialties .info {padding:70px;min-height:385px;} #specialties .info {min-height:375px;padding:67px;display:none;background:#4d493f;color:#fff;margin-left:-25px;font-size:21px;line-height:35px} .chrome #specialties .btn.btnc {margin:61px -70px -70px 70px} #specialties .btn.btnc {position:relative;margin:58px -68px -68px 70px;float:right;font-size:24px;padding:15px 55px} #specialties p {margin:0} #specialties .tst{display: block;} @media screen and (max-width:2000px){ #specialties .hline_left{width: 151%;} #specialties h2>span{font-size: 22px;} } @media screen and (max-width:1500px){ #specialties .hline_right{margin-top: -134px; margin-left:88%} #specialties h2.topheader {font-size:45px;line-height:45px} } @media screen and (max-width:1280px){ #specialties h2.topheader {font-size:40px;line-height:40px;} #specialties {font-size:30px} .chrome #specialties .btn.btnc {margin:119px -40px -40px 40px} #specialties .btn.btnc {margin:65px -64px -76px 70px;font-size:22px;} #specialties a#cos, #specialties a#implant {font-size:40px} .chrome #specialties ul a>span {padding:22px 35px} #specialties ul a>span {padding:21px 35px} #specialties li a {font-size:20px} .chrome #specialties .info {padding:40px;} #specialties .info {min-height:365px;padding:64px;font-size:19px;} #specialties .hline_right{margin-left: 80%;} } @media screen and (max-width:1200px){ #specialties {font-size:35px;line-height:35px} #specialties h2>span {font-size:22px} #specialties {font-size:25px} .chrome #specialties .btn.btnc {margin:117px -40px -85px 40px} #specialties .btn.btnc {font-size:20px;margin:68px -49px -76px 70px} #specialties a#cos, #specialties a#implant {font-size:35px} .chrome #specialties ul a>span {padding:21.5px 35px} #specialties ul a>span {padding:21px 35px} #specialties li a {font-size:18px} .chrome #specialties .info {min-height:390px} #specialties .info {min-height:387px;padding:50px} #specialties #specialties_link_wrapper{margin-left: 60px;} } @media screen and (max-width:992px){ #specialties h2.topheader {font-size:30px;line-height:30px;margin:0 0 40px} #specialties {font-size:23px;min-height:initial} #specialties a#cos, #specialties a#implant {font-size:30px} #specialties p{text-align: center;} #specialties .info{margin: 0 25px;} #specialties #specialties_link_wrapper{margin: 0; width: 100%;} #specialties .btn.btnc{margin: 175px auto 0 auto; display: block; float: none; width: 50%;} .chrome #specialties .btn.btnc{margin: 175px auto 0 auto; display: block; float: none; width: 50%;} } @media screen and (max-width:768px){ #specialties {padding:50px 0} #specialties h2.topheader {font-size:26px;line-height:26px;letter-spacing:5px} #specialties ul a>span {display:none} } #call-to-action p {margin:0 0 5px} /* = Main Section -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #main {background: #fff; padding:90px 0;} .home #main {background:url(images/structure/main_bkg.jpg) center no-repeat;background-attachment:scroll;background-size:cover;text-transform:uppercase;font-size:18px;color:#4a4a4a;padding:90px 0 70px} .inside #main {background:url(images/structure/main_bg.jpg) center center no-repeat; background-size: cover; padding:25px 0 80px 0; background-attachment: fixed} .home #main span{font-weight: 400; display: block; margin-top: 30px;} .home #main .hline_left{margin-bottom: -62px;} .home #main .hline_left ,.home #main .hline_right{border-top: 1px solid #ddd0b5;} .home #main h1.topheader {font-size:73px; font-weight: 200; text-transform: capitalize;} .home #main .hline_right {margin:-127px 0 137px;margin-left:88%} .home #main .carousel-inner>.item {background:0} .home #main .carousel-indicators li {border:1px solid #9f8339; background: #9f8339; height: 15px; width: 15px; margin: 0 5px;} .home #main .carousel-indicators li.active {border:1px solid #355787; background:#355787; height: 15px; width: 15px; margin: 0 5px;} .home #main ol.carousel-indicators {bottom:-10%; width: 60%; text-align: center;} .home #main img {margin-top:20px} #main aside {margin-top: -36px;} #addthis-widget-2 {text-align:center; margin-bottom: 20px;} #addthis-widget-2 a {float:none;} p.addthis-header { font-size: 20px; color: #5C5C5C; margin: 0;} @media screen and (max-width:1500px){ .home #main h1.topheader {font-size:45px;line-height:45px} .home #main .hline_right {margin:-143px 0 137px;margin-left:88%} } @media screen and (max-width:1280px){ .home #main h1.topheader {font-size:40px;line-height:40px} .home #main {font-size:16px} .home #main .hline_right {margin:-132px 0 137px;margin-left:88%} } @media screen and (max-width:1200px){ .home #main h1>span {font-size:22px} } @media screen and (max-width:992px){ #main aside {margin-top: 0;} .home #main h1.topheader {font-size:30px;line-height:30px;margin:0 0 40px} .home #main ol.carousel-indicators {bottom:-15%} .home #main .carousel-indicators li {margin: 0 2px;} .home #main .carousel-indicators li.active {margin: 0 2px;} } @media screen and (max-width:768px){ #main {padding:50px 0} .inside #main{padding: 0;} .home #main h1.topheader {font-size:26px;line-height:26px;letter-spacing:5px} .home #main ol.carousel-indicators {bottom:-10%} } .inside #header .gold_box{background: #9f8339; height: 173px;} .inside #header .firefox .gold_box{background: #9f8339; height: 172px;} .inside #main > .container{background: rgba(255, 255, 255, .9);} @media screen and (min-width: 1650px) { .inside #main > .container{padding:0 200px 50px 200px; } } .home h1 span {color: #3f4143; display: block; font-weight: 400; margin-top: 30px;} .inside h1 {color: #4d493f; font-size: 44px; /*height: 270px;width: 1230px;*/ text-transform: capitalize; letter-spacing: 0;} .inside h1+h2.subheader, .inside h1+h2.subheader.subhalf {color: #355787; font-size: 40px; line-height: 50px; text-transform: none; letter-spacing: 0; /*margin: -230px 0 100px; */height: auto; padding-bottom: 10px; margin-bottom: 5px; width: 825px; /*border-bottom: 1px solid #c0c0c0;*/} /*.inside h1+h2.subheader.subhalf {width: 600px; font-size: 58px; line-height: 68px; text-transform: capitalize; height: 160px}*/ .inside .topheader{margin-bottom: 30px;} .inside h2{color: #9f8339; margin-top: 10px;} /*.inside p{line-height: 32px; margin-bottom: 30px;}*/ .inside hr.top_border{display: none;} .inside .mngallery-pullcase .balabel{display: none;} .inside #bottom1 .hline_left{margin-left: -7% !important; width: 50%;} @media screen and (max-width:1820px){ .inside #bottom1 .hline_left {width: 42%;} } @media screen and (max-width:1650px){ .inside h1+h2.subheader{max-width: 600px;} } @media screen and (max-width:992px){ .inside #main > .container{margin-top: 0;} .inside h1 {font-size: 36px; /*height: 270px;*/ width: 100%; margin-top:0;} .inside h1+h2.subheader, .inside h1+h2.subheader.subhalf {font-size: 40px; width: 100%; margin-top: 20px;} .inside #bottom1 .hline_left {display: none;} .inside #bottom1 .hline_right {display: none;} } @media screen and (max-width:601px){ .inside h1 {font-size: 30px; height: auto; width: 100%;} .inside h1+h2.subheader {font-size: 40px; line-height: 50px;} } @media screen and (max-width:450px){ .inside h1 {width: 100%; letter-spacing: 1px;} .inside h1+h2.subheader {line-height: 35px;} .inside h3 {line-height: 35px;} } .inside h2, .inside h3, .inside h4, .inside h5 {text-transform: capitalize; letter-spacing: 0;} .header-link {font-size: 28px; text-transform: capitalized; letter-spacing: 3px; color: #355787;} .header-link:hover {color: #2fbbed;} .services-list {list-style: none; padding: 0;} .services-list li {background: url(images/structure/li-bg.png) no-repeat scroll left -2px; padding-left: 40px; margin-bottom: 40px;} .services-list {font-size: 22px; line-height: 32px;} .services-list span {font-weight: 700; font-size: 28px; margin-bottom: 15px; display: block;} #main .withbackground {border: 1px solid #d2d2d2; background: #f2f2f2; padding: 60px 40px; /*margin-top: 125px*/} .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top: 25px;} .main_aside .first .htag {margin:0} .main_aside .form-bg h3 {margin: 0;} .bna-title, .balabel {font-size: 18px; text-transform: uppercase; color: #7a7a7a;} .related-links {color: #1e292a; text-transform: uppercase; font-size: 30px;} .procedure-links li {padding: 0 15px; font-size: 19px; border-right: 1px solid #d2d2d2;} .procedure-links li:last-child {border: none;} .list {font-size: 19px; list-style: none; padding: 0} .list li {background: url(images/structure/li-bg.png) no-repeat scroll left -2px; padding-left: 40px; margin-bottom: 4px;} .content-headline {font-size: 30px; color: #9f8339; margin-bottom: 20px; line-height: 40px;} .cases hr {margin: 20px auto!important;} .subtitle {font-size: 20px; text-transform: uppercase; font-weight: 700;} .divider {margin: 0 7px;} #breadcrumbs {color: #4d493f; font-size: 18px; margin: 40px 0 10px 0; width: 50%;} @media screen and (max-width:992px){ #breadcrumbs {font-size: 12px; letter-spacing: 0px; width: 100%;} } @media screen and (max-width:500px){ #main .withbackground {padding: 30px;} .inside h1+h2.subheader, .inside h1+h2.subheader.subhalf {font-size: 28px; line-height: 34px;} .services-list {font-size: 18px; line-height: 28px;} } @media screen and (max-width:601px){ #breadcrumbs {margin-bottom: 20px;} } @media screen and (max-width:601px){ #main .withbackground {border: none; background: none; padding: 0;} } #breadcrumbs a {color: #4d493f; } #breadcrumbs a:hover {color: #355787;} hr.top_border {border-top: 1px solid #B5B5B5; width: 75%; margin: 25px; } .list-header {color: #355787; font-size: 22px; text-transform: uppercase;} .quote-header {color: #355787; font-size: 30px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; margin: 30px 0 20px; display: block;} .patient-quote {padding: 30px 0 30px 75px; color: #222222; font-size: 28px; font-weight: 200; line-height: 48px; background: url(images/structure/quote.png) no-repeat left center; border-top: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; border-left: none; font-style: normal;} .quote-link {color: #355787; font-size: 18px; text-transform: uppercase; letter-spacing: 2px;} .center-button {display: block; text-align: center; margin: 0 auto -65px;} .directions {color: #4b4f4f; text-transform: uppercase; font-size: 20px;} #myCarousel .carousel-inner > .item {background: none;} /* Featured Cases - Before and After */ #featured-cases {margin-bottom: 70px;} #featured-cases .content {padding: 40px; border: 1px solid #d2d2d2;} #featured-cases {font-size: 17px; line-height: 29px; padding: 50px} /* Patient Stories - Videos */ #patient-stories .content {padding: 40px; border: 1px solid #d2d2d2;} .video-title {color: #33aedd; font-weight: 300; display: block; font-size: 32px} @media screen and (max-width:992px){ .video-title {font-size: 25px; margin-bottom: 25px;} #patient-stories .tubepress-meta-group{margin: 5px !important;} } @media screen and (max-width:500px){ #featured-cases .content {padding: 20px;} } .gold {color: #9f8339;} .mapimg {max-width: 400px;} /* Sidebar */ aside p {margin: 0 0 30px;} aside .contact-divider {font-size: 20px; color: #A9A9A9;} aside .call-us {font-size: 26px;} aside .tel {background: rgba(0, 0, 0, 0) url("images/structure/phone_icon.png") no-repeat scroll left center; color: #355787; font-size: 36px; padding: 0 0 0 35px; font-weight: 400;} aside .tel:hover {color: #2fbbed;} aside .form-bg {background: #4d493f; padding: 30px 0 0;} aside .form-header {color: #fff; font-size: 24px;} aside .form-header span {text-transform: uppercase;} aside .linebottom::after {border-top: 5px solid #9f8339; margin: 30px auto; width: 50px;} aside .btn.btnc{/*margin: 115% 0 50px 0;*/ width: 99%;} aside hr{margin-bottom: 50px;} aside .gform_wrapper .ginput_container input.form-control, aside .gform_wrapper .ginput_complex .ginput_full input.form-control, aside .gform_wrapper .ginput_container textarea.form-control, aside.gform_wrapper .ginput_container select.form-control {background: none!important; border-bottom: 1px solid rgba(255, 255, 255, .3) !important; padding-left: 0 !important;} aside .gform_wrapper .ginput_container input.form-control{} aside .gform_wrapper .gform_footer input.button, aside .gform_wrapper .gform_footer input[type="submit"], aside .gform_wrapper .gform_page_footer input.button, aside .gform_wrapper .gform_page_footer input[type="submit"] {width: 100%} aside .gform_wrapper .gform_body {padding: 0 30px;} aside .gform_wrapper .btn.btnc{background: #9f8339; font-size: 16px !important; padding: 25px; margin-bottom: 0 !important;} aside .gform_wrapper .btn.btnc:hover{background: #2fbbed;} aside .gform_wrapper .disclaimer{display: none;} aside .gform_wrapper .textarea_wrapper{margin-bottom: 60px;} aside .gform_wrapper textarea.medium{height: 90px;} aside .gform_wrapper ul li.gfield {margin-top: 30px !important; width: 80%; margin-left: auto !important; margin-right: auto;} aside .gform_wrapper .ginput_container input::-webkit-input-placeholder, aside .gform_wrapper .ginput_container textarea::-webkit-input-placeholder { color: #FFF; } aside .gform_wrapper .ginput_container input:-moz-placeholder, aside .gform_wrapper .ginput_container textarea:-moz-placeholder { /* Firefox 18- */ color: #FFF; } aside .gform_wrapper .ginput_container input::-moz-placeholder, aside .gform_wrapper .ginput_container textarea::-moz-placeholder { /* Firefox 19+ */ color: #FFF; } aside .gform_wrapper .ginput_container input:-ms-input-placeholder, aside .gform_wrapper .ginput_container textarea:-ms-input-placeholder { color: #FFF; } aside .mngallery-pullcase #imagesetcontainer, .cases .mngallery-pullcase #imagesetcontainer {background: none; border: none; padding: 0;} /* Call to action */ #call-to-action{color: #FFF; padding: 50px 0; background: #4D493F;} #call-to-action .content {border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 40px 0 ;} #call-to-action .withblueborder {border-left: 5px solid #9f8339; padding-left: 70px;} #call-to-action {font-size: 20px;} #call-to-action h2 {text-transform: uppercase; color: #FFF; font-size: 34px; line-height: 40px; margin-top: 0; font-weight: 400;} #call-to-action .blue {color: #9f8339;} #call-to-action a{color: #9f8339;} #call-to-action a:hover{color: #FFF;} @media screen and (max-width:992px){ #call-to-action .withblueborder{border: none;} } /* TubePress with Fancy Box */ #fancybox-content {border: 2px solid #fff!important;} dd.tubepress-meta-title {font-size: 20px; font-weight: 400; margin-top: 20px;} .tubepress-meta-group {font-size: 14px; margin: 20px auto !important;} /* = Testimonials -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #testimonials {padding:90px 0;color:#fff;font-size:20px;line-height:40px} #testimonials h2.topheader {font-size:40px; font-weight: 200; text-transform: capitalize; color:#fff} #testimonials .hline_left , #testimonials .hline_right{border-top: 1px solid rgba(255, 255, 255, .3);} #testimonials .hline_left{margin-bottom: -62px;} #testimonials .hline_right{margin-top: -120px; margin-bottom: 160px;} #testimonials h2>span{color: #9f8339; display: block; margin-top: 30px; font-weight: 400;} #testimonials .carousel-inner>.item {background:0} #testimonials .carousel-indicators li {border:1px solid #9f8339; background: #9f8339; height: 15px; width: 15px; margin: 0 5px;} #testimonials .carousel-indicators li.active {border:1px solid #355787; background:#355787; height: 15px; width: 15px; margin: 0 5px;} #testimonials .carousel-indicators li {margin:0 3px} #testimonials ol.carousel-indicators {bottom:-10%; text-align: center; width: 60%;} #testimonials .btn.btnc {font-size:24px;padding:25px 45px;margin: 90px auto 0 auto; display: block; max-width: 500px;} #testimonials h3.topheader {color:#fff;letter-spacing:0;font-weight:300;text-transform:capitalize;font-size:45px;margin:5px 0 35px} #testimonials .last {border-left:1px solid #fff;margin-left:-20px;padding-left:50px} #testimonials .first {padding-right:50px} @media screen and (max-width:1500px){ #testimonials h2.topheader {font-size:45px;line-height:45px} #testimonials h3.topheader {font-size:40px;line-height:40px} #testimonials .hline_right{margin-top: -134px;} } @media screen and (max-width:1280px){ #testimonials h2.topheader {font-size:40px;line-height:40px} #testimonials h3.topheader {font-size:35px;line-height:35px} #testimonials .btn.btnc {font-size:22px} #testimonials .hline_right{margin-top: -124px;} } @media screen and (max-width:1200px){ #testimonials h2>span {font-size:24px} #testimonials .btn.btnc {font-size:20px} } @media screen and (max-width:992px){ #testimonials h2.topheader {font-size:30px;line-height:30px;margin:0 0 60px} #testimonials h3.topheader {font-size:30px;line-height:30px} #testimonials h2>span {font-size:20px} #testimonials .btn.btnc {font-size:18px;} #testimonials .first {padding:initial} #testimonials .last {padding-left:25px;padding-top:35px;border-left:0;border-top:1px solid #fff} #testimonials ol.carousel-indicators {bottom:-5%} #testimonials .carousel-indicators li {margin: 0 2px;} #testimonials .carousel-indicators li.active {margin: 0 2px;} } @media screen and (max-width:768px){ #testimonials {padding:50px 0; font-size: 18px; line-height: 34px;} #testimonials h2.topheader {font-size:26px;line-height:26px;letter-spacing:5px} #testimonials h3.topheader {font-size:26px;line-height:26px} #testimonials h2>span {font-size:18px;line-height:18px} #testimonials .btn.btnc {font-size:16px;} } @media screen and (max-width:380px){ #testimonials ol.carousel-indicators {bottom:-2%} } /* = Call Today -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #call-today {padding:60px 0 20px;} #call-today h2.topheader {font-size:60px;margin:0 0 10px; font-weight: 200; text-transform: capitalize;} #call-today .small_line{background: #9f8339;} #call-today .caption {font-size:18px;color:#7a7a7a;letter-spacing:3px;text-transform:uppercase} #call-today .blue {color:#355787;} #call-today .tel {color:#355787;font-size:48px;background:url(images/structure/phone_icon2.png) left no-repeat;padding:0 0 2px 50px;font-weight:300;} #call-today .tel:hover {color:#2fbbed} #call-today .cta {padding-right:10px;font-size:24px;margin-bottom:20px} @media screen and (max-width:2000px){ #call-today h2.topheader {font-size:55px;line-height:55px} } @media screen and (max-width:1800px){ #call-today h2.topheader {font-size:50px;line-height:50px} } @media screen and (max-width:1400px){ #call-today h2.topheader {font-size:45px;line-height:45px} #call-today .tel {font-size:44px;line-height:44px} } @media screen and (max-width:1280px){ #call-today h2.topheader {font-size:40px;line-height:40px} #call-today .cta {font-size:22px} #call-today .tel {font-size:40px;line-height:40px} #call-today .caption {font-size:16px} } @media screen and (max-width:1200px){ #call-today h2.topheader {font-size:35px;line-height:35px} #call-today .tel {font-size:36px;line-height:36px} } @media screen and (max-width:992px){ #call-today h2.topheader {font-size:30px;line-height:30px} #call-today .tel {font-size:32px;line-height:32px} #call-today .caption {font-size:14px} } @media screen and (max-width:768px){ #call-today {padding:50px 0} #call-today h2.topheader {font-size:26px;line-height:26px} #call-today .cta {font-size:20px} #call-today .tel {font-size:28px;line-height:28px;background:0;padding:0} #call-today .caption {letter-spacing:2px} } /* = Contact -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #contact {padding:90px 0;border-top:1px solid #aeadaf;text-transform:uppercase} #contact .icon {border-right:1px solid #a9a9ab;padding:0} #contact strong {font-size:21px} #contact a {font-size:14px;color:#6d6c67} #contact a:hover {color:#355787;} #contact span {color:#6d6c67;font-size:15px} #contact address {margin:0} #contact address>a {font-size:16px} #contact a.tel {font-size: 16px;} #contact .email {width:32%} #contact .adr {width:34%} #contact .adr .icon {width:12%} #contact .adr .con-info {width:88%;padding:0 0 0 11px} #contact .adr address>a {font-size:14px} @media screen and (max-width:1200px){ #contact .icon {border:0} } @media screen and (max-width:992px){ #contact .email, #contact .adr, #contact .adr .icon, #contact .adr .con-info {width:100%} #contact .adr .con-info {padding: 0 25px} } /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #bottom1 {background:#f4f4f4; padding:60px 0 0; font-size:14px; line-height:26px;margin-bottom:-95px} #bottom1 li>a{padding: 40px 60px 40px 40px;} #bottom1 ul {list-style:none outside; margin:0; padding:0;} #bottom1 ul.sub-menu {display:none} #bottom1 .hline_right {margin:-20px 0 140px;margin-left:57%} #bottom1 .hline_left {margin:73px 0 -27px;margin-left:-107%} #bottom1 .hline_left, #bottom1 .hline_right{border: 1px solid #bfbcbc;} @media screen and (max-width:1820px){ #bottom1 .hline_right {margin-left: 66%} #bottom1 .hline_left {margin-left:-115%} } @media screen and (max-width:1570px){ #bottom1 li>a {padding: 40px 25px 40px 10px;} } @media screen and (max-width:1200px){ #bottom1 li>a {font-size:17px;padding:18px 16px 18px 0px;} } @media screen and (max-width:992px){ #bottom1 li{margin-top: 25px;} #bottom1 li>a {background:0;} #bottom1 {margin:0;padding:60px 0 30px} #bottom1 .social {margin-top:30px} } /* = Footer Section -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ #footer {background:#f4f4f4; padding:20px 0 60px;font-size:15px;line-height:25px;color:#807a7a;text-transform:uppercase} #footer a {color:#484849} #footer a:hover {color:#355787;} #footer ul {margin-bottom:0} #footer ul a {color:#807a7a} @media screen and (max-width:1400px){ #footer {font-size: 12px;} } /* = Back to top -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ .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:#355787; border:1px solid #355787; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Forms -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ /* Gravity Forms */ .gform_wrapper .gform_heading, .gform_wrapper .top_label .gfield_label, .gform_wrapper label {display:none!important} .gform_wrapper .ginput_container_radio li label {display: inline-block!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: none; width:100%!important;padding: 6px 12px!important;text-indent: 0!important; border-radius:0 !important; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #757575; } .gform_wrapper .ginput_container input.form-control:focus, .gform_wrapper .ginput_complex .ginput_full input.form-control:focus, .gform_wrapper .ginput_container textarea.form-control:focus, .gform_wrapper .ginput_container select.form-control:focus {border-bottom: 1px solid #2899c2;} .form-control {box-shadow: none; font-weight: 300; color: #bcbcbc} .form-control::-moz-placeholder {color: #8C8C8C;} .form-control:focus {box-shadow: none;} .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%;*/} #field_3_9 label {display: inline-block!important; color: #fff; font-weight: 300;} /* 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 ul li {margin-bottom:0;} .gform2col .gform_wrapper .ginput_container input.form-control {height:50px;} .gform2col .gform_wrapper .textarea_wrapper { float:right; margin-top:-210px} .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:200px} .gform2col .gform_button {/* display:block!important;*/max-width:300px; margin:0 auto; float:none} @media screen and (max-width: 640px) { .form-control {height: 40px;} .gform2col .gform_wrapper .textarea_wrapper {margin-top:-228px;} .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:218px} .ie .gform2col .gform_wrapper .textarea_wrapper {margin-top:-210px;} .ie .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:200px} } @media (max-width: 560px) { .gform2col .gform_wrapper .gfield { width:100%} .gform2col .gform_wrapper .textarea_wrapper { width:100%; margin-top:0;float:left } .ie .gform2col .gform_wrapper .textarea_wrapper { width:100%; margin-top:0;float:left } } #gform_wrapper_3 select#input_3_9 {background: #737069;-webkit-appearance: none;} /*QC Form Error Styling*/ .main_aside .gform_wrapper div.validation_error{color: #9f8339; border-top: 2px solid #9f8339; border-bottom: 2px solid #9f8339;} .main_aside .gform_wrapper .validation_message{color: #9f8339;} .main_aside .gform_wrapper .gfield_required{color: #9f8339;} .main_aside .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{border-top: 1px solid #9f8339 !important; border-bottom: 1px solid #9f8339 !important; background: rgba(255,255,255,.1);} .main_aside .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{border: 1px solid #9f8339 !important;} /* = Blog Section -------------------------------------------------------------------------------------------------------------------- ** smiletexas.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:block; 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} /* = Photo Gallery -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ /*.tax-gprocedure #main, .post-type-archive-mngallery #main, .single-mngallery #main {background:url(images/structure/gallery-banner-bg.jpg) center top no-repeat;padding:30px 0 70px} .tax-gprocedure #main h1, .post-type-archive-mngallery #main h1, .single-mngallery #main h1 {height:95px} .tax-gprocedure #main aside, .post-type-archive-mngallery #main aside, .single-mngallery #main aside { margin-top: 180px; }*/ /* Adjust gallery tiling/frame */ .inside #main .mngallery-archive.tiled article {width:19%; padding:0 8px 8px; background:#e8dfcc} .inside #main .mngallery-archive.tiled .post_image {width:100%; background: 0} .inside #main .mngallery-archive.tiled .post_image .imageset + .imageset { display:none } /* hide before images */ .inside #main .mngallery-archive .post_image.vertical .before {display:none} /* Enlarge after image*/ .inside #main .mngallery-archive .post_image.vertical img {width:100%; max-width:100%; max-height: 100vh;} .inside #main .mngallery-archive.tiled .post_header h2 {font-size:17px;height:auto;margin:0 0 5px;padding:0;text-align:center} /* .inside #main .mngallery-single #imagesetcontainer {background: none!important;} */ /* single case - hide p tags */ .inside #main .mngallery-single #imagesets .imageset p {display:none} /* single case - Enlarge photos */ .inside #main .mngallery-single #imagesetcontainer.simple #imagesets .imageset {width:80%; margin:0 10% 6px;} .inside #main .mngallery-single #imagesetcontainer.simple .balabel {width:100%;clear:both} .inside #main .mngallery-single #imagesetcontainer.simple .balabel span {width:50%;text-align:center; float: left; display: none;} .inside #main .mngallery-single #imagesetcontainer.simple #imagesets {margin:0} @media (max-width: 651px) { .inside #main .mngallery-archive.tiled article {width:32%;} } @media (max-width: 461px) { .inside #main .mngallery-archive.tiled article {width:49%;} } @media (max-width: 768px) { .inside #main .mngallery-archive .post_image.vertical .before {display:inline} .inside #main .mngallery-archive.tiled article {width:100%} .inside #main .mngallery-archive .post_image.vertical img {width:49%} .inside #main .mngallery-archive.tiled .post_image .imageset + .imageset { display:block } } .symptomhint {display: none;} #mngallerymenu {display: none;} /* -- Photo gallery menu */ .tax-gprocedure #mngallerymenu, .tax-gprocedure #mngallerymenu ul {margin:0; padding:0} .tax-gprocedure #mngallerymenu {background:0; padding:10px; margin: 0 -15px 40px -15px;} .tax-gprocedure #mngallerymenu a {color:#FFF; background:#355787; padding:4px 10px; border-radius:6px } .tax-gprocedure #mngallerymenu .current-cat > a{background:#9F8339} .tax-gprocedure #mngallerymenu > li, .tax-gprocedure #mngallerymenu > li > a {display: none} .tax-gprocedure #mngallerymenu > li.current-cat, .tax-gprocedure #mngallerymenu > li.current-cat-ancestor {display:block} .tax-gprocedure #mngallerymenu > li.current-cat li, .tax-gprocedure #mngallerymenu > li.current-cat-ancestor li{display:inline-block; padding:0 5px} /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- ** smiletexas.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:170px; 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; background:#27a6d4; color:#FFF; padding:15px 20px; text-decoration:none; border-radius:0; cursor:pointer; text-transform:uppercase;} .directions_form .dbtn:hover {background: #2fbbed;} /* -- 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 screen and (max-width: 768px) { .mapcanvas {height: 300px;} .directions_form .saddr{width:100%;} .directions_form .dbtn {width: 100%; margin-top: 20px;} } /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- ** smiletexas.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; } }*/ @media (min-width: 1650px) { .container { width: 1650px; /*padding: 0 200px;*/ } } /* = Framework overwrites -------------------------------------------------------------------------------------------------------------------- ** smiletexas.com ** */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; }