@charset "utf-8"; /* Base CSS for Frontend */ @import "reset.css"; @import "global.css"; body{ background: #ebebeb; font: normal 14px/22px 'Open Sans', Helvetica, sans-serif; color: #444;} a{color: #212121; transition:color 180ms linear, background 180ms linear, opacity 180ms linear; -webkit-transition:color 180ms linear, background 180ms linear, opacity 180ms linear; -moz-transition:color 180ms linear, background 180ms linear, opacity 180ms linear; } a:hover{text-decoration:none; color: #03a9f4;} /* ---Standard headers ---*/ h1 { font: normal 32px/38px 'Open Sans', Arial, Helvetica, sans-serif; color:#212121; text-transform: uppercase;} h2 { font: normal 24px/30px 'Open Sans', Arial, Helvetica, sans-serif; color:#212121;} h3 { font: normal 18px/26px 'Open Sans', Arial, Helvetica, sans-serif; color:#212121;} h4 { font: normal 16px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#212121;} /* --- General Layout Settings---*/ .container { width : 1400px; position : relative; margin : 0 auto;} .container-print{ width : 800px; position : relative; margin : 0 auto;} .print-image{width: 400px;} #header, #content,#home-content,#large-dropdown, #footer, #marketing,#testimonials, #widget-media, #widget-location{position : relative; display: block; clear: both;} .alert{background: #D70505; color:#FFF; font: normal 14px arial, sans-serif; width: 75%; padding: 8px 12px;; margin: 10px 0; border-radius: 3px; clear: both;} .alert-success{background:#3e8f3e; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px} button, input.btn{border: none; outline:none;} .btn{font: 700 16px 'Open Sans', Helvetica, sans-serif; color:#FFF; cursor:pointer; text-decoration:none; display:block; padding:10px 35px !important; background:#03a9f4; text-transform: uppercase; -webkit-appearance: none; } .btn.dark{background:#0e2e4a; } .btn.dark:hover{background:#03a9f4; } .btn:hover{color: #FFF; background: #112b50;} .btn.ilb{display: inline-block;} .f-left{float: left;} .f-right{float: right;} .f-none{float: none;} hr{color: #e0e0e0; background-color: #e0e0e0; height: 3px;margin: 25px 0;} .wysiwyg{font-size: 16px; line-height: 30px;} .wysiwyg a{color: #03a9f4; padding: 0;} .wysiwyg a:not(.btn):hover{text-decoration:underline;} .wysiwyg ul li{list-style-image: url('../images/structure/li-check-mark.png'); padding: 0 10px;} .wysiwyg .btn { color: #fff !important;} .more{color: #03a9f4; font-style: italic; margin-top: 10px;display: block;} .fade{ -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} .captcha { margin: 20px 0px;} /* --- Layout ---*/ #wrapper{} .main-title{ background: #03a9f4; color: #fff; padding: 0; position: absolute; top: 0; height: 120px; width: 100%;} .main-title.transparent-80{background: rgba(3,169,224,.8)} .main-title.grey{background: #424242;} .main-title h1{color: #fff; text-transform: uppercase; padding: 0;} .main-title h2{color: #fff; text-transform: uppercase; padding: 0; margin: 15px 0 15px 2%;} .transparent-title{background: rgba(3,169,224,.8);padding: 40px 0; position: absolute;top: 0;width: 100%; } .transparent-title h1{color: #fff; text-transform: uppercase; padding: 0; } .transparent-title h2{color: #fff; text-transform: uppercase; padding: 0; margin: 0;} .transparent-title-bottom{background: rgba(3,169,224,.8);padding: 10px 4% ; position: absolute; bottom: 0;width: 92%; } .transparent-title-bottom h1{color: #fff; text-transform: uppercase; padding: 0; } .transparent-title-bottom h2{color: #fff; text-transform: uppercase; padding: 0; margin: 0;} .search-title{ background: #03a9f4;padding: 30px 0; } .search-title h1{color: #fff; padding: 0;} .search-title h2{color: #fff; text-transform: uppercase; padding: 0; margin: 0;} .location-title{ background: #03a9f4;padding: 30px 0; margin-bottom: 30px;} .location-title h1{color: #fff; padding: 0;} .location-title h2{color: #fff; text-transform: uppercase; padding: 0; margin: 0;} .standard-title{ background: #03a9f4;padding: 40px 0; margin-bottom: 0px;} .standard-title h1{color: #fff; padding: 0;} .standard-title h2{color: #fff; text-transform: uppercase; padding: 0; margin: 0;} .mobile-title{display:none;} /*---Header Section ---*/ #header{background: rgba(255,255,255,.8); position: fixed; width: 100%; top: 0; left: 0; color: #fff;} #header.top-stroll{background: #fff; box-shadow: 0 0 20px 0 rgba(10, 16, 21, 0.08); } #header{padding: 0; z-index: 999;} #header #logo{float: left; margin: 10px 0; max-width: 180px; transition: max-width 120ms linear; -webkit-transition: max-width 120ms linear; -moz-transition: max-width 120ms linear;} #header #logo.top-stroll{ max-width: 80px; } #header .header-info{display:block; float: right; margin-top: 30px;} #header .header-buttons{ text-align: right; } #header .header-info .btn{display:inline-block; margin-left: 10px; } #header .header-info .btn.sm{ padding: 5px 10px !important; margin-top: 10px; font-size: 14px; } #header .header-info.top-stroll{margin-top: 20px;} #header .header-phone{font-weight: 500; font-size: 22px; margin-right: 10px; margin-top: 15px;} #header .header-phone a {color: #fff;} #header .header-phone a:hover{color:#03a9f4;} #header .header-buttons .fa{margin-right: 10px;} #header.fixed{position:fixed;} .header-wrapper{ position: fixed; top: 0; z-index: 500; width: 100%;} #header .mobile-menu{display:none;} .mclose{display:none;} #navigation .header-info { display:none;} #header .header-info .telm-r{display: none; background: #FFF; color: #0c203a;} #header .header-info .telm-r:hover{background: #ddd;} #header .telm-l{display: inline-block; margin: 37px 0 0 15px; background: #FFF; color: #0c203a; padding: 12px 16px !important; font-size: 16px; line-height: 1em;} #header .telm-l:hover{background: #ddd;} #header-hold{ padding: 0 15px; display: flex; } /*--- Top Nav Section ---*/ .topMenu{ background: #fff; position: relative; z-index: 3; border-bottom: 1px solid #747474; } .topMenu .plain:hover{ background: #eee; } .topMenu .plain, .topMenu .btn{ display: inline-block; border-radius: 0; font-size: 12px; padding: 11px 20px !important; } .topMenu .plain{ color:#444; border-right: 1px solid #747474; padding: 9px 20px !important; } .topMenu .btn.f-right{ margin-left: 6px; } .topMenu .btn.icon:before{ font-family: "FontAwesome"; font-weight: normal; font-size: 16px; display: inline-block; padding-right: 6px; } #header.top-stroll .topMenu{ display: none; } .search{padding: 0; margin: 0 0 0 38px; display: flex; align-items: center; } .search.absolute{ top: 84px;} .search .search-field{ height: auto; float: left; color: #212121; border:1px solid #616161; padding: 6px 12px; font-family: "Open Sans", "sans-serif"; font-weight: normal; width:100%; font-size: 16px; font-style: italic; } .search .search-field:focus{ outline:none; } .search button{ float: left; margin-left: -30px; padding: 0; margin-top:6px; background: none; border-radius: 0; border:none; color: #000; font-size: 20px; cursor: pointer; font-weight: normal; } .news-search{ display: inline-block; margin: 20px 0 0 20px; } .news-search.search .search-field{ border: 0; padding: 20px 25px; background: rgba(0,0,0,.2); color:#fff; } .news-search.search button{ margin-left: -35px; margin-top: 21px; color:#fff; } /*---Navigation Section ---*/ /*#navigation{z-index: 999;background: rgba(255,255,255, 1); position: relative; width: 100%;}*/ .nav-hold{ flex-grow: 1; } #navigation.white-bg{ } #navigation.top-stroll{ } #navigation{padding-left: 20px;} #navigation.absolute{position: absolute;} #navigation .container{border-left: solid 2px #fff; z-index:999;} .mobile-menu{ display: none; } .mobile-menu:hover{background: #ededed;} #navigation ul{ height: 100%; display: flex; float: right; padding: 0; margin: 0; list-style: none;} #large-dropdown ul{padding: 0; margin: 0; list-style: none;} #navigation ul li.level_1{ } #navigation ul li.level_1 > a:not(.btn) span{padding: 0px 10px; } #navigation ul li.level_1 > a:not(.btn){height: 100%; display: flex; font: 600 15px 'Open Sans', Arial, sans-serif; color: #212121; align-items: center; text-transform: uppercase; text-align: center; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} #navigation ul li.level_1 a.top-stroll{ } #navigation ul li.level_1 a{ position: relative; } #navigation ul li.level_1 .expandable{ display: none !important; } #navigation ul li.level_1 a span{ transition:all 150ms linear; } #navigation ul li.level_1:not(:last-child) > a:after{opacity: 0; content:""; width: 100%; position: absolute; bottom: 0; left: 0; height: 3px; background: #03a9f4; transition:200ms linear opacity; } #navigation ul li.level_1:not(.nohover) a:hover:after,#navigation ul li.level_1:not(.nohover):hover a:after{opacity: 1; } #navigation ul li.level_1.search-btn{border-right: solid 2px #e0e0e0;} #navigation ul li.level_1.search-btn.active{background:#03a9f4; color: #fff;} #navigation ul li.level_1.search-btn.active a{color: #fff; border:none;} #navigation ul li.level_1:hover .subnav{ } #navigation ul li.level_1:hover .subnav{ display: flex;z-index: 2; } #navigation ul li.level_1:hover .subnav.mega{/*opacity: 1; pointer-events: auto;*/ display: block; z-index: 2;} #navigation ul li.level_1:hover .subnav-d{} #navigation ul li.level_1 .subnav{/*display:flex; pointer-events: none;*/ display: none; transition: opacity .25s linear, top .5s ease; opacity: 1; top: 100%; position: absolute; background: #fff; padding: 20px 20px 30px; color: #000; min-width: 350px; z-index: 0;} /*#navigation ul li.level_1 .subnav li a{display: block; float: none; color: #fff; font-size: 15px; line-height: 15px; padding: 12px 25px;} #navigation ul li.level_1 .subnav li a:hover{color: #03a9f4; background:none;}*/ #navigation ul li.level_1 .subnav li.level_3 a{font-size: 11px;} #navigation .btn{ border-radius: 0; padding: 9px 20px !important; margin-left: 28px; } #navigation .btn.icon:before{ font-family: "FontAwesome"; font-weight: normal; font-size: 16px; display: inline-block; padding-right: 12px; } #navigation ul li.level_1 .subnav.locations{display:none; position: absolute; background: #102b4e; color: #000; min-width: 100%;left: 0;} #navigation ul li.level_1 .subnav-d{display:none; position: absolute; background: #102b4e; color: #000; min-width: 350px;} #navigation ul li.level_1 .subnav-d li a{display: block; float: none; color: #fff; font-size: 15px; line-height: 15px; padding: 12px 25px;} #navigation ul li.level_1 .subnav-d li a:hover{color: #03a9f4; background:none;} /*-- Locations Dropdown --*/ #navigation ul li.level_1 .subnav.mega { z-index:2; opacity: 1; padding: 0; display:none; top: 100%; background-color: transparent; width: 100%; color: #fff; position: absolute; left: 0; } /*#navigation ul li.level_1 .subnav.mega:after { position: absolute; width: 400%; height: 100%; background: #102b4e; content:""; top: 0; left: -100%; }*/ #navigation .subnav.mega .active{top:0px;} #navigation .subnav.mega .active.absolute{top:82px;} #navigation .subnav.mega .container{ background: #fff; padding:20px 30px 30px; border:none; display: flex;} #navigation .subnav.mega .container .inner-cols{display: flex; } #navigation .subnav.mega .container .level_2{ color: #212121; text-align: center;margin-top: 30px;padding: 0; font-size: 24px;} #navigation .subnav.mega .container .level_2:after{ display: block; margin:20px auto; width: 175px; height: 2px; background: #03a9f4; content:""; } #navigation .subnav.mega .container a{color: #212121;} #navigation .subnav.mega .container a:hover{color: #03a9f4; background:none;} #navigation .subnav .column{ padding: 0 10px; } #navigation .subnav.mega .column{ flex-grow:1; flex-basis: 0; } #navigation .subnav .level_3{font-size: 16px; font-weight: 600; margin-top: 15px;} #navigation .subnav .level_3 a{color: #212121;margin: 0; line-height: 1em; width: 100%; padding: 0; text-transform: none; text-align: left; } #navigation .subnav .level_3 a:hover{color: #03a9f4;} #navigation .subnav .block{ max-width: 285px; } #navigation .subnav .block .cta{ margin-left: 40px; display: block; position: relative; color:#fff; font-size: 16px; font-weight: 300; } #navigation .subnav .block .cta:hover span{ background: #03a9f4; } #navigation .subnav .block .cta img{ display: block; } #navigation .subnav .block .cta span{ position: absolute; bottom: 0; left: 0; background:rgba(3,169,244,.6); display: block; padding: 5px 15px; transition:250ms linear background-color; } #navigation .subnav .block .cta span:after{ font-family: "FontAwesome"; content:"\f061"; font-weight: normal; padding-left:15px; font-size: 13px; } /*-- Specialty Dropdown --*/ #large-dropdown .specialty-dropdown{ z-index:500; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; display:block; top: -700px; width: 100%; background: #102b4e; color: #fff; position: absolute; left: 0;padding-bottom: 50px;} #large-dropdown .specialty-dropdown.active{top:0px;} #large-dropdown .specialty-dropdown.active.absolute{top:82px;} #large-dropdown .specialty-dropdown .container{border:none;} #large-dropdown .specialty-dropdown .container .dash-line{margin:20px auto;} #large-dropdown .specialty-dropdown .container h2{ color: #fff; text-align: center;margin-top: 30px;padding: 0; font-size: 24px;} #large-dropdown .specialty-dropdown .container a{color: #fff;} #large-dropdown .specialty-dropdown .container a:hover{color: #fff; background:none;} #large-dropdown .specialty-dropdown .container ul{width: 20%;} #large-dropdown .specialty-dropdown .container ul li{font-size: 16px; font-weight: 600; margin-top: 10px;} #large-dropdown .specialty-dropdown .container ul li a{color: #fff;margin: 0; width: 100%;padding: 0 0 10px; line-height: 30px;} #large-dropdown .specialty-dropdown .container ul li a:hover{color: #03a9f4;} .mobile-search-btn{display:none;} .locations-drop{position:relative;} .specialty-drop{position:relative;} .media-drop{position:relative;} .drop-toggle{display:none;position: absolute; top: 12px; right: 10px; border: 1px solid #212121; border-radius: 15px; padding: 0 5px; cursor:pointer;} .drop-toggle .fa{font-size: 18px; color: #212121;} .drop-toggle .fa.fa-angle-up{display:none;} /*-- Side Nav --*/ .side-nav ul{padding: 0; list-style:none;} .side-nav ul li{padding: 0;margin-bottom: 0px;display: block; float: left; width: 100%; overflow:hidden;} .side-nav ul li a{padding: 20px 10%; width: 80%;display: block;border-bottom: solid 2px #e0e0e0; font-size: 18px;} .side-nav ul li a:hover{background: #f5f5f5;} /*-- Marketing Section ---*/ #marketing{ } #marketing .marketing{ position: relative; overflow: hidden; } #marketing .marketing .sound{ background:rgba(0,0,0,.2); position: absolute; bottom: 0; left: 0; z-index: 2; padding: 20px 30px; color:#fff; font-size: 21px; font-weight: bold; } #marketing .marketing .sound a{ color:#fff; text-transform: uppercase; } #marketing .marketing .sound a:hover{ color:#03a9f4; } #marketing .panel-image{background: #212121;} #marketing .panel-image .wrapper{position: absolute; top: 26%; margin: 0; width: 100%;} #marketing .panel-image img{opacity: .60;} #marketing .panel-image.no-caption img{opacity: 1;} #marketing .panel-image .mcaption{width: 900px; padding: 20px 70px; margin: 0 auto;} #marketing .panel-image .mcaption h1{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 82px; color: #fff; line-height: 130px;letter-spacing: 3px; text-align: center;} #marketing .panel-image .mcaption a.btn{width: 290px; margin: 30px auto; float: none;} #marketing .panel-image .mcaption a.btn .fa{margin-right: 20px;} #marketing .panel-image .video-overlay .title-box h1{ color: #fff; font-size: 72px; text-transform: uppercase;font-weight: bold;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);} /*--- Content Section ---*/ /*#content{top: 240px;}*/ /*#content.no-banner {top: 240px !important;}*/ #content{ background: #fff; } #content .content-hold{padding: 40px 0;} #content .content-wide{width: 100%;} #content .content-left{width: 20%; float: left;} #content .content-right{width: 78%; float: right;} /*#content.top-stroll{top: 208px;}*/ /*--- Widget Specialty -- */ #widget-media.padding-bottom{padding-bottom: 40px; margin-top: 2px;} #widget-media .title{font-size: 48px; padding: 0;text-align:center; margin: 30px 0; text-transform: uppercase;} #widget-media .vids{ display: flex; } #widget-media .featured .vid{ height: 100%; } #widget-media .vids img{ height: 100%; max-width: none; } #widget-media .vids .notfeatured img{ max-height: 315px; } #widget-media .vids .col{ width: 50%; border-right: 2px solid #fff; overflow: hidden; } #widget-media .vids .vid{ display: block; position: relative; } #widget-media .vids .vid:after{ content:""; display: block; opacity: .8; position: absolute; left: 0; bottom: 0; width: 100%; height: 75%; z-index: 1; transition: opacity 250ms linear, height 250ms linear; background: -moz-linear-gradient(top, rgba(16,43,78,0) 0%, rgba(16,43,78,1) 100%); background: -webkit-linear-gradient(top, rgba(16,43,78,0) 0%,rgba(16,43,78,1) 100%); background: linear-gradient(to bottom, rgba(16,43,78,0) 0%,rgba(16,43,78,1) 100%); } #widget-media .vids .vid:hover:after{ height: 100%; opacity: 1; } #widget-media .vids .vid h3{ position: absolute; display: flex; bottom: 30px; left: 30px; width: 84%; padding-bottom: 0; color:#fff; z-index: 4; } #widget-media .vids .vid h3 i{ padding-right: 15px; font-size: 48px; } #widget-media .vids .vid h3 .outer{ display: flex; align-items: center; } /*#widget-media .vids .vid h3:before{ padding-right: 10px; content: "\f144"; font-family: "FontAwesome"; font-size: 48px; vertical-align: bottom; float: left; margin-bottom: 40px; }*/ #widget-media .vids .col.notfeatured{ display: flex; flex-wrap: wrap; } #widget-media .vids .col.notfeatured .vid{ width: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; box-sizing: border-box; overflow: hidden; } #widget-media .vids .col.notfeatured .vid.link{ padding: 40px; background: rgb(16,43,78); color:#fff; font-size: 35px; line-height: 45px; text-transform: uppercase; } #widget-media .vids .col.notfeatured .vid.link:hover{ background: #466ea2; } #widget-media .vids .col.notfeatured .vid.link:after{ display: none; } #widget-media .vids .col.notfeatured .vid.link span{ text-transform: none; font-style: italic; font-size: 28px; } #widget-media .vids .col.notfeatured .vid.link i{ font-size: 66px; } #widget-media .vids .col.notfeatured .vid:nth-child(n+3){ border-bottom: 0; } #widget-media .widget-item{position: relative; width: 19.78%; border-right: solid 2px #fff; border-bottom:solid 2px #fff;overflow: hidden; } #widget-media .widget-item:hover{background: rgb(16,43,78);} #widget-media .widget-item .widget-image .main-image{position: relative; width: 100%; opacity:1; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} #widget-media .widget-item .widget-image .main-image.zoom{width: 120%; -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25);} #widget-media .widget-item .widget-image .block-hold{position: absolute; top:0; width: 100%; height: 100%;background: rgba(22,22,22, .5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #widget-media .widget-image .block-hold:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102b4e+0,102b4e+100&0.54+1,0.82+100 */ background: -moz-linear-gradient(top, rgba(16,43,78,0.54) 0%, rgba(16,43,78,0.54) 1%, rgba(16,43,78,0.82) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(16,43,78,0.54) 0%,rgba(16,43,78,0.54) 1%,rgba(16,43,78,0.82) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(16,43,78,0.54) 0%,rgba(16,43,78,0.54) 1%,rgba(16,43,78,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a102b4e', endColorstr='#d1102b4e',GradientType=0 ); /* IE6-9 */ } #widget-media .widget-item .widget-image .block-hold .widget-title{position: absolute; bottom: 0;color: #fff; font-size: 26px;margin-bottom: 20px; line-height: 36px;margin-left: 10%; width: 80%;} #widget-media .widget-item .widget-image .block-hold .widget-title span{display:block; margin-bottom: 20px;} #widget-media .widget-item .widget-image .block-hold .widget-title .arrow{display:none;margin-bottom: 20px;} /*--- Widget Location -- */ #widget-location.padding-bottom{padding-bottom: 40px; margin-top: 2px;} #widget-location .title{font-size: 48px; padding: 0;text-align:center; margin: 30px 0; text-transform: uppercase;} #widget-location .widget-item{position: relative; width: 19.78%; border-right: solid 2px #fff; border-bottom:solid 2px #fff;overflow: hidden; height:200px;} #widget-location.urgent-locs .widget-item{width: 23.5%; height: 260px;} #widget-location.physician-locations .widget-item{width: 32.5%; float: left;} #widget-location .widget-item:hover{background: rgb(16,43,78);} #widget-location .widget-item .widget-image{height: 100%;background-size: 100% 100%; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} #widget-location .widget-item .widget-image .main-image{position: relative; width: 100%; opacity:1; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} #widget-location .widget-item .widget-image.zoom{background-size: 120% 120%;} #widget-location .widget-item .widget-image .block-hold{position: absolute; top:0; width: 100%; height: 100%;background: rgba(22,22,22, .5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #widget-location .widget-image .block-hold:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102b4e+0,102b4e+100&0.54+1,0.82+100 */ background: -moz-linear-gradient(top, rgba(16,43,78,0.54) 0%, rgba(16,43,78,0.54) 1%, rgba(16,43,78,0.82) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(16,43,78,0.54) 0%,rgba(16,43,78,0.54) 1%,rgba(16,43,78,0.82) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(16,43,78,0.54) 0%,rgba(16,43,78,0.54) 1%,rgba(16,43,78,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a102b4e', endColorstr='#d1102b4e',GradientType=0 ); /* IE6-9 */ } #widget-location .widget-item .widget-image .block-hold .widget-title{position: absolute; bottom: 0;color: #fff; font-size: 26px;margin-bottom: 20px; line-height: 36px;margin-left: 10%; width: 80%;} #widget-location .widget-item .widget-image .block-hold .widget-title span{display:block; margin-bottom: 20px;} #widget-location .widget-item .widget-image .block-hold .widget-title .arrow{display:none;margin-bottom: 20px; color: #03a9f4; font-size: 35px;} /*-- Specialty Section ---*/ .specialty-left h1{padding:0;margin-bottom: 40px;} .specialty-left .wysiwyg{font-size: 18px; line-height: 36px; margin-bottom: 30px;} .specialty-left .btn .fa{margin-right: 20px;} .specialty-right{background: #102b4e;padding: 50px 0;} .specialty-right h4{color: #fff; font-size: 24px;text-transform: uppercase;margin-left: 50px;padding:0; margin-bottom: 35px;} .specialty-right .cms-block{margin-left: 30px;} .specialty-right ul{list-style: none;padding: 0;margin-left: 50px; font-size: 18px; } .specialty-right ul li{color: #fff;} .specialty-right ul li{list-style-image: url('../images/structure/li-check-mark.png'); padding: 0 10px;} .specialty-right ul li a{font-weight: 600; font-size: 18px; line-height: 40px; font-family: 'Open Sans'; color: #fff;} .specialty-right ul li a:hover{color: #03a9f4;} .specialty-right ul li .fa{color: #03a9f4;margin-right: 20px;} .specialty-right ul li span{font-weight: 600; font-size: 18px; line-height: 40px; font-family: 'Open Sans';} #widget-specialty.padding-bottom{padding-bottom: 40px; margin-top: 2px;} #widget-specialty .title{font-size: 48px; padding: 0;text-align:center; margin: 30px 0; text-transform: uppercase;} #widget-specialty .widget-item{position: relative; width: 19.78%; border-right: solid 2px #fff; border-bottom:solid 2px #fff;overflow: hidden; } #widget-specialty .widget-item:hover{background: rgb(16,43,78);} #widget-specialty .widget-item:hover .widget-image .main-image{opacity: .8;} #widget-specialty .widget-item .widget-image .main-image{transition: 250ms linear opacity; position: relative; width: 100%; opacity:1;} #widget-specialty .widget-item .widget-image .main-image.zoom{width: 120%;} #widget-specialty .widget-item .widget-image .block-hold{position: absolute; top:0; width: 100%; height: 100%;background: rgba(22,22,22, .5);} #widget-specialty .widget-item .widget-image .block-hold{position: absolute; top:0; width: 100%; height: 100%;background: rgba(22,22,22, .5);} #widget-specialty .widget-item .widget-image .block-hold .widget-title{position: absolute; bottom: 0;color: #fff; font-size: 26px;margin-bottom: 20px; line-height: 36px;margin-left: 10%; width: 80%;} #widget-specialty .widget-item .widget-image .block-hold .widget-title span{display:block; margin-bottom: 20px;} #widget-specialty .widget-item .widget-image .block-hold .widget-title .arrow{display:none;margin-bottom: 20px; color:#03a9f4; font-size: 35px;} .home-page #content{ top:auto !important; display: flex; background: #fff; } .home-page #content h1{ text-transform: none; color:rgb(16,43,78); } .home-page #content .text{ width: 50%; flex-grow: 0; padding: 60px; font-size: 18px; line-height: 30px; box-sizing: border-box; } .home-page #content .text p{ padding-bottom: 20px; } .home-page #content .text a{ font-weight: bold; font-style: italic; } .home-page #content .map-right{ width: 50%; } /*--- Location --- */ .home-locations{position: relative; } .home-locations .map-left{width: 600px; float: left; position: absolute; top: 0; left: 0; z-index: 10; height: 100%; line-height: 32px;text-align: center; color: #fff; font-size: 16px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102b4e+0,102b4e+100&1+43,0.56+100 */ background: -moz-linear-gradient(left, rgba(16,43,78,1) 0%, rgba(16,43,78,1) 43%, rgba(16,43,78,0.56) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(16,43,78,1) 0%,rgba(16,43,78,1) 43%,rgba(16,43,78,0.56) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(16,43,78,1) 0%,rgba(16,43,78,1) 43%,rgba(16,43,78,0.56) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102b4e', endColorstr='#8f102b4e',GradientType=1 ); /* IE6-9 */ } .home-locations .map-left h2{color: #fff; font-size: 48px; text-align:center; margin-top: 160px; text-transform: uppercase; } .dash-line{width: 175px; height: 2px; background: #03a9f4; margin: 40px auto;} .home-locations .map-left .info{width: 80%; margin: 0 auto 30px;} .home-locations .map-left .btn{width: 180px; display: block; margin: 0 auto;} .home-locations .map-right{ background: url(../images/static-map.jpg) no-repeat left top; } .home-locations .map-right#map_canvas{min-height: 635px!important;} .specialties-bar { background-position: center center; background-size: auto 100%; padding: 100px 0 85px; text-align: center; position: relative; } .specialties-bar:before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 2; } .specialties-bar:after { border: 1px solid rgba(255,255,255,.5); content:""; position: absolute; top: 35px; left: 35px; z-index: 3; width: calc(100% - 70px); height: calc(100% - 70px); } .specialties-bar .container{ position: relative;z-index: 4; } .specialties-bar h2{ padding-bottom: 50px; color:#fff; font-size: 36px; } .specialties-bar .btn{ display: inline-block; margin:0 6px 16px; text-transform: none; font-size: 21px; font-weight: 600; } .search-bar{ background: #112b50; padding: 65px 0; text-align: center; color:#fff; } .search-bar h2{ padding-bottom: 30px; color:#fff; font-size: 36px; } .search-bar form{ margin:0 auto; width: 100%; max-width: 710px; box-sizing: border-box; } .search-bar form .search-field{ float: left; padding: 10px 15px; font-style: italic; font-size: 18px; } .search-bar form button{ float: left; padding: 0; margin-left: -40px; margin-top: 8px; background: none; border-radius: 0; border: none; color: #000; font-size: 24px; cursor: pointer; font-weight: normal; } /* -- Testimonials Section ---*/ #testimonials{ background: url(../images/bg-testimonials.jpg) center center no-repeat; border-top: 2px solid #fff; padding: 55px 0; color:#fff; font-size: 21px; line-height: 36px;} #testimonials h2{ margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid #fff; color:#fff; font-size: 36px; } #testimonials .flex{ display: flex !important; } #testimonials .img{ width: 270px; margin-right: 30px; flex-shrink: 0; } #testimonials .img img{ border: 1px solid #fff; } #testimonials .txt{ padding-bottom: 60px; position: relative; } #testimonials .txt:after{ position: absolute; bottom: 0; right: 0; font-family: "Times New Roman",serif; font-size: 120px; content:"\201D"; font-weight: bold; } #testimonials .tst-body{ font-style: italic; } #testimonials .tst-author{ font-weight: bold; text-transform: uppercase; } #testimonials .testimonial-slide{ top:0; position: relative; } #testimonials .testimonial-slide .title p{ text-align: center; } #testimonials .testimonial-slide .title h2{color: #fff; font-size: 48px; text-transform: uppercase;} #testimonials .testimonial-slide .slides{ top: 0; z-index:100;} #testimonials .testimonial-slide .tst-image{width: 100%;background-size: cover; background: #212121; height: 100%;} #testimonials .testimonial-slide .tst-image img{width: 100%; opacity: .35;} #testimonials .testimonial-slide .slides li .wrapper{width: 100%; position: absolute; top: 0; z-index: 100;} #testimonials .testimonial-slide .slides li .wrapper .info{position: relative; margin:0 auto; width: 80%;top: 150px; color: #fff; font-size: 30px; line-height: 48px; font-style: italic; font-weight: normal;} #testimonials .testimonial-slide .slides li .wrapper .info .left-quote{position:absolute; top: 70px; left: 0;} #testimonials .testimonial-slide .slides li .wrapper .info .right-quote{position:absolute; top: 70px; right: 0;} #testimonials .testimonial-slide .slides li .wrapper .info .tst-author{text-transform: uppercase; font-weight: bold; font-size: 18px; font-style: normal; margin-top: 10px;} #testimonials .testimonial-slide .slides li .wrapper .info .more{font-size: 18px; line-height: normal;} #testimonials .testimonial-slide .row .col.full{margin-bottom: 0 !important;} .testimonial-slide .flex-control-nav{position: static;} #testimonials .flex-control-paging { left: calc(100% + 20px); bottom: auto; top: 0; } #testimonials .flex-control-paging li{ margin: 4px 0; } #testimonials .flex-control-paging li a{ background-color: transparent; border: 2px solid #fff; width: 30px; height: 30px; box-shadow: 0 0 0; } #testimonials .flex-control-paging li a.flex-active{ background: #fff; } #testimonial-list{width: 100%;} #testimonial-list .tst-item{width: 96%;margin: 2% 2% 30px; display:block;} #testimonial-list .tst-item .tst-image{float: left; width: 20%; margin-right: 5%; } #testimonial-list .tst-item .tst-image img{width: 100%;} #testimonial-list .tst-item .block-hold{width: 75%; float: left;} #testimonial-list .tst-item .block-hold.full{width: 100%;} #testimonial-list .tst-item .block-hold .tst-body{font-size: 14px;} #testimonial-list .tst-item .block-hold .tst-author{ font-size: 16px; font-weight: bold; margin-top: 20px;} #pop-bio .bio-img{display: block; } #pop-bio .bio-info{padding: 0 30px 30px; line-height: 1.8em;} #pop-bio .bio-body ul{padding-left: 15px;} /*-- Media Center ---*/ /*--- Latest News Section ---*/ .news-slider{ background: #e0e0e0; } .news-slider .slides{ display: flex; } .news-slider .news-item{ border-right: 2px solid #fff; padding: 25px; display: flex; width: 33.333%; float: left; box-sizing: border-box; transition: background 250ms linear; text-align: center; align-items: center; } .news-slider .news-item:hover{ background: #bbb; } .news-slider .news-item h4{ font-size: 18px; color:#112b50; } .news-slider .news-item .news-image{ flex-shrink: 0; max-width: 80px; padding-right: 20px; } .news-slider .news-item .date{ } .news-slider .news-item.link{ font-size: 24px; line-height: normal; font-style: italic; } .news-slider .news-item:last-child{ border-right: 0; } .news-slider .tst-body{ padding-bottom: 10px; font-style: italic; font-size: 20px; line-height: normal; } .news-slider .tst-author{ font-weight: bold; text-transform: uppercase; font-size: 18px; } .news-slider .btn{ display: inline-block; } .news-slider .fb_iframe_widget{ display: block; width: 100%; } .news-slider #testimonials{ padding: 0 20px; } /*--- Latest News Section ---*/ #home-news{ background: #fff; padding: 45px 0; position: relative; } #home-news:before{ position: absolute; top: 0; right: 0; content:url(../images/bg-slash.jpg); z-index: 1; } #home-news:after{ position: absolute; bottom: 0; left: 0; content:url(../images/bg-slash.jpg); z-index: 1; transform:rotate(180deg); } #home-news .container{ position: relative; z-index: 2; } #home-news h2{ clear: both; margin: -10px 0 30px; text-align: center; color:#112b50; font-size: 36px; } .latest-news{ display: grid; grid-gap: 30px; clear: both; grid-template-columns: 1fr 1fr 1fr; } .latest-news.masonry{ display: block; } .latest-news.masonry .news-item{ width:31.33%; margin-right: 2%; margin-bottom: 20px; transition: 250ms linear transform,250ms linear opacity,250ms linear padding; box-sizing: border-box; } .latest-news .news-item{ position: relative; border: 1px solid #727272; background: #112b50; } .latest-news a.news-item:hover{ opacity: .8; } .latest-news .news-item h4{ text-transform: uppercase; font-weight: bold; } .latest-news .news-item p { padding-bottom: 20px; } .latest-news .news-image img{ width: 100%; } .latest-news .news-item.featured{ display: flex; background: #fff; grid-column: 1 / span 3; } .latest-news .news-item.featured:hover{ color:#444; } .latest-news .news-item.featured .img{ width: 66.6%; flex-shrink: 0; } .latest-news .news-item.featured .img img{ width: 100%; } .latest-news .news-item.featured .txt{ padding: 30px; } .latest-news .news-item .block-hold{ background: #112b50; padding: 30px; border-top: 2px solid #fff; color:#fff; text-transform: uppercase; font-weight: bold; } .latest-news .news-item:after{ position: absolute; bottom: 15px; right: 15px; content:"\f061"; font-family: "FontAwesome"; font-size: 20px; font-weight: normal; color:#fff; } .news-blocks{display: block;} .news-blocks .news-hold{width: 33.33%; position: relative; background: #112b50; display: inline-block; vertical-align: top; border: 10px solid #FFF; transition: 250ms linear transform,250ms linear opacity,250ms linear padding; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .news-blocks .news-hold .news-image img{ width: 100%; } .news-blocks .news-hold .news-title{ background: #112b50; padding: 20px 15px; border-top: 2px solid #fff; } .news-blocks .news-hold .news-title h4{ display: block; min-height: 48px; padding: 0; margin: 0; color:#fff; text-transform: uppercase; font-weight: bold;} .news-blocks .news-hold .overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; opacity: 0; transition: 250ms linear opacity;} .news-blocks .news-hold .overlay .ov-info{padding: 15px; color: #212121; background: #FFF; text-align: center; width: 100%; height: 100%; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .news-blocks .news-hold .overlay .ov-info .btn{display: inline-block; margin-top: 10px;} .news-blocks .news-hold .overlay .ov-info .ov-center{position: absolute; left: 0; top:50%; width: 100%; padding: 0 10px; box-sizing: border-box; -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} .news-blocks .news-hold:hover .overlay{opacity: 1;} @media all and (-ms-high-contrast:none) { .latest-news{ display: block; } .latest-news .news-item.featured{ width: 99%; } .latest-news .news-item{ float: left; width: 32.333%; margin-bottom: 20px; margin-right: 1%; box-sizing: border-box; } } .standard-news{background: none;} .standard-news .latest-news-bottom{background: #0b1e36; padding: 20px 0; margin-top: 80px; text-align:center;} .standard-news .latest-news-bottom .btn{width: 230px; margin: 0 auto;} .standard-news .latest-news-bottom .btn:hover{} .standard-news .title{text-align:center; font-size: 48px; padding: 115px 0 0; margin-bottom: 60px; color: #fff; text-transform: uppercase;} .standard-news .news-item { box-sizing: border-box; float: left; margin: 0; list-style:none; position:relative; margin-bottom: 20px; width:31.33%; margin-right: 2%; transition: 250ms linear transform,250ms linear padding; } .standard-news .news-item:hover { /*transform:scale(.95); */padding: 10px; background: #e0e0e0; } .standard-news .news-item:first-child{margin-left: 0;} .standard-news .news-item .news-image img{width:100%;} .standard-news .news-item .box{color: #fff;font-size: 14px;} .standard-news .news-item .box h4{margin-top: 15px; margin-bottom: 10px;padding: 0; color: #212121; font-size: 18px;} .standard-news .news-item .box a{color: #03a9f4; font-style: italic;} .standard-news .news-item .box a:hover{color: #424242;} .standard-news-news .news-item .news-image{position:relative;} .standard-news .news-item .news-image .date{background: rgba(3, 169, 244, .7); color: #fff; position: absolute; top:0; left:0;padding: 10px 10px 15px;text-align: center;width: 75px;} .standard-news .news-item .news-image .date .month{color: #fff; text-transform: uppercase;padding:0; font-size: 24px; line-height: 28px;} .standard-news .news-item .news-image .date .day{color:#fff; font-weight: bold;padding:0; font-size: 24px; line-height: 28px;} .standard-news .news-slider{ margin: 0 auto;position:relative;} .latest-news .news-item .news-image.no-image{background: #f5f5f5; text-align:center; padding: 40px 0; position:relative;} .latest-news .news-item .news-image.no-image img{width: auto; position:absolute; top: 0; right: 0;} .latest-news .news-item .news-image.no-image .fa{font-size: 50px; margin-bottom:30px; color: #ccc;} .latest-news .news-item .news-image.no-image h3{color: #ccc;} #featured .featured-slider { margin: 0 auto;} .phys-media .news-item {position:relative; display: block;} .phys-media .news-item .news-image{position: relative;} .phys-media .news-item .news-image img{width:100%;} .phys-media .news-item .box{color: #fff;font-size: 14px;} .phys-media .news-item .box h4{margin-top: 15px; margin-bottom: 10px;padding: 0; color: #212121; font-size: 18px;} .phys-media .news-item .box a{color: #03a9f4; font-style: italic;} .phys-media .news-item .box a:hover{color: #424242;} .phys-media .news-item .news-image .date{background: rgba(3, 169, 244, .7); color: #fff; position: absolute; top:0; left:0;padding: 10px 10px 15px;text-align: center;width: 75px;} .phys-media .news-item .news-image .date .month{color: #fff; text-transform: uppercase;padding:0; font-size: 24px; line-height: 28px;} .phys-media .news-item .news-image .date .day{color:#fff; font-weight: bold;padding:0; font-size: 24px; line-height: 28px;} .phys-media .news-item .news-image.no-image{background: #f5f5f5; text-align:center; padding: 40px 0; position:relative;} .phys-media .news-item .news-image.no-image img{width: auto; position:absolute; top: 0; right: 0;} .phys-media .news-item .news-image.no-image .fa{font-size: 50px; margin-bottom:30px; color: #ccc;} .phys-media .news-item .news-image.no-image h1{color: #ccc;} /*--- Widget Physicians -- */ #widget-physician.padding-bottom{padding-bottom: 100px;} #widget-physician .title{font-size: 48px; text-align:center; margin: 60px 0; text-transform: uppercase;} #widget-physician .widget-item{position: relative; width: 19.86%; border-right: solid 2px #fff; border-bottom:solid 2px #fff;overflow: hidden; } #widget-physician .widget-item:hover{background: rgb(16,43,78);} #widget-physician .widget-item .widget-image .main-image{position: relative; width: 100%; opacity:1; -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} #widget-physician .widget-item .widget-image .main-image.zoom{width: 120%; -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25);} #widget-physician .widget-item .widget-image .block-hold{position: absolute; top:0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,000000+100&0+12,0.63+99 */ background: -moz-linear-gradient(top, rgba(33,33,33,0) 0%, rgba(29,29,29,0) 12%, rgba(0,0,0,0.63) 99%, rgba(0,0,0,0.63) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(33,33,33,0) 0%,rgba(29,29,29,0) 12%,rgba(0,0,0,0.63) 99%,rgba(0,0,0,0.63) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(33,33,33,0) 0%,rgba(29,29,29,0) 12%,rgba(0,0,0,0.63) 99%,rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#a1000000',GradientType=0 ); /* IE6-9 */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #widget-physician .widget-item .widget-image .block-hold .widget-title{position: absolute; bottom: 0;color: #fff; font-size: 26px;margin-bottom: 20px; line-height: 36px;margin-left: 10%; width: 80%;} #widget-physician .widget-item .widget-image .block-hold .widget-title span{display:block; margin-bottom: 20px;} #widget-physician .widget-item .widget-image .block-hold .widget-title .arrow{display:none;margin-bottom: 20px;} /*--- Physician Section ---*/ .physician-page{ width: 1400px; margin: 0 auto; } #content .physician-left{width: 30%; margin-right: 4%;} #content .physician-left .bio-image{margin-bottom: 5px;} #content .physician-left .bio-image img{margin: 0 auto;} #content .physician-left .contact-info{background: #102b4e; width: 100%;padding: 30px 0 10px; margin-bottom: 5px; } #content .physician-left .contact-info .myImg{ display: block; margin: 0 auto 20px; text-align: center;} #content .physician-left .contact-info .myImg img{ display: inline-block;} #content .physician-left .contact-info .btn{ width: 280px; margin: 0 auto 20px;} #content .physician-left .contact-info .btn:hover{ background: #0286c2; } #content .physician-left .contact-info .btn.print-btn{width: 180px;} #content .physician-left .contact-info .btn .fa{margin-right: 10px;} /*-- Video Cta Box ---*/ .video-cta{display:block; margin:0;} .video-cta .cta-box{float:left; position:relative; width:100%;} .video-cta .cta-box .fa{margin-right: 15px;} .video-cta .cta-box .brick-image{background:#212121; display:block; position: relative;} .video-cta .cta-box .cta-image{width: 100%; } .video-cta .cta-box .video-overlay{position:absolute; top:25%; width: 100%; cursor:pointer; } .video-cta .cta-box .video-overlay .title-box{display: block; margin: 0 auto; width: auto; text-align: center; /* height: 100%; */ position: relative; top: 30%;} .video-cta .cta-box .video-overlay .title-box img{margin:0 auto; display:block;opacity:0.55; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .video-cta .box-info{background: #e0e0e0;text-align: center; float: left; padding: 20px 3.5%; width: 93%;} .video-cta .box-info span{font-size: 16px;} #content h3{text-transform: uppercase; font-size: 24px;padding: 0; margin-bottom: 25px; } #content .physician-right{width: 66%;} #content .physician-right hr{ margin: 25px 0;} #content .physician-right .physician-title h1{padding: 40px 0; color:#fff;} #content .physician-right div.row {margin-top: 40px; } #content .physician-right .physician-specialties{float:left;} #content .physician-right .physician-friends{float:right;} #content .physician-right .physician-friends a{color: #03a9f4;} #content .physician-right .physician-friends a:hover {text-decoration:underline;} #content .physician-right h3{text-transform: uppercase; font-size: 24px;padding: 0; margin-bottom: 10px;} #content .physician-left iframe, #content .physician-right iframe{ border: 0; margin-bottom: 40px; } #content .physician-right .physician-specialties ul{list-style: none;padding: 0; display: block; width: 100%;} #content .physician-right .physician-specialties ul li { font-size: 18px; font-weight: 600; margin-top: 15px; float: left;display:block; width: 31%; margin-right: 2%;} #content .physician-right .physician-specialties ul li span{float: left;display:block;width:88%;} #content .physician-right-right .physician-specialties ul li{color: #fff;} #content .physician-right .physician-specialties ul li .fa{color: #03a9f4; margin-right: 2%; float: left; width: 10%;} #content .physician-right .physician-specialties a{font-size: 18px; font-weight: 600; display: block; white-space: nowrap; margin: 0 25px 10px 0; } #content .physician-right .physician-specialties a .fa{color: #03a9f4; margin-right: 1.5%; } #content .physician-right .physician-locations .circle{width: 40px; height:40px; border-radius: 20px; background: #03a9f4; text-align:center;float:left;} #content .physician-right .physician-locations .ci-location{float:left; width: 31.3%; margin-right: 2%; margin-bottom: 15px;} #content .physician-right .physician-locations .ci-location .image-box{width:100%;margin-bottom: 20px;position: relative;} #content .physician-right .physician-locations .ci-location .image-box img{width: 100%;} #content .physician-right .physician-locations .ci-location .image-box .blue-overlay{display:none; position: absolute; bottom: 0; padding: 20px 0; width: 100%; background: rgba(16,43,78,.8);} #content .physician-right .physician-locations .ci-location .image-box .blue-overlay .btn{float: none; margin: 0 auto; width: 60%; border: solid 2px #fff; background: none; text-align: center;} #content .physician-right .physician-locations .ci-location .image-box .blue-overlay .btn:hover{background: rgba(16,43,78,1);} #content .physician-right .physician-locations .ci-location .fa{color: #fff; font-size: 25px;margin:0 auto; float:none;margin-top: 12px; } #content .physician-right .physician-locations .ci-location span{font-weight: 600; font-size: 18px;margin-top: 10px;display:block; float: left; margin-left: 15px;} .ratings{ position: relative; float: left; clear: left; width: 100%; background: #eee; padding: 20px; text-align: center; box-sizing: border-box; } #content .ratings h3{ text-align: center; font-size: 18px; margin-bottom: 10px; font-weight: bold; } .ratings iframe{ margin-bottom: 0 !important; } /*.ratings #link{ position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; }*/ .ratings .btn{ font: 700 16px 'Open Sans', Helvetica, sans-serif; color: #FFF; width: 240px; margin: 0 auto 20px; cursor: pointer; text-decoration: none; display: block; padding: 10px 35px !important; background: #03a9f4; text-transform: uppercase; -webkit-appearance: none; } #reviews{ width: 700px; max-width: 100%; padding: 30px; } #content .physician-right .phys-list .phys {margin-bottom: 0;} #content .physician-right .phys-list .phys img{margin-bottom: 0;} #content .physician-right .testimonial-slide{position: relative;} #content .physician-right .testimonial-slide .slides .left-quote{float: left; width: 5%; display: block; margin-right: 2%;} #content .physician-right .testimonial-slide .slides .testimonial-wrapper{width: 93%;display:block; float: left;} #content .physician-right .testimonial-slide .slides .testimonial-wrapper .tst-body{font-size: 18px; font-style: italic; line-height: 36px;} .friends-review{padding: 30px 15px;} .friends-review img{max-width: 280px; margin-bottom: 10px;} .friends-review a{color: #03a9f4;} .friends-review a:hover{text-decoration: underline;} .side-embed iframe{height: 1400px !important; overflow: auto; text-align: center;} .review-btn{display: none; margin-bottom: 20px;} #content .specialty-main-image{width: 100%; margin-bottom: 10px;} #content .specialty-main-image img{width: 100%;} .phys-list-row{ margin-bottom: 30px; display: grid; display: -ms-grid; grid-gap:20px 20px; -ms-grid-gap:20px 20px; grid-template-columns:repeat(5, 1fr); -ms-grid-columns:1fr 1fr 1fr 1fr 1fr; } .phys-list-row .pl-block{/*padding: 0 20px 20px 0; width: 20%; float: left;*/ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .phys-list-row .phys{ position: relative;} .phys-list-row .blue-overlay{position: absolute; bottom: 0; padding: 10px 3%; width: 94%;text-align:center;background: rgba(16,43,78,.8);} .phys-list-row .blue-overlay .pa-title{text-align:center; font-size: 14px;} .phys-list-row .blue-overlay a.bio-link{ display: none; color: #03a9f4; font-style: italic;} .phys-list-row .blue-overlay a.bio-link:hover{color:#e0e0e0;} .phys-list-row .blue-overlay h4{ color:#fff; padding: 0; margin: 0; font-size: 12px; font-weight: bold; } .phys-list-row .blue-overlay .specialties{ display: none;font-size: 12px; line-height: normal; } .phys-list-row .phys:hover .blue-overlay .specialties, .phys-list-row .phys:hover .blue-overlay .bio-link{ display: block; } .phys-list-row .pa-title{font-size: 16px; font-weight: 600; margin-top: 5px; margin-bottom: 5px; display: block; line-height: 22px;} .phys-list-row a.white-link{color: #fff;} .phys-list-row a.white-link:hover{color: #f5f5f5; text-decoration: none;} .phys-list-row .phys img{margin-bottom: 0;width:100%;} @media all and (-ms-high-contrast:none) { .phys-list-row{ display: block; } .phys-list-row .pl-block{ width: 19.2%; margin-left: 1%; margin-bottom: 20px; float: left; } .phys-list-row .pl-block:nth-child(5n+1){ margin-left: 0; clear: both; } } .phys-list .col{margin-bottom: 20px; position: relative;/* margin-right: 2%; margin-left: 0!important;*/} .phys-list .blue-overlay{position: absolute; bottom: 0; padding: 10px 3%; width: 94%;text-align:center;background: rgba(16,43,78,.8);} .phys-list .blue-overlay .pa-title{text-align:center; font-size: 14px;} .phys-list .blue-overlay a.bio-link{ display: none; color: #03a9f4; font-style: italic;} .phys-list .blue-overlay a.bio-link:hover{color:#e0e0e0;} .phys-list .phys:hover .blue-overlay .bio-link{ display: block; } .phys-list .pa-title{font-size: 16px; font-weight: 600; margin-top: 5px; margin-bottom: 5px; display: block; line-height: 22px;} .phys-list .col a.white-link{color: #fff;} .phys-list .col a.white-link:hover{color: #f5f5f5;} .phys-list .phys img{margin-bottom: 0;width:100%;} .physician-locations .circle{width: 40px; height:40px; border-radius: 20px; background: #03a9f4; text-align:center;float:left;} .physician-locations .ci-location{float:left; margin-right: 2%; transition: all 0.5s ease;} .physician-locations .ci-location .image-box{width:100%;margin-bottom: 20px; position:relative; background-position:center; height: 225px;} .physician-locations .ci-location .image-box img{width: 100%;} .physician-locations .ci-location .image-box .blue-overlay{display:none; position: absolute; bottom: 0; padding: 20px 0; width: 100%; background: rgba(16,43,78,.8);} .physician-locations .ci-location .image-box .blue-overlay .btn{float: none; margin: 0 auto; width: 60%; border: solid 2px #fff; background: none; text-align: center;} .physician-locations .ci-location .image-box .blue-overlay .btn:hover{background: rgba(16,43,78,1);} .physician-locations .ci-location .fa{color: #fff; font-size: 20px;margin:0 auto; float:none;margin-top: 12px; } .physician-locations .ci-location span{font-weight: 600; font-size: 18px;margin-top: 10px;display:block; float: left; margin-left: 15px;} .physician-locations .ci-location.listing{margin-right: 0; margin-bottom: 20px;} .loc-phys-list .col{margin-bottom: 20px; position: relative; margin-right: 2%; margin-left: 0!important;} .loc-phys-list .col:nth-child(6n) { margin-right: 0;} .loc-phys-list .blue-overlay{position: absolute; bottom: 0; padding: 10px 3%; width: 94%;text-align:center;background: rgba(16,43,78,.8);} .loc-phys-list .blue-overlay .pa-title{text-align:center; font-size: 14px;} .loc-phys-list .blue-overlay a.bio-link{display: none; color: #03a9f4; font-style: italic;} .loc-phys-list .phys:hover .blue-overlay a.bio-link{display: block;} .loc-phys-list .blue-overlay a.bio-link:hover{color:#e0e0e0;} .loc-phys-list .pa-title{font-size: 16px; font-weight: 600; margin-top: 5px; margin-bottom: 5px; display: block; line-height: 22px;} .loc-phys-list .col a.white-link{color: #fff;} .loc-phys-list .col a.white-link:hover{color: #f5f5f5;} .loc-phys-list .phys img{margin-bottom: 0;width:100%;} .location-wrapper{margin-top: 0;} #content .content-wide.specialty-detail .wysiwyg.third_2{float: left; width: 60%;} #content .content-wide.specialty-detail .third{float: left; width: 36%; margin-left: 3%;} .specialty-detail h3{text-transform: uppercase; font-size: 24px;padding: 0; margin-bottom: 40px; } /*.specialty-detail .phys-list{} .specialty-detail .phys-list .phys {margin-bottom: 15px;} .specialty-detail .phys-list .phys img{margin-bottom: 15px;} .specialty-detail .phys-list .pa-title{font-size: 18px; font-weight: 600; margin-top: 10px;} */ .specialty-detail .bio-detail .phys-list .col:nth-child(6n) { margin-right: 0;} .specialty-detail .bio-detail .phys-list .col:nth-child(5n) { margin-right: 2%;} .specialty-detail .physician-locations .circle{width: 40px; height:40px; border-radius: 20px; background: #03a9f4; text-align:center;float:left;} .specialty-detail .physician-locations .ci-location{float:left; margin-right: 0; margin-bottom: 20px;} .specialty-detail .physician-locations .ci-location .image-box{width:100%;margin-bottom: 20px;position:relative;} .specialty-detail .physician-locations .ci-location .image-box img{width: 100%;} .specialty-detail .physician-locations .ci-location .fa{color: #fff; font-size: 20px;margin:0 auto; float:none;margin-top: 12px; } .specialty-detail .physician-locations .ci-location span{font-weight: 600; font-size: 18px;margin-top: 10px;display:block; float: left; margin-left: 15px;} .specialty-detail .video-cta{margin: 60px 0 0; } .specialty-detail .physician-resources .circle{width: 40px; height:40px; border-radius: 20px; background: #03a9f4; text-align:center;float:left;} .specialty-detail .physician-resources .ci-location{float:left; margin-right: 0;} .specialty-detail .physician-resources .ci-location .image-box{width:100%;margin-bottom: 20px;} .specialty-detail .physician-resources .ci-location .image-box img{width: 100%;} .specialty-detail .physician-resources .ci-location .fa{color: #fff; font-size: 20px;margin:0 auto; float:none;margin-top: 12px; } .specialty-detail .physician-resources .ci-location span{font-weight: 600; font-size: 16px;margin-top: 10px;display:block; float: left; margin-left: 5%; width: 80%;} .specialty-detail .specialty-btn{ position: relative;} .specialty-detail .physician-locations .ci-location .image-box .blue-overlay{display:none; position: absolute; bottom: 0; padding: 20px 0; width: 100%; background: rgba(16,43,78,.8);} .specialty-detail .physician-locations .ci-location .image-box .blue-overlay .btn{float: none; margin: 0 auto; width: 60%; border: solid 2px #fff; background: none; text-align: center;} .specialty-detail .physician-locations .ci-location .image-box .blue-overlay .btn:hover{background: rgba(16,43,78,1);} .loc-specialty-link{color: #03a9f4;} .loc-specialty-link:hover{color:#212121;} .loc-detail .phys-list .phys{position:relative;} .loc-detail .phys-list img{margin-bottom: 00px;} .loc-detail .phys-list .specialty-links{margin-top: 10px; max-height: 80px; overflow-y: scroll;} .loc-detail .phys-list .specialty-links h5{padding:0;} .loc-detail .phys-list .pa-title{ font-size: 14px; font-weight: 600; margin-top: 10px;margin-bottom: 10px; display: block;} .loc-specialties ul{list-style: none;padding: 0; } .loc-specialties ul{padding: 0; list-style: none;width: 100%;} .loc-specialties ul li{ font-size: 18px; font-weight: 600; margin-top: 15px; display:block; width: 48%; margin-right: 2%; float: left; padding: 0;} .loc-specialties ul li .fa{color: #03a9f4;margin-right: 2%; float:left;width: 10%;display:block;} .loc-specialties ul li span{width: 88%; float:left; line-height: 20px;margin-left: 0;display:block;} .loc-specialties a{margin-right: 2%; font-size: 18px; font-weight: 600; float: left; width: 100%; margin-top: 10px; } .loc-specialties a .fa{color: #03a9f4; margin-right: 1.5%; } .location-tabs{ list-style:none;float: left; padding: 0; margin-bottom: 0; margin-top: 20px;} .location-tabs a{} .location-tabs a:hover{background: rgba(0,0,0, .1); color: #fff;} .location-tabs a.active{background: rgba(0,0,0, .1); color: #fff;} .location-tabs a {float:left; padding: 20px 30px ; border: solid 1px #03a9f4; border-right: none; color: #fff; background: rgba(0,0,0, .2);} #content .location-left{ width: 43%; margin-right: 4%;} #content .location-left .bio-image{margin-bottom: 5px;} #content .location-left .bio-image img {width: 100%;} #content .location-left .contact-info{background: #102b4e; width: 100%;padding: 30px 0 10px; margin-bottom: 5px; } #content .location-left .contact-info .btn{ width: 280px; margin: 0 auto 20px;} #content .location-left .contact-info .btn .fa{margin-right: 10px;} #content .location-right{width: 53%;} #content .location-right hr{ margin: 25px 0;} #content .location-right .physician-title h1{padding: 40px 0; color:#fff;} #content .location-right .physician-specialties{margin-top: 65px;} #content .location-right h3{text-transform: uppercase; font-size: 24px;padding: 0; margin-bottom: 10px; } #content .location-right .physician-specialties ul{list-style: none;padding: 0; } #content .location-right .physician-specialties ul{padding: 0; list-style: none;} #content .location-right .physician-specialties ul li{color: #fff;} #content .location-right .physician-specialties ul li .fa{color: #03a9f4;margin-right: 15px;} #content .location-right .physician-locations .circle{width: 40px; height:40px; border-radius: 20px; background: #03a9f4; text-align:center;float:left;} #content .location-right .physician-locations .ci-location{float:left; width: 31.5%; margin-right: 2%;} #content .location-right .physician-locations .ci-location .image-box{width:100%;margin-bottom: 20px;} #content .location-right .physician-locations .ci-location .image-box img{width: 100%;} #content .location-right .physician-locations .ci-location .fa{color: #fff; font-size: 25px;margin:0 auto; float:none;margin-top: 12px; } #content .location-right .physician-locations .ci-location span{font-weight: 600; font-size: 18px;margin-top: 10px;display:block; float: left; margin-left: 15px;} #content .location-right .phys-list .phys {margin-bottom: 15px;} #content .location-right-right .phys-list .phys img{margin-bottom: 15px;} #content .location-right .phys-list .pa-title{font-size: 18px; font-weight: 600; margin-top: 10px;} #content .location-right .location-contact-info{margin-top: 35px;} #content .location-right .location-contact-info .address{width: 48%; margin-right: 2%;float: left; } #content .location-right .location-contact-info .left-col{float: left; margin-right: 20px;} #content .location-right .location-contact-info .left-col .fa{color: #03a9f4; font-size: 26px;} #content .location-right .location-contact-info .right-col{float:left;} #content .location-right .location-contact-info .right-col .fa{color: #03a9f4;font-size: 26px;} #content .location-right .location-contact-info .hours{width: 50%;float: left;} .resource-item{margin-bottom: 30px;} .resource-item .resource-image{width: 20%; margin-right:5%; float:left;} .resource-item .block-hold{float: left; width: 100%; display:block;} .resource-item .block-hold.has-img{float: left; width: 75%; display:block;} .resource-item .block-hold .btn{margin-top: 20px;} .resource-item .resource-title{font-size: 18px; font-weight: 600; margin-bottom: 10px;} .resource-item .resource-summary a{} /*-- Social Icons --*/ .social{ background: #03a9f3; padding: 20px 0 15px; text-align: center;} .social ul{margin: 0; padding: 0;} .social li{ display: inline-block; list-style: none; margin: 0 4px;} .social li a{ background: #fff; width: 20px; height: 20px; display: block; padding: 10px; border-radius: 48px;} .social li a img{width: 100%;} .social li a:hover{background: #ccc;} /* ----Footer Section ----*/ #footer{ background: #fff; border-top: 3px solid #e0e0e0;/*margin-top: 240px;} #footer.home{margin-top: 0;*/} #footer .links{ background: #fff; padding: 25px 0; text-align: center; } #footer .links img{ display: inline-block; } #footer .links a{ display: inline-block; padding: 15px 15px 0; text-transform: uppercase; font-weight: bold; font-size: 16px; } #footer .left-col{float:left;padding: 80px 0 0;} #footer .left-col .wrapper{width: 86%; margin: 0 0 0 7%; float: left;} #footer #copyright{background: #ebebeb; color: #212121; font-size: 13px; line-height: 1.8em; font-weight: 600; padding: 15px; } #footer #copyright a{ display: inline-block; padding-right: 15px; color: #212121;} #footer #copyright a:hover{color: #03a9f4;} #footer .left-col .wrapper .third h3{width: 100%; display:block;font-weight: 600; } #footer .left-col .wrapper .third h3:hover{color: #03a9f4;} #footer .left-col .wrapper .third a{color: #212121; } #footer .left-col .wrapper .third a:hover{color: #03a9f4;} #footer .right-col{background:#e0e0e0;padding: 80px 0; float: right; margin-bottom: 0;} #footer .right-col .wrapper{display:block; margin: 0 auto; width: 80%;} #footer .right-col .signup span{font-style: italic;} #footer .right-col .signup .field-hold{position: relative;margin: 20px 0; width: 80%;} #footer .right-col .signup .field-hold .email{color: #212121;padding: 10px 15px;height: auto; border:none;} #footer .right-col .signup .field-hold .fa-check{position: absolute; top: 0; right: 0; z-index: 100; background: none; color: #00a7f4; margin-top: 15px;} .page-notes{padding: 15px 0; font-size: 11px; color: #888;} /*--- Search Result Page ----*/ .search-list{border-bottom: 1px solid #ccc; margin-top: 20px; padding-bottom: 20px; color:#656565;} .search-list a{font-weight: bold; color: #0072BC;} .search-list a:hover{color:#00b3ee;} /*-- Pagination --*/ .pagination{ list-style: none; padding: 0; display: inline; } .pagination li{display: inline; } .pagination li a, .pagination li span{padding: 0 6px; border-left: 1px solid #CCC;} .pagination li:first-child a{border-left:none;} .pagination li.disabled{display: none;} .pagination li.active{font-weight: bold;} /* ----Form Inputs ----*/ .page-form .row{margin-bottom:20px;} fieldset{padding: 10px;} input[type=text], input[type=email], input[type=password], select{width:100%; border-radius: 0; padding:7px 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} input[type=file]{padding:6px; border: 1px solid #aaa; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} select{padding-right:0;} select::-ms-expand { display: none; } textarea{width:100%; height:80px; padding:8px 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} label{padding-bottom:5px; font-size:15px; line-height: 24px;} .helper{padding:5px 0 0 5px; font-size:11px; color:#999;} .phys-search select{ padding: 0 10px; height: 45px; background: #0287c3; color: #fff; border: none; font-style: italic;padding: 0 55px 0 10px; -moz-appearance: none; -webkit-appearance: none; background: #0287c3 url('../images/structure/down-arrow.png') calc(100% - 10px) center no-repeat; border: none;} /*--- New Template Additions ---*/ /*--- News List Section ---*/ .news-list{} .news-list .news-item{border-bottom: dashed 1px #e5e5e5; padding: 10px 0;} .news-list .news-item .more{float: right; background: #75B554; min-width: 120px; text-align: center; padding: 6px 12px 7px; cursor: pointer; border: none; border-radius: 3px; color: #fff; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase; width: auto;} .news-list .news-item .more:hover{background: #2ca02c;} .news-list .news-item .date{color:#75B554; margin-bottom: 5px; display: block;} .news-detail{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;} .news-date{float: left; margin-top: 5px;} .news-social{padding: 0; background-color: transparent;margin-left: 15px; float:left; display:block;} .news-social li a{background-color: #03a9f4; color:#fff;} .news-social li a:hover{background-color: #000; color:#000;} /* -- Responsive YouTube Embed -- */ .video-max{ max-height:360px; overflow: hidden; margin-bottom: 20px;} .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 640px;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height:360px;} /*-- Landing Page -- */ .landing-pg{ /*background:#fff url(../images/bg-angle.jpg) left top repeat-y;*/ background-color: #fff; background-image: url('../images/bg-angle.jpg'), url('../images/bg-angle.jpg'), url('../images/bg-angle.jpg'); background-repeat: no-repeat, no-repeat, no-repeat; background-position: center top, center 783px, center 1566px; /* margin-bottom: -240px; */} .landing-pg *{ box-sizing: border-box; } .landing-pg p{ padding-bottom: 20px; } .landing-pg .standard-title{ background: transparent; text-align: center; } .landing-pg .standard-title h1{ color:#212121; font-size: 42px; font-weight: 600; } .landing-pg .banner{ display: flex; border: 2px solid #e0e0e0; overflow: hidden; border-radius: 2px; margin-bottom: 28px; } .landing-pg .banner .img{ width: 50%; } .landing-pg .banner img{ display: block; } .landing-pg #content{ top: auto; } .landing-pg #content .content-hold{ padding: 0 0 28px; } .landing-pg .grid{ display: grid; margin-bottom: 28px; grid-template-rows: auto 205px; grid-gap: 35px; grid-template-columns: repeat(3, 1fr); } .landing-pg .grid .img{ background-position: center center; background-size: cover; } .landing-pg .address{ background: #616161; padding: 20px; grid-column:auto / span 2; color:#fff; text-align: center; font-size: 16px; } .landing-pg #content .address h3{ padding-bottom: 0; margin-bottom: 0; font-weight: 600; font-size: 18px; color:#fff; } .landing-pg #content .address p{ padding-bottom: 10px; } .landing-pg .address a{ color:#fff; } .landing-pg .address .map-hold{ margin:-20px -20px 20px; } .landing-pg .wysiwyg{ grid-column:auto / span 3; font-size: 18px; } .landing-pg .wysiwyg p:last-child{ padding-bottom: 0; } .landing-pg .btn{ display: inline-block; font-size: 16px; padding: 10px 24px !important; } .landing-pg .healcode-link{ background: #03a9f4; text-transform: uppercase; -webkit-appearance: none; display: inline-block; font-size: 16px; font-weight: 600; padding: 10px 24px !important; font:500 18px 'Open Sans', Helvetica, sans-serif; } .landing-pg .healcode-link:hover{ background: #008ccb; } .landing-pg .block-row{ display: flex; margin-bottom: 28px; border: 2px solid #e0e0e0; } .landing-pg .block-row:nth-child(odd) .img{ order:1; } .landing-pg .block-row:nth-child(odd) .text{ order:2; } .landing-pg .block-row .text{ padding: 35px 35px 80px; width: 50%; background: #fff; line-height: 35px; font-size: 18px; } .landing-pg .block-row .img{ flex-grow: 1; background-position: center center; background-size: cover; } .landing-pg #content .block-row h3{ margin-bottom: 10px; font-weight: bold; } .landing-pg #content h2{ padding:10px 0 40px; text-align: center; font-weight: bold; font-size: 42px; text-transform: uppercase; line-height: normal; } .landing-pg .tab{ margin-bottom: 15px; } .landing-pg .tab-head{ display: block; background: #ebebeb; padding:20px 20px 20px 35px; font-size: 24px; font-weight: bold; text-transform: uppercase; vertical-align: middle; } .landing-pg .tab-head:after{ display: inline-block; float: right; content:"\f055"; font-family: "FontAwesome"; line-height: 18px; } .landing-pg .tab-head.active:after{ content:"\f056"; } .landing-pg .tab-head:hover{ background: #d2d2d2; color:#212121; } .landing-pg .tab-head.active{ background: #102b4e; color:#fff; } .landing-pg .tab-content{border: 2px solid #e0e0e0; border-top: 0; padding: 30px 30px 10px; } .landing-pg .tab-content:not(.active){ display: none; } .landing-pg .team{ padding: 60px; background: #ebebeb; } .landing-pg .team h3{ font-weight: bold; text-align: center; font-size: 30px; } .landing-pg .team .team-list{ display:flex; } .landing-pg .team .team-list .teamMember{ flex-grow: 1; flex-basis: 0; padding: 15px 15px 0; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; } .landing-pg .team .team-list .teamMember img{ margin: 0 auto 10px; } .landing-pg .team .team-list .teamMember .sm{ text-transform: none; font-size: 16px; } .landing-pg .team .btn{ padding: 7px 24px !important; margin-top: 10px; } .landing-pg .team .btn:after{ content:"\f055"; font-family: "FontAwesome"; font-weight: normal; display: inline-block; padding-left: 5px; } .landing-pg .team .btn.active:after{ content:"\f056"; } .landing-pg .bio{ margin-bottom: 15px; font-size: 18px; line-height: 32px; } .landing-pg .bio h4{ font-weight: bold; font-size: 20px; } .landing-pg .bio-detail{ position: relative; border:2px solid #ebebeb; padding: 50px 50px 35px; } .landing-pg .bio-detail:before,.landing-pg .bio-detail:after{ bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .landing-pg .bio-detail:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 20px; margin-left: -20px; } .landing-pg .bio-detail:before { border-color: rgba(235, 235, 235, 0); border-bottom-color: #ebebeb; border-width: 23px; margin-left: -23px; } .landing-pg .bio-detail:not(.active){ display: none; } .landing-pg .testimonial{ background: #616161; padding: 65px 65px 55px; color:#fff; text-align: center; font-size: 21px; font-style: italic; font-weight: 600; line-height: 48px; } .landing-pg .testimonial .text{ position: relative; } .landing-pg .testimonial .text:before{ display: block; position: absolute; top: -15px; left: -15px; content:url("../images/quote.png"); opacity: .5; } .landing-pg .testimonial .text:after{ display: block; position: absolute; bottom: -15px; right: -15px; content:url("../images/quote.png"); transform:rotate(180deg); opacity: .5; } .landing-pg .testimonial .name{ font-style: normal; font-weight: bold; } /*-- Responsiveness Base Structure -- */ .row{clear:both;} .row .col{margin-left:2%; margin-bottom: 20px; float:left;} .row .col:first-child{margin-left:0;} .row .col.split_int{margin-left:0; clear: both;} .row .full{width:100%;} .row .half{width:49%;} .row .third{width:32%;} .row .third_2{width:66%;} .row .fourth{width:23.5%;} .row .fourth-new{width:22.5%;} .row .fourth_2{width:49%;} .row .fourth_3{width:74.5%;} .row .fifth{width:18.4%;} .row .sixth{width:15%;} .row .fifth_2{width:38.8%;} .row .fifth_3{width:59.2%;} .row .fifth_4{width:79.6%;} .row.padding-bottom{padding-bottom: 100px;} .nomargin{margin: 0!important;} .show-mobile{display:none;} .jobs-list{margin-top: 20px;} .jobs-list .job-entry{padding: 15px; border: 1px solid #DDD; background: #EEE; margin-bottom: 15px;} .jobs-list .job-entry .jb-title{font-weight: bold; float: left; color:#000;} .jobs-list .job-entry .jb-title:hover{color: #008ccb;} .jobs-list .job-entry .jb-loc{font-weight: bold; float: right; color: #008ccb;} .jobs-list .job-entry .jb-date{font-size: 14px; color: #888; clear: both;} .jobs-list .job-entry .jb-summary{font-size: 14px; line-height: 1.6em;} .jobs-list .job-entry .btn{display: inline-block; margin-top: 15px; font-size: 14px; line-height: 1em; padding: 8px 10px; text-decoration: none !important;} /*-- Responsiveness Media Queries -- */ @media (min-width: 1460px) { #marketing .panel-image .wrapper{top: 20%; } } @media (max-width: 1600px) { #navigation .btn{ margin-left: 8px; font-size: 13px; } #navigation .btn.icon:before{ font-size: 14px; padding-right: 6px; } .search{ margin-left: 15px; } .search .search-field{ width: 150px; } #testimonials .flex-control-paging{ top: 100%; bottom: auto; left: 0; width: 100%; } #testimonials .flex-control-paging li{ display: inline-block; margin: 0 4px; } } @media (max-width: 1460px) { .container{width: 94%;} /*#navigation ul li.level_1 a{padding: 30px 15px; font-size:14px}*/ } @media (max-width: 1370px) { #large-dropdown .specialty-dropdown .container ul { width: 25%; } } @media (max-width: 1360px) { #testimonials .testimonial-slide .slides li .wrapper .info { font-size: 26px; line-height: 32px;} #navigation ul li.level_1 a{/*padding: 30px 12px;*/ font-size:14px} #widget-media .vids { flex-wrap: wrap; } #widget-media .vids .col{ width: 100%; } #widget-media .vids img{ max-width: 100%; width: 100%; height: auto; } #widget-media .vids .notfeatured img{ max-height: none; } } @media (max-width: 1300px) { #content .physician-right .physician-specialties{float:none; } #content .physician-right .physician-friends{float:none; margin-top: 40px;} } @media (max-width: 1290px) { .topMenu .plain{ padding: 7px 12px 8px !important; font-size: 11px; } .topMenu .btn{ padding: 11px 12px !important; font-size: 11px; } .topMenu .btn.icon:before{ font-size: 13px; } #content .physician-left { width: 40%; } #content .physician-right { width: 55%; } #content .physician-right .physician-specialties ul li { width: 48%; margin-right: 2%; } #content .physician-right .physician-specialties ul li { width: 48%; margin-right: 2%; } #content .physician-right .physician-locations .ci-location{width: 48%;} .physician-locations .ci-location span{font-size: 14px;} /*.phys-list-row .pl-block{width: 25%;}*/ .phys-list-row{ grid-template-columns:repeat(4, 1fr); } .landing-pg .team{ padding: 25px; } .landing-pg .testimonial{ padding: 35px; } #header .header-info .telm-r{display: inline-block;} #header .header-info{ margin-top: 15px; } #header .telm-l{display: none;} } @media (max-width: 1160px) { #navigation ul li.level_1 a{/*padding: 30px 6px;*/ font-size:13px} .news-blocks .news-hold{width: 50%;} } @media (max-width: 1090px) { .hide-mobile{display:none;} .show-mobile{display:block;} .topMenu{ display: none; } #header{ background: #112b50; } #header.top-stroll{ background: #112b50; } #header #header-hold{ align-items: center; } #header .phone{ flex-grow: 1; color:#fff; font-size: 30px; text-align: right; } /* #content {top: 215px;} #content.no-banner {top: 215px !important;}*/ #testimonials .testimonial-slide .slides li .wrapper .info { top:30px;} .drop-toggle{display:block;} #header .mobile-menu { display: block; color:#fff; font-size: 30px; } #header .mobile-menu:hover { background-color: transparent; } #header .search-btn{ padding: 0 30px; color:#fff; font-size: 30px; } .search:not(.active) #search-form{ display: none; } #header #search-form{ position: absolute; left: 0; top: 100%; width: 100%; padding: 10px; background: #112b50; } .search .search-field{ width: calc(100% - 20px); } #navigation #nav-menu{position: absolute; top: 100%; height: auto; max-height: 568px; overflow-y: scroll; background: #FFF; overflow:auto; display: none; z-index: 999; right: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: right 320ms linear; -webkit-transition: right 320ms linear; -moz-transition: right 320ms linear; } #navigation #nav-menu.active{display: block; } #navigation.top-stroll #nav-menu.active{ } #navigation .mclose { display: block; } #navigation .mclose a { padding: 10px 15px; color: #333; font-size: 24px; line-height: 1em; text-align: right; display: block; } #navigation ul li.level_1 a:not(.btn),#navigation ul li.level_1 .btn{ background-color: transparent; display: block; text-align: center; color:#212121; } #navigation ul li.level_1:not(:last-child) a:hover:after, #navigation ul li.level_1:not(:last-child):hover a:after{ opacity: 0; } #navigation ul li.level_1 a:not(.btn) span,#navigation ul li.level_1 span.btn{ padding: 0 !important; font-weight: 600; font-size: 15px; } #navigation ul li.level_1 a.expandable{ display: none; } #navigation ul li.level_1{ float: left; width: 100%;} #navigation ul li.level_1:hover .subnav, #navigation ul li.level_1 .subnav{display: none; position: relative; border: none;} #navigation ul li.level_1 .media-drop{display:none;} #navigation ul li.level_1 .subnav a{display: block; float: none; color: #fff; font-size: 15px; line-height: 20px; padding: 12px 25px; width: 80%;} #navigation ul li.level_1:hover .subnav.mega, #navigation ul li.level_1 .subnav.mega{display: none; position: relative; border: none;} #navigation ul li.level_1 .subnav.mega a{display: block; float: none; color: #fff; font-size: 15px; line-height: 20px; padding: 12px 25px; width: 80%;} #navigation .container{width: 100%; border:none;} #navigation.absolute{position:relative;} #navigation .subnav.mega{position:relative!important;float:left; min-height: 200px; display:block;} #navigation .subnav.mega .container .column { webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom: 10px; } #navigation .subnav.mega .container .column a { margin: 0; line-height: 24px; width: 100%; padding: 10px; } .mobile-search-btn { display: block; font-size: 22px!important; font-weight: 400; border: none; padding: 17px; float: right; } #navigation ul li.level_1 a{padding: 15px 25px;} .location-dropdown.hide-mobile{display:none!important;} .location-dropdown.show-mobile{display:block!important;} .specialty-dropdown.hide-mobile{display:none!important;} .specialty-dropdown.show-mobile{display:block!important;} #large-dropdown #search{display:none!important;} #navigation #search{display: block!important; float: left; width: 75%; margin-left: 4%; padding: 10px 0; position: relative;} #header .header-info .btn{ font-size: 15px; margin-left: 0; padding: 10px 12px !important; } #header .header-phone{ margin-top: 8px; } .home-page #content{ display: block; } .home-page #content .text, .home-page #content .map-right{ width: 100%; } .specialties-bar{ padding: 60px 0 45px; } .specialties-bar:after{ top: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 30px); } .specialties-bar h2{ padding-bottom: 25px; } .specialties-bar .btn{ padding: 7px 20px !important; font-size: 16px; } #testimonials h2{ border-bottom: 0; margin-bottom: 20px; padding-bottom: 0; text-align: center; } #testimonials .a-center{ text-align: center; } #testimonials .btn:not(.hide-mobile){ display: inline-block; margin:60px auto 0px; } .latest-news .news-item.featured .img{ width: 55%; } #navigation ul li.level_1.locations-drop .subnav{display:none;} #navigation ul li.level_1.specialty-drop .subnav{display:none;} #marketing .panel-image .mcaption { width: 90%; padding: 20px 5%;} #marketing .panel-image .wrapper { bottom: 75px;} #marketing .panel-image .mcaption h1 { font-size: 60px; line-height: 80px;} #content .content-wide.specialty-detail .third{ margin-top: 20px; margin-left: 0; width: 100% !important; } .specialty-right{margin-top:10px;width: 80%!important;} #widget-location .widget-item { width: 33%; } #widget-location.urgent-locs .widget-item{width: 48.5%; height: 260px;} #content .physician-right .physician-locations .ci-location .image-box .blue-overlay { display: block!important;} #widget-specialty .widget-item .widget-image .block-hold .widget-title .arrow { display: block!important; } #widget-media .widget-item .widget-image .block-hold .widget-title .arrow { display: block!important; } #content .content-wide.specialty-detail .wysiwyg.third_2 { float: left; width: 100%; } #home-news .a-center{ margin-top: 20px;position: relative; z-index: 2; text-align: center; } #home-news .a-center .btn{ display: inline-block; } .home-page #content .text{ padding: 30px; } /*.phys-list-row .pl-block{width: 33.33%;}*/ .phys-list-row{ grid-template-columns:repeat(3, 1fr); } .landing-pg .grid{grid-template-columns: repeat(3, 1fr); } .landing-pg .grid .wysiwyg{ grid-column: span 2; } .landing-pg .grid .img:nth-child(n+5){ display: none; } .landing-pg .testimonial{ font-size: 18px; line-height: 30px; font-weight: normal; } .landing-pg #content .team h3{ margin-bottom: 15px; } } @media all and (-ms-high-contrast:none) and (max-width: 980px) { .phys-list-row .pl-block{ width: 32.666%; } .phys-list-row .pl-block:nth-child(5n+1){ margin-left: 1%; clear: none; } .phys-list-row .pl-block:nth-child(3n+1){ margin-left: 0%; clear: both; } } @media (max-width: 980px) { .row .col.split {margin-left:0; clear:both !important;} .row .col.split_int{margin-left: 2%; clear: none;} .row .half, .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4{width:100%; margin-left:0;} .row .fourth, .row .third, .row .third{width:49%;} .row .fifth, .row .sixth{width:32%;} .row .fifth_2{width:66%;} #header .header-info { position: relative; margin-top: 20px; text-align:center;} #header .header-phone { margin: 0 0 5px; position: absolute; bottom: 100%; right: 0; font-size: 15px; line-height: 1em;} #header .header-buttons .fa{ margin-right: 5px; font-size: 15px; font-weight: normal; vertical-align: middle; } .header-buttons .btn{margin-bottom: 10px;} #header .header-info .btn.sm{margin: 0px;} #widget-specialty .widget-item { width: 24.76%;} #widget-media .widget-item { width: 24.76%;} .news-slider .slides{ display: block; } .news-slider .news-item{ width: 100%; border-right: 0; border-bottom: 2px solid #fff; } .home-locations .map-left { width: 100%; float: left; position: relative; padding-bottom: 40px;} .home-locations .map-left h2 {margin-top: 50px;} #footer .left-col .wrapper { width: 86%; margin: 0 7% 0 7%; } #footer .left-col .wrapper .third{width: 30%;} #content .content-left .side-nav{display:none;} .landing-pg .grid{ grid-template-columns: 1fr 1fr; grid-gap:20px; } .landing-pg .address{ grid-row:span 1; } .landing-pg .grid .wysiwyg{ grid-column:span 1; } .landing-pg .block-row .text{ padding-bottom: 35px; font-size: 14px; line-height: 24px; } .landing-pg .wysiwyg{ font-size: 14px; line-height: 24px; } .landing-pg #content h3, .landing-pg .tab-head{ font-size: 20px; } .landing-pg .tab-head{ padding: 10px; } .landing-pg .tab-content{ padding: 15px 15px 0; } .landing-pg .standard-title h1, .landing-pg #content h2{ font-size: 35px; } .landing-pg .banner, .landing-pg .grid, .landing-pg .block-row { margin-bottom: 20px; } .landing-pg .team .team-list{ flex-wrap: wrap; justify-content: center; } .landing-pg .team .team-list .teamMember{ max-width: 33.3333%; flex-basis: auto; } #marketing .flex-control-nav{ top: 0; height: 100%; display: flex; justify-content: center; flex-direction: column; } #marketing .flex-control-nav li{ margin: 3px 0; } /*.specialties-bar { background-size: auto auto; background-position: center top; }*/ .specialties-bar h2, #home-news h2, .search-bar h2, #testimonials h2{ font-size: 25px; } #testimonials{ font-size: 16px; line-height: 24px; } #home-news{ overflow: hidden; } #home-news:after{ display: none; } .latest-news{ grid-template-columns: 1fr 1fr; overflow: hidden; } .latest-news.masonry .news-item{ width: 48%; } .latest-news:not(.masonry) .news-item:nth-child(n+3){ display: none; } .latest-news .news-item.featured{ display: block; background: #112b50; grid-column: 1 / span 1; } .latest-news .news-item.featured .img{ width: 100%; } .latest-news .news-item.featured .sum{ display: none; } .latest-news .news-item.featured .txt{ border-top:2px solid #fff; } .latest-news .news-item.featured h4{ color:#fff; font-size: 14px; } .latest-news .news-item.featured .btn{ display: none; } .phys-search .row .col{margin-right: 1%; margin-left: 0; margin-bottom: 15px;} #widget-specialty .widget-item .widget-image .block-hold .widget-title { font-size: 18px; line-height: 24px; } #widget-media .widget-item .widget-image .block-hold .widget-title { font-size: 18px; line-height: 24px; } #content .physician-left .contact-info .btn { width:65%; margin: 0 auto 20px; float: none; font-size: 12px; } #content .physician-left .ratings .btn { width:65%; margin: 0 auto 20px; float: none; font-size: 12px; } .physician-locations .ci-location span{font-size: 18px;} #content .physician-right .physician-title h1{font-size: 26px;} .phys-list .col:nth-child(5n) { margin-right:2%;} .phys-list .col:nth-child(3n) { margin-right: 0%;} #footer .right-col{width: 100%; margin: 0 0 20px; padding: 40px 0;} #footer .right-col .wrapper{width: 86%;} h1 { font: normal 28px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h2 { font: normal 22px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h3 { font: normal 18px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h4 { font: normal 16px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} } .show850{ display: none; } @media (max-width: 850px) { .show850{ display: block; } .hide850{ display: none; } #header .phone{ font-weight: normal; } #widget-specialty .widget-item { width: 24.6%;} #widget-media .widget-item { width: 24.6%;} #marketing .panel-image .wrapper { bottom: 30px;} #marketing .panel-image .mcaption h1 { font-size: 40px; line-height: 55px;} #content .location-right .location-contact-info .address { } .loc-specialties ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #content .location-left .contact-info .btn { width: 70%; margin: 0 10%; font-size: 14px; float: left; display: block; } #content .location-left .contact-info { float:left; padding: 30px 0; text-align: center; } #content .physician-left .contact-info{ padding: 30px 0 20px; } #widget-media .vids .col.notfeatured .vid.link{ font-size: 28px; line-height: 36px; } #widget-media .vids .col.notfeatured .vid.link span{ font-size: 20px; } #widget-media .vids .col.notfeatured .vid.link i{ font-size:30px; } .standard-news .news-item{width:48%; padding-bottom: 20px; border-bottom: 3px solid #e0e0e0; } .loc-specialties ul li .fa{width: 10%;} .loc-specialties ul li span{width: 85%;} .wysiwyg iframe{ max-width: 100%; } #widget-location.physician-locations .widget-item{width: 49%;} a[href*='tel://'],a[href*='tel://']{ font-weight: bold; } #footer .left-col{ padding-top: 40px; } #footer .left-col .wrapper #copyright{ margin-top: 40px; } #footer .header-buttons{ margin-bottom: 10px; text-align: center; } #footer .header-buttons .btn{ display: inline-block; } #footer .header-buttons .btn .fa{ margin-right: 10px; } } @media (max-width:720px){ #wrapper{margin-top: 75px !important;} #header #logo{ max-width: 120px; } #testimonials .testimonial-slide .tst-image{display:none;} #testimonials .testimonial-slide .slides li .wrapper { width: 100%; position: relative; } #testimonials .testimonial-slide .title h2 { font-size: 34px;} #content .location-left { width: 100%; margin-right: 0; } #content .location-right { width: 100%; } #content .physician-left { width: 100%; margin-right: 0; } #content .physician-right { width: 100%; float: left; } #content .physician-right .physician-title{display:none;} .side-embed iframe{display: block; height: 700px !important; overflow: auto;} .review-btn{display: inline-block;} .main-title { position: relative; margin-bottom: 20px; width: 100%; height: auto; } .main-title h1,.main-title h2{display:block; margin-top: 0; text-align: center; padding: 20px 10px; font-size: 22px; line-height: normal; } #content .location-right .physician-title h1{display:none;} #content .physician-left .contact-info .btn { width:280px;} #content .physician-left .ratings .btn { width:240px;} .transparent-title { position: relative; padding: 20px 0; } #widget-location .widget-item { width: 49%; } #content .content-right { clear: both; width: 94%; float: none; margin: 0 auto; } #content .location-right .location-contact-info { float: left; width: 100%; margin-top: 20px; } #widget-media .vids .col.notfeatured .vid{ width: 100%; } .jobs-list .job-entry .jb-title{float: none; display: block;} .jobs-list .job-entry .jb-loc{float: none; display: block; font-size: 12px; line-height: 1.4em; padding: 5px 0;} /*.phys-list-row .pl-block{width: 50%;}*/ .phys-list-row{ grid-template-columns:repeat(2, 1fr); } .landing-pg .standard-title{ padding: 20px 0; } .landing-pg #content h2{ padding:0 0 20px 0; } .landing-pg .grid .wysiwyg{ font-size: 14px; line-height:24px; } .landing-pg .banner { flex-direction: column; } .landing-pg .banner .img{ width: 100%; } .landing-pg .banner .img:nth-child(2){ order:1; } .landing-pg .banner .img:nth-child(1){ order:2; } .landing-pg .block-row .text{ padding: 20px; } .landing-pg .team .team-list .teamMember{ font-size: 14px; } .landing-pg .team .team-list .teamMember .sm{ font-size: 12px; line-height: normal; } #footer .links a{ display: block; } #footer .float-right{ float: none; text-align: center; } #footer #copyright{ width: 100%; text-align: center; box-sizing: border-box; } .news-blocks .news-hold .overlay{display: none !important;} h1 { font: normal 24px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h2 { font: normal 20px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h3 { font: normal 18px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h4 { font: normal 16px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} } @media (max-width: 680px) { .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;} .row .third, .row .fourth{margin:10px 0;} #header .container{width:100%;} /*#content { top: 158px; } #content.no-banner {top: 158px !important;}*/ #top-nav .cms-block { float: none; padding: 6px 0; margin: 0 auto; display: block; width: 340px; } #header .phone{ font-size: 24px; } #header .search-btn{ padding: 0 20px; font-size: 26px; } #header .mobile-menu{ display: block; font-size: 26px!important; color: #fff; font-weight: 400; float:left; border: none; } #header .mobile-menu span{-webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;} #navigation .mobile-menu{display:none;} #navigation #search{display:block!important; float: left; width: 75%; margin-left: 3%; } #navigation.top-stroll #nav-menu.active { top: 45px; } .mobile-search-btn { float: right; } #top-nav{display:none;} #marketing .panel-image .wrapper { position: relative; top: 0; background: #102b4e;} #marketing .panel-image .mcaption h1{font-size: 32px; line-height: 40px;} #widget-specialty .widget-item { width: 49.2%!important; clear: none!important;} #widget-specialty .title{font-size: 36px;} #widget-media .widget-item { width: 49.2%!important; clear: none!important;} #widget-media .title{font-size: 36px;} #footer .left-col .wrapper .third{width: 49%!important; clear: none!important;} .resource-item .resource-image { width: 70%; margin-bottom: 15px; float: none; } .phys-search .row .col{margin-right: 1%; margin-left: 0; margin-bottom: 0;} .phys-list .col { margin-right: 0; } #content .physician-left .contact-info .btn { width:200px;} #content .physician-left .ratings .btn { width:200px;} #content .physician-right .physician-specialties ul li { width: 96%; margin-right: 2%; } .home-locations .map-left h2{font-size: 32px;} #header .header-phone{ position: static; margin-top: 24px; float: none; display: block; } .latest-news .title{font-size: 32px;} #header .header-info,#header .header-info.top-stroll {float: left; margin-top: 0;} #header .header-info .header-buttons{display: none;} .physician-locations .ci-location .image-box{background-size:cover; } #content .physician-left .contact-info .btn.print-btn { width: 130px; } #content .physician-left .ratings .btn{ width: 130px; } #navigation .header-info { display:block; text-align:center; width: 90%; margin: 30px auto 0;} #navigation .header-info .header-buttons .btn{font-size: 14px;} #navigation .header-info .header-buttons .btn .fa{margin-right: 5px;} #navigation .header-info .header-phone{font-size: 18px;} .latest-news .news-item,.latest-news.masonry .news-item { width: 100%; margin-left: 0;} .landing-pg .block-row{ flex-direction: column; } .landing-pg .block-row .text{ width: 100%; } .landing-pg .block-row .img{ height: 250px; } .landing-pg .block-row:nth-child(even) .img { background-position: center top; order: 1; } .landing-pg .block-row:nth-child(even) .text { order: 2; } .landing-pg .testimonial{ font-size: 14px; line-height: 24px; } .search-bar{ padding: 30px 0; } #testimonials .flex{ display: block !important; } #testimonials .img{ width: 100%; margin-right: 0; text-align: center; margin-bottom: 20px; } #testimonials .img img{ display: inline-block; } .news-blocks .news-hold{width: 100%;} } @media(max-width: 520px){ #header .phone{ font-size: 18px; } #header .mobile-menu, #header .search-btn{ font-size: 20px !important; } .search{ margin-left: 0; } #header .search-btn{ padding: 0 10px 0 20px; } #footer .left-col .wrapper .third{ width: 100%!important; float: none; margin: 0 auto; clear: none!important; text-align: center;} #content .physician-right .physician-locations .ci-location{width: 98%;} .header-buttons .btn { margin-bottom: 10px; font-size: 14px; } .standard-news .news-item{width:98%;} .transparent-title h1 { font-size: 24px; } .loc-specialties ul li { width: 92%; } #widget-location.physician-locations .widget-item{width: 100%;} #header .header-phone{ font-size: 16px; } #header .mobile-menu{ padding: 20px 10px 15px; } /*.phys-list-row .pl-block{width: 100%; padding: 0 0 20px}*/ .phys-list-row{ grid-template-columns:repeat(1, 1fr); } .landing-pg .grid{ grid-template-columns: 1fr; grid-template-rows:auto; } .landing-pg .grid .img{ min-height: 200px; background-size: cover; } .landing-pg .grid .img:nth-child(n+4){ display: none; } .landing-pg .address { display: flex; padding: 10px; } .landing-pg .address .map-hold{ width: 40%; margin: -10px 15px -10px -10px; } .landing-pg .address .map-hold #map_canvas{ height: 235px !important; } .landing-pg .address .map-hold,.landing-pg .address .lower{ flex-grow: 1; flex-basis: auto; } .landing-pg .standard-title h1, .landing-pg #content h2{ font-size: 28px; } .landing-pg .team{ padding: 15px; } .landing-pg .team .team-list .teamMember{ max-width: 50%; } .latest-news{ grid-template-columns: 1fr; } .home-page .latest-news .news-item:nth-child(n+2){ display: none; } #testimonials{background: #284160;} #home-news:before{content: ''; } #home-news{background: #ededed;} body{font: normal 12px/1.8em 'Open Sans', Helvetica, sans-serif;} h1 { font: normal 22px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h2 { font: normal 18px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h3 { font: normal 15px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} h4 { font: normal 14px/1.4em 'Open Sans', Arial, Helvetica, sans-serif;} } @media (max-width: 400px) { #top-nav .cms-block { display: none; } #content .location-left .contact-info .btn {font-size: 12px; width: 65%;} #testimonials .testimonial-slide .slides li .wrapper .info .left-quote{top: 130px;} #testimonials .testimonial-slide .slides li .wrapper .info .right-quote{top: 130px;} #marketing .panel-image .mcaption a.btn{width: 80%; font-size: 14px;} .main-title h1 { font-size: 19px; } } @media (max-width: 370px) { #wrapper{margin-top: 60px !important;} } @media (max-width: 340px) { #wrapper{margin-top: 57px !important;} }