/*header Started*/

.mainheader .e--pointer-framed .elementor-item:before {
    border-radius:50px;
}
  .mainheader .sub-menu {
    background: url(https://poolblueprint.ropstam.dev/wp-content/uploads/2026/05/Frame-2147227667-1.png);
    background-size: 100% 100% !important;
    border: 1px solid #444444;
    background-position: center center !important;
    border-radius: 13px;
        background-color: #232222;
    backdrop-filter: blur(87px);
}

.mainheader .sub-menu.elementor-nav-menu--dropdown a {
    align-items: center;
    display: flex;
    justify-content: center;
    align-content: center;
}
.mainheader.elementor-sticky--active {
    background: #000000a1;
    backdrop-filter: blur(5px);
    box-shadow: 0px 12px 10px -8px rgba(17.84696684234281, 17.84696684234281, 17.84696684234281, 0.5) !important;
}
.bgfull{
	background-size:100% 100% !important; 
}
.bgblur{
    backdrop-filter: blur(5px);
}

/*header ended*/

/*ai form styling*/
p.gform_required_legend {
    display: none;
}
.aipp-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.aipp-form-wrapper {
    box-shadow: none !important;
    border: 0px !important;
        padding: 10px;
}
.aipp-form-container {
    padding: 0px;
    box-shadow: none !important;
    border: 0px !important;
}
.ai-pool-planner-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
}
button.aipp-toggle-btn  {
    background: #F6F6F6 !important;
    color: #121212 !important;
    display: flex !important;
    border: 0px;
    box-shadow: none !important;
    padding: 13px 17px;
    border-radius: 7px !important;
}
 button.aipp-tab-btn {
    background: #F6F6F6 !important;
    color: #797979 !important;
    display: flex !important;
    border: 0px;
    box-shadow: none !important;
    padding: 13px 17px;
    border-radius: 7px !important;
        width: 47%;
}

button.aipp-toggle-btn:hover, button.aipp-toggle-btn.aipp-toggle-active, button.aipp-tab-btn:hover, button.aipp-tab-btn.aipp-tab-active {
    background: #2E84C6 !important;
    color: white !important;
    
}

 button.aipp-tab-btn svg path {
    stroke: #797979 !important;
}
.aipp-toggle-btn svg path {
    stroke: #121212 !important;
}
button.aipp-toggle-btn.aipp-toggle-active svg path, .aipp-toggle-btn:hover svg path {
    stroke: white !important;
}
button.aipp-tab-btn.aipp-tab-active svg path, button.aipp-tab-btn:hover svg path {
    stroke: #ffffff !important;
}
button.aipp-chip {
         background: #2563EB1A !important;
    border-radius: 50px !important;
    border: 0px !important;
    color: #2563EB !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    padding: 10px 26px !important;
    font-family: "Sofia pro" !important;
    text-wrap: auto;
}
form#pool-design-form textarea::placeholder, form#pool-design-form input::placeholder { 
     color: #D7D7D7; 
}
textarea#edit-prompt, textarea#edit-prompt, form#pool-design-form textarea, form#pool-design-form input {
    border: 1px solid #D7D7D7 !important;
    border-radius: 7px !important;
     color: #121212;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 20px;
    padding: 10px 26px;
    font-family: "Sofia pro" !important;
}
.aipp-form-group label, p.aipp-suggestions-label, p.aipp-style-label {
    color: #212121;
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 28px;
    font-family: "Sofia pro" !important;
}
p.aipp-helper-text, p.aipp-submit-hint {
    color: #797979 !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 22px;
    font-family: "Sofia pro" !important;
    text-align: left;
}
.aipp-style-cards {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-content: center !important;
}
.aipp-style-card .style-name {
    color: #212121 !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 22px;
    font-family: "Sofia pro" !important;
}
span.style-desc {
    color: #797979 !important;
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 20px;
    font-family: "Sofia pro" !important;
    text-wrap: auto;
}
button.aipp-style-card {
   display: flex;
    align-content: center;
    justify-content: center;
    padding: 10px 10px;
    width: 23%;
    color: #797979 !important;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 22px;
    font-family: "Sofia pro" !important;
    background: white !important;
    border: 1px solid #D7D7D7 !important;
    border-radius: 7px !important;
    min-height: 100px;
}
button.aipp-style-card:hover, button.aipp-style-card.aipp-style-active {
    background: #2E84C6 !important;
}
button.aipp-style-card:hover .style-name, button.aipp-style-card:hover span.style-desc, button.aipp-style-card.aipp-style-active .style-name, button.aipp-style-card.aipp-style-active span.style-desc{
     color: #ffffff !important;
}
button#submit-image-edit-form, button#submit-pool-form {
    width: 100%;
    border: 0px !important;
    border-radius: 7px;
    padding: 14px 13px;
        text-wrap: auto;
}
button#submit-image-edit-form:hover, button#submit-pool-form:hover {
    background: #121212 !important;
}
#image-edit-form h2 {
    color: #121212 !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 41px;
    font-family: "Cormorant Garamond" !important;
}
/*ai form styling end*/

/* calculator pricig */

.cpf-shortcode-shell .cpf-comparison h3, .cpf-shortcode-shell .cpf-field label {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #212121 !important;
}
.cpf-shortcode-shell .cpf-field input[type="text"], .cpf-shortcode-shell .cpf-field input[type="email"], .cpf-shortcode-shell .cpf-field select{
	 font-size: 16px;
    font-weight: 400 !important;
    line-height: 20px;
    color: #D7D7D7;
        border: 2px solid #E2E8F0;
        outline: none !important;
}
.cpf-shortcode-shell .cpf-field input::placeholder{
	 font-size: 16px;
    font-weight: 400 !important;
    line-height: 20px;
    color: #D7D7D7; 
}
.cpf-shortcode-shell .cpf-note{
	 font-size: 16px;
     margin: 20px auto 10px !important;
    font-weight: 400;
    line-height: 25px;
    color: #797979 !important;
}
.cpf-shortcode-shell .cpf-price-card strong {
    color: #212121;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.cpf-shortcode-shell .cpf-card-owner strong,
.cpf-shortcode-shell .cpf-card-owner span,
.cpf-shortcode-shell .cpf-card-savings strong,
.cpf-shortcode-shell .cpf-card-savings span,
.cpf-shortcode-shell .cpf-card-savings small {
	 color: #212121;
}
.cpf-shortcode-shell .cpf-price-card span {
    color: #2E84C6;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.cpf-shortcode-shell .cpf-price-card small {
    color: #797979;
    font-size: 16px;
    line-height: 20px !important;
    font-weight: 300 !important;
}
.cpf-shortcode-shell .cpf-message.is-error {
    color: #b42318;
    font-size: 14px;
    font-weight: 400 !important;
}
.blogexcerteset{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.blogtitleset h2{
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

/* calculator pricig end */

/* HOME PAGE*/

.categorieset span {
    width: auto;
    max-width: auto;
    background-color: var(--e-global-color-6042909);
    padding: 5px 30px 5px 30px;
    border-radius: 50px 50px 50px 50px;
}
.e-n-accordion-item[open] {
    background: #F6F6F6;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
}
.e-n-accordion-item {
    border: 1px solid #EAEAEA;
    border-radius: 20px;
}
.e-n-accordion-item[open] .e-n-accordion-item-title-text {
    font-weight: 600 !important;
}
.portfoliogallery .elementor-gallery__titles-container:not(.e--pointer-framed) .elementor-item:before, .portfoliogallery a.elementor-item.elementor-gallery-title.elementor-item.elementor-item-active:before
 
 {
    border-radius: 14px !important;
}

.portfoliogallery .elementor-gallery__titles-container.e--pointer-background.e--animation-fade {
    background: #F6F6F6;
    width: 39%;
    margin: 0px auto 45px auto !important;
    padding: 10px;
    border-radius: 12px;
        z-index: 10;
    position: relative;
}
/*HOME PAGE END*/


/*Blog page*/

.page-numbers:hover, .page-numbers.current {
    background: #2e84c6 !important;
    padding: 6px 15px;
    border-radius: 6px;
}
a.page-numbers {
    background: #dedede !important;
    padding: 6px 15px;
    border-radius: 6px;
}
.single-post h4 {
    color: #212121 !important;
}

/*Blog pageEND*/

/*gravity from*/
.comparison-wrapper{
    display:flex;
    gap:16px;
    width:100%;
    flex-wrap:wrap;
}
.comparison-card h3 {
    font-size: 18px !important;
       color: #212121 !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}
.comparison-card {
    flex: 1;
    min-width: 250px;
    border: 1px solid #D7D7D7;
    border-radius: 7px;
    padding: 28px 20px;
    text-align: center;
    background: #fff;
}
 
.comparison-card .price{
    color:#2E84C6;
    font-size:18px;
    font-weight:600;
    line-height: 20px;
    margin-bottom:16px;
}

.comparison-card p{
    color:#797979;
    font-size:16px;
     font-weight:400;
    line-height: 20px;
    line-height:1.5;
    margin:0;
}
div#gform_1_validation_container {
    display: none;
}
.validation_message, .gfield_validation_message {
    background: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    font-size: 12px !important;
}

@media(max-width:1442px) and (min-width:1242px){

.portfoliogallery .elementor-gallery__titles-container.e--pointer-background.e--animation-fade {
    
    width: 50%;
}
button.aipp-style-card {
    
    padding: 10px 10px;
    width: 48%;
}
}
@media(max-width:1241px) and (min-width:769px){

.portfoliogallery .elementor-gallery__titles-container.e--pointer-background.e--animation-fade {
    
    width: 100%;
}

}

/* Mobile */
@media(max-width:767px){


button.aipp-tab-btn svg {
    width: 20%;
}
button.aipp-chip { 
    font-size: 12px !important; 
    line-height: 15px !important;
    }
    textarea#edit-prompt, textarea#edit-prompt, form#pool-design-form textarea, form#pool-design-form input {
     
    font-size: 14px; 
    line-height: 16px;
}
#image-edit-form h2 { 
    font-size: 22px !important; 
    line-height: 27px;
   
}
button#submit-image-edit-form, button#submit-pool-form {
   
    border-radius: 14px !important;
    
}
    button.aipp-tab-btn { 
    flex-wrap: wrap;
}
    button.aipp-tab-btn {
    
    width: 100%;
}
div#ai-pool-planner, .aipp-form-wrapper {
   
    padding: 0;
}
    .aipp-tabs-nav {
    display: flex; 
    gap: 20px; 
    flex-wrap: wrap;
    justify-content: center;
}
.aipp-style-cards button { 
    width: 100%;
}
.aipp-tabs-nav button {
   
    font-size: 16px !important;
     
}
.aipp-input-toggle button {
    
    font-size: 14px !important;
     
}
.cpf-shortcode-shell .cpf-submit { 
    text-wrap: auto  !important;
}
    .cpf-shortcode-shell .cpf-comparison {
        padding: 3px 0px !important;
    }
    .cpf-shortcode-shell .cpf-comparison h3 {
        font-size: 19px !important;
    }
    .comparison-wrapper{
        flex-direction:column;
    }

    .comparison-card h3{
        font-size:24px;
    }

    .comparison-card .price{
        font-size:22px;
    }

    .comparison-card p{
        font-size:18px !important;
    }

}
.gform-field-label {
    font-family: "Sofia pro";
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #212121 !important;
}
.gfield select, .gfield textarea, .gfield input {
    border: 2px solid #E2E8F0 !important;
    padding: 10px 10px !important;
    border-radius: 6px !important;
    color: #D7D7D7 !important;
    font-family: "Sofia pro" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    outline: none !important;
}
.gfield textarea::placeholder, .gfield input::placeholder { 
    color: #D7D7D7 !important;
    font-family: "Sofia pro" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}
.ginput_container.ginput_container_radio label {
    color: #797979 !important;
    font-family: "Sofia pro";
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
        max-width: calc(100% - 0px) !important;
}
input#gform_submit_button_2, input#gform_submit_button_1 {
    font-family: "Sofia pro";
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #FFFFFF !important;
    border: 0px;
    padding: 14px 17px;
    width: 100%;
    border-radius: 12px;
        text-wrap: auto;
}
.gfield_radio {
    display: flex;
        flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.gfield_radio .gchoice {
    display: inline-flex;
    align-items: center;
    width: auto;
    margin: 0;
    gap: 5px;
}

/*gravity form end*/

/*media query started*/
@media (min-width: 1024px) {

.menu-item-1726 {
    display: none !important;
}

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



    .elementor-nav-menu--dropdown .elementor-nav-menu {
        background: url(https://poolblueprint.ropstam.dev/wp-content/uploads/2026/05/Frame-2147227667-1.png);
        background-size: 100% 100% !important;
        background-position: center center !important;
        border: 1px solid #444444;
        border-radius: 13px;
    }
	.elementor-nav-menu--dropdown {
    background-color: #ffffff00; 
}
	.mainheader .sub-menu.elementor-nav-menu--dropdown a {
    align-items: left;
    display: flex;
    justify-content: left;
   
}
.portfoliogallery .elementor-gallery__titles-container.e--pointer-background.e--animation-fade {

    width: 100%;
}
}