/* ==========================================
   InsuranceZA Landing Pages
========================================== */

/* ===================================
   HERO
=================================== */

.izalp-hero{

    position:relative;

    width:100%;

}

.izalp-hero-image{

    position:relative;

    width:100%;

    min-height:900px;

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

}

.izalp-hero-overlay{

    background:rgba(0,0,0,.25);

    padding:120px 0 80px;

}

.izalp-container{

    width:100%;

    max-width:1170px;

    margin:0 auto;

    padding:0 15px;

    box-sizing:border-box;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

}

.izalp-left{

    flex:1;

    max-width:58%;

    color:#fff;

    padding-top:40px;

    padding-right:50px;

}

.izalp-right{

    position:relative;

    flex:0 0 370px;

    background:#198fd8;

    padding:40px;

    border-radius:4px;

    box-sizing:border-box;

    color:#fff;

    text-align:center;

}

/* Hero arrow */

.izalp-arrow{

    position:absolute;

    left:-180px;

    top:0px;

    z-index:20;

    pointer-events:none;

}

.izalp-arrow img{

    width:135px;

    height:auto;

    display:block;

}

.izalp-left h1{

    color:#fff !important;

    font-size:40px;

    font-weight:400;

    line-height:46px;

    margin:0 0 30px;

}

.izalp-left p{

    font-size:24px;

    line-height:1.5;

    color:#fff;

    margin:0 0 35px;

}

.izalp-left ul{

    list-style:none;

    padding:0;

    margin:0;

}

.izalp-left li{

    color:#fff;

    font-size:18px;

    line-height:1.55;

    margin:0;

    position:relative;

    padding-left:34px;

}

.izalp-left li:before{

    content:"✓";

    position:absolute;

    left:0;

    color:#fff;

    font-weight:700;

}

/* Contact Form 7 */

.izalp-right label{

    color:#fff;

    display:block;
	
	text-align:center;

    font-size:18px;

    margin-bottom:8px;

}

/* Contact Form 7 */

.izalp-hero .wpcf7-form input[type="text"],
.izalp-hero .wpcf7-form input[type="email"],
.izalp-hero .wpcf7-form input[type="tel"],
.izalp-hero .wpcf7-form input[type="url"],
.izalp-hero .wpcf7-form input[type="number"],
.izalp-hero .wpcf7-form select,
.izalp-hero .wpcf7-form textarea{

    width:100%;

    display:block;

    padding:10px 15px;

    margin:0;

    background:#fff;

    border:0;

    border-radius:5px;

    color:#a6a6a6;

    font-weight:400;

    font-size:17px;

    box-sizing:border-box;

}

.izalp-hero .wpcf7-form p > label{

    display:block;

    color:#fff;

    font-size:17px;

    margin-bottom:8px;

}

/* Terms & Conditions */

.izalp-hero #terms-conditions,
.izalp-hero #terms-conditions label{

    font-size:10px !important;

    line-height:1.4;

    display:inline;

    color:#fff;

}

.izalp-hero .wpcf7-form label{

    display:block;

    color:#fff;

    font-size:17px;

    margin-bottom:8px;

}

.izalp-right p{

    text-align:center;

}

.izalp-right h2,
.izalp-right h3{

    text-align:center;

}

.izalp-right input[type="submit"]{

    background:#f9a602;

    color:#fff;

    font-size:22px;

    font-weight:700;

    cursor:pointer;

    margin-bottom:0;

}

.izalp-right input[type="submit"]:hover{

    background:#e68f00;

}
/* ==========================
   CONTENT
========================== */

.izalp-main{

    background:#fff;

    padding:80px 0;

}

.page-template-insuranceza-content-sidebar .izalp-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:40px;

}

.page-template-insuranceza-content-sidebar .izalp-content{

    flex:1;

    min-width:0;

}

.page-template-insuranceza-content-sidebar .izalp-sidebar{

    flex:0 0 330px;

}

.izalp-wrapper{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

    box-sizing:border-box;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:40px;

}

.izalp-content{

    flex:1;

    min-width:0;

}

.izalp-sidebar{

    flex:0 0 330px;

}

.izalp-card{

    background:#fff;

    border:2px solid #0d5ea8;

    border-radius:12px;

    padding:30px;

    margin-bottom:30px;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

    text-align:center;

}

.izalp-card{

    border-color:#005190;

}

.izalp-card h3{

    color:#005190;

}

.izalp-card-icon{

    text-align:center;

    margin-bottom:18px;

}

.izalp-card-icon{
    text-align:center;
    margin:0 0 18px;
    font-size:18px !important;
    line-height:1;
    color:#005190;
}

.izalp-card-icon svg{
    width:18px !important;
    height:18px !important;
    display:block;
    margin:0 auto;
}

.izalp-card-icon svg path{
    fill:#005190;
}
/* Remove theme spacing above InsuranceZA landing pages */

.page-template-insuranceza-landing-page #content.site-content{

    margin-top:0 !important;

    padding-top:0 !important;

    border-top:none !important;

}

.page-template-insuranceza-landing-page .izalp-hero{

    margin-top:0 !important;

}

.izalp-card h3{

    color:#005190;

    font-size:28px;

    margin:0 0 18px;

}

.izalp-card p{

    font-size:18px;

    line-height:1.6;

    margin-bottom:25px;

}

.izalp-button{

    display:inline-block;

    background:#0d5ea8;

    color:#fff;

    padding:12px 28px;

    border-radius:5px;

    text-decoration:none;

    font-weight:700;

}

.izalp-button:hover{

    background:#094780;

}

/* ==================================================
   TABLET
================================================== */

@media (max-width:991px){

    .izalp-container{

        display:block;

        padding:0 20px;

    }

    .izalp-left{

        width:100%;

        max-width:100%;

        padding-top:20px;

        padding-right:0;

    }

    .izalp-right{

        width:100%;

        max-width:520px;

        margin:40px auto 0;

    }

    .izalp-arrow{

        display:none;

    }

    .izalp-wrapper{

        display:block;

    }

    .izalp-sidebar{

        margin-top:40px;

    }

}

/* ==================================================
   MOBILE
================================================== */

@media (max-width:768px){

    .izalp-hero-overlay{

        padding:10px 0;

    }

    .izalp-container{

        display:block;

        padding:0 20px;

    }

    .izalp-left{

        max-width:100%;

        width:100%;

        padding:0;

    }
	
	.izalp-hero-image{

    min-height:auto;

    height:auto;

}

    .izalp-left h1{

        font-size:32px;

        line-height:36px;

        font-weight:400;

        margin:0 0 20px;

    }

    .izalp-left p{

        font-size:18px;

        line-height:28px;

        margin:0 0 20px;

    }

    .izalp-left li{

        font-size:18px;

        line-height:22px;

        font-weight:500;

        margin-bottom:10px;

    }

    .izalp-left li:before{

        font-size:18px;

        font-weight:700;

    }

    
}

/* ==================================================
   SMALL PHONES
================================================== */

@media (max-width:480px){

    .izalp-left h1{

        font-size:24px;

    }

    .izalp-left p{

        font-size:17px;

    }

    .izalp-left li{

        font-size:16px;

    }

    .izalp-right{

        padding:25px 20px;

    }

}

/* ==========================================
   MOBILE FORM
========================================== */

.izalp-mobile-form{
    display:none;
}

@media (max-width:991px){

    .izalp-desktop-form{
        display:none;
    }

    .izalp-mobile-form{
        display:block;
        padding:15px;
        margin:0;
        background:#fff;
    }

    .izalp-mobile-form-inner{
        width:100%;
        max-width:520px;
        margin:0 auto;
    }

    .izalp-mobile-form .izalp-right{
    width:100%;
    max-width:100%;
    margin:0;
    padding:30px 20px;
    box-sizing:border-box;
    flex:none;
}

}

/* ==========================================
   MOBILE RESPONSIVE SAFETY
========================================== */

@media (max-width:768px){

    html,
    body{
        overflow-x:hidden;
        width:100%;
    }

    #izalp-page{
        overflow-x:hidden;
    }

    .izalp-hero,
    .izalp-main,
    .izalp-wrapper,
    .izalp-container,
    .izalp-content,
    .izalp-sidebar,
    .izalp-card,
    .izalp-mobile-form,
    .izalp-mobile-form-inner,
    .izalp-right{

        width:100%;
        max-width:100%;
        box-sizing:border-box;

    }

    img{
        max-width:100%;
        height:auto;
    }

    iframe{
        max-width:100%;
    }

    table{
        width:100%;
        display:block;
        overflow-x:auto;
    }
	
	    /* Make all form controls fit */

    .izalp-right input,
    .izalp-right select,
    .izalp-right textarea,
    .izalp-right button{

        width:100%;
        max-width:100%;
        box-sizing:border-box;

    }

    /* Make content and sidebar fit */

    .izalp-content,
    .izalp-sidebar,
    .izalp-card{

        width:100%;
        max-width:100%;
        box-sizing:border-box;

    }
	
	    .izalp-wrapper{

        padding:0 15px;

    }

    .izalp-main{

        padding:40px 0;

    }
	
	/* Full-width Contact Form 7 fields */

.izalp-mobile-form .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

.izalp-mobile-form input[type="text"],
.izalp-mobile-form input[type="email"],
.izalp-mobile-form input[type="tel"],
.izalp-mobile-form input[type="number"],
.izalp-mobile-form input[type="url"],
.izalp-mobile-form select,
.izalp-mobile-form textarea{

    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}
	
}
	
	/* ==========================================
   MOBILE LANDSCAPE
========================================== */

@media (max-width:991px) and (orientation:landscape){

    /* ==========================================
   MOBILE LANDSCAPE
========================================== */

@media (max-width:991px) and (orientation:landscape){

    .izalp-hero-overlay{

        background:transparent;

    }

}

/* ===================================
   CONTENT + SIDEBAR PAGE HEADER
=================================== */

.izalp-page-header{

    background:#ffffff;

    padding:40px 0 20px;

}

.izalp-page-title{

    margin:0;

    color:#005190;

    font-size:38px;

    font-weight:700;

    line-height:1.2;

    border-bottom:4px solid #005190;

    display:inline-block;

    padding-bottom:10px;

}