/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

[id^="profile-modal"] .modal-dialog{
   margin: 0;
    position: absolute;
    right: 0;
    border-radius: 0;
        height: 100%;
}
[id^="profile-modal"] .modal-content{
        border-radius: 0;
    border: none;
    height: 100%;
}
[id^="profile-modal"] .modal-body{
    padding: 0;
    background-color: #fff;
}
[id^="profile-modal"] .modal-body img{
    max-width: 100%;
}
[id^="profile-modal"] .modal-body .info{
    padding: 40px 50px;
}
[id^="profile-modal"] .modal-body h2{
    color: #02528a;
    font-size: 14px;
    font-weight: 500 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}
[id^="profile-modal"] .modal-body h3{
    color: #c8b17e;
}
[id^="profile-modal"] .modal-header{
    border:none;
    background-color: #c8b17a;
    border-radius: 0;
    min-height: 55px;
}
[id^="profile-modal"] .modal-header .close{
    font-family: 'Montserrat', sans-serif !important;
    color: #1b2e52;
    text-shadow: none;
    opacity: 1;
    font-size: 1rem;
    position: relative;
    padding-right: 25px;
    top: -5px;
}
[id^="profile-modal"] .modal-header .close .x{
    font-size: 28px;
    position: relative;
    top: 4px;
}

.pagination .hexagon-bg::before {
	left: initial !important; 
}

.interior ul.thumbnails li::before {
   content: none !important;	
}

.slick-dots li::before {
    content: none !important;
}

.float-left {width:auto !important;}
.float-right {width:auto !important;}
.float-none {width:auto !important;}
.float-sm-left {width:auto !important;}
.float-sm-right {width:auto !important;}
.float-sm-none {width:auto !important;}
.float-md-left {width:auto !important;}
.float-md-right {width:auto !important;}
.float-md-none {width:auto !important;}
.float-lg-left {width:auto !important;}
.float-lg-right {width:auto !important;}
.float-lg-none {width:auto !important;}
.float-xl-left {width:auto !important;}
.float-xl-right {width:auto !important;}
.float-xl-none {width:auto !important;}

@media (max-width: 380px) {
	[id^="profile-modal"] .modal-body img{
    max-height: 250px;
}
}