@import "ready-started.css";


label.or-label {
	font-size: 25px;
    width: auto;
    padding: 10px 20px;
    font-weight: var(--behr-atf-500);
    font-family: var(--behr-heading-font);
}

.direct-delivery button.btn-link, .direct-delivery-not-available button.btn-link {
    text-transform: uppercase;
    font-weight: var(--behr-bold);
}

.pro-specialist .form-control{
	line-height :2.4;
}

.pro-specialist select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 14px);
}
.underline-model-heading{
    display: inline !important;
    font-weight: var(--behr-normal);
    font-size: 2rem;
    line-height: 50px;
    color: #212529;
}
#overlay-contact_rep .modal-header .modal-title strong, #overlay-contact_hub .modal-header .modal-title strong {
    display: block;
    text-align: center;
    color: #000;
}

#overlay-contact_rep .overlay-bottom, #overlay-contact_hub .overlay-bottom {
    padding: 20px 0 10px 0;
    text-align: center;
    border-top: 1px solid #ccc;
}
.header-h1 {
       margin: 0px auto !important;
       line-height: 1.1;
}
body{
	font-family: var(--behr-body-and-label-font);
    font-weight: var(--behr-normal);
}
form{
	display : contents;
}
.modal {
  overflow-y:auto;
}
.pro-specialist .ph-map {
	height: 500px;
}
.pro-specialist .special-offer .special-order-row
{
	background-color: #ebebeb;
}

div#prohub {
    background-color: #ebebeb !important;
}
.second {
    font-size: 14px;
}
.success_message-rep{
	margin: 0px auto;
}


.pro-specialist .specialist .ph-selected-store .specialist-img {
	border-radius: 15%;
	width: 92%;
}


.pro-specialist .advertisement .photo-advertisement {
    padding: 0 10%;
}

.pro-specialist .advertisement .description .pro-xtra-image img{
	width: 37%;
}

.pro-specialist .special-offer img {
	width: 44%;
}

.pro-specialist .advertisement .description .save-discount-image {
	width: 85%;
}

.pro-specialist .ph-search-form .description {
	padding: 0% 12%;
}

.pro-specialist .ph-search-form .find-store-form {
	padding: 0% 22%;
}

#overlay-contact_hub .form-message_box,
#overlay-contact_rep .form-message_box {
    display: none;
    padding: 0px !important;
    margin-top: 12px;
    width: auto;
    font-size: 13px;
    line-height: 21px;
}

#prohub-modal a,
#prorep-modal a {
	font-size: 100%;
}

#prohub-modal #ph-generic-modal .footer-modal,
#prorep-modal #ph-generic-modal .footer-modal {
	background-color: #f0f0f0;
}

#prohub-modal #ph-generic-modal .footer-end ,
#prorep-modal #ph-generic-modal .footer-end{
	background-color: #606060;
}

#prohub-modal #ph-generic-modal,
#prorep-modal #ph-generic-modal {
	font-size: 65%;
}

@media (max-width: 766px){
	
	.pro-specialist .specialist .summary,
	.pro-specialist .specialist .description	{
		background-color: #ebebeb;
	}

	.pro-specialist .specialist .ph-selected-store .specialist-img {
		object-fit: contain;
		width: 109%;
	}
	
	.pro-specialist .ph-search-form .find-store-form {
		padding: 0% 12%;
	}
}

@media (min-width: 767px){
	#prohub-modal,
	#prorep-modal {
		top: 12%;
	}
	
	#prohub-modal #ph-generic-modal,
	#prorep-modal #ph-generic-modal {
		max-width: 66%;
		font-size: 73%;
	}
}

@media (min-width: 1200px){
	#prohub-modal #ph-generic-modal,
	#prorep-modal #ph-generic-modal {
		max-width: 41%;
		font-size: 73%;
	}
}


/* Same day next day delivery*/

.free-same-day h5 {
    margin-top: -15px;
}
@media (min-width: 991px) {

#prohub-modal .grey-bg {
   background-color: #D8D8D833 !important;
}
#prohub-modal .direct-delivery .find-store {
    margin-top: 20% !important;
}

#prohub-modal .modal-content {
    width: 108%;
}


}

@media (max-width: 991px) {

div#ph-map {

	margin-left: -9px;
}
#prohub-modal homedepot-logo img {
    width: 150%;
}
}

#prohub-modal homedepot-logo img {
    width: 250%;
}

.same-day-title {

font-weight: var(--behr-bold);
font-size: 44px;
line-height: 52px;
/* identical to box height, or 118% */
color: #212529;
}

.same-day-subtitle {

font-weight: var(--behr-bold);
font-size: 32px;
line-height: 52px;
color: #212529;
}

.ph-selected-store .btn {
    padding: 9px 10px !important;
}
.pro-specialist .specialist .summary {
	font-size: 30px;
    line-height: 35px;
}

.same-day { 
font-weight: var(--behr-normal);
font-size: 14px;
line-height: 32px;
}


#prorep-modal .pro-paint-info {
    padding-bottom: -8px;
    margin-bottom: -23px;
    background-color: white;
}


.store-detail {
	font-size: 13px;
}

.find-store {
		font-size: 14px;
}

.overlay-contact_hub p.underline-model-heading {
    line-height: 58px;
}
.overlay-contact_rep p.underline-model-heading {
    line-height: 58px;
}
.call-details,.pro-hub-specialist,.limitations {
font-size: 13px;

}

.call-detail-ul {
	padding-left: 10px;
}

.pro_specialist_section .pro-specialist-loading {
    font-weight: var(--behr-normal);
    font-size: 22px;
    line-height: 32px;
}

@media screen and (max-width: 992px) {
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 44px;
        line-height: 52px;
    }
    .pro-specialist .specialist .summary-mobile,
    .ph-modal-open .modal-body .description,
    .ph-modal-open .modal-body .meet-specialist {
        font-size: 24px;
        font-weight: var(--behr-normal);
        line-height: 35px;
    }
}

@media screen and (min-width: 281px) and (max-width: 409px) {
    .resize_281_286 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 287px) and (max-width: 409px) {
    .resize_287_303 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 307px) and (max-width: 409px) {
    .resize_307_319 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 320px) and (max-width: 409px) {
    .resize_320_339 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 340px) and (max-width: 409px) {
    .resize_340_356 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 357px) and (max-width: 409px) {
    .resize_357_376 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
} 

@media screen and (min-width: 377px) and (max-width: 409px) {
    .resize_377_392 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
} 

@media screen and (min-width: 393px) and (max-width: 409px) {
    .resize_393_409 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 958px) and (max-width: 991px) {
    .resize_958_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 925px) and (max-width: 991px) {
    .resize_925_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 893px) and (max-width: 991px) {
    .resize_893_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 860px) and (max-width: 991px) {
    .resize_860_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 835px) and (max-width: 991px) {
    .resize_835_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 792px) and (max-width: 991px) {
    .resize_792_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .resize_768_991 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
}

@media screen and (max-width: 409px) {
    #prohub .title .specialist .ph-selected-store .summary .ph-selected-store-img .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 481px) {
    .pro_specialist_section .pro-specialist-loading {
        font-size: 4vw;
    }
}

@media screen and (max-width: 519px) {
    .pro-specialist .specialist .summary-mobile,
    .ph-modal-open .modal-body .meet-specialist {
        font-size: 5vw;
        line-height: 6vw;
    }
    
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 7vw;
        line-height: 9vw;
    }
}

@media screen and (min-width: 992px) {
    .pro-specialist .specialist .summary-mobile {
	font-size: 30px;
    line-height: 35px;
}
}
#prohub .col-12.font-weight-bold.py-3 {
    font-size: 16px;
    line-height: 1.5;
    color: #212529;
}
#prohub .form-control {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight:var(--behr-bold);
}
#prohub .form-control::placeholder {
    color:#000;
    font-weight:var(--behr-bold);
}
#prohub .state-help {
    font-weight: var(--behr-normal);
}
#prohub h4 sup {
    top: -0.4rem;
}
/*@media screen and (max-width: 500px) {
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 11vw;
        line-height: 11vw;
    }
}

@media screen and (max-width: 397px) {
    .pro-specialist .specialist .summary-mobile,
    .ph-modal-open .modal-body .meet-specialist {
        font-size: 4vw;
        line-height: 8vw;
    }
}

@media screen and (max-width: 274px) {
    .pro-specialist .specialist .summary-mobile,
    .ph-modal-open .modal-body .meet-specialist {
        font-size: 3vw;
        line-height: 7vw;
    }
}

@media screen and (max-width: 299px) {
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 10vw;
    }
}

@media screen and (max-width: 249px) {
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 9vw;
    }
}

@media screen and (max-width: 213px) {
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 8vw;
    }
}

@media screen and (max-width: 186px) {
    .pro-specialist .specialist .free-same-day .title,
    .ph-modal-open .modal-body .modal-title {
        font-size: 7vw;
    }
}*/