/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Center WP PDF Embedder container */

.pdfemb-viewer {
    margin: 0 auto !important;
}

/* reset */

.entry-content ul {
    padding: 0;
    list-style-position: inside;
    list-style: none;   
}

/* Buttons */

.btn {
    background-color: #fff;
    color: #E13518;
    font-family: 'Open Sans', 'Avenir', sans-serif;
    font-size: 1.06em;
    font-weight: 700;
    padding: .5em 1em;
    display: inline-block;
    margin-top: 1.5em;
    border: 2px solid #fff;
    transition: color .3s ease, background-color .3s ease;
    position: relative;
}

.btn:hover {
    background-color: #ffffff;
    color: #E13518;
}

.btn__qubiz:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('assets/images/qubiz_btn-visual@2x.png');
    background-repeat: no-repeat;
    background-size: 12px 12px;
    position: absolute;
    bottom: -6px;
    transition: left .3s ease;
    left: 25%;
}

.btn__qubiz:hover:after {
    left: 75%;
}

.btn__cipal {
    background-color: #2F2482;
    color: #ffffff;
    border: 2px solid #2F2482;
}

.btn__cipal:hover {
    background-color: #ffffff;
    color: #2F2482;
}

/* LP styling */

html {
    font-size: 15px;
}

#main-content {
}

.section__landingpage {

}

.section__landingpage .et_pb_code_inner {
    min-height: calc(100vh - 134.5px); /* full viewport height - footer height */
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.section__landingpage .et_pb_code_inner > .lp_column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    background-size: cover;
    background-position: center;
    padding: 3em;
}

.lp_column .box {
    max-width: 400px;
    margin: .5em 0;
}

.lp_column .box:first-of-type {
    margin-top: 0;
}

.lp_column .box:last-of-type {
    margin-bottom: 0;
}

.lp_column .box .logo {
    margin-bottom: 1em;
}

.lp_column.qubiz {
    background-image: url('/wp-content/uploads/2022/02/bg_qubiz@2x.jpg');
}

.lp_column.qubiz,
.lp_column.qubiz h2 {
    color: #ffffff;
}

.lp_column.qubiz h2 {
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 700;
}

.lp_column.qubiz .box {
    background-color: #E13518;
    padding: 1.5em 3.5em;
}

.lp_column.qubiz .box:nth-child(2) {
    margin-bottom: 0;
}

.lp_column.qubiz .box.visual {
    padding: 0;
    background-color: transparent;
    margin: 0;
}

.lp_column.qubiz .box ul {
}

.lp_column.qubiz .box ul li {
    position: relative;
    font-size: 1em;
    line-height: 1.8em;
    padding-left: 1.5em;
    margin: 1em 0;
}

.lp_column.qubiz .box ul li:first-of-type {
    margin-top: 0;
}

.lp_column.qubiz .box ul li:last-of-type {
    margin-bottom: 0;
}

.lp_column.qubiz .box ul li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    display: block;
    width: 9px;
    height: 10px;
    background-image: url('assets/images/qubiz_list-style@2x.png');
    background-size: contain;
    background-size: 9px 10px;
}

.lp_column.cipal {
    background-image: url('/wp-content/uploads/2022/02/bg_cipal@2x.jpg');
}

.lp_column.cipal .box {
    background-color: #ffffff;
    padding: 1.5em 3.5em;
}

.lp_column.cipal,
.lp_column.cipal h2 {
    color: #575656;
}

/* Breakpoints */

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

    .section__landingpage .et_pb_code_inner {
        flex-direction: column;
    }

    .section__landingpage .et_pb_code_inner .lp_column {
        align-items: center;
    }

    .lp_column.qubiz .box {
        padding: 1.5em 2em;
    }

    .section__landingpage .et_pb_code_inner > .lp_column {
        padding: 2em;
    }
 
}