/** * Theme Name: Dr. Magalhaes and Associates, Inc. * 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 ** Advice Media ** */ html {background:#ffffff;} body {font-family:Arial, Tahoma, Helvetica, sans-serif; color:#000; font-size:17px; line-height:30px} h1, h2, h3, h4, h5, h6 { margin:60px 0 70px; padding:0; color:#444; font-weight:normal; text-transform:capitalize} .inside #main h2{color:#164999;margin-bottom: 50px;} .inside h4{color:#40c0e9;margin-bottom:25px;margin-top: 34px;} H1{font-size:48px;line-height:56px; /*color:#222 */} H2{font-size:36px;line-height:36px; /*color:#ee5831 */} H3{font-size:30px;line-height:30px} H4{font-size:26px;line-height:36px} H5{font-size:24px;line-height:34px; color:#e9104b} H6{font-size:22px;line-height:32px} .topheader {margin:0 0 60px;} .home .topheader {font-size:40px; line-height:42px; font-weight: 500; letter-spacing: 2.4px;} @media screen and (max-width: 1199px) { .home .topheader{ font-size: 30px; line-height: 32px; } } @media screen and (max-width: 768px) { .home .topheader{ font-size: 22px; line-height: 24px; } H1,H2,H3,H4,H5,H6{margin:40px 0 10px;} H1{font-size:26px;line-height:34px} H2{font-size:24px;line-height:30px} H3{font-size:22px;line-height:28px} H4{font-size:20px;line-height:26px} H5{font-size:18px;line-height:24px} H6{font-size:16px;line-height:22px} .topheader {margin:0px 0 30px 0;} } ul, ol{ padding:0 0 0 16px; margin:0 0 40px; list-style:outside;} ul.indent, ol.indent { padding-left:30px} /* Fontawesome Icon Support */ ul.faul, ol.faul { list-style:none;} .faul li {font-family:FontAwesome;position:relative} .faul li:before { left:-18px;font-size:11px;position: absolute; color:#DE0846} a {color:#40c0e9; text-decoration:none} a:hover {color:#164999; 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 #777;color:#DE0846} 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} hr.left {max-width:150px; margin-left:0} /* all headers followed by an HR get their margins redone */ hr + .htag {margin-top: 40px; } hr[class*="fa-"]::before { display: inline-block;font-family:FontAwesome;position:relative;padding:0 10px;top:-14px;background:#FFF;font-size:18px} /* fancy lines before/after an element */ .linetop::before{content:' ';display:block;margin:0 0 20px;max-width:150px;border-top:1px solid #777} .linebottom::after{content:' ';display:block;max-width:150px;border-top:1px solid #777} p, .rowlikep {margin:0 0 40px} /* Block Quote styling */ blockquote {border-left:10px solid #ee5831;padding:0 32px; margin:0 0 40px} blockquote cite {display:block; margin:20px 0 0; color:#db1249; font-style:normal} blockquote.large {font-size:60px; line-height:60px} blockquote.large cite {font-size:18px; line-height:18px} /* enable styled quote */ blockquote.quoted {border:0;position:relative; padding:0 0 0 70px} blockquote.quoted::before {display:block;content:open-quote;position:absolute;font-size:160px;left:0;top:30px;color:#ee5831;} #mainmenu_accordion>li>ul>li li a {height:auto;} #mainmenu li li a{line-height:24px;} .am-sticky-accordion>li>ul>li a {height:auto;} .am-sticky-mainmenu li li a{line-height:24px;padding:8px 16px;} @media screen and (max-width: 669px){ .directions_form .dbtn, .directions_form .saddr{width:100%!important;} } .page-id-4 #field_1_8{font-size: 13px;line-height: 22px;} .comments-link{display:none!important;} #respond{display:none;} .author{display:none!important;} .page-id-4 ul.mnlocation_list{list-style:none;padding:0;} .page-id-4 ul.mnlocation_list h3{font-size:26px;margin:30px 0;} #contact-title {font-size:32px; font-weight:500; letter-spacing:4px; color:#1e8dce; margin-top:30px; margin-bottom:30px;} .bordered-list{border-left:11px solid #ee5831;padding:30px 45px;background:#f7f7f7;color:#253479;width:100%;font-weight:300;} .bordered-list li{margin-top:7px;} .bordered-list a{color:#40c0e9;} .bordered-list a:hover{color:#ee5831;} .triggermarker .org{font-weight:500;color:#40c0e9;margin-bottom:10px} .triggermarker span{margin-bottom:3px;} .map_info{margin-bottom:30px!important;width:32%!important;} @media screen and (max-width:1199px){ .map_info{width:49%!important} } @media screen and (max-width:699px){ .map_info{width:100%!important} } .page-id-4 .mnlocation_list li{margin-bottom:20px;} .page-id-4 .mnlocation_list li a{color:#40c0e9;} .page-id-4 .mnlocation_list li a:hover{color:#164999;} .home .qc-line{display:none;} .qc-line{margin-bottom:80px;} .single-mnlocations .main_section{width:100%;} .single-mnlocations .main_aside{display:none;} .row.landing-page-services h2 {margin:0; padding:0; border:none; text-transform:none;} .row.landing-page-services.noborder {border:none!important;} .row.landing-page-services {padding-top:50px; padding-bottom:50px; border-top:1px solid #ccc;} .row.landing-page-services .visible-xs {margin-top:30px!important; margin-bottom:30px!important;} .row.landing-page-services .btn.btnc {margin-top:20px;} .page-id-132 .container hr{display:none;} .page-id-132 .small-button{display:none;} .page-id-132 .container hr{display:none;} .page-id-132 .container h2{text-align:center;margin-bottom: 32px!important;} .page-id-132 .container span.title{font-size:16px;color:#868786;letter-spacing:1.4px;display:block;margin-top:-20px;text-align:center} .page-id-132 .big-button{margin-top:20px;} @media screen and (max-width:1199px){ .page-id-132 .big-button{width:100%;} } @media screen and (max-width:991px){ .page-id-132 .small-button{display:block!important;margin-top:20px;} .page-id-132 .big-button{display:none;} .page-id-132 .container hr{display:block!important;} } .ser-logo{margin-top:50px;} .appoint{white-space:normal;word-wrap:break-word;} .ser-logo{margin-bottom:30px} /* -- Call-to-action -- */ .row.cta {border-top:1px solid #ddd;padding-top:100px;margin-top:50px;display:none;} a.cta{color:#40c0e9;display:block;font-size:18px;line-height:36px;transition-duration: 0.3s;} a.cta .glyphicon{color: #40c0e9;font-size:64px;margin-right:20px;display:block;float:left} a.cta strong {display:block;font-size:24px} a.cta:hover { color: #164999; } #quickcontact{border-top:1px solid #ddd;margin-top:80px} .home #quickcontact{border-top:none;margin-top:0} @media screen and (max-width: 990px) { a.cta {padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #ddd;} div.cta .col-md-4:last-child a{border-bottom:none;} #quickcontact{margin-top:20px} } #footer{margin-top:60px;} /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px} /* Buttons */ .btn.btnc, .btn.btnc::before {background:#337ab7; color:#FFF; font-size: 14px; line-height: 16px; padding:19px 26px; text-decoration:none; border:0; border-radius:2; cursor:pointer; text-transform:uppercase; letter-spacing: 1.5px; font-weight: 400;} #appoinment .btn.btnc, .btn.btnc::before {background:red; color:#FFF; font-size: 14px; line-height: 16px; padding:19px 26px; text-decoration:none; border:0; border-radius:2; cursor:pointer; text-transform:uppercase; letter-spacing: 1.5px; font-weight: 400;} .btn.btnc:hover {background:#40c0e9; color:#FFF; text-decoration:none} /* Misc accents */ .left-border { border-left: 1px solid #d2d2d2;} .emphasisbox { padding:40px;background:#efefef} .emphasisbox .htag {color:#db1249} /* accordion styling */ .tpf-ac-trigger {cursor:pointer; position:relative; padding-left:25px; margin:0 0 20px} .tpf-ac-trigger::before { position: absolute; top:35%;left:0; content: "";display: block; width: 0.4em; height: 0.4em; transform: rotate(45deg); border-right: 0.2em solid #DE0846; border-top: 0.2em solid #DE0846; } .tpf-ac-trigger.tpf-active::before {transform: rotate(135deg)} /* Tabs Styling */ .nav-tabs.tabsc {border-bottom:2px solid #ee5831} .nav-tabs.tabsc a { padding: 10px 20px;border-radius:0; background:#2d2b2a; color:#FFF } .nav-tabs.tabsc .dropdown-menu {background:#2d2b2a} .nav-tabs.tabsc .dropdown-menu .divider {background:#ee5831;} .nav-tabs.tabsc >.active >a, .nav-tabs.tabsc >li >a:focus, .nav-tabs.tabsc >li >a:hover {background:#ee5831; color:#FFF} .tab-content.tabsc { background:#EFEFEF; padding:20px} /* Table Styling */ .table.tablec tr th {background:#ee5831; color:#FFF} .table.tablec tr th:nth-of-type(even) {background:#eb2842} .table.tablec tr:nth-of-type(odd) {background-color: #efefef} .table.tablec tr:nth-of-type(odd) td:nth-of-type(even) {background-color: #e7e7e7} .table.tablec tr:nth-of-type(even) {background-color: #f9f9f9} .table.tablec tr:nth-of-type(even) td:nth-of-type(even) {background-color: #f0f0f0} .fullwidth{width: 100%;} .inside .videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;} .inside .videoWrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* = Topbar -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #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} .am-sticky-toprow{ background:#0061b9;} .am-sticky-toprow a{ font-size:16px; color:#fff; font-weight:400; padding:0; margin:0; } .am-sticky-toprow a:hover{ color:#5fd7ff; } .am-sticky-toprow .phone{ display:inline-block; padding:0 20px 0 0; margin:0; border-right:1px solid #e8e8e8; } .am-sticky-toprow address{ display:inline-block; padding:0 0 0 20px; margin:0; } .am-sticky-toprow .am_social_follow_pack{ display:inline-block; padding:5px 0 0 0; margin:0; line-height:0; vertical-align:top; } .am-sticky-mainrow{ background:#fff; } .am-sticky-mainmenu > li{ margin:0 10px; } .am-sticky-mainmenu > li.first{ margin-left:0; } .am-sticky-mainmenu > li.last{ margin-right:0; } .am-sticky-mainmenu > li > a{ font-size:16px; color:#252424; padding:0; } .am-sticky-mainmenu > li > a:hover{ color:#5fd7ff; } .am-sticky-mainmenu li li a{ color:#fff; background:#0061b9; } .am-sticky-mainmenu li li a:hover{ color:#fff; background:#5fd7ff; } .am-sticky-iconsnav a{ color:#0061b9; } .am-sticky-iconsnav a:hover{ color:#5fd7ff; } .am-sticky-side-panel{ background:#fff; } .am-sticky-side-panel .sticky-side-panel-logo{ text-align:center; line-height:0; padding:30px 0; } .am-sticky-side-panel .sticky-side-panel-lefteditable{ padding:40px 0 0 0; } .am-sticky-side-panel hr{ border-color:#eaeaea; } .am-sticky-accordion > li > a{ height:50px; color:#0061b9; line-height:50px; border-bottom:1px solid #eaeaea; } .am-sticky-accordion > li > a:hover{ color:#5fd7ff; } .am-sticky-accordion ul li a{ border-bottom:1px solid #eaeaea; } .am-sticky-accordion > li li a{ color:#0061b9; background:none; } .am-sticky-accordion > li li a:hover{ color:#5fd7ff; background:none; } .am-sticky-accordion > li > ul{ margin:0; } .am-sticky-mainrow .am-sticky-logo-img{ max-height:50px;} .am-sticky-accordion > li > ul{ margin:0; } @media screen and (max-width: 1199px) { .am-sticky-mainmenu > li > a{ font-size: 14px; } .am-sticky-toprow a{ font-size: 14px; } } @media screen and (max-width: 991px) { .am-sticky-toprow a{ font-size: 12px; } } @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 ** Advice Media ** */ #header {background:#fff; padding:10px 0 5px;} #header .topright p {margin-bottom:0;} #header .topright .btn {padding-top:12px; padding-bottom:12px;} #header #logo img {max-width:100%;} #header .topright {padding:5px 0} #header .topright .contact{ display: inline-block; } #header .topright .contact .tel{ font-size: 36px; line-height: 38px; font-weight: 500; color: #40c0e9; padding: 0; margin: 0; } #header .topright .contact .tel span{ padding-right: 10px; } #header .topright .contact .tel:hover{ color: #0061b9; } #header .topright .contact p.location{ background: url(images/arrow.png) no-repeat right center; font-size: 16px; font-weight: 400; color: #333333; line-height: 21px; padding: 0 15px 0 0;margin: 0; text-transform: uppercase; letter-spacing: 1px; } #header .topright .contact p.location a{ color: #0061b9; } #header .topright .contact p.location a:hover{ color: #40c0e9;} #header .topright .social{display: inline-block; vertical-align: top; margin-left: 16px;} @media screen and (max-width: 445px) { #header .topright .social{ margin-left:0; display: block; } } @media screen and (max-width: 400px) { #header .topright .contact p.location{ font-size: 12px; } } /* = Main Navigation -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #navigation {background:#0061b9; border-bottom:0; overflow: visible} /* Dropdown Style */ #mainmenu{margin:0; float:left;} #mainmenu>li>a{font-size:16px;line-height:18px;padding:20px 16px; color:#fff;text-transform: uppercase; font-weight:normal; letter-spacing: .1px; /* background:url(images/structure/nav_divider.jpg) center right no-repeat; */} #mainmenu>li{ margin: 0 28px;} #mainmenu>li.first, #mainmenu>li:first-child{margin-left:0} #mainmenu>li.last, #mainmenu>li:last-child{ margin-right:0} #mainmenu>li.last>a, #mainmenu>li:last-child>a{ background: 0; } #mainmenu>li:hover>a{color:#5fd7ff; 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:#3b6ab7} #mainmenu li ul a:hover{color:#FFF;background:#38bae5} /* 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; border-bottom:1px solid #aaaaaa; /*height:40px; line-height:40px;*/ height:auto; line-height:16px; padding-top:10px!important; padding-bottom:10px!important;} #mainmenu_accordion ul li a:hover {text-decoration:none; } /* Mobile Submenu */ #mainmenu_accordion>li>ul>li a {background:0; color:#fff; padding-left:20px} #mainmenu_accordion>li>ul>li a:hover {color:#e7e7e7;} #mainmenu_accordion>li>ul>li li a { padding:0 0 0 40px;} #mainmenu_accordion>li>ul>li li li a { padding:0 0 0 50px;} #mainmenu_accordion>li>ul>li li li li a { 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 screen and (max-width: 1279px) { #mainmenu>li{ margin:0 27px; } #mainmenu>li>a{font-size:14px;line-height:14px;padding: 20px 12px;} } @media screen and (max-width: 1199px) { #mainmenu > li{ margin:0 13px; } } /* = Banner/Graphic - Carousel -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #graphic {background:0; padding-bottom: 47px; border-bottom: 1px solid #e7e7e7;} #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:#fff} @media screen and (max-width: 767px) { .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:30%; right:0; left:0; bottom:0; text-align:left; padding:0; /*max-width:1280px; display:block; margin:0 auto;*/} .carousel-caption > * {color:#572600; text-shadow:none;} .carousel-caption .title {color:#000; font-size:40px; line-height:45px; margin:0 0 20px 0; text-transform:uppercase;} .carousel-caption p {font-size:18px; line-height:28px; margin:0;} @media screen and (max-width: 991px) { .carousel-caption {position:relative; text-align:center; padding:20px 20px 40px; background:#fff;} .carousel-caption .title {font-size:30px; line-height:30px;} .carousel-caption p {font-size:16px; line-height:24px;} #graphic{ padding-bottom: 0; } } @media screen and (max-width: 767px) { .carousel-caption .title {font-size:28px; line-height:32px;} .carousel-caption p {font-size:14px; line-height:24px;} } /* -- INDICATORS -- */ .carousel-indicators li { width: 9px; height: 9px; margin: 2px; border:1px solid #999999; background:#999999;} .carousel-indicators li.active {border:1px solid #38bae5; background:#38bae5; width: 9px; height: 9px; margin: 2px;} ol.carousel-indicators {margin-bottom:0; bottom: 8px;} /* -- 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); } } @media screen and (max-width: 991px) { ol.carousel-indicators{ bottom: 12px; } } /* = Highlights -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #highlights { background: none; padding:0; color:#FFF } #highlights h1, #highlights h2, #highlights h3, #highlights h4, #highlights h5, #highlights h6 { color:#FFF } #highlights .tpf-section-hover img{ width: 100%; height: auto; } #highlights .tpf-section-hover{ border-right:1px solid #fff;} #highlights .tpf-section-hover:last-child{ border: none; } #highlights span{ display:block;text-align:center;padding:25px 0; background:#0060b8; font-size: 16px; color: #fff; line-height: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } #highlights .tpf-section-hover:hover span{ background: #39bbe7; } @media screen and (max-width: 1550px) { #highlights span{ font-size: 12px; } } @media screen and (max-width: 1199px) { #highlights span{ font-size:10px; line-height:12px; } #highlights .col-md-25{ width: 33.33%; } } @media screen and (max-width: 991px) { #highlights .col-sm-6{ width: 50%; } #highlights span{ font-size: 14px; line-height: 16px; } } @media screen and (max-width: 767px) { #highlights .col-sm-6{ width: 100%; } #highlights .tpf-section-hover{ border-right: none; } } /* = Appoinment Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #appoinment{ background: rgba(0,0,0,.75); position: relative; top: -150px; padding: 48px 0; margin: 0; z-index: 999;} #appoinment h4{ font-size:38px; line-height:40px; font-weight: 500; color: #fff; margin: 0; display: inline; letter-spacing: -.5px; padding-top: 4px; } #appoinment .btn {white-space: normal;} #appoinment #demo {background:#2d2d2d; padding:15px 0; max-width:350px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left:20px;} #appoinment ul.faul, #appoinment .faul li {font-family:inherit;} #appoinment ul.faul {margin-left:30px; margin-bottom:0; text-align:left;} #appoinment ul.faul .fa-li {margin-top:4px;} /*#appoinment a{ float: right; background: #38bae5; } #appoinment a:hover{ background: #174898; }*/ @media screen and (max-width: 1280px) { #appoinment h4{ font-size:34px;} } @media screen and (max-width: 1200px) { #appoinment{top: -176px;} } @media screen and (max-width: 991px) { #appoinment{ position: inherit; top: inherit; text-align: center; background:#1f1f1f;} #appoinment h4{margin: 0 0 20px; display: block;} #appoinment #demo {margin:0 auto;} /*#appoinment a{ float: none; }*/ } @media screen and (max-width: 767px) { #appoinment h4{ font-size: 24px; line-height: 26px; } } @media screen and (max-width: 450px) { /*#appoinment a span{ display: block; }*/ } /* = Main Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .home #main {background: #fff; padding:0px 0 100px; margin-top: -50px;} .home #main .main_section{ margin-top: -14px; } .home #main h1{ color: #164999; text-transform: uppercase; margin: 0 0 27px; } .home #main p{ font-size: 18px; color: #2e334b; font-weight: 400; line-height: 32px; letter-spacing: .5px; padding:0 10%; } /* Hide the breadcrumbs on the homepage */ .home #main #breadcrumbs {display:none;} #main #breadcrumbs {color: #000000;} #main #breadcrumbs a {color:#40c0e9} #main #breadcrumbs a:hover {color:#164999} .nosidebar #main .main_section {width:100%;} .main_aside .first {margin-top:0} .main_aside .first .htag {margin:0 0 60px} /* Adjust addthis tool box when after the H1 header */ /*h1.topheader + .addthis_toolbox {margin:-45px 0 60px}*/ @media screen and (max-width: 991px) { .home #main{ padding: 30px 0; } .home #main, .home #main .main_section{ margin-top:0;} .home #main p{ padding: 0; } } @media screen and (max-width: 768px) { .home #main h1{ font-size: 24px; line-height: 26px; display: block; } } @media screen and (max-width: 450px) { .home #main .btn span{ display: block; } } /* = Doctor -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #doctor { padding:100px 0;} #doctor h2{ color: #164999; text-transform: uppercase; margin: 0 0 34px; } #doctor p{ font-size: 16px; color: #2e334b; line-height: 32px; letter-spacing: .5px; margin: 0 0 30px; } #doctor .btn{ margin: 0 0 50px; } #doctor .bottom-block{ padding: 40px 0; border-top: 1px solid #e7e7e7; } #doctor .bottom-block ul{ padding: 0; margin: 0; list-style: none; } #doctor .bottom-block ul li{ float: left; display: inline-block; margin-right: 35px; } @media screen and (max-width: 991px) { #doctor { padding: 50px 0; } #doctor .bottom-block ul li{ float: none; } } @media screen and (max-width: 650px) { #doctor .bottom-block{ text-align: center; } } @media screen and (max-width: 450px) { #doctor .btn span{ display: block; } } /* = Testimonial -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #testimonial{ padding: 0; margin: 0; position: relative; } #testimonial .img-block img{ float: right; display: inline-block; line-height: 0;} #testimonial .quote{padding: 100px 0 0 40px; margin: 0; } #testimonial .text-block .btn{ background: #0060b8; margin-left: 105px;} #testimonial .text-block .btn:hover{background: #3b6ab7;} #testimonial .am-outer-testimonial-holder .am-divider-holder{padding-bottom: 0; margin-bottom: 0;} #testimonial .am-testimonial-holder .testimonial_box{ background: url(images/quote-bg.png) no-repeat top left; padding-left: 105px; } #testimonial .am-testimonial-holder p{ font-size: 24px; color: #fff; line-height: 40px; font-style: italic; letter-spacing: .2px; } #testimonial .more{color: #fff;} #testimonial .more:hover{color: #0060b8;} @media screen and (max-width: 1199px) { #testimonial .quote{ padding: 50px 0 0 40px; } } @media screen and (max-width: 991px) { #testimonial .img-block{ float: none; text-align: center; } #testimonial .quote{ padding: 40px 0; } #testimonial .am-testimonial-holder .testimonial_box{ padding-left: 75px; } #testimonial .text-block .btn{margin-left: 75px;} #testimonial .img-block img{ float: none; margin: 0 auto; } } @media screen and (max-width: 767px) { #testimonial .quote{ padding: 40px 25px; } #testimonial .img-block img{ max-width: 100%; height: auto; } } @media screen and (max-width: 450px) { #testimonial .am-testimonial-holder .testimonial_box{ padding-left: 0; background: none; } #testimonial .text-block .btn{margin-left: 0;} } /* = Latest blog -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #latest-blog{ padding:100px 0 60px; margin: 0; } #latest-blog h2{ color: #164999; text-transform:uppercase; margin: 0 0 40px;} #latest-blog h2 span{ float: right; } #latest-blog h2 span a{ font-size: 14px; font-weight: 400; letter-spacing: 1px; color: #39bbe7; line-height: 42px; } #latest-blog h2 span a:hover{ color: #164999; } #latest-blog .tpf-fwbleed.fwpadded {height: 1px; background: #e7e7e7; } #latest-blog .title{ padding: 0; margin: 35px 0 35px; } #latest-blog .title a{font-size: 24px; color: #0060b8; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400;} #latest-blog .title a:hover{ color: #39bbe7; } #latest-blog .tpf-excerpt{ font-size: 16px; color: #2e334b; line-height: 32px; letter-spacing: .5px; } #latest-blog .more { font-size: 14px; line-height: 16px; color: #39bbe7; text-transform: uppercase; letter-spacing:1px; margin:20px 0 0 0; display: inline-block; } #latest-blog .more:hover{ color: #0060b8;} #latest-blog .result_data{ display: none; } #latest-blog .tpf-latest-post-item{ margin-bottom: 30px; } @media screen and (max-width: 1199px) { #latest-blog .title a{ font-size: 20px; line-height: 22px; } } @media screen and (max-width: 991px) { #latest-blog{ padding: 50px 0 30px; } } @media screen and (max-width: 550px) { #latest-blog h2 span{ display: block; float: none; } #latest-blog h2{ margin: 0 0 10px; } #latest-blog .title{ margin: 25px 0 15px; } #latest-blog .tpf-latest-post-item{ margin-bottom: 10px; } } /* = Location -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #location{ padding: 90px 0 60px;} #location h2{ color: #fff; margin: 0 0 90px; text-transform: uppercase;} #location .tpf-section-hover h4{ font-size: 18px; line-height: 20px; color: #39bbe7; font-weight: 400; letter-spacing: 1px; margin: 30px 0 20px; text-transform: uppercase;} #location .tpf-section-hover:hover h4{ color: #fff; } #location .tpf-section-hover p{ font-size: 16px; color: #fff; line-height: 32px; letter-spacing: -.5px; font-weight: 400; } #location .tpf-section-hover a{ margin: 20px 0 0 0; display: block; background: #40c0e9; } #location .tpf-section-hover a:hover{ background: #008fbd; } @media screen and (max-width: 1279px) { #location .tpf-section-hover p{ font-size: 14px; line-height:28px; } #location .tpf-section-hover h4{ font-size: 16px; line-height: 18px; } } @media screen and (max-width: 1199px) { #location .col-md-3{ width: 50%; } } @media screen and (max-width: 991px) { #location{ padding: 60px 0 30px; } #location h2{ margin: 0 0 40px; } } @media screen and (max-width: 767px) { #location .col-md-3{ width: 100%; } } /* = Quick Contact -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #quickcontact { padding:90px 0 100px; color:#FFF} #quickcontact h1, #quickcontact h2, #quickcontact h3, #quickcontact h4, #quickcontact h5, #quickcontact h6 { color :#333333; text-transform: uppercase; padding-top: 4px; } #quickcontact h2 span{ display: block; } #quickcontact .gform_body{ width:74% !important; float: left; } #quickcontact .gform_wrapper .gform_footer{float: right; width: 26%; clear: inherit;} @media screen and (max-width: 1279px) { #quickcontact .gform_body{ width:73% !important; } #quickcontact .gfield.disclaimer span{ font-size:14px; } } @media screen and (max-width: 767px) { #quickcontact .gform_body, .gform_wrapper .gform_footer{ width: 100% !important; } } @media screen and (max-width: 991px) { #quickcontact{ padding:40px 0 50px; } #quickcontact h2{ margin: 0 0 20px; } #quickcontact h2 span{ display: inline; } } /* = Bottom Section|s -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #bottomlocations {background:#FFF; padding:90px 0; font-size:16px} #bottomlocations strong {color:#4c85c5; font-size:24px; font-weight:normal} #bottomlocations .mapimg {height:185px; margin:0} #bottomlocations img {display:block} #bottomlocations .flushcolumns {line-height:10px; margin:0 0 30px} #associations {padding:40px 0; background:#F3F3F3} #bottom1 {background:#ffffff; padding:60px 0; font-size:14px; line-height:26px; color:#979392;} #bottom1 a {color:#979392; font-weight:600;} #bottom1 a:hover {color:#9c600e} #bottom1 h3 {margin:0 0 20px; padding:0; font-size:20px; text-transform:uppercase; color:#9f9d9d} #bottom1 ul {list-style:none outside; margin:0; padding:0;} /* = Footer Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ #footer {background:#0060b8; padding:90px 0 75px; color:#FFF; font-size:14px;} #footer .tpf-fwbleed.fwpadded{ height: 1px; background: #2377c3; } #footer .top-block{ padding-bottom: 40px; } #footer .top-block ul{ padding:0; margin: 0; } #footer .top-block li{ padding: 0 23px; } #footer .top-block li a{ text-transform: uppercase; font-weight: 400; } #footer .bottom-block{ padding-top: 30px; } #footer .bottom-block li{ padding:0 6px; } #footer a {color:#FFF} #footer a:hover {color:#d6d7d8} @media screen and (max-width: 1279px) { #footer .top-block li{ padding: 0 16px; } } @media screen and (max-width: 1199px) { #footer .top-block li{ padding: 0 6px; } } @media screen and (max-width: 991px) { #footer{ padding: 50px 0 0px; } } @media screen and (max-width: 991px) { #footer .top-block li{ padding-left: 0 10px; } } /* = Back to top -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .backtotop.styled { opacity:0.8; position:fixed;bottom:20px;right:20px;width:55px;height:55px; background-color:#40c0e9; border:1px solid #40c0e9; border-radius: 5px;bottom: 20px;color: #fff;    font-size: 20px;font-weight: bold;height: 55px;line-height: 55px;position: fixed;    right: 20px;text-align: center;width: 55px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Forms -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ /* Gravity Forms */ .gform_wrapper{ margin:0 !important; } .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:#f7f7f7; width:100%!important;padding: 6px 12px!important;text-indent: 0!important; border-radius:0 !important; border-width:0 !important; } .gform_body ::-webkit-input-placeholder {color:#000000!important;} .gform_body :-moz-placeholder {/* Firefox 18- */ color:#000000!important;} .gform_body ::-moz-placeholder {/* Firefox 19+ */ color:#000000!important;} .gform_body :-ms-input-placeholder {color:#000000!important;} .form-control{color:#000000!important;} #quickcontact .gform_wrapper .ginput_container input.form-control, #quickcontact .gform_wrapper .ginput_complex .ginput_full input.form-control, #quickcontact .gform_wrapper .ginput_container textarea.form-control, #quickcontact .gform_wrapper .ginput_container select.form-control { background:#e7e7e7; width:100%!important; font-size:14px !important; color:#1e2863 !important; line-height:28px !important; letter-spacing: .5px; font-weight:400 !important; padding: 6px 20px!important; text-indent:0!important; border-radius:0 !important; border-width:0 !important; box-shadow:none !important; text-transform:inherit !important; } #quickcontact .gform_wrapper .ginput_container textarea.form-control{ padding-top:20px !important; } #quickcontact .gform_wrapper .ginput_container .form-control::-webkit-input-placeholder{ color:#1e2863; } #quickcontact .gform_wrapper .ginput_container .form-control:-moz-placeholder{ color:#1e2863; } #quickcontact .gform_wrapper .ginput_container .form-control::-moz-placeholder{ color:#1e2863;} #quickcontact .gform_wrapper .ginput_container .form-control:-ms-input-placeholder{ color:#1e2863; } .gfield.disclaimer {font-size:12px; font-style:italic; margin:0 !important; } #quickcontact .gfield.disclaimer{ width:100% !important; position:relative; font-style:normal; margin-top:10px !important } #quickcontact .gfield.disclaimer span{ display:block; font-size:16px; color:#fff; line-height:18px; font-weight:400; font-style:normal; padding:15px 0 0 0; } .gform_wrapper .gform_footer { padding:0!important; margin-top:10px !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:0px!important;} .gform_wrapper .address_line_2 {display:block} /* Double column layout for short contact */ .gform2col .gform_wrapper .gfield { width:49.5%; } #quickcontact .gform2col .gform_wrapper .gfield { width:46%; padding-right:0 !important; margin-top:10px; } .gform2col ul li {margin-bottom:0;} .gform2col .gform_wrapper .ginput_container input.form-control {height:50px;} #quickcontact .gform2col .gform_wrapper .ginput_container input.form-control { height:50px;} .gform2col .gform_wrapper .textarea_wrapper { float:right; margin-top:-170px} #quickcontact .gform2col .gform_wrapper .gfield.textarea_wrapper { float:right; width:52%; margin-top:-170px; } .gform2col .gform_wrapper .textarea_wrapper textarea {max-height:170px} #quickcontact .gform2col .gform_wrapper .textarea_wrapper textarea { height:170px; } .gform2col .gform_button {/* display:block!important;*/ width:auto !important; font-size:16px !important; line-height:18px !important; margin:0 !important; float:none; } .gform_wrapper .gform_footer .btn{ background: #0060b8; } .gform_wrapper .gform_footer .btn:hover{ background: #174898; } @media screen and (max-width: 640px) { .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 screen and (max-width: 600px) { #quickcontact .gform2col .gform_wrapper .gfield{ float:none; width:100%; } #quickcontact .gform2col .gform_wrapper .gfield.textarea_wrapper{ float:none; width:100%; margin-top:10px; } #quickcontact .gfield.disclaimer span{ display:block; position:relative; top:inherit; padding-top:8px; } } @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 } } /* = Blog Section -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .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: 28px;} .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} /* = Maps Google Map API & InfoWindow Styles -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ .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:240px; 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} /* = Bootstrap overwrites -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ /* 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 -------------------------------------------------------------------------------------------------------------------- ** Advice Media ** */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; }