/** * Theme Name: DeepSea * Theme URI: https://advicemedia.com * Author: Advice Media * Author URI: https://advicemedia.com * Description: Deep Sea: Diamond Level Programming and Design Themes Using thmpltfrmwrk * Template: thmpltfrmwrk * Version: 1 */ #themeswitchwrap {display:none;} /* = Global color Palleting -------------------------------------------------------------------------------------------------------------------- Global Styling For All Elements throughout the site */ /* -- PCOLOR 1 = Header -- */ .pcolor1 {background:#3a3f45; color:#FFF;} .pcolor1 .htag {color:#0095da} .pcolor1 a {color:#fff} .pcolor1 a:hover {color:#0e6494} .pcolor1 .btn.btnc {background:#0095da; color:#FFF;} .pcolor1 .btn.btnc:hover {background:#41c3ff} /* -- PCOLOR 2 = Main -- */ .pcolor2 {background:#FFF; color:#3a3f45} .pcolor2 .htag {color:#0095da} .pcolor2 a {color:#3a3f45} .pcolor2 a:hover {color:#000000} .pcolor2 .btn.btnc {background:#0095da; border:0} .pcolor2 .btn.btnc:hover {background:#41c3ff} .pcolor3 {color:#FFF; background: #006697; /* Old browsers */ background: -moz-linear-gradient(left, #006697 0%, #006697 0%, #024565 100%, #024565 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #006697 0%,#006697 0%,#024565 100%,#024565 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #006697 0%,#006697 0%,#024565 100%,#024565 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006697', endColorstr='#024565',GradientType=1 ); /* IE6-9 */ } .pcolor3 .htag {color:#fff} .pcolor3 a {color:#fff} .pcolor3 a:hover {color:#000000} .pcolor3 .btn.btnc {background:#0095da; color:#fff;} .pcolor3 .btn.btnc:hover {background:#41c3ff; color:#fff;} .pcolor3 .carousel-indicators li {border:2px solid #fff; background:0} .pcolor3 .carousel-indicators li.active {border:2px solid #fff; background:#fff} .pcolor4 {color:#FFF; background: red; /* For browsers that do not support gradients */ background: -webkit-radial-gradient(circle, #11658c, #0f516f, #08364b); /* Safari */ background: -o-radial-gradient(circle, #11658c, #0f516f, #08364b); /* Opera 11.6 to 12.0 */ background: -moz-radial-gradient(circle, #11658c, #0f516f, #08364b); /* Firefox 3.6 to 15 */ background: radial-gradient(circle, #11658c, #0f516f, #08364b); /* Standard syntax */} .pcolor4 .htag {color:#fff} .pcolor4 a {color:#fff} .pcolor4 a:hover {color:#8bdaff} .pcolor4 .btn.btnc {background:#0095da;} .pcolor4 .btn.btnc:hover {background:#41c3ff} .pcolor4 .longline {border-color: #54859e;} .linetop::before{border-top:4px solid #000000} .linebottom::after{border-top:4px solid #000000} .linebottom[style*='center']::after, .linecenter::after {margin-left:auto; margin-right: auto} /* Social */ .am-social-svg .svg-icon {fill:#fff;} /*icon color*/ .am-social-svg .svg-square, .am-social-svg .svg-cirlcle, .am-social-svg .svg-rounded-square {fill:#03486b;} /*default-inherit*/ .am-social-svg:hover .svg-icon{fill:#fff;} /*hover icon color*/ .am-social-svg:hover .svg-square, .am-social-svg:hover .svg-cirlcle, .am-social-svg:hover .svg-rounded-square {fill:#000000;} /*hover other shapes*/ /* Sticky Nav */ #am-sticky-toprow {background:#006597; color:#fff; font-size:15px;} #am-sticky-toprow a {color:#fff;} #am-sticky-toprow a:hover {color:#000000;} #am-sticky-mainrow {background:#03486b;} .am-sticky-mainmenu > li > a {color:#fff } .am-sticky-mainmenu >li:hover>a{color: #0394da;text-decoration:none;} .am-sticky-mainmenu >li.current_page_item>a {color: #0394da;} .am-sticky-mainmenu .sub-menu {border-bottom:4px solid #6f7486; background:#fff;} .am-sticky-mainmenu li li a{color: #fff; background: #01557e;} .am-sticky-mainmenu li ul a:hover{color: #ffffff;background: #0394da;} .am-sticky-side-panel {background:#fff;} .am-sticky-accordion > li > a {color:inherit;} .am-sticky-accordion > li > a:hover {color:#000000;} .am-sticky-accordion > li li a {color:#fff;} .am-sticky-mainrow .tpf-logo {max-width:100%;max-height:80px;display:inline-block} .am-sticky-mainrow #logo_sticky img {max-width: 100%; max-height:70px; display: inline-block; margin-top:-40px;} #logo_sticky {margin:15px 0 0;} #logo_sticky h1, #logo_sticky h1 a{color:#fff; font-size:16px; font-weight:bold; margin:30px 0 5px 0; line-height:18px} #logo_sticky h2, #logo_sticky h2 a{display:none;} .am-sticky-iconsnav a {color:#fff;} .am-sticky-iconsnav a:hover {color:#000000;} .carousel-indicators {position:relative; bottom:0;} .carousel-indicators li {border:2px solid #0094d9; background:0} .carousel-indicators li.active {border:2px solid #0094d9; background:#0094d9} .am-sticky-side-panel {background:#03486b;color:#fff} .sticky-side-panel-lefteditable a {color:#fff} .sticky-side-panel-lefteditable a:hover {color:#000000} .am-sticky-accordion > li li a {background:#03486b} .am-sticky-accordion > li li a:hover {background:#024565;color:#000000} /* = Formatting -------------------------------------------------------------------------------------------------------------------- Global Styling For All Elements throughout the site */ html {background:#ffffff;} body {background:#eeeeee; font-size:18px; line-height:26px; font-weight: 300; font-family:Arial, Tahoma, Helvetica, sans-serif;} .pagewrapper {margin: 0 auto; /*max-width: 2132px;*/ width: 100%;} .boxin .pagewrapper{ box-shadow: 1px 1px 42px #000; margin: 0 auto; max-width: 1488px; overflow: hidden; } .largewidth .container {width:85%; max-width: 1920px} .wrapper {float:left;width:100%;padding:60px 0} .paddingsmall, .smallpadding {padding:30px 0} #header, #footer, #graphic, #mobile_header, .nopadding, #am-sticky-toprow, #am-sticky-mainrow {padding:0;} img.overline {position:relative;z-index:999} /*h1, h2, h3, h4, h5, h6 {margin:20px 0 40px; padding:0; color:#0095da; font-weight:normal; text-transform:uppercase}*/ h1, h2, h3, h4, h5, h6 {margin: 30px 0 28px;padding:0;color:#0095da;font-weight:normal;text-transform:uppercase;} H1{font-size:41px;line-height:42px} H2{font-size:30px;line-height:30px; font-family: 'Playfair Display', sans-serif !important;} H3{font-size:28px;line-height:28px} H4{font-size:26px;line-height:26px} H5{font-size:24px;line-height:24px} H6{font-size:22px;line-height:22px} .topheader {margin:0 0 34px;} .home h2.topheader {font-size:41px; line-height:40px;} @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:28px;} } 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: #0394da;text-decoration:none;} a:hover {color: #5dbeec;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 #000;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:70px} .linebottom::after{content:' ';display:block;max-width:70px;margin-top: 20px} .longline {position: relative;z-index: 0;margin:-40px 0 60px;width: 1000%;margin-left: -500%;overflow: hidden;border-color: #00000;} @media screen and (max-width: 768px) { .longline {display:none} } p, .rowlikep {margin: 0 0 15px; padding-right: 90px;} /* 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;} /* -- Formatting classes -- */ .row.flushcolumns > * { padding:0} .img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px} /* Buttons */ .btn.btnc {background:#0095da } .btn.btnc, .btn.btnc::before {color:#FFF; padding:15px 20px; text-decoration:none; border:0; border-radius:5px; cursor:pointer; text-transform:uppercase; font-size:17px; font-weight: 300;} .btn.btnc.btn-block {margin-top:15px} .btn.btnc:hover {background:#41c3ff; color:#FFF; text-decoration:none} @media screen and (max-width: 768px) { .btn.btnc {white-space:normal} } /* 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} .tpf-caption.tpfstyle {background:#009cde; color:#fff; border:none; padding:0;} .tpf-caption.tpfstyle .tpf-caption-title {padding:0 10px;} .tpf-caption.tpfstyle .tpf-caption-text {padding:0 10px;} .tpf-caption-img img {display:block; margin:0 auto;} /* shift elements */ .shift-up {margin-top:-10%} .shift-bottom {margin-bottom:-10%} /* ELEMENTS */ .ih-item.circle .tpf-fig-caption-img-wrap::before {box-shadow: 0 0 0 16px rgba(138, 172, 163, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3)} figure {float:none!important; } figure + ul { clear: both; margin-top: 20px} .tpf-latest-post .wp-post-image {float:none; margin:0} .contentbox {padding:60px 0} .opacitycontent {position:relative} .pinkicon {color:#FFFFFF} .leftimg {position:relative;right:32%;z-index:999} .rightimg {left:39%;position:relative} @media screen and (max-width: 2300px) { .rightimg {left:24%} } @media screen and (max-width: 1700px) { .rightimg {left:16%} } @media screen and (max-width: 1450px) { .rightimg {left:-4%} } @media screen and (max-width: 1200px) { .rightimg {left:-8%} } @media screen and (max-width: 992px) { .rightimg {left:0;position: initial;width:100%;height:auto;display: block} .leftimg {right:0;position: initial;width:100%;height:auto;display: block} } /* = Header ------------------------------------------------------------------------------------------------------------- */ #logo {position: relative;z-index: 999;} #header {height:229px; background: #024565; /* Old browsers */ background: -moz-linear-gradient(left, #024565 0%, #024565 0%, #006697 100%, #006697 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #024565 0%,#024565 0%,#006697 100%,#006697 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #024565 0%,#024565 0%,#006697 100%,#006697 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024565', endColorstr='#006697',GradientType=1 ); /* IE6-9 */} .inside #header{height: auto;} #header .logo {padding:0;} #header #logo {position:relative;z-index:999;height:157px;margin-top:-20px;} #header h1.tpf-logo {margin:20px 15px;font-size:30px;line-height:30px;padding-top:10px} #header h2.tpf-logo {margin:20px 15px;font-size:18px;line-height:25px} #header .social {margin:11px 0 -12px} #header #logo img {max-width:100%;margin-top:0;position:relative;top:33%;padding:0 15px;width: 330px;} @media screen and (max-width: 1550px) { #header .social{margin:15px 0 0} } @media screen and (max-width: 992px) { #header {padding:10px 0;} #header .logo {width:40%} #header .logoinfo {width:60%} #header {background:#3A3F45} } .toprightcol {background: #015c88;padding:13px;text-transform:uppercase;} .toprightcol .tel {font-size: 25px;color: #fff;font-weight: bold;line-height:46px;padding-right: 45px;} .toprightcol .tel:hover {color:#000000} .toprightcol .adr {font-size: 13px; color: #fff;line-height:27px} .toprightcol .adr:hover {color:#000000} @media screen and (max-width: 1350px) { .toprightcol .tel{font-size:22px} .toprightcol .adr{ font-size:11px } #header h1.tpf-logo {font-size:26px} } @media screen and (max-width: 1200px) { .toprightcol .tel{display: inline;text-align: left; padding:0 23px 0 0} .toprightcol .adr{ text-align: right;float: right; display: inline; } #header #logo {height:233px} #header h2.tpf-logo {font-size:15px} #header {height:165px} } @media screen and (max-width: 992px) { #logo {max-width:128px} } /* = Mobile Header ------------------------------------------------------------------------------------------------------------- */ #mobile_header {padding:10px 0; background: #024565; /* Old browsers */ background: -moz-linear-gradient(left, #024565 0%, #024565 0%, #006697 100%, #006697 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #024565 0%,#024565 0%,#006697 100%,#006697 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #024565 0%,#024565 0%,#006697 100%,#006697 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024565', endColorstr='#006697',GradientType=1 ); /* IE6-9 */} #mobile_header .mobile_holder {position:relative;} #mobile_header .mobile_holder h1{margin:0; font-size:25px; line-height:35px;} /*#mobile_header #mobile_logo {position:absolute; font-weight:700; margin-top:5px;}*/ #mobile_header #mobile_logo {position:absolute;/* font-weight:700; *//* margin-top:5px; */} #mobile_header #mobile_logo img {width:100%; max-width:180px;} #mobile_header a {color:#fff} #mobile_header a:hover {color:#000000} #mobile_header h2.thmplt_logo {display:none;} #mobile_header hr {margin:10px 0;border-color:#fff} @media screen and (max-width: 400px) { #mobile_header .mobile_holder h1{font-size:18px; line-height:25px;} } /* = Main Navigation ------------------------------------------------------------------------------------------------------------- */ #navigation {background:#3b3b3b; overflow: visible; padding:0px} /* Dropdown Style */ #header #mainmenu{margin:0; float:right; padding:0;} #mainmenu>li>a{font-size:20px; line-height:16px;padding:27px 9px; font-weight:300; text-transform:capitalize; color:#fff; /*background:url(images/structure/nav_divider.jpg) center right no-repeat;*/} #mainmenu>li:hover>a{color: #0394da;text-decoration:none;} #mainmenu>li.current_page_item>a {color: #0394da;} /* Sub menu */ #mainmenu .sub-menu {width:200px;margin-top:0;border-bottom: 4px solid #08486a;background:#f5f5f5;} #mainmenu .sub-menu>li>a{font-size:17px;padding:4px 16px;margin:0;color:#fff;text-align:left;background: #0394da;line-height: 20px;} #mainmenu .sub-menu>li>a:hover{color: #ffffff;background: #015c88;} #mainmenu>li.first>a, #mainmenu>li:first-child>a{padding-left:0} #mainmenu>li.last>a, #mainmenu>li:last-child>a{background:0; padding-right:0} /* Accordion Style */ #mainmenu_accordion, #mainmenu_accordion ul {list-style:none outside; margin:0; padding:0; overflow:hidden;} #mainnav_accordion {text-align:right;} #mainnav_accordion .sub-menu {text-align:left;} #mainmenu_accordion>li>a {font-size:18px; line-height:60px; background:0; margin:0; cursor:pointer; height:60px; display:block; padding: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:300; border-bottom:1px solid #fff; /*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 {color:#fff; background:0; padding-left:20px; text-align:left;} #mainmenu_accordion>li>ul>li a:hover {color:#000000;background:#024565} #mainmenu_accordion>li>ul>li li a { background:0; padding:0 0 0 40px;} #mainmenu_accordion>li>ul>li li li a {background:0; padding:0 0 0 50px;} #mainmenu_accordion>li>ul>li li li li a {background:0; 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;} #mainmenu_accordion .li-has-content-menu .sub-menu {display:block} #mainmenu_accordion .li-has-content-menu .sub-menu li ul {display:block!important} @media screen and (max-width: 1550px) { #mainmenu>li>a{font-size:17px; line-height:14px; padding:18px 5px; } } @media screen and (max-width: 1450px) { #mainmenu>li>a {font-size: 19px} } @media screen and (max-width: 1400px) { #mainmenu>li>a{font-size:17px; line-height:13px; padding:18px 6px; } } @media screen and (max-width: 1280px) { #mainmenu>li>a{font-size:17px;padding:27px 5px; } } @media screen and (max-width: 1200px) { #mainmenu>li>a{font-size:15px;padding:27px 5px; } } /* = Banner/Graphic - Carousel ------------------------------------------------------------------------------------------------------------- */ #graphic {margin-top: -103px} @media screen and (max-width: 1200px) { #graphic {margin-top:0} } #graphic .carousel-caption .title, .caption-wrapper .caption-box .title {color:#0095da; display: block; font-size: 82px; line-height:50px; font-weight:300; margin: 30px 0 20px; padding: 0; text-transform:capitalize;letter-spacing:0} #graphic .carousel-caption .title.small, .caption-wrapper .caption-box .title.small {font-size:60px;text-transform:uppercase;margin: 0px;color:white;margin-bottom: 30px;} .caption-wrapper .caption-box hr {margin:20px 0} .caption-wrapper .caption-box p {color:#fff;text-transform: uppercase;font-size:18px;letter-spacing:9px} .caption-quarter .caption-wrapper {top: 26%;} .titlebox {width:36%;margin-left:15%} .caption-box h6 { color:#FFF; border-bottom: 2px solid #fff; display: block; font-size: 47px; margin: 0 0 20px; padding: 0 0 23px; } @media screen and (max-width: 768px) { #graphic .carousel-inner>.item>img {max-width:135%;} } @media screen and (max-width: 1280px) { #graphic .caption-wrapper .caption-box .title {font-size: 45px;line-height: 18px;letter-spacing:0;} #graphic .caption-wrapper .caption-box p {font-size:22px;letter-spacing:4px} .titlebox {width:23%} } @media screen and (max-width: 992px) { #graphic .carousel-caption .caption-box {margin:0 auto;} #graphic .item_fullwidth .carousel-caption .caption-box {max-width:100%; background:0;} #graphic .item_fullwidth .carousel-caption {margin:0 auto; position:relative;} #graphic .carousel-inner > .item > .constrained {height:500px;} #graphic .carousel-caption {top:10%;} .titlebox {width:50%;margin:0 auto 0 40%;text-align: center} .caption-wrapper {position:relative} .caption-quarter .caption-wrapper {top:0} } @media screen and (max-width: 768px) { #graphic .carousel-inner > .item > .constrained {height:300px;} #graphic .carousel-caption {top:10%;} #graphic .title {font-size:22px; line-height:24px;} } /* -- Global Indicators / Arrows -- */ #graphic ol.carousel-indicators {margin-bottom:0; bottom:0; position:absolute;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:10%;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:10%;} @media screen and (max-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:30%;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:30%;} } /* = Highlights ------------------------------------------------------------------------------------------------------------- */ #our-services {background: #3a3f45;} #highlights {border-bottom:1px solid #c5c5c5;} #highlights h2 {font-size:30px; line-height:22px; color:#0095da;} /*#highlights a:hover {color:#009cde}*/ #highlights .header {font-size:22px; line-height:24px; font-weight:600; display:block; margin:10px 0 0 0;} @media screen and (max-width: 768px) { #highlights h2 {font-size:18px; line-height:20px;} } @media screen and (max-width: 400px) { figure.effect-lily figcaption > div {bottom:6%} } .tpf-fig-caption-title {font-size: 28px !important; line-height:45px; color: cornsilk;} /* = Highlights ------------------------------------------------------------------------------------------------------------- */ #doctor-area {background: #ffffff;} /* = Main Section ------------------------------------------------------------------------------------------------------------- */ #main {background:#fff;} /*.home #main {background: #3a3f45; color: #ffffff; padding: 80px 0} .home #main h2.topheader {color: #ffffff;} .home #main .btn.btnc {background: #ffffff; color: #3a3f45;} .home #main .btn.btnc:hover {background: #9bc03c; color: #ffffff;} */ #main h1 {text-transform:capitalize} /* Hide the breadcrumbs on the homepage */ .home #main #breadcrumbs {display:none;} #main #breadcrumbs {color:#e9104b} #main #breadcrumbs a {color:#000} #main #breadcrumbs a:hover {color:#009cde} .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}*/ #testimonials .carousel-control.left {display: none;} #testimonials .carousel-control.right {display: none;} #testimonials ol.carousel-indicators {position:static; margin: 10px auto} #testimonials-3 .carousel-control.left {display: none;} #testimonials-3 .carousel-control.right {display: none;} #testimonials-3 ol.carousel-indicators {position:static; margin: 10px 0;left:0;text-align: left} /* Custom layout styles */ #testimonials-3 {padding:0;max-height:619px} @media screen and (max-width: 992px) { #testimonials-3 {max-height:initial} } /* = Blog ------------------------------------------------------------------------------------------------------------- */ #bottom_blog {color:#fff;} #bottom_blog h2{color:#fff;} #bottom_blog .btn {display:block; margin-top:10px;} #bottom_blog .title {margin-bottom:10px;} #bottom_blog .result_data {margin-bottom:20px;} #bottom_blog .date {margin-bottom:30px; color:#fff;} #bottom_blog .date strong {display:none;} #bottom_blog .author {display:none;} /* = Map ------------------------------------------------------------------------------------------------------------- */ .tpf-fwbleed .mapcanvas {width:100%; margin:0} /* = Quick Contact ------------------------------------------------------------------------------------------------------------- */ #bottom_contact-3 {padding:0} /* = Quick Links ------------------------------------------------------------------------------------------------------------- */ #bottom_links {padding:60px 0; line-height:28px;} #bottom_links address {line-height:28px;} #bottom_links h3 {font-size:24px; margin:0 0 20px; text-transform:uppercase; } #bottom_links ul {list-style:none outside; margin:0; padding:0;} #bottom_links .list-inline > li {padding-left: 20px; padding-right: 20px; text-transform: uppercase; font-weight: 300;} #bottom_links .am-social-svg .svg-shape {fill: #838383;} #bottom_links .am-social-svg .svg-shape:hover {fill: #9bc03c;} #bottom_links .am-social-svg {height: 48px; width: 48px;} #bottom_links .mapimg {max-width: 350px; height: 220px;} /* = Footer Section ------------------------------------------------------------------------------------------------------------- */ #footer {padding:10px 0; font-size:14px; text-transform: uppercase; color:#fff;background: #024565;} #footer ul {margin-bottom:0} #footer a {color:#9bc03c} #footer a:hover {color:#fff} #footer-3 {padding:60px 0 40px;font-size:13px; text-transform: none; color:#fff; background: #024565; /* Old browsers */ background: -moz-linear-gradient(left, #024565 0%, #024565 0%, #006697 100%, #006697 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #024565 0%,#024565 0%,#006697 100%,#006697 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #024565 0%,#024565 0%,#006697 100%,#006697 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024565', endColorstr='#006697',GradientType=1 ); /* IE6-9 */} #footer-3 ul {margin-bottom:0;display:inline-block} #footer-3 #mainmenu i {display:none} #footer-3 #mainmenu a {padding:1px 17px} #footer-3 #mainmenu a:first-child {padding-left:0} #footer-3 a {color:#fff} #footer-3 a:hover {color: #000000;} #footer-3 hr {border-color:#fff} #footer-3 .btn.btnc {border:1px solid #fff;background:0;color:#FFFFFF;padding:15px 25px} #footer-3 .btn.btnc:hover {background:#fff;color:#024565} #footer-3 h3 {color:#fff;font-size:15px;margin:0} #footer-3 .btns li {padding:0 60px} #footer-3 .btns li:first-child {padding-left:0} #footer-3 .btns li:last-child {padding-right:0} @media screen and (max-width: 1280px) { #footer-3 .btns li {padding:0 50px} } @media screen and (max-width: 1200px) { #footer-3 .btns li {padding:0 10px} #footer-3 #mainmenu a {margin:7px 0} #footer-3 ul {margin-bottom:-14px} } @media screen and (max-width: 992px) { #footer-3 .mapimg {margin-bottom:20px} } @media screen and (max-width: 768px) { #footer-3 .btns {display:block} #footer-3 .btns li {display:grid;padding:10px 0} } /* = Back to top ------------------------------------------------------------------------------------------------------------- */ .backtotop.styled { position:fixed;bottom:20px;right:20px;width:55px;height:55px; color:#fff;font-weight:bold; font-size:30px;line-height:50px; display:none; text-align:center;background-color:#000000; border:1px solid #000000; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* text-indent:-9999px;background: url('icon_top.png') no-repeat;*/ } /* = Gravity Forms ------------------------------------------------------------------------------------------------------------- */ /* input styles */ .form-control {background:#e8e8e8; color:#003f5e; border:none; border-radius:0; height:55px; padding:10px!important; line-height:1.42857143!important; text-transform: upprercase;} /* Gravity Forms placeholder color */ .gform_wrapper input::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder {color: #000;} .gform_wrapper input:-moz-placeholder, .gform_wrapper textarea:-moz-placeholder {color: #000;} .gform_wrapper input::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder {color: #000;} .gform_wrapper input:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder {color: #000;} select.form-control {color:#fff;} @media screen and (min-width: 768px) { /* Double column layout for short contact */ .gform2col .gform_wrapper .gfield {width:49.5%} .gform2col .gform_wrapper .textarea_wrapper {float:right; margin-top:-170px} .gform2col .gform_wrapper .textarea_wrapper textarea {height:200px; margin-top: -29px;} .gform2col .ginput_container_textarea {margin-top:0!important;} .gform2col .gfield.disclaimer {width:100%;} .gform2col .gform_wrapper .top_label .gfield_error {width:47.5%;} } /* = Blog Section ------------------------------------------------------------------------------------------------------------- */ .blog.home #main article, .category #main article, .archive #main article {background:#FFF; border-radius:3px; border:1px solid #ccc; padding:30px} .blog #main article .author, .category #main article .author, .archive #main article .author{display: none;} .topheader.resultheader {margin:0 0 10px; font-size:18px;} .result_data { display:block; list-style: none outside; padding:0 ; clear:both;} .title + .result_data {margin:-36px 0 20px} .result_data li { display: inline; padding:0 10px 0 0;} .wp-post-image {float:left; margin:0 25px 0 0} .pagination {display:block; float:left; width:100%; padding:10px 0; margin-top:10px;text-align:left; line-height:45px} .pagination>*{ padding:8px; border:1px solid #ccc; } .pagination .current {background:#dfdfdf} .pagination a[rel=prev] {float:left} .pagination a[rel=next] {float:right} /* = Maps Google Map API & InfoWindow Styles */ .mapcanvas {float:left; width:99%; height:500px; margin: 0 0 20px; border:0 double #ccc} .iwindow {line-height:18px;width:250px} .iwindow hr { border:0;margin:10px 0; background:0; border-top:1px solid #ddd; width:100%; clear:both } .iwindow a {font-size:12px} .iwindow.hasimg {width:350px} .iwindow.hasimg hr {float:left;} .hasimg.hasimg .infoimg {float:left;max-width:100px;margin:0 10px 0 0} .mapimg {display:block; height:100px; width:auto;} /* -- Directions form - active only on single locations -- */ .directions_form {float:left;display:block;border:1px solid #ddd; width:100%} .directions_form>div {display:block;padding:10px; overflow:hidden} .directions_form .saddr{float:left; width:75%; padding:10px} .directions_form strong {display:block} .directions_form .dbtn {float:right; width:18%; border:0; padding:10px;} @media screen and (max-width: 992px) { .directions_form .dbtn {display: block; float: none; clear: both; margin-top: 10px; width:auto;} .directions_form .saddr{float:none; clear:both; width:100%;} } /* -- 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) { .map_info {width:98%; margin-bottom:40px;} } /* = Lazy Loading -------------------------------------------------------------------------------------------------------- */ .home .amlazy-up, .home .amlazy-down, .home .amlazy-left, .home .amlazy-right, .home .amlazy-children-up *, .home .amlazy-children-down *, .home .amlazy-children-left *, .home .amlazy-children-right *{ transition: -webkit-transform 1200ms ease-in-out, opacity 800ms ease-in-out; transition: transform 1200ms ease-in-out, opacity 800ms ease-in-out; visibility: hidden; opacity: 0; } /** LOAD UP **/ .amlazy-up, .amlazy-children-up *{ -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } /** LOAD DOWM **/ .amlazy-down, .amlazy-children-down *{ -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /** LOAD LEFT **/ .amlazy-left, .amlazy-children-left *{ -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } /** LOAD RIGHT **/ .amlazy-right, .amlazy-children-right *{ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /* WHEN VISIBLE */ /* load up */ .isvisible.amlazy-up, .isvisible .amlazy-up, .isvisible.amlazy-children-up *, .isvisible .amlazy-children-up *, /* load down */ .isvisible.amlazy-down, .isvisible .amlazy-down, .isvisible.amlazy-children-down *, .isvisible .amlazy-children-down *, /* load left */ .isvisible.amlazy-left, .isvisible .amlazy-left, .isvisible.amlazy-children-left *, .isvisible .amlazy-children-left *, /* load right */ .isvisible.amlazy-right, .isvisible .amlazy-right, .isvisible.amlazy-children-right *, .isvisible .amlazy-children-right *{ visibility: visible; opacity: 1; -webkit-transform: translateY(0px) translateX(0)!important; -ms-transform: translateY(0px) translateX(0)!important; transform: translateY(0px) translateX(0)!important; } /* = Bootstrap overwrites ------------------------------------------------------------------------------------------------------------- */ /* 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 ------------------------------------------------------------------------------------------------------------- */ [class*="qcol-"] { -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } /* = AM Gallery Overwrites ------------------------------------------------------------------------------------------------------------- */ .mngallery-single #imagesetcontainer{background: 0 !important; border: 1px solid #ccc !important;} .mngallery-archive.tiled .post_header h2{height: auto !important;} /*may*/ .gform2col .gform_wrapper .textarea_wrapper textarea {height:200px;margin-top: 27px;} #header #logo {position:relative;z-index:999;height:25px;margin-top: 0px;} .toprightcol {padding: 10px;text-transform:uppercase;} /* Gravity Forms */ .gform_wrapper .gform_heading, .gform_wrapper .top_label .gfield_label, .gform_wrapper label {display:none!important} .gform_wrapper .ginput_container input.form-control, .gform_wrapper .ginput_complex .ginput_full input.form-control, .gform_wrapper .ginput_container textarea.form-control, .gform_wrapper .ginput_container select.form-control { background:#e5e7e8; width:100%!important; padding: 6px 12px!important; text-indent: 0!important; border-radius:0 !important; border-width:0 !important; } .gfield.disclaimer {font-size:12px; font-style:italic} .gform_wrapper .gform_footer { padding:0!important; text-align:right} .gform_footer input[type=submit] {/*width:100%;*/} /* Long contact form address */ .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width:49%!important; min-height:1px!important; } .gform_wrapper div.ginput_container, .gform_wrapper .address_line_2, .gform_wrapper .ginput_complex > span {margin-top:10px!important;} .gform_wrapper .address_line_2 {display:block} /* Double column layout for short contact */ .gform2col .gform_wrapper .gfield { width:49.5% } .gform2col 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} #quick-contact .gform_wrapper ul li.gfield{ margin-top:7px !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield{ width: 45.6%; padding-right:10px !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield.textarea_wrapper{ width: 54.3%; padding-right:0 !important; margin-top:-173px !important; } #quick-contact .gform_wrapper .top_label div.ginput_container{ margin-top:0 !important; } #quick-contact .gform_wrapper .ginput_container .form-control::-webkit-input-placeholder { /* Chrome */ color:#333333; } #quick-contact .gform_wrapper .ginput_container .form-control:-ms-input-placeholder { /* IE 10+ */ color:#333333; } #quick-contact .gform_wrapper .ginput_container .form-control::-moz-placeholder { /* Firefox 19+ */ color:#333333; } #quick-contact .gform_wrapper .ginput_container .form-control:-moz-placeholder { /* Firefox 4 - 18 */ color:#333333; } #quick-contact .gform_wrapper .ginput_container input.form-control{ box-shadow:none; color:#333333; background:#eeeeee!important; height:53px !important; } #quick-contact .gform_wrapper .ginput_container textarea.form-control{ box-shadow:none; color:#333333; background:#eeeeee!important; height:173px !important; padding-left:17px !important; padding-top: 14px !important; } #quick-contact .gform_wrapper .gform_footer{ margin-top: 14px !important; } /* QUICK CONTACT BUTTON*/ #quick-contact .gform_wrapper .gform_footer input.btn.btnc{ width: 257px; font-size:14px; line-height:16px; margin:0; } #quick-contact .gform_wrapper .gform_footer input.btn.btnc:hover{ background:#655845; } .gform_body{ width:100% !important; } @media screen and (max-width: 991px) { #quick-contact .gform_wrapper .gform_footer{text-align: center;} } @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 (max-width: 600px) { .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 } #quick-contact .gform_wrapper ul.gform_fields li.gfield{ width: 100% !important; padding-right:0 !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield.textarea_wrapper{ width: 100% !important; } #quick-contact .gform_wrapper ul.gform_fields li.gfield.textarea_wrapper{ margin-top:7px !important; } .gform_wrapper .gform_footer{ float: left; } #quick-contact .gform_wrapper .gform_footer input.btn.btnc{ width:190px; } } /* CONTACT FORM DISCLAIMER */ .contact_disclaimer { font-size:12px; line-height:16px!important; font-style: italic; } /* CONTACT FORM LABELS */ .gform_wrapper .top_label .gfield_label {display:none;} .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {display:none;} .mnlocation_list {list-style:none;} #main #breadcrumbs {color: #1c95da;} .bordered-list { border-left:11px solid #094b86; padding:10px 45px; background:#f7f7f7; color:#000000; width:100%; font-weight:300; margin-top:45px; } ul.pdf {list-style-image:url(images/pdf.png);} ul.link {list-style-image:url(images/external_link.png);} ol {list-style:decimal;} ul ul {list-style:circle;} ul ul ul {list-style:square;} ul.expand li {padding-bottom:15px;} @media screen and (max-width: 1317px) { .btn.btnc {margin-bottom: 30px} } .single-amtestimonials .post_image img {width:100%; height:auto; max-width:600px;} .am-sticky-mainrow .am-sticky-logo-img {max-height:70px;} @media screen and (max-width: 1399px) { #main > div > div > aside > div > figure:nth-child(8) > figcaption > div > a > strong {margin-top: -5px} figure.effect-oscar figcaption::before {display: none} } @media screen and (max-width: 1270px) { #main > div > div > aside > div > figure:nth-child(8) > figcaption > div > a > strong {margin-top: -10px} } @media screen and (max-width: 1199px) { #main > div > div > aside > div > figure:nth-child(8) > figcaption > div > a > strong {margin-top: -30px} .tpf-fig-caption-title {font-size: 23px !important;} } @media screen and (max-width: 1160px) { .tpf-fig-caption-title {font-size: 14px !important} } #highlights p {padding-right: 0} @media screen and (max-width: 1295px) { #highlights {font-size: 14px; line-height: 24px;} } #doctor-area {color: #fff} #video, #bagallery, #testimonials {color: #000} #highlights a {color: #0095da} #highlights a:hover {color: #003F5D} @media screen and (max-width: 1200px) { #header #logo img {padding: 30px 15px;} .hide-menu {display: none} #mainmenu>li>a {padding: 27px 3px;} .toprightcol .tel {font-size: 17px;} .btn.btnc, .btn.btnc::before {padding: 7px 20px;} #header {height: 149px;} } @media screen and (width: 992px) { #header {background: linear-gradient(to right, #024565 0%,#024565 0%,#006697 100%,#006697 100%)} #header .logo {width: 17%;} #header .logoinfo {width: 83%;} #header {padding: 0} #header #logo img {max-width: 140%; padding: 40px 15px;} } @media screen and (max-width: 1315px) { .hide-menu {display: none} .toprightcol .tel {font-size: 21px;} } .am-sticky-mainmenu>li>a {font-size: 17px; font-weight: 300} #doctor-area > div > div > div > div.col-md-7 > p:nth-child(6) > a {color:#41c3ff} #doctor-area > div > div > div > div.col-md-7 > p:nth-child(6) > a:hover {color:#0095da} @media screen and (max-width: 1068px) { #menu-item-464 {display: none} } #doctor-area .btn.btnc, .btn.btnc::before { padding: 15px 10px; } @media screen and (max-width: 1116px) { .toprightcol .tel {font-size: 20px;} } @media screen and (max-width: 1078px) { .toprightcol .tel {font-size: 17px;} } #post-815 > div:nth-child(3) > div.col-md-4.col-sm-12.col-xs-12 > p > img {margin-right: 0} #bodyContainer .card-header {display: none !important} #video > div > div > div > div.col-md-6.col-sm-12.col-xs-12.txt-md-right.txt-xs-left > p:nth-child(3), #video > div > div > div > div.col-md-6.col-sm-12.col-xs-12.txt-md-right.txt-xs-left > p:nth-child(4) {padding-right: 0} .testimonials a { color: #337ab7; } @media screen and (max-width: 1171px) { #am-sticky-mainmenu > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-459.current_page_item.menu-item-464.first {display: none} .am-sticky-mainmenu>li>a {padding: 0 6px;} } .anchor{ display: block; height: 115px; /*same height as header*/ margin-top: -115px; /*same height as header*/ visibility: hidden; } #mainmenu > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1445 > a {padding-bottom: 4px !important} @media screen and (max-width: 768px) { #highlights {font-size: 20px} } @media (min-width: 1201px) and (max-width: 1440px) { #logo > a > img {padding: 15px 15px !important} }