/* This stylesheet is used to style the individual pages */
p{
line-height: 20px;
padding: 8px 0px 8px 0px;
}

.spacer-10{width: 100%; height: 10px;}
.spacer-20{width: 100%; height: 20px;}
.spacer-30{width: 100%; height: 30px;}
.spacer-40{width: 100%; height: 40px;}

.page-title-holder{

}
.page-title{
padding: 60px 10px;
font-family: 'Raleway', 'Rotobo', Arial;
font-size: 2.4em;
font-weight: normal;
color: #fafafa;
text-transform: none;
text-align: center;
background-color: #006276;
}
.page-title-home{
padding: 60px 10px;
font-family: 'Raleway', 'Rotobo', Arial;
font-size: 2.4em;
font-weight: normal;
color: #006276;
text-transform: none;
text-align: center;
}


/* Images inside pages */

.show-mobile{
float: none;
display: none;
visibility:hidden;	
}

.hide-mobile{
display: inherit;
visibility: visible;
}
.side-image{
height: auto;
margin: 0px auto;
margin-bottom: 30px;
/*padding: 4px;
border: #ebebeb 1px solid;
*/
}




.in-page{

}
.in-page h2,
.in-page h3,
.in-page h4,
.in-page h5,
.in-page h6
.in-page h4{
color: #3056a1;
}
.in-page h4{
padding: 14px 0px 0px 0px;
font-size: 1.4em;
font-weight: 500;
}
.in-page h5{
font-size: 1.4em;
}
.in-page-all{
padding: 30px 0px;
}

.in-page h3{
padding: 14px;
font-size: 1.5em;
font-weight: 500;
}

.in-page h3 a:link,
.in-page h3 a:active,
.in-page h3 a:visited,
.in-page h3 a:hover{
color: #3056a1;
}
.in-page1000{
width: 1000px;
margin: 0px auto;
}
.in-page1200{
width: 1200px;
margin: 0px auto;
}


/* ========= ALL PAGES ==== */

.bullets{
padding: 0px 0px 0px 20px;
margin: 10px 0px 0px 0px;
}
.bullets li{
list-style: square;
padding: 0;
margin: 4px 0px 4px 0px;
}

.side-form{
width: 90%;
padding: 14px;
margin: 0px auto;
margin-bottom: 30px;
border-radius: 20px;
border: #ebebeb 1px solid;
}
.side-form h4{
margin-bottom: 14px;
}
.side-form input{
margin-bottom: 10px;
}
.side-message{
font-family: Open Sans, Arial;
font-size: 22pt;
font-weight:normal;
color: #000000;
text-align:center;
line-height: 30pt;
}


.close{
display: none;
}

.success{
padding: 14px;
background-color: #adebb3;
color: #ffffff;
border-radius: 8px;
}
.successs h4{
color: #f7c530;
}

.error{
padding: 14px;
background-color: #c2c2c2;
color: red;
border-radius: 8px;
}




.side-h4{
margin-bottom: 30px;
font-family: Rotobo, Arial;
font-size: 2em;
font-weight: normal;
color: #2c95e3;
text-align: center;
}




/* Buttons */

.hover-bright:hover{
filter: brightness(120%);
}
/*
.generic-button{
display: table;
text-align: center;
width: 100%;
padding: 8px 0px;
text-transform: uppercase;
border-radius: 0px;
border: none;
font-family: 'Roboto', Arial;
font-size: 1.1em;
}
*/
.generic-button {
    display: inline-block;
    text-align: center;
    width: auto; /* Adjusts to the width of its content */
    padding: 8px 0;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    font-family: 'Roboto', Arial;
    font-size: 1.1em;
}


.generic-button:hover{
/*box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);*/
 filter: brightness(120%);
}
.generic-button-yellow{
color: #000000;
background-color: #f7c530;
}
.generic-button-white{
color: #000000;
background-color: #fffffff;
}
.generic-button-red{
color: #ffffff;
background-color: #f30020;
border: #ffffff 2px solid;
}
.generic-button-blue{
padding: 14px 10px;
color: #ffffff;
background-color: #107fc6;
border-radius: 10px;
}
.generic-button-green{
padding: 14px 10px;
color: #000000;
background-color: #006276;
border-radius: 10px;
}


.generic-button a:link,
.generic-button a:active,
.generic-button a:visited,
.generic-button a:hover{
font-size: inherit !important;
color: inherit !important;
text-decoration: none !important;
}

.generic-button-blue a:link,
.generic-button-blue a:active,
.generic-button-blue a:visited,
.generic-button-blue a:hover{
font-size: 1.1em;
color: #ffffff!important;
text-decoration: none !important;
}

.generic-button-centered{
margin: 0px auto;
}


.top-image{
with: 100%;
height: 300px;
background-size: cover;
background-position: center;
}



.in-page .side-contact-holder{
width: 80%;
display: block;
padding: 14px;
margin: 0px auto;
background-color: rgba(48,86,161,1);
/** background-color: #2b559f */
}

.services-smiling-lady-holder{
padding: 40px 0px;
}


.padding30{
padding: 30px 0px;
}
.padding40{
padding: 40px 0px;
}
.padding60{
padding: 60px 0px;
}
.padding80{
padding: 80px 0px;
}


.top-image{
width: 100%;
max-height: 200px;
background-size: cover;
background-position: center;
}


/* ====================== HOME PAGE ================= */

.hidden-image{
visibility: hidden;
}

.home-insert-holder{
position: relative;
width: 100%;
height: 470px;
overflow: hidden;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.home-insert-holder #background-video{
position: absolute;
top:-260px;
left:0;
z-index: 100;
}

.home-insert-holder:before{
position: absolute;
content:" ";
top:0;
left:0;
width:100%;
height:100%;
z-index: 200;
/*background-color: rgba(109,193,228,0.2);*/
}

.contact-popup-button{
display: none;
}

.home-insert{
position: relative;
width: 1100px;
margin: 0px auto;
z-index: 800;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}

.home-insert .side-contact-holder{
width: 280px;
display: block;
padding: 14px;
background-color: rgba(48,86,161,0.8);
/** background-color: #2b559f */
}

.home-insert .side-contact{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}





.home-insert .message{
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
padding: 40px 0px 0px 0px;
margin-left: 40px;
text-align: center;
font-family: Paytone One, Roboto, Arial;
color: #f7c530;
font-size: 2.8em;
}
.home-insert .message span{
text-transform: uppercase;
color: #2b559f;
font-size: 1.6em;

}


.page-title-home{
padding: 30px 0px 30px 0px;
font-family: Rotobo, Arial;
font-size: 2.8em;
font-weight: normal;
color: #3056a1;
text-transform: none;
text-align: center;
}
.page-title-home span{
padding: -10px 0px 0px 0px;
margin: -10px 0px 0px 0px;
font-size: 0.5em;
}


.home-tabs{
display: flex;
justify-content: center;
}
.home-tabs ul{
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 40px;
}
.home-tabs ul li{
position: relative;
list-style: none;
max-width: 300px;
}
.home-tabs ul li img{
width: 100%;
height: auto;
}
.home-tabs ul li h4{
padding: 14px 8px;
background-color: #107fc7;
font-size: 1.4em;
color: #ffffff;
text-align: center;
}
.home-tabs ul li h4 a:link,
.home-tabs ul li h4 a:active,
.home-tabs ul li h4 a:visited,
.home-tabs ul li h4 a:hover{
color: #ffffff;
}
.home-tabs ul li h4 a:hover{
color: #ffffff;
text-decoration: underline;
}
.home-tabs ul li h5{
display: block;
padding: 8px 20px;
margin: 0px auto;
background-color: #107fc7;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
font-size: 1.1em;
color: #ffffff;
text-align: center;
}
.home-tabs ul li h5 a:link,
.home-tabs ul li h5 a:active,
.home-tabs ul li h5 a:visited,
.home-tabs ul li h5 a:hover{
color: #ffffff;
}
.home-tabs ul li h5 a:hover{
color: #ffffff;
}

.home-need-help{
width: 100%;
padding: 60px 0px;
background-image: url('https://2025.seabreezeairconditioning.net/wp-content/uploads/2025/02/top-installs.jpg');
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
}


.service-highlights{
padding: 40px 0px 30px 0px;
margin-bottom: 30px;
border-top: #ebebeb 10px solid;
/* border-bottom: #ebebeb 1px solid; */
}
.service-highlights h2{
margin-bottom: 30px;
font-size: 2em;
color: #3056a1;
text-transform: uppercase;
text-align: center;
}
.service-highlights ul{
width: 1200px;
margin: 0px auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.service-highlights ul li{
list-style: none;
}
.service-highlights ul li img{
display: block;
width: 130px;
height: auto;
margin: 0px auto;
margin-bottom: 14px;
}
.service-highlights ul li h4{
font-size: 1.2em;
color: #3056a1;
text-align: center;
text-transform: uppercase;
}
.service-highlights ul li h4 a:link,
.service-highlights ul li h4 a:active,
.service-highlights ul li h4 a:visited,
.service-highlights ul li h4 a:hover{

}




.emergency-tooth-holder{
width: 100%;
padding: 14px 0px;
margin: 0px 0px 40px 0px;
background-color: #f30020;
display: flex;
justify-content: center;
flex-grow: 0;
}
.emergency-tooth{
position: relative;
margin: 0px auto;display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
gap: 40px;
}
.emergency-tooth img{
position: absolute;
display: block;
width: 120px;
height: auto;
top: -20px;
left: 40px;
}
.emergency-tooth h4{
padding: 0;
margin: 0;
font-size: 2em;
color: #ffffff;
text-transform: uppercase;
}
.emergency-tooth button{
width: auto;
padding: 10px 28px;
}


.home-locations{
padding-bottom: 30px;
border-bottom: #ebebeb 1px solid;
}
.home-locations h2{
padding: 30px 0px;
font-size: 2em;
color: #3056a1;
text-align: center;
text-transform: uppercase;
}
.home-locations .col-md-6{
position: relative;
padding: 20px;
}
.home-locations .col-md-6:first-of-type{
border-right: #ebebeb 1px solid;
}
.home-locations .col-md-6 img{
position: absolute;
display: block;
right: 20px;
top: 74px;
}
.home-locations .col-md-6 h4{
margin-bottom: 20px;
font-size: 1.1em;
text-align: center;
}
.home-locations .col-md-6 p:last-of-type{
margin-bottom: 20px;
}
.home-locations button{
width: auto;
padding: 10px 28px;
margin: auto;
}


.smiling-lady-holder{
background: linear-gradient(180deg, #ffffff 50%, #891589 50%);
}
.smiling-lady{
width: 1200px;
padding: 30px 0px 0px 0px;
margin: 0px auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-end;
}
.smiling-lady #smiling-lady-image{
width: 400px;
height: auto;
margin-right: 60px;
}
.sl-logo{
padding: 0px 0px 20px 0px;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.sl-logo img{
width: 300px;
height: auto;
margin-bottom: 20px;
}



@media(max-width: 480px){

}
@media(max-width: 1396px){

}




/* ====================== ABOUT PAGE ================= */

.about-message{
margin-bottom: 30px;
text-align: center;
}

/* ====================== OVERDENTURES ===================== */
.overdentures-steps{
padding: 0;
}
.overdentures-steps li{
padding: 4px 0px;
margin-bottom: 10px;
list-style: none;
font-size: 1.2em;
}
.overdentures-steps li span{
fonts-size: 2em;
font-weight: 700;
}


/* ===================== EMERGENCY DENTAL ============= */

.emergency-message{
width: 80%;
margin: 0px auto;
margin-bottom: 30px;
font-size: 2em;
color: #f30020 !important;
}
.emergency-message span{
color: #3056a1;
}
.emergency-list{
padding: 40px 0px;
margin-bottom: 40px;
background-color: #f8f8f8;
}
.emergency-list h3{
margin-bottom: 30px;
font-size: 1.8em;
color: #3056a1;
text-align: center;
}
.emergency-list ul{
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 60px;
align-items: stretch;
align-content: center;
}
.emergency-list ul li{
display: flex;
flex: 1 0 21%; 
flex-flow: column;
justify-content: flex-start;
gap: 20px;
align-content: flex-start;
list-style: none;
font-size: 1.7em;
text-align: center;
color: #000000;
}
.emergency-list ul li span{
font-size: 3em;
color: #b29539;
}


/* ===================== COSMETIC ===================== */
.cosmetic-message{
padding: 20px 0px;
margin-bottom: 30px;
font-size: 1.8em;
}


/* ==================== PAYMENT ======================= */
.payment-choice{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
}

.payment-choice li{
list-style: none;
padding: 20px 30px;
margin-bottom: 40px;
background-color: #b29539;
font-size: 1.6em;
color: #ffffff;
}
.payment-choice li:hover{
filter: brightness(120%);
}
.payment-choice li a:link,
.payment-choice li a:active,
.payment-choice li a:visited,
.payment-choice li a:hover{
font-size: inherit;
color: inherit;
text-decoration: none;
}

/* ===================== CONTACT PAGE ================= */

.main-contact{
width: 85%;
margin: 0px auto;
margin-bottom: 30px;
}
.main-contact, .message-success{

}

.main-contact input{
margin-bottom: 14px;
}


.main-contact textarea{
height: 80px;
margin-bottom: 30px;
}

.message-success{
padding: 10px;
text-align: center;
}


.side-contact-holder{
width: 90%;
max-width: 400px;
display: block;
padding: 14px;
margin: 0px auto;
background-color: #107fc6;
/** background-color: #2b559f */
}
.side-contact{
width: 100%;
}
.side-contact h3{
font-family: Arial;
font-size: 1.8em;
color: #f7c530;
text-transform: uppercase;
text-align: center;
}
.side-contact h4{
margin-bottom: 14px;
font-family: Arial;
font-size: 2em;
color: #ffffff;
text-align: center;
}
.side-contact h4 a:link,
.side-contact h4 a:active,
.side-contact h4 a:visited,
.side-contact h4 a:hover{
color: #ffffff;
}
.side-contact input,
.side-contact select,
.side-contact textarea{
width: 100%;
display: block;
padding: 8px 4px;
margin-bottom: 8px;
border-radius: 0px;
}
.side-contact button{
display: table;
text-align: center;
width: 100%;
padding: 8px 0px;
color: #000000;
background-color: #f7c530;
text-transform: uppercase;
border-radius: 0px;
border: none;
font-size: 1.1em;
}
.side-contact button:hover{
box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

.referral-contact{

}
.referral-form-holder{
width: 90%;
padding: 30px;
margin: 0px auto;
color: #ffffff;
display: block;

background-color: #107fc6;
/** background-color: #2b559f */
}
.referral-form-holder h3{
color: #000000;
}
.referral-form-holder .row .col-md-6{
margin-bottom: 30px;
}

.main-contact-holder{
width: 80%;
padding: 30px;
margin: 0px auto;
color: #000000;
display: block;
background-color: #fafafa;
/** background-color: #2b559f */
}
.main-contact-holder input,
.main-contact-holder select,
.main-contact-holder textarea{
margin-bottom: 20px;
}





.generic-spinner{
width: 56px;
height: 56px;
margin: 0px auto;
border-radius: 50%;
border: 9px solid;
border-color: #dbdcef;
border-right-color: #006276;
animation: spinner-d3wgkg 1s infinite linear;
}