/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: bridge
Template: bridge
*/
.title .title_holder .container {
    display: table-cell;
    vertical-align: middle;
    background-color: #0000008f;
}
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 99999;

    padding: 40px 20px;

    overflow-y: auto; /* ✅ ONLY HERE */

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    background: #fff;
    width: 974px;
    max-width: 95%;
    padding: 70px 30px 30px;
    border-radius: 12px;
    position: relative;

    margin: auto;

    /* ❌ REMOVE THESE */
    max-height: none;
    overflow: visible;

    transform: translateY(40px) scale(0.95);
    transition: transform 0.35s ease;
}

#cf7Popup2 .popup-content {
    width: 600px;
}

.popup-content h2,
.popup-content p {
    text-align: center;
}

.popup-overlay.active .popup-content {
    transform: translateY(0) scale(1);
}

.close-popup {
    position: absolute; /* ✅ back to original */
    right: 15px;
    top: 15px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 22px;
    cursor: pointer;

    background: #EE7725;
    border-radius: 50%;
    color: #fff;

    z-index: 10; /* ✅ always on top */

    box-shadow: 0px 10px 25px rgba(237,119,37,0.3);
}


.close-popup:hover {
    background: #005577;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5) !important;
}




.inquiry-form {
    margin-top: 40px;
}

/* Default state */
.inquiry-form input:not([type="submit"]):not([type="button"]),
.inquiry-form select,
.inquiry-form textarea {
    border: 1px solid #EE7725 !important;
    border-radius: 8px !important;
    outline: none !important;
    transition: all 0.3s ease;
}

/* Focus state */
.inquiry-form input:not([type="submit"]):not([type="button"]):focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
    border-color: #005577 !important;
    box-shadow: 0 0 0 2px rgba(0, 85, 119, 0.2);
}




.inquiry-form .column_inner {
    margin-bottom: 20px;
}

.inquiry-form textarea.wpcf7-form-control.wpcf7-textarea {
    margin-bottom: 20px;
    border-radius: 8px;
}

.highlight {
    background-color: #EE7725;
}

/*  About Us Css */

/*.who-we-are{
  position:relative;
  background:#F6F6F6;
  padding:100px 20px;
  overflow:hidden;
}

.who-we-are .wave{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}

.who-we-are .blob{
  position:absolute;
  right:-100px;
  top:50px;
  width:400px;
}

.who-we-are .dots{
  position:absolute;
  left:40px;
  top:40px;
  width:150px;
  opacity:0.3;
}*/

.quote-block h5 {
    font-family: "Avenir Regular", Sans-serif !important;
}

/* End About Us Css */

/* FOR FAMILIES CSS  */

#college-gap .elementor-shape,
.boxs-shape .elementor-shape{
    border-radius: 12px;
}

/* END FOR FAMILIES CSS  */

.quote-block-1 h5{
     font-family: "Avenir Regular", Sans-serif !important;
     text-align: center;
}


/* SPECIAL PAGE CSS  */

.process-section {
  position: relative;
  background: linear-gradient(180deg, #f9fbfc 0%, #ffffff 100%);
  padding: 80px 0;
}

/* LEFT */
.process-left {
  position: relative;
  padding-left: 80px;
}

/* LINE */
.process-left::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(#EE7725, #005577);
  opacity: 0.3;
}

/* NUMBERS */
.step-1::before { content: "01"; }
.step-2::before { content: "02"; }
.step-3::before { content: "03"; }
.step-4::before { content: "04"; }

.process-step-title {
  position: relative;
  font-weight: 700;
  color: #005577;
  margin-bottom: 10px;
}

.process-step-title::before {
  position: absolute;
  left: -70px;
  top: -10px;
  width: 50px;
  height: 50px;
  background: #EE7725;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-weight: 700;
}

/* TEXT CARD */
.process-step-text {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: 0.3s;
}

.process-step-text:hover {
  transform: translateY(-5px);
}

/* IMAGE */
.process-section img {
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}

@media(max-width: 767px){
    .dots-gradient  {
    background-image: linear-gradient(180deg, var( --e-global-color-fe77ffe ) 75%, var( --e-global-color-04fdddd ) 25%) !important;
}
}

.custom-faq {
    background: #fff;
}

.custom-faq details {
    margin-bottom: 10px !important;
    box-shadow: 0px 5px 15px 0px rgba(238, 119, 37, 0.1411764705882353);
    border-radius: 8px;
}

.custom-faq details summary {
    font-family: "Avenir Regular", Sans-serif;
    border: 0px !important;
    padding: 16px 10px !important;
}

div#latest-blogs ul li,
div#latest-blogs article .qodef-e-inner {
    /*border-radius: 12px !important;*/
    box-shadow: 0px 5px 15px 0px rgba(238, 119, 37, 0.1411764705882353);
}
/*div#latest-blogs ul li .boxes_image,
div#latest-blogs .qodef-e-media-image {
    border-radius: 12px 12px 0px 0px;
}*/

div#latest-blogs .qodef-addons-blog-list.qodef-item-layout--boxed .qodef-e-info-date {
    font-family: "Avenir Regular", Sans-serif;
    background-color: #EE7725;
    border-radius: 0px 12px 0px 0px;
}

.special-btn,
.mail-btn {
    background-color: #EE7725 !important;
    font-family: "P22 Underground W01 Heavy", Sans-serif !important;
    font-weight: 500 !important;
    box-shadow: 0px 10px 25px 0px rgba(237.99999999999997, 118.99999999999999, 36.999999999999964, 0.3) !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 7px 35px 7px 35px !important;
    border: 0px solid !important;
    color: #fff !important;
}
.special-btn:hover,
.mail-btn:hover{
    background-color: #005577 !important;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.5) !important;
}

.mail-btn-box {
    text-align: center;
    margin: 30px 0px;
}

a.mail-btn {
    font-family: "P22 Underground W01 Heavy", Sans-serif;
    padding: 15px 20px !important;
    font-size: 18px;
    line-height: 30px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, div.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #EE7725;
    border-radius: 8px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #EE7725;
}

#cf7Popup1 h2,
#cf7Popup2 h2 {
    font-family: "P22 Underground W01 Heavy", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #005577;
    line-height: 42px;
}

footer .column1 {
    position: relative;
    top: 0;
}

#cf7Popup1 p,
#cf7Popup2 p{
    font-family: "Avenir Regular", Sans-serif !important;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    margin-bottom: 10px 0px;
}

@media(max-width: 767px){
    #cf7Popup1 h2,
    #cf7Popup2 h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .wp-block-spacer.f-column-4 {
        height: 0px !important;
    }
}

@media(max-width: 1000px){
    nav.mobile_menu ul li a:hover, 
    nav.mobile_menu ul li.active>a {
        color: #EE7725;
    }
}


#popup1 .popup-content h2,
#popup2 .popup-content h2,
#popup3 .popup-content h2 {
    font-family: "P22 Underground W01 Heavy", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #005577;
    line-height: 42px;
    text-align: left !important;
    margin-bottom: 20px;
}

#popup1 .popup-content p,
#popup2 .popup-content p,
#popup3 .popup-content p {
    font-family: "Avenir Regular", Sans-serif !important;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    text-align: left;
    margin-bottom: 20px;
}

/* END SPECIAL PAGE CSS  */

.blog_single.blog_holder .post_content_holder, 
.blog_single.blog_holder .single_tags.clearfix, 
.blog_single.blog_holder .icon_social_holder {
    max-width: 900px;
    margin: 0 auto;
    display: block;
}

.blog_single.blog_holder .icon_social_holder{
    margin-bottom: 70px;
    margin-top: 35px;
}

.blog_single.blog_holder .single_tags {
    margin-top: 26px !important;
}

.blog_single.blog_holder .single_tags a {
    /*padding: 10px;
    border: 1px solid #303030;
    margin-right: 10px;*/
    font-weight: 600;
}

.blog_single.blog_holder .single_tags a {
    color: #000;
    text-decoration: underline;

}
.blog_single.blog_holder .single_tags a:hover{
    color: #EE7725;
}

.kg-date{
    color: #EE7725;
}
.post_info.kg-category {
    margin-top: 10px !important;
}
.post_info.kg-category a {
    color: #EE7725 !important;
    font-weight: 600;
    /*background: #EE7725;
    border-radius: 6px;
    padding: 5px 10px;
    margin-right: 10px;*/
}
.post_info.kg-category a:hover{
    color: #005577 !important;
}

.post_image img {
    margin-bottom: 20px;
    /*width: 100%;
    max-width: 800px;
    height: 450px;
    object-fit: cover;
    display: block;*/
}

#back_to_top>span {
    border:2px solid #005577;
    background: #005577;
}

#back_to_top:hover>span {
    background-color: #005577;
}

#back_to_top span i, #back_to_top span span {
    color: #fff;
}

/*  single-post CSS*/

.single-post .content, .single-post .content .container, .single-post .full_width,
.archive.category .content,
.archive.tag .content{
    margin-top: 0px !important;
    background-color: #ffffff !important;
}

.archive.category .capw-wrap,
.archive.tag .capw-wrap{
    padding-top: 50px;
    padding-bottom: 50px;
}

.custom-post-thumbnail {
  position: relative;
}
.custom-post-thumbnail img {
  width: 100%;
  height: 500px !important;
  object-fit: cover;
}
/*.custom-entry-title h1{
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: #fff;
  font-size: 40px;
}*/

div#latest-blogs .latest_post_holder > ul > li, div#latest-blogs article .qodef-e-inner {
    min-height: 430px;
}
#latest-blogs .latest_post_holder.boxes .boxes_image img{
    overflow: hidden;
    position: relative;
    height: 200px;
    object-fit: cover;
}

/*.blog_single.blog_holder article{
    display: block;
    max-width: 740px;
    margin: 0 auto;
}*/

h1.entry_title.kg-single-title {
    color: #005577;
    font-size: 45px;
    line-height: 60px;
}

.post_text_inner p a{
    color: #EE7725;
}

.post_text_inner h2 {
    font-size: 20px !important;
    text-transform: capitalize;
    font-weight: 700;
}


/*.wp-block-embed iframe {
    height: 506px;
}*/

.single-post .wp-block-button .wp-block-button__link {
    text-align: center;
    background: #EE7725;
    color: #fff;
    border-color: #EE7725;
    border-radius: 0px;
}

.kg-list-gap li {
    margin-bottom: 20px;
}

.kg-link a{
    color: #EE7725 !important;
}

.wp-block-embed.is-type-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper {
    padding: 0 !important;
}

.wp-block-embed iframe {
    display: block;
}

@media(max-width: 767px){

    h1.entry_title.kg-single-title {
        font-size: 32px;
        line-height: 42px;
    }

    .mobile_menu_button {
        float: right;
        margin: 0px !important;
    }

    .q_logo {
        top: 0 !important;
    }

    .logo_wrapper {
         left: unset !important;  
    }

    .q_logo a {
        left: 0%;
    }

    /*.wp-block-embed iframe {
        height: 338px;
    }*/
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {

     h1.entry_title.kg-single-title {
        font-size: 32px;
        line-height: 42px;
    }

    .mobile_menu_button {
        float: right;
        margin: 0px !important;
    }

    .q_logo {
        top: 0 !important;
    }

    .logo_wrapper {
         left: unset !important;  
    }

    .q_logo a {
        left: 0%;
    }

    /*.wp-block-embed iframe {
        height: 506px;
    }*/
    
}

/* End single-post CSS */