/*
Theme Name: Bayside18
*/

@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:200,300,400,600,700');

nav.navbar {
    height: 135px;
	position:absolute;
	z-index:10000;
	width: 100%;
}

body {
    font-family: 'Open Sans';
    color: #1F1911;
    font-size: 20px;
	font-weight:200;
}

body main a {
	color:#00678C;
	font-weight:600;
	text-decoration:underline;
}

body main a:hover {
	color:red;
}

nav.navbar ul li a {
    color: #1F1911;
    font-family: 'Lora';
    font-size: 16px;
    border-bottom: 2px solid rgba(255,255,255,0);
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 3px !important;
}

nav.navbar ul li {
    padding:30px;
}

nav.navbar ul li a:hover {
    color: #00678C;
    border-bottom: 2px solid #00678C;
}

.dropdown-toggle::after {
    display: none;
}

nav ul.secondary {
    margin-right: 0px !important;
	top: 2px !important;
    position: relative;
}

body.scrolling nav ul.secondary {
	top: 3px !important; 
}

.jumbotron {
    height: 100%;
    padding: 0px;
	margin-bottom: 0px;
}

.jumbotron-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: url(/wp-content/themes/bayside18/img/grid.png); */
   /*  background:url(/wp-content/themes/bayside18/img/grid.png) rgba(255,255,255,0.5); */
    background:rgba(255,255,255,0.6);
    z-index: 20;
    display: block;
}

.jumbotron .container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
    position: relative;
}

.jumbotron .container > img {
    width: 450px;
}

.jumbotron .container h1 {
    color: #00678C;
    font-family: 'Lora';
    font-size: 26px;
    margin: 30px 0px 20px 0px;
	text-align: center;
}

.jumbotron .container h2 {
    color: #414141;
    font-size: 50px;
    font-family: 'Lora';
    margin: 0px 0px 20px 0px;
	text-align:center;
}

p.blue-btn {
    margin: 0px;
    border: 2px solid #414141;
    padding: 2px;
}

p.blue-btn a {
    background: #00688C;
    border-radius: 0px;
    border: 0px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Lora';
    padding: 15px 30px;
}

p.blue-btn a img {
    height: 12px;
    width: auto;
    top: -2px;
    position: relative;
    margin-left: 10px;
}

.call-today {
    padding-top: 50px;
    padding-bottom: 50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00688c+49,00688c+49,0085b0+50,0085b0+50,00688c+50 */
    background: rgb(0,104,140); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,104,140,1) 49%, rgba(0,104,140,1) 49%, rgba(0,133,176,1) 50%, rgba(0,133,176,1) 50%, rgba(0,104,140,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,104,140,1) 49%,rgba(0,104,140,1) 49%,rgba(0,133,176,1) 50%,rgba(0,133,176,1) 50%,rgba(0,104,140,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,104,140,1) 49%,rgba(0,104,140,1) 49%,rgba(0,133,176,1) 50%,rgba(0,133,176,1) 50%,rgba(0,104,140,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00688c', endColorstr='#00688c',GradientType=0 ); /* IE6-9 */
}

.call-today h2 {
    color: #ffffff;
    font-size: 38px;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora';
}

.call-today a {
    color: #92E4FF;
    font-family: 'Lora';
    font-size: 32px;
    text-align: center;
    margin: auto;
    display: block;
}

.call-today .container {
    background: #00688c;
}

.call-today p {
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    line-height:130%;
    margin-bottom:0px;
}

.call-today p strong {
    color: #92E4FF;
    font-weight: 600;
}

.call-today .phonearea {
    padding-top: 20px;
}

.call-today .phonearea h2 {
    margin-bottom: 0px;
}

.call-today a:hover {
    text-decoration: none;
}

.procedures .controls svg {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 60px;
    margin-right: 20px;
}

.procedures .controls svg path {
    fill: #6C6C6C;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.procedures {
    padding-top: 50px;
    padding-bottom: 50px;
}

.procedures.face-bg {
    background: url(/wp-content/themes/bayside18/img/bg_face.jpg) no-repeat center center;
    background-size: cover;
}

.procedures.breast-bg {
    background: url(/wp-content/themes/bayside18/img/bg_breast.jpg) no-repeat center center;
    background-size: cover;
}

.procedures.body-bg {
    background: url(/wp-content/themes/bayside18/img/bg_body.jpg) no-repeat center center;
    background-size: cover;
}

.procedures.skin-bg {
    background: url(/wp-content/themes/bayside18/img/bg_skin.jpg) no-repeat center center;
    background-size: cover;
}

.procedures .face-info,
.procedures .breast-info,
.procedures .body-info,
.procedures .skin-info {
    display: none;
}

.procedures .face-info.on,
.procedures .breast-info.on,
.procedures .body-info.on,
.procedures .skin-info.on {
    display: block;
}

.procedures .controls a {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #1F1911;
    font-size: 30px;
    font-family: 'Lora';
    flex-direction: row;
    align-items: center;
    font-weight:300;
}

.procedures .controls a strong {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-bottom:2px solid #ffffff;
    width:1px;
}

.procedures .controls a:hover strong {
    border-bottom:2px solid #000000;
    width:calc(100% - 200px);
}

.procedures .controls a.active {
    text-decoration: none !important;
    color: #00678C !important;
    font-size: 50px !important;
}

.procedures .controls a.active svg {
    width: 100px !important;
}

.procedures .controls a.active strong {
    border-bottom: 2px solid #00688c !important;
    width: calc(100% - 100px) !important;
}

.procedures .controls a.active svg path {
    fill: #000000 !important;
}

.procedures .controls a:hover {
    text-decoration:none;
    color:#00678C;
    font-size:40px;
}

.procedures .controls a:hover svg {
    width:80px;
}

.procedures p {
    font-weight: 300;
    font-size: 20px;
    color: #1F1911;
}

.procedures ul li a {
    color: #1F5D79;
    font-size: 16px;
}

.procedures ul li {
    display: inline-block;
    width: 49%;
    padding-left: 30px;
    background: url(/wp-content/themes/bayside18/img/icon_bullet.svg) left 10px center no-repeat;
    background-size: 10px;
}

p.dark-btn {
    margin: 0px;
    border: 2px solid #00688C;
    padding: 2px;
    display:inline-block;
}

p.dark-btn a {
    background: #32323A;
    border-radius: 0px;
    border: 0px;
    color: #FFFFFF;
    font-size: 25px;
    font-family: 'Lora';
    padding: 15px 30px;
}

p.dark-btn a img {
    height: 15px;
    width: auto;
    top: -2px;
    position: relative;
    margin-left: 10px;
}

.procedures ul {
    padding: 0px;
    line-height: 120%;
    margin-bottom: 30px;
}

.dr-roach {
    padding-top: 0px;
    padding-bottom: 0px;
    background: url('/wp-content/themes/bayside18/img/bg_office.jpg') no-repeat center center;
	background-size: cover;
}

@media (max-width:1199px) {
	.dr-roach {
		padding-top:50px;
		padding-bottom:50px;
	}
}

@media (min-width:1200px) {
	
.dr-roach .docphoto {
	position:relative;
	top:200px;
	z-index:100;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.dr-roach .doctext {
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	position:relative;
	right:-100px;
	opacity:0;
}

body.docscroll .dr-roach .doctext {
	right:0px;
	opacity:1;
}

.call-today .fadein {
	position:relative;
	opacity:0;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

body.fadescroll .call-today .fadein {
	opacity:1;
}

body.docscroll .dr-roach .docphoto {
	top:60px;
}

.main-article {
	position:relative;
	bottom:-300px;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

body.home.newscroll .main-article {
	bottom:0px;
}

body.home .secondary-article,
body.home .afilimage {
	opacity:0 !important;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

body.home.newscrolltwo .secondary-article,
body.home.afilscrol .afilimage {
	opacity:1 !important;
}

}

.dr-roach .doctext {
	z-index:1000;
}

.dr-roach .col-7 img {
    margin-bottom: -100px;
    z-index: 50;
    position: relative;
}

.dr-roach div.col {
    z-index: 100;
    position: relative;
}

.dr-roach h1 {
    color: #ffffff;
    font-size: 50px;
}

.dr-roach h4 {
    color: #92E4FF;
    font-size: 16px;
}

.dr-roach p {
    color: #ffffff;
    font-weight: 300;
}

p.light-btn {
    margin: 0px;
    border: 2px solid #00688C;
    padding: 2px;
    display:inline-block;
}

p.light-btn a {
    background: #FFFFFF;
    border-radius: 0px;
    border: 0px;
    color: #323239;
    font-size: 25px;
    font-family: 'Lora';
    padding: 15px 30px;
}

p.light-btn a img {
    height: 15px;
    width: auto;
    top: -2px;
    position: relative;
    margin-left: 10px;
}

.dr-roach .container .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.testimonials {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00688c+50,00688c+51&0+50,1+51 */
    background: -moz-linear-gradient(left, rgba(0,104,140,0) 50%, rgba(0,104,140,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,104,140,0) 50%,rgba(0,104,140,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,104,140,0) 50%,rgba(0,104,140,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000688c', endColorstr='#00688c',GradientType=1 ); /* IE6-9 */
}

.testimonials .carousel-item {
    padding: 100px 20px 100px 20px;
    }

.testimonials .carousel-item .row .col img:nth-child(1) {
    margin: auto;
    display: block;
    position:relative;
}

.testimonials .carousel-item .row .col:nth-child(1) img:nth-child(1) {
    border-radius: 1000px;
    border: 10px solid white;
    -webkit-box-shadow: 0px 0px 0px 2px rgb(0, 104, 140);
    -moz-box-shadow: 0px 0px 0px 2px rgb(0, 104, 140);
    box-shadow: 0px 0px 0px 2px rgb(0, 104, 140);
    width:250px;
    z-index:100;
}

.testimonials .carousel-item .row .col:nth-child(2) img:nth-child(1) {
    border-radius: 1000px;
    border: 10px solid #00688c;
    -webkit-box-shadow: 0px 0px 0px 2px #C1C1C3;
    -moz-box-shadow: 0px 0px 0px 2px #C1C1C3;
    box-shadow: 0px 0px 0px 2px #C1C1C3;
    width:250px;
    z-index:50;
}

.testimonials .carousel-item .row .col hr {
    width:70%;
    margin-top:30px;
    margin-bottom:30px;
}

.testimonials .carousel-item .row .col:nth-child(1) hr {
    background:#C1C1C3;
}

.testimonials .carousel-item .row .col:nth-child(2) hr {
    background:#0085B0;
}

.testimonials .carousel-item .row .col img:nth-child(2) {
    display:block;
    margin:-50px auto 0px auto;
    z-index:10;
}

.testimonials .carousel-item .row .col p {
    font-size:20px;
    font-weight:300;
    text-align:center;
    width:90%;
    margin:auto;
}

.testimonials .carousel-item .row .col:nth-child(1) p {
    color:#1F1911;
}

.testimonials .carousel-item .row .col:nth-child(2) p {
    color:#FFFFFF;
}

.testimonials .carousel-item .row .col h5 {
    font-size:16px;
    font-weight:300;
    text-align:center;
    width:90%;
    margin:auto;
}

.testimonials .carousel-item .row .col:nth-child(1) h5 {
    color:#00668C;
}

.testimonials .carousel-item .row .col:nth-child(2) h5 {
    color:#92E4FF;
}

.testimonials .carousel-item .row .col h6 {
    font-size:14px;
    font-weight:300;
    text-align:center;
    width:90%;
    margin:auto;
    margin-top:8px;
}

.testimonials .carousel-item .row .col:nth-child(1) h6 {
    color:#1F1911;
}

.testimonials .carousel-item .row .col:nth-child(2) h6 {
    color:#FFFFFF;
}

.testimonials .carousel-control-next,
.testimonials .carousel-control-prev {
    width: 6%;
}

.testimonials .carousel-control-next-icon {
    background:url('/wp-content/themes/bayside18/img/arrow_right.svg') no-repeat center center;
    width: 30px;
    height: 40px;
}

.testimonials .carousel-control-prev-icon {
    background:url('/wp-content/themes/bayside18/img/arrow_left.svg') no-repeat center center;
    width: 30px;
    height: 40px;
}

.testimonials .carousel-indicators li {
    height: 11px;
    width: 11px;
    border-radius: 20px;
    background-color: #6094a7;
    margin-right: 10px;
    margin-left: 10px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.testimonials .carousel-indicators li.active {
    background-color: #76cce9;
}

.shadow {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#131313+0,131313+100&0+1,0.2+100 */
    background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0) 1%, rgba(19,19,19,0.2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%,rgba(19,19,19,0) 1%,rgba(19,19,19,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(19,19,19,0) 0%,rgba(19,19,19,0) 1%,rgba(19,19,19,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#33131313',GradientType=0 ); /* IE6-9 */
    display: block;
    position: relative;
    height: 80px;
    margin-top: -80px;
    z-index: 0;
}

ol.carousel-indicators {
    z-index: 100;
    position: absolute;
    cursor: pointer;
}

.articles-header {
    padding-top: 50px;
    padding-bottom: 50px;
    background: rgb(0,104,140);
    background: -moz-linear-gradient(top, rgb(255, 255, 255) 49%, #C4C4C6 49%, #C4C4C6 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 50%);
    background: -webkit-linear-gradient(top, rgb(255, 255, 255) 49%,#C4C4C6 49%,#C4C4C6 50%,rgb(255, 255, 255) 50%,rgb(255, 255, 255) 50%);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 49%,#C4C4C6 49%,#C4C4C6 50%,rgb(255, 255, 255) 50%,rgb(255, 255, 255) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00688c', endColorstr='#00688c',GradientType=0 );
}

.articles-header h2 {
    text-align: center;
    font-size: 50px;
    color: #00668C;
}

.articles-header .col-md-5 {
    background: #ffffff;
}

.articles .main-article .col-5 img {
    max-width: 100%;
    height: auto;
}

.articles .main-article h3 {
    color: #323239;
    font-size: 38px;
}

.articles h5 {
    color: #136685;
    font-size: 16px;
}

.articles p {
    font-weight: 300;
    font-size:18px;
}

.articles .main-article p {
    font-size:20px;
}

.articles .main-article {
    margin-bottom:50px;
}

.articles .main-article p.dark-btn a {
    font-size: 20px;
    padding: 12px 20px;
}

.articles p.dark-btn a {
    font-size: 18px;
    padding: 10px 15px;
}

.articles p.dark-btn {
    position: absolute;
    bottom: 0px;
}

.articles .main-article p.dark-btn {
    position:relative;
    bottom:initial;
}

.articles .col-md-4 {
    padding-bottom: 60px;
	margin-bottom:40px;
}

.articles .main-article .col {
    padding-bottom: 0px;
}

.articles {
    padding-bottom: 50px;
}

.association {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(/wp-content/themes/bayside18/img/bg_puzzle.jpg) no-repeat center center;
    background-size: cover;
}

.association h1 {
    color: #ffffff;
    text-align: center;
}

.association .row.heading .col {
    background: rgb(0,104,140);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 49%, #0085B0 49%, #0085B0 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 49%,#0085B0 49%,#0085B0 50%,rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 49%,#0085B0 49%,#0085B0 50%,rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00688c', endColorstr='#00688c',GradientType=0 );
}

.association .row.heading {
    margin-bottom: 30px;
}

a.totop {
    position: relative;
    height: auto;
    display: block;
    width: 90px;
    margin: -50px auto -42px auto;
	z-index: 100;
}

div#map {
    top: -2px;
    z-index: 10;
}

.footer {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    height: 600px;
    margin-top: -600px;
    z-index: 1000;
}

.footer .col-5 {
    position: relative;
    z-index: 100;
}

.footer h3 {
    color: #0085B0;
    font-size: 30px;
    margin-top: 40px;
}

.footer h3 svg {
    color: #ffffff !important;
    margin-right:5px;
}

.footer p {
    color:#ffffff;
    font-size:16px;
    font-weight:300;
}

.footer hr {
    background: #393D45;
    border-bottom: 1px solid #393D45;
}

.footer ul li {
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
    width: 49%;
    display: inline-block;
}

.footer ul {
    padding: 0px;
    margin-bottom: 0px;
    line-height: 120%;
}

.footer ul li {
    padding-left: 30px;
    background: url(/wp-content/themes/bayside18/img/icon_bullet_blue.svg) no-repeat left 10px center;
    background-size: 10px;
}

.footer ul li a {
    color:#fff;
}

.map-overlay {
    display: block;
    position: absolute;
    height: 600px;
    width: 50%;
    z-index: 12;
    right: 0px;
    margin-top: -2px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1b1e+0,1a1b1e+12&0+1,1+12 */
    background: -moz-linear-gradient(left, rgba(26,27,30,0) 0%, rgba(26,27,30,0) 1%, rgb(33, 33, 33) 8%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(26,27,30,0) 0%,rgba(26,27,30,0) 1%,rgb(33, 33, 33) 8%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(26,27,30,0) 0%,rgba(26,27,30,0) 1%,rgb(33, 33, 33) 8%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1b1e', endColorstr='#1a1b1e',GradientType=1 ); /* IE6-9 */
}

.jumbotron-underlay {
    background: url(/wp-content/themes/bayside18/img/bayside_center.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
}

.jumbotron .container {
    padding-top: 5%;
}

nav li.mega-full > ul.sub-menu {
    width: calc(100vw - 100%);
    left: -100%;
    font-size: 0px;
}

nav li.mega-full > ul.sub-menu > li,
nav li.mega-box > ul.sub-menu > li {
    display: inline-block;
    width: calc(25% - 1.5px);
    padding-left: 160px;
    vertical-align: top;
    padding-bottom: 25px;
    padding-top: 20px;
    height: 275px;
}

nav li.mega-full ul.sub-menu > li > a,
nav li.mega-box ul.sub-menu > li > a {
    font-size: 22px;
    color: #00688C;
    text-transform: uppercase;
}

nav li.mega-full ul.sub-menu li ul,
nav li.mega-box ul.sub-menu li ul {
    display: block;
    position: relative !important;
    border: none;
    background: transparent;
    padding: 0px;
    top: 0px;
}

nav li.mega-full ul.sub-menu li ul li,
nav li.mega-box ul.sub-menu li ul li {
    display: block;
    padding: 0px;
	height: auto;
}

nav li.mega-full ul.sub-menu li ul li a,
nav li.mega-box ul.sub-menu li ul li a {
    font-size: 12px;
    text-align: left;
    color: #1F1911;
    font-family: 'Open Sans';
    font-weight: 300;
    text-transform: initial;
}

nav li.mega-full ul.sub-menu li.mega-body {
    background: url(/wp-content/themes/bayside18/img/navimg_body.jpg) no-repeat top left 2px,
                url(/wp-content/themes/bayside18/img/nav_fade.jpg) repeat-y right 2px center;
    border-right: 2px solid #dadae4;
    margin-right: 2px;
}

nav li.mega-full ul.sub-menu li.mega-breast {
    background: url(/wp-content/themes/bayside18/img/navimg_breast.jpg) no-repeat top left,
                url(/wp-content/themes/bayside18/img/nav_fade.jpg) repeat-y right 2px center;
    border-right: 2px solid #dadae4;
    margin-right: 2px;
}

nav li.mega-full ul.sub-menu li.mega-face {
    background: url(/wp-content/themes/bayside18/img/navimg_face.jpg) no-repeat top left,
                url(/wp-content/themes/bayside18/img/nav_fade.jpg) repeat-y right 2px center;
    border-right: 2px solid #dadae4;
    margin-right: 2px;
}

nav li.mega-full ul.sub-menu li.mega-skin {
    background: url(/wp-content/themes/bayside18/img/navimg_skin.jpg) no-repeat top left,
                url(/wp-content/themes/bayside18/img/nav_fade.jpg) repeat-y right 2px center;
}

nav li.mega-box ul.sub-menu li.mega-cosmetic {
    background: url(/wp-content/themes/bayside18/img/navimg_skin.jpg) no-repeat top left,
				url(/wp-content/themes/bayside18/img/nav_fade.jpg) repeat-y right 4px center;
    width: 100%;
    margin-left: 2px;
}


nav li.mega-full ul.sub-menu li li a:hover,
nav li.mega-box ul.sub-menu li li a:hover {
    text-decoration: none;
    border-bottom: 0px;
    font-weight: bold;
    color: #00688c;
}

nav li.mega-full ul.sub-menu li li:hover,
nav li.mega-box ul.sub-menu li li:hover {
    background:transparent;
}

nav li.mega-full ul.sub-menu li li,
nav li.mega-box ul.sub-menu li li {
    padding-left:2px !important;
    line-height: 115%;
}


nav li.mega-full ul.sub-menu li a:hover,
nav li.mega-box ul.sub-menu li a:hover {
    text-decoration: none;
    border-bottom: 0px;
}

nav li.mega-full > ul.sub-menu,
nav li.mega-box > ul.sub-menu {
    padding-top: 2px;
    padding-bottom: 2px;
}

nav .no-mega ul.sub-menu li a {
    font-size: 12px;
    text-align: left;
    color: #1F1911;
    font-family: 'Open Sans';
    font-weight: 300;
    text-transform: initial;
}

nav .no-mega ul.sub-menu li a:hover {
    text-decoration:none;
    color:#00688c;
    font-weight:bold;
    border:none;
    background:transparent;
}

nav .no-mega ul.sub-menu li:hover {
    background:transparent;
}

nav .no-mega ul.sub-menu li {
    padding:5px 0px;
}

nav .no-mega ul.sub-menu {
    padding:10px 20px;
    background:url(/wp-content/themes/bayside18/img/nav_fade.jpg) right 2px #ffffff repeat-y;
    min-width:220px;
}

body.scrolling nav.navbar {
    display: block;
    position: fixed;
    top: 0px;
    background: #ffffff;
    height: 120px;
	opacity:0;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
	top:-200px;
}

body.scrolled nav.navbar {
	opacity:1;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	top:0px;
}

body.scrolling nav.navbar a.navbar-brand img {
    display: inline-block !important;
    width: 300px;
    margin: 20px;
}

body.scrolling nav.navbar a.navbar-brand {
    float: left;
}

body.scrolling nav.navbar ul.navbar-nav > li:nth-child(1) {
    display: none !important;
}

body.scrolling nav li.mega-full > ul.sub-menu {
    left: -280%;
}

body.scrolling ul.dropdown-menu.sub-menu.show {
    top: 106px;
}

p.blue-btn a:hover {
    background: #32323a;
}

p.blue-btn:hover {
    border: 2px solid #00688c;
}

p.dark-btn a:hover {
    background: #006689;
}

p.dark-btn:hover {
    border: 2px solid #32323a;
}

p.light-btn a:hover {
    background: #00688c;
}

p.light-btn:hover {
    border: 2px solid #ffffff;
}

nav .dropdown-item.active,
nav .dropdown-item:active {
    background:transparent;
}

nav.navbar li.boxed a {
    background: #00688c;
    color: #ffffff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: 2px solid #dadae4;
    padding-bottom: 7px !important;
    box-shadow: 0px 0px 0px 2px #fff !important;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

nav.navbar li.boxed a:hover {
    background: #32323a !important;
    box-shadow: 0px 0px 0px 2px #00688c !important;
    border-bottom: 2px solid #dadae4;
}

nav.navbar ul li.icon a:hover {
    border: 2px solid #00688c;
    border-radius: 100px;
    
}

nav.navbar ul li.icon a {
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top:6px;
    padding-right:20px;
    border:2px solid rgba(255,255,255,0);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

nav.navbar ul li.icon {
    padding-left:10px;
    padding-right:10px;
}

p.blue-btn .btn-primary:not([disabled]):not(.disabled).active,
p.blue-btn .btn-primary:not([disabled]):not(.disabled):active,
p.blue-btn .show>.btn-primary.dropdown-toggle {
    background:#00688c;
    box-shadow:none !important;
}

p.dark-btn .btn-primary:not([disabled]):not(.disabled).active,
p.dark-btn .btn-primary:not([disabled]):not(.disabled):active,
p.dark-btn .show>.btn-primary.dropdown-toggle {
    background:#32323a;
    box-shadow:none !important;
}

p.light-btn .btn-primary:not([disabled]):not(.disabled).active,
p.light-btn .btn-primary:not([disabled]):not(.disabled):active,
p.light-btn .show>.btn-primary.dropdown-toggle {
    background:#ffffff;
    box-shadow:none !important;
    color:#32323a;
}

body.scrolling nav.navbar ul.navbar-nav.secondary > li:nth-child(1) {
    display: block !important;
}

.articles .main-article .col-md-5 img {
    border: 2px solid white;
    box-shadow: 0px 0px 0px 2px #d0d0d0;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.association img {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
        padding: 20px;
    width: 90%;
    margin: 2.5%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    opacity:0.9;
    cursor:pointer;
}

.association img:hover {
    width: 100%;
    margin: 1% 0px 0px 0px;
    opacity:1;
    }

a.totop {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

body.scrolling nav.navbar a.navbar-brand img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

@media (max-width:1500px) {
    nav.navbar div > ul > li a {
        font-size:14px;
    }

    nav.navbar div > ul > li {
        padding:30px 20px 30px 20px;
    }
	
	nav li.mega-full > ul.sub-menu > li,
	nav li.mega-box > ul.sub-menu > li {
		padding-left:135px;
	}

	nav li.mega-full > ul.sub-menu {
		left:-106%;
	}

	body.scrolled nav li.mega-full > ul.sub-menu {
		left:-351%;
	}
	
	nav.navbar ul li.icon a {
		padding-top: 8px;
	}
}

@media (max-width:1300px) {
    body.scrolling nav.navbar a.navbar-brand img {
        width:250px;
        margin-top:27px;
    }

    nav.navbar div > ul > li a {
        font-size:14px;
    }

    nav.navbar div > ul > li {
        padding:30px 15px 30px 15px;
    }
	
	nav li.mega-full > ul.sub-menu > li,
	nav li.mega-box > ul.sub-menu > li {
		padding:20px;
		background:url('/wp-content/themes/bayside18/img/nav_fade.jpg') repeat-y right 2px center !important;
		width:24.84% !important;

	}

	nav li.mega-box ul.sub-menu li.mega-cosmetic {
		background:url('/wp-content/themes/bayside18/img/nav_fade.jpg') repeat-y right 2px center !important;
		width: 100% !important;
		padding:20px !important;
		margin-left:2px;
		height:auto;
	}

	body.scrolling nav li.mega-full > ul.sub-menu {
		width:90vw;
		left:-320% !important;
	}

	nav li.mega-full > ul.sub-menu {
		width:90vw;
		left:-104% !important;
	}
}

@media (max-width:1200px) {
	.map-overlay {
		width: 65%;
	}
}

@media (max-width:1175px) {
    body.scrolling nav.navbar a.navbar-brand img {
        width:180px;
        margin-top:34px;
    }

    nav.navbar div > ul > li {
        padding:24px 10px 24px 10px;;
    }

    nav.navbar div > ul > li a {
        font-size:13px;
    }

    nav.navbar ul li.icon {
        padding:20px 0px;
        margin-left:10px;
        margin-top:2px;
    }
	
	nav li.mega-full > ul.sub-menu > li,
	nav li.mega-box > ul.sub-menu > li {
		width:24.81% !important;
	}

	nav li.mega-full > ul.sub-menu {
		left:-109% !important;
	}

	body.scrolling nav li.mega-full > ul.sub-menu {
		left:-300% !important;
	}

	body.scrolling ul.dropdown-menu.sub-menu.show {
		top:98px;
	}
}

@media (max-width:1000px) {
    .procedures .controls a {
        width: 24%;
        display: inline-block;
        text-align: center;
    }

    .procedures .controls a svg {
        margin:0px auto 0px auto;
        display:block;
    }

    .procedures .controls a.active {
        font-size:40px !important;
    }

    .procedures .controls a:hover {
        font-size:30px;
    }

    .procedures .controls a {
        font-size:24px;
    }
	
	.dr-roach .col-md-7 img {
		max-width: 80%;
		display: block;
		position: relative;
		margin-left: auto;
		margin-bottom: -80px;
		z-index: 100;
		margin-top: -80px;
	}

	.dr-roach .container .row {
		flex-direction: column-reverse;
	}

	.dr-roach p.light-btn {
		position: relative;
		z-index: 100;
	}
	
	.map-overlay {
		display: none;
	}

	div#map {
		position: relative;
		margin-top: 0px;
		display: block;
		top: -3px;
	}
	
	.footer {
		background: #212121;
		margin-top: -5px;
	}
	
	button.navbar-toggler .navbar-toggler-icon {
		background: url('/wp-content/themes/bayside18/img/bars.svg') no-repeat center center;
		display: block;
		height: 100%;
		width: 100%;
	}

	button.navbar-toggler {
		background: #00688c;
		border-radius: 0px;
		width: 40px;
		height: 40px;
		outline: none !important;
		padding: 8px;
		border: 2px solid rgb(237, 237, 242);
		box-shadow: 0px 0px 0px 2px #414141;
		-webkit-transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		-o-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s;
		cursor: pointer;
		top: 40px;
		position: absolute;
		right: 20px;
	}

	button.navbar-toggler:hover {
		background: #414141;
		box-shadow: 0px 0px 0px 2px #00688c;
	}

	nav.navbar.navbar-expand-md {
		background: #ffffff;
        /*top:-25px;*/
        top: 0;
        height:auto;
	}

    body nav.navbar,
    body.scrolling nav.navbar {
        display: block;
        position: fixed;
        top: 0px;
        background: #ffffff;
        height: 120px;
        opacity:1 ;
        box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
        top:0;
    }
    
    body nav.navbar {
        opacity:1;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        top:0px;
    }
    
    body nav.navbar a.navbar-brand img,
    body.scrolling nav.navbar a.navbar-brand img {
        display: inline-block !important;
        width: 220px;
        margin: 20px;
    }

    body.page-template-default header,
    body.single header,
    body.search header,
    body.error404 header,
    body.blog header {
        margin-top: 100px;
    }
    

	div#navbarsExampleDefault {
		top: 60px;
		position:relative;
		margin-bottom:60px;
	}
    div#navbarsExampleDefault.show {
        height: 100vh;
        overflow-y:scroll;
    }
	nav.navbar div > ul > li a {
		font-size:24px;
		text-align:center;
		padding:10px;
	}

	nav.navbar div > ul > li {
		padding:5px;
	}

	nav.navbar ul li.icon {
		margin:auto;
	}

	nav.navbar ul li.icon a {
		font-size:15px;
	}
	f
	nav .no-mega ul.sub-menu,
	nav .mega-full ul.sub-menu,
	nav .mega-box ul.sub-menu {
		width:100%;
		border:none;
		background:#00688c;
		border-radius:0px;
		height:auto !important;
	}

	nav li.mega-full > ul.sub-menu > li,
	nav li.mega-box > ul.sub-menu > li{
		width:100% !important;
		border:none !important;
		background:#00688c !important;
		border-radius:0px;
		height:auto !important;
		margin:auto !important;
	}

	nav .no-mega ul.sub-menu a,
	nav .mega-full ul.sub-menu a,
	nav .mega-box ul.sub-menu a {
		font-size:13px !important;
		color:#FFFFFF !important;
		text-align:center !important;
		padding:0px !important;
	}

	nav .no-mega ul.sub-menu li {
		text-align:center !important;
		padding:0px !important;
	}

	nav .mega-full ul.sub-menu li,
	nav .mega-box ul.sub-menu li {
		text-align:center !important;
		padding:2px !important;
	}

	nav li.mega-full > ul.sub-menu {
		left:initial !important;
		margin:auto !important;
	}

	nav.navbar li.mega-full ul.sub-menu > li a,
	nav.navbar li.mega-box ul.sub-menu > li a {
		color:#81e4ff !important;
	}

	nav.navbar li.mega-full ul.sub-menu li ul.sub-menu li a,
	nav.navbar li.mega-box ul.sub-menu li ul.sub-menu li a {
		color:#ffffff !important;
	}

	nav li.mega-box ul.sub-menu li.mega-cosmetic {
		background:none !important;
	}

	nav li.mega-full > ul.sub-menu {
		width:100%;
		margin-top:2px !important
	}
	
	body.scrolling nav.navbar {
		height: auto;
	}

	body.scrolling nav.navbar a.navbar-brand {
		float:none;
	}

	body.scrolling ul.dropdown-menu.sub-menu.show {
		width: 100%;
	}
	
	body.scrolling div#navbarsExampleDefault {
		top: 0px;
		margin-bottom: 0px;
	}
	
	nav li.mega-full > ul.sub-menu > li {
		margin-top: 20px !important;
		margin-bottom: 10px !important;
	}
}

@media (max-width:728px) {
	.jumbotron .container h2 {
		font-size: 35px;
	}

	.jumbotron a.btn.btn-primary.btn-lg {
		font-size: 14px;
		padding: 10px 10px;
	}

	.jumbotron p.blue-btn a img {
		height: 10px;
		margin-left: 5px;
	}

	.procedures .controls a {
		width: 100%;
	}

	.procedures .controls a svg {
		display: inline-block;
	}

	.procedures p.dark-btn a {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.procedures p.dark-btn a img {
		margin-left: 5px;
		height: 10px;
	}

	.procedures p.dark-btn {
		margin-left: -10px;
	}

	.dr-roach .col-md-7 img {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

	.testimonials div.row .col {
		padding-bottom: 50px;
	}

	.testimonials div.row .col:nth-child(2) {
		padding-top: 80px;
	}

	.testimonials {
		background: -moz-linear-gradient(top, rgba(0,104,140,0) 48%, rgba(0,104,140,1) 48%);
		background: -webkit-linear-gradient(top, rgba(0,104,140,0) 48%,rgba(0,104,140,1) 48%);
		background: linear-gradient(to bottom, rgba(0,104,140,0) 48%,rgba(0,104,140,1) 48%);
	}
	
	.footer {
		height:auto;
	}
}

a.totop:hover {
    margin:-60px auto -32px auto
}

.jumbotron .container h2 a {
    color: inherit;
    text-decoration: none !important;
}

.testimonials .carousel-item .row .col h5,
.testimonials .carousel-item .row .col h6
.articles .row h5 {
    text-transform: uppercase;
}

a.footphone {
    color: inherit;
    text-decoration: none;
}

.dropdown-item {
    padding: 0px !important;
}


nav li.mega-full ul.sub-menu li li,
nav li.mega-box ul.sub-menu li li {
    line-height:95% !important;
}

nav li ul.sub-menu li a:hover,
nav li ul.sub-menu li a:hover {
    border-bottom: 2px solid rgba(255,255,255,0) !important;
}

nav a:hover {
    /*background:transparent !important;*/
}

ul.navbar-nav li.icon a {
    font-size: 0px !important;
    }

ul.navbar-nav li.icon a svg {
    font-size: 16px !important;
    margin-top:3px;
}

@media (min-width:1000px) {
    nav div.secondary {
        right: 30px;
        position: absolute;
        top: 16px !important;
    }
}

nav.inside {
    background: rgba(255,255,255,0.8);
}

body.page-template-default header,
body.single header,
body.search header,
body.error404 header,
body.blog header,
body.archive header.banner {
    height: 250px;
}
@media (min-width:768px) {
    body.page-template-default header,
    body.single header,
    body.search header,
    body.error404 header,
    body.blog header {
        height: 500px;
    }
    body.archive header.banner {
        height: 300px;
    }
}

body.page-template-default header > .container,
body.single header > .container,
body.search header > .container,
body.error404 header > .container,
body.blog header > .container,
body.archive header.banner > .container {
    vertical-align: bottom;
    height: 100%;
}

body.page-template-default header > .container > .row,
body.single header > .container > .row,
body.search header > .container > .row,
body.error404 header > .container > .row,
body.blog header > .container > .row,
body.archive header.banner > .container > .row {
    height: 100%;
}

body.page-template-default header > .container > .row > div,
body.single header > .container > .row > div,
body.search header > .container > .row > div,
body.error404 header > .container > .row > div,
body.blog header > .container > .row > div,
body.archive header.banner > .container > .row > div {
    vertical-align: bottom;
}

body.page-template-default header > .container > .row > div h1,
body.single header > .container > .row > div h1,
body.search header > .container > .row > div h1,
body.error404 header > .container > .row > div h1,
body.blog header > .container > .row > div h1,
body.archive header.banner > .container > .row > div h1 {
    position: absolute;
    bottom: 100px;
    font-size:50px;
    border-bottom:2px solid #00688c;
    padding-bottom:10px;
}

body.archive header.banner > .container > .row > div h1 {
    bottom: 20px;
}

div#breadcrumbs {
    border-top:2px solid rgba(255,255,255,1);
    border-bottom:2px solid rgba(255,255,255,1);
    background:#00688c;
    color:#ffffff;
    box-shadow:0px 2px 0px #00688c, 0px -2px 0px #00688c;
    padding-top:10px;
    padding-bottom:10px;
}

ul#breadcrumbs {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul#breadcrumbs li {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 200;
}

ul#breadcrumbs li a {
    color: #ffffff;
    border-bottom: 1px solid #b8b8c7;
    font-weight: 600;
}

ul#breadcrumbs li.current {
    font-weight: 200;
}

main#content > div.container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.editpost a.post-edit-link {
    background: #333333;
    color: #78cce9;
    font-size: 12px;
    padding: 10px 20px;
}

img.alignright {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

img.alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 > strong {
	font-weight:inherit;
}

aside#sidebar a.sidephone {
    color: #333333;
    font-family: 'Lora';
    font-size: 45px;
    text-decoration: none;
    font-weight: 300;
    text-align: center;
    width: 100%;
    display: block;
}

aside#sidebar p.blue-btn a {
    font-size: 16px;
    width: 100%;
    text-decoration: none;
}

aside#sidebar a.before_after {
    margin-top: 50px;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    color: #333333;
}

aside#sidebar a.before_after img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

aside#sidebar a.before_after h3 {
    border-bottom: 2px solid #00688c;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 30px;
}

ul#breadcrumbs li strong {
    font-weight: 200;
}

@media (max-width:1399px) {
    aside#sidebar a.sidephone {
        font-size: 40px;
    }

    aside#sidebar p.blue-btn a {
        font-size: 14px;
        padding: 15px 20px;
    }
}

@media (max-width:1199px) {
    aside#sidebar a.sidephone {
        font-size: 35px;
    }

    aside#sidebar p.blue-btn a {
        font-size: 12px;
        padding: 15px 20px;
    }
}

.overlay {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    z-index: 0;
}

body.single header > .container {
    z-index: 10;
    position: relative;
    display: block;
}

body.single header > .container > .row > div h1 {
    bottom: 160px !important;
    position: relative !important;
}

nav.inside ul.dropdown-menu.sub-menu.show {
    top: 114px;
}

body.scrolled nav.inside ul.dropdown-menu.sub-menu.show {
    top:109px;
}

.search-container.open {
    top: 0px !important;
    padding: 30px;
    border-bottom: 2px solid #ededf2;
    box-shadow: 0px 2px 0px #414141;
    height:auto;
    display:block;
    visibility:visible;
    z-index: 10000;
}

.search-container {
    display: block;
    visibility:hidden;
    z-index:0;
    position: absolute;
    height: 1px;
    background: #00688c;
    width: 100%;
    top: -100px !important;
    padding:30px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.search-container a.close-search {
    color: #ffffff;
    width: 50px;
    height:50px;
    font-size: 28px;
    text-align:center;
    padding-top:4px;
    display:inline-block;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.search-container a.close-search:hover {
    color: #414141;
    background:white;
    border-radius:100px;
}

.search-container input[type=text] {
    width: calc(100% - 160px);
    font-size: 30px;
    padding: 10px 20px;
    color: #676767;
    font-weight: lighter;
    margin-left: 30px;
    margin-right: 30px;
	outline:none !important;
}

.search-container {
    font-size: 0px;
}

.search-container input[type=submit] {
    background: url('/wp-content/themes/bayside18/img/search_icon_dark.png') no-repeat center center #ffffff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background-size:40%;
    top:-10px;
    position:relative;
    cursor:pointer;
    border:2px solid #00688c;
    box-shadow: 2px 0px 0px #414141, -2px 0px 0px #414141, 0px 2px 0px #414141, 0px -2px 0px #414141;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	outline:none !important;
}

.search-container input[type=submit]:hover {
   background: url('/wp-content/themes/bayside18/img/search_icon_dark.png') no-repeat center center #92e4ff;
   background-size:40%;
   box-shadow: 2px 0px 0px #FFFFFF, -2px 0px 0px #FFFFFF, 0px 2px 0px #FFFFFF, 0px -2px 0px #FFFFFF;
}

@media (max-width:999px) {
    .search-container input[type=text] {
        font-size: 20px;
        width: calc(100% - 120px);
        margin-left: 20px;
        margin-right: 20px;
    }

    .search-container a.close-search {
        width: 40px;
        height: 40px;
        padding-top: 5px;
        font-size: 20px;
    }

    .search-container input[type=submit] {
        width: 40px;
        height: 40px;
        background-size: 50%;
    }

    .search-container input[type=submit]:hover {
        background-size: 50%;
    }
}

body.scrolled .search-container.open {
    position: fixed;
}

ul#menu-mainmega > li > ul.sub-menu {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    display:block;
    visibility:hidden;
    opacity:0;
}

ul#menu-mainmega > li > ul.sub-menu.show {
    display:block;
    visibility:visible;
    opacity:1;
}

@media (min-width:1000px) {
    ul#menu-mainmega > li:hover > ul.sub-menu {
        display:block;
        visibility:visible;
        opacity:1;
    }
}


@media (max-width:999px) {
    ul#menu-mainmega > li > ul.sub-menu {
        height:0px !important;
        padding:0px !important;
    }

     ul#menu-mainmega > li > ul.sub-menu.show {
        height:auto !important;
        padding:20px !important;
    }
}

body.scrolled .search-container {
    position: fixed;
}

aside#sidebar div.sideVideo h3 {
    border-bottom: 2px solid #00688c;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
}

aside#sidebar div.sideVideo iframe {
    width:100%;
    height:197px;;
}

body.blog article h2 a {
    font-weight: 400 !important;
    text-decoration: none;
}

body.blog article {
    margin-bottom: 100px;
}

.testimonial strong {
    color: #00688c;
    font-size: 30px;
    display: block;
}

.testimonial p {
    font-size: 16px;
    line-height: 170%;
    margin: 0px;
}

.testimonial {
    margin-bottom: 50px;
}

/* HEADER UPDATES FOR PHONE NUMBER */
.scrolled nav.navbar a.navbar-brand {margin-right:0;}
.scrolled nav.navbar a.navbar-brand img {width:140px;}
.scrolled .navbar-nav {margin-top: 35px;}
.scrolled ul#menu-mainmega .nav-link {padding:0;}
.scrolled ul#menu-mainmega > li:nth-child(1) {display:none;}
.scrolled nav.navbar ul li.icon {margin:0 auto;padding: 8px 0 !important;}
.scrolled nav.navbar .navbar-nav > li {padding: 10px;}
.scrolled nav div.secondary {top:0 !important;}
ul#menu-mainsecondary li.nav-item:last-child .nav-link {font-size: 18px;line-height:1;font-weight: bold;padding-top: 10px;}
nav li.mega-full > ul.sub-menu > li {padding:20px 0px 25px 160px;}
nav li.mega-full ul.sub-menu li a, nav li.mega-box ul.sub-menu li a {background-color:transparent;}

a.phone {
    position: absolute;
    top: 40px;
    right: 80px;
    color: white;
    background: #00688c;
    border-radius: 0px;
    width: 40px;
    height: 40px;
    outline: none !important;
    padding: 2px 8px;
    border: 2px solid rgb(237, 237, 242);
    box-shadow: 0px 0px 0px 2px #414141;
}
a.phone:hover, a.phone:active, a.phone:focus {
    color: white;
    background: #414141;
    box-shadow: 0px 0px 0px 2px #00688c;
}

@media (min-width:1000px) {
    a.phone {
        display: none;
    }
    a[href^=tel] {
        pointer-events:none;
    }

}

@media (min-width:1200px) {
    .scrolled nav.navbar .navbar-nav > li {padding: 10px 15px; }
    ul#menu-mainsecondary li.nav-item:last-child .nav-link {font-size: 24px; padding-top:8px;}
}

@media (min-width:1400px) {
    .scrolled nav.navbar ul li.icon {padding: 11px 5px !important;}
}

@media (min-width:1600px) {
    .scrolled nav.navbar .navbar-nav > li {padding: 10px 30px;}
    .scrolled nav.navbar ul li.icon {padding: 11px 8px !important;}
}