/* 
 Theme Name:     Divi Child Theme - Atlantis - For Clients of HPX Media Inc.
 Author:         HPX Media Inc.
 Author URI:     https://hpxmedia.com
 Template:       Divi
 Version:        2.0
 Description:    A Divi Child Theme built by HPX Media.

*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE ---------- */ 



strong { font-weight: 800; }

.et_pb_text_inner a { font-weight: 800; }

.nav li ul { border-top: 0px; } /* turns off line atop dropdown menu */







/* HOME PHOTO GALLERY - MAKES GALLERY IMAGES SQUARE  */
.mh-gallery-square .et_pb_gallery_image { padding-top: 100%; }
.mh-gallery-square .et_pb_gallery_item img { position: absolute; height: 100%; bottom: 0; object-fit: cover; }





/* KRIS'S DEFAULT GRAVITY TAMING

1: CONTACT PAGE FORM
2: FOOTER FORM
4: MAILCHIMP FORM
*/

#gform_1 input, #gform_1 textarea, #gform_1 select, #gform_4 input, #gform_4 textarea, #gform_4 select { background-color: #eee!important; padding: 12px 15px!important; font-size: 17px; border: 0; border-radius: 7px; }
#gform_4 input, #gform_4 textarea, #gform_4 select { border-radius: 4px; }

input#gform_submit_button_1, input#gform_submit_button_4 { border: 0!important; padding: 13px 60px!important; border-radius: 40px; background-color: #073655!important; color: #fff; text-transform: uppercase!important; cursor: pointer; font-size: 17px!important; font-weight: 700!important;   } 
input#gform_submit_button_1:hover, input#gform_submit_button_4:hover { background-color: #0063a6!important; }

#gform_wrapper_1 label, #gform_wrapper_2 label { font-weight: 700!important; }

input#gform_submit_button_1:hover { background-color: #444!important; }

#gform_2 input, #gform_2 textarea { border-radius: 4px; border: 0!important; padding: 8px 12px!important; }
#gform_wrapper_2 li { padding-left: 0!important; }

input#gform_submit_button_2 { border: 0!important; padding: 10px 30px!important; border-radius: 4px; background-color: #fff!important; color: #000; text-transform: uppercase!important; cursor: pointer; font-size: 14px!important; font-weight: 600!important;   } 
input#gform_submit_button_2:hover { background-color: rgba(255, 255, 255,0.8)!important; }





/* Blog spacing issue   */

.hpx-blog .et_pb_row { width: 100%;  }













/* =============================================================================
Media Queries for Responsive Design
========================================================================== */

@media all and (min-width: 1405px) { }
 

@media all and (max-width: 1405px) {
 
}



@media all and (max-width: 1200px) {   /*--- landscape tablet ---*/ 

#logo { border: 2px solid red;  }


}





@media all and (max-width: 980px) {   /*--- portrait tablets  ---*/ 

#logo { border: 2px solid aqua; }

	/* .main-logo-nav .et_pb_menu__wrap { justify-content: right;  } */

	.et_mobile_menu { border-top: 0px; margin-top: 20px; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}






@media all and (max-width: 768px) {   /*--- smartphones landscape ---*/ 

#logo { border: 2px solid fuchsia; }

}






@media all and (max-width: 690px) {    /*--- smartphones landscape ---*/ 

#logo { border: 2px solid lime; }

	
	
}






@media all and (max-width: 480px) {   /*--- smartphones portrait ---*/ 

#logo { border: 2px solid gray; }

	
	
}


/* CSS for Oversite Pricing Table */

.pricing-tables .et_pb_column {
    background: #f1f5f4;
    padding-bottom: 55px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: -5px 5px 25px 7px rgba(0,0,0,.12)
}

.pricing-tables sup {
    bottom: .8em;
    font-size: .4em;
    margin-left: 5px
}

.pricing-tables ul {
    list-style: none;
    padding: 0;
    margin-left: 0
}

.pricing-tables li {
    position: relative;
    display: flex;
    margin-bottom: .6rem
}

.pricing-tables li::before {
    content: "";
    width: 13px;
    height: 6px;
    display: inline-block;
    border-style: solid;
    border-color: #4dc087;
    border-width: 0 0 2px 2px;
    transform: rotate(-50deg);
    margin-right: 12px;
    flex: none;
    margin-top: 6px
}

.step-card {
    display: flex;
    flex-direction: column
}

.step-card__bottom {
    margin-top: auto
}

.plan-pricing-col {
    display: flex;
    flex-direction: column;
    margin-right: 0!important;
    padding: 20px 2% 20px!important;
    width: 20%!important
}

.plan-pricing-col .et_pb_button_module_wrapper {
    margin-top: auto!important
}

.plan-title-box h3 {
    font-size: 27px!important
}

.plan-pricing-box {
    margin-top: auto!important
}

.plan-pricing-box h3 {
    font-size: 38px!important;
    padding-bottom: 0!important
}

.plan-pricing-box h3,.plan-pricing-box p {
    line-height: 1!important
}

.plan-pricing-box sup {
    bottom: .8em;
    font-size: .4em;
    margin-left: 5px
}

.features-table {
    border: none!important;
    color: #111!important;
    margin-bottom: 0!important
}

.features-table td {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    width: 20%!important;
    padding: 10px!important;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    vertical-align: top!important
}

.features-table td li {
    font-size: 12px
}

.features-table td:first-child {
    text-align: left!important
}

.features-table h4 {
    font-weight: 700;
    font-size: 18px!important;
    color: #111!important
}

.features-table img {
    height: 11px!important;
    width: auto!important
}

.get-started-button-row .et_pb_column {
    width: 20%!important;
    margin-right: 0!important
}

.compare-pricing {
    max-width: 1400px;
    margin: 0 auto
}

.mobile-comparison__selector {
    display: table-cell;
    background: #fff!important;
    padding: 0!important;
    border-bottom: 1px solid #384c85
}

.mobile-comparison__selector a {
    color: #9f9c9c;
    width: 22%;
    display: block;
    float: left;
    text-align: center;
    margin: 0 1.5%;
    border-bottom: 4px solid transparent;
    font-weight: 700;
    text-decoration: none;
    font-size: .75rem;
    padding: 10px 1.5%;
    box-sizing: border-box
}

.mobile-comparison__selector a.is-active {
    color: #d9774f;
    border-color: #d9774f
}

.compare-pricing__head {
    position: sticky;
    top: 102px;
    z-index: 2
}

.admin-bar .compare-pricing__head {
    top: 134px
}

.compare-pricing__table-head tr {
    background-color: transparent!important
}

.compare-pricing__table-head tr th:not(.compare-item__blank) {
    box-shadow: 0 10px 5px -5px rgb(0 0 0 / 5%);
    background-color: #148D72;
    border-color: #148D72;
    padding-top: 20px;
    padding-bottom: 20px
}

.compare-pricing__info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.compare-pricing__title-wrap {
    margin-right: 10px;
    max-width: 50%
}

.compare-pricing__title,.compare-pricing__desc,.compare-pricing__price,.compare-pricing__frequency {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 400;
    line-height: 1.4
}

.compare-pricing__title,.compare-pricing__price {
    font-family: 'Josefin Sans',sans-serif
}

.compare-pricing__title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 5px
}

.compare-pricing__price {
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: 5px
}

.compare-pricing__price sup {
    font-size: 1rem;
    bottom: .8em
}

.compare-pricing__link {
    flex: 1;
    min-width: 1px
}

.compare-pricing__link a {
    display: inline-block;
    border-radius: 10px;
    background: #22304F;
    color: #fff;
    padding: .3em 1em;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
	font-weight: 600;
}

.compare-pricing__link a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    border-radius: 10px;
    opacity: 0
}

.compare-pricing__link a:hover::after {
    opacity: .15
}

.compare-pricing__table {
    width: 100%!important;
    border-collapse: collapse;
    border: 0 hidden rgb(128,128,128)!important;
    table-layout: fixed !important;
    font-family: 'Poppins',sans-serif;
    margin-bottom: 0!important
}

.compare-pricing__table tr {
    background-color: #fafafa
}

.compare-pricing__table tr:nth-child(even) {
    background-color: #fff
}

.compare-pricing__table td,.compare-pricing__table th {
    font-size: 12px;
    font-size: .75rem;
    border: 1px solid #e7e7e7;
    border-top: 0;
    border-bottom: 0;
    padding: 1.2em 1em;
    empty-cells: show;
    text-align: left;
    color: #262727;
    font-weight: 300
}

.compare-pricing__table td+td,.compare-pricing__table th+th {
    display: table-cell;
    text-align: center!important
}

.compare-pricing__table td+td,.compare-pricing__table th+th {
    width: auto
}

.compare-pricing__plan-data td {
    font-size: .75rem
}

.compare-pricing__plan-data td:first-of-type {
    font-weight: 700
}

.compare-pricing__plan-data td ul,.compare-pricing__plan-data td ol {
    line-height: 20px!important;
    font-weight: 400!important
}

.compare-pricing__plan-data td img {
    height: 11px;
    width: auto
}

.compare-pricing__table:not(.float-head) td .compare-pricing__link a {
    margin-top: 0
}

.compare-pricing__table .compare-pricing__title-row {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #e7e7e7!important
}

.compare-pricing__table .compare-pricing__title-row td:first-of-type {
    padding: 1.5em .85em;
    text-transform: uppercase;
    color: #262727;
    font-weight: 600
}

.compare-pricing__table .compare-pricing__plan-data.button-row {
    background: #fff
}

.compare-pricing__table .compare-pricing__plan-data.button-row td {
    border-right: none!important;
    border-left: none!important;
    padding: 15px 24px!important
}

.compare-pricing__table .compare-pricing__plan-data.button-row td .compare-pricing__link a {
    font-weight: 700!important
}

.tooltip {
    position: relative;
    display: inline-block;
    margin-left: 5px
}

.tooltip img {
    width: 11px;
    height: 11px
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    font-weight: 400;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: 16px
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    z-index: 2
}

.tooltiptext p {
    display: none!important
}

.tooltiptext ul {
    margin-left: 0!important;
    margin-top: 5px!important
}

.tooltiptext li {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 16px!important
}

.ovs-client-plan__headline {
    margin-bottom: 16px
}

.ovs-client-reports__section {
    margin-bottom: 20px
}

.ovs-client-reports__section h3 {
    font-size: 20px
}

.ovs-client-reports__report {
    font-size: 18px
}

.ovs-client-plan__message,.ovs-client-reports__message {
    font-size: 1em;
    text-align: center
}


@media all and (max-width: 479px) {

    .admin-bar .compare-pricing__head,.compare-pricing__head {
        top: 98px!important
    }

    .features-table td {
        font-size: 10px!important;
        line-height: 13px!important
    }

    .plan-pricing-col .et_pb_button,.get-started-button-row .et_pb_button {
        font-size: 12px!important
    }
}

@media (max-width: 600px) {
    .admin-bar .compare-pricing__head,.compare-pricing__head {
        top:102px
    }
}

@media all and (max-width: 767px) {

    .why-oversite h2,.monitoring-service h2,.pricing-section h2,.we-get-it h2,.getting-started-section h2,.pick-your-plan h2 {
        font-size: 32px!important
    }

    .plan-pricing-col {
        width: 100%!important
    }

}

@media all and (min-width: 768px) {

    .ovs-client-reports {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ovs-client-reports__section {
        width: calc(50% - 15px)
    }
}

@media (min-width: 768px) and (max-width:889px) {
    .compare-pricing__title-wrap {
        margin-right:30px
    }
}

@media (max-width: 889px) {
    .compare-item__blank {
        display:none!important
    }

    .toggle-item {
        display: none!important
    }
}

@media (min-width: 890px) {
    .mobile-comparison__selector {
        display:none
    }

    .compare-pricing__head {
        top: 123px
    }

    .admin-bar .compare-pricing__head {
        top: 155px
    }

    .compare-pricing__info-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .compare-pricing__title-wrap {
        margin-right: 0;
        max-width: 100%
    }

    .compare-pricing__link {
        margin-top: auto!important
    }

    .compare-pricing__table-head tr th:not(.compare-item__blank) {
        vertical-align: top
    }
}



@media (min-width: 890px) and (max-width:980px) {
    .compare-pricing__head {
        top:102px
    }
}

@media all and (max-width: 980px) {

    #pricing .et_pb_column {
        margin-bottom: 20px!important
    }

    .reverse-on-responsive {
        display: flex;
        flex-direction: column-reverse
    }
}

@media all and (min-width: 981px) {
    .pricing-tables.et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
        width: 23.6%!important
    }

    .pricing-tables.et_pb_gutters1.et_pb_row .et_pb_column_1_4:nth-of-type(3) {
        width: 29%!important
    }

}

@media all and (min-width: 981px) and (max-width:1239px) {

    .pricing-tables li::before {
        margin-bottom: 20px
    }

    .pricing-tables .et_pb_button {
        font-size: 18px!important
    }

    .pricing-tables sup {
        bottom: 0;
        display: block;
        margin-top: 5px;
        margin-bottom: 1em
    }

    .step-card__bottom {
        margin-top: 0
    }
}