/*!
Theme Name: Centax Online
Theme URI: http://codemonktech.in/
Author: CodeMonk Technologies
Author URI: http://codemonktech.in
Description: Custom Theme for Centax Online
Version: 1.0
License: GNU General Public License v2 or Later
License URI: https://www.gnu.org/licenses/gpl-2.0.html or Later
*/

.mid-header {
    background: #fdecdc;
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

img.custom-logo {
    min-width: 75vw;
    height: auto
}

.main-navigation {
    background: #FFB21B;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f
}

.site-navigation ul li a:hover {
    background: #fff;
    color: #fff
}

header.masterheader.header-style-1 {
    --margin-bottom: 1em
}

.home-alert-box {
    background-image: linear-gradient(to right bottom, #ddf4ff, #70deff);
    padding: 1em;
    border: 1px solid #b2ebff;
    border-radius: 5px
}

.home-page-box {
    margin-top: 2em;
    font-size: 1.2em
}

.home-page-box .wp-block-column {
    border: 1px solid #fbe4ad;
    background-image: linear-gradient(to right bottom, #fff9e1, #f9d686);
    border-radius: 5px;
    padding-top: 1em;
    margin-bottom: 2em
}

.home-page-box a {
    display: block;
    margin: 5px 20px 20px 20px;
    font-size: .9em;
    background: #FFB21B;
    padding: 5px 10px 5px 10px;
    color: #fff!important;
    border-radius: 5px;
    border-bottom: none;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f
}

.home-page-box a:hover {
    background: #;
    box-shadow: none
}

.os-breadcrumb-wrap {
    background: #FFF5E1;
    background-image: linear-gradient(to right bottom, #FFF5E1, #FFF5E1);
    padding: 2em 2em 2em 2em!important
}

.breadcrumb-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

input.wpcf7-form-control.wpcf7-submit {
    display: block;
    width: 100%;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f;
    padding-bottom: 2em
}

article#post-57 div {
    background-image: linear-gradient(to right bottom, #fdecdc, #ffcea0)
}

.inner-page-wrap {
    padding-bottom: 1em!important
}

.footer {
    background-image: linear-gradient(to right, #000, #563108, #7f4a1c, #ecb775);
    background-image: linear-gradient(to right, #070302, #200e08, #38160a, #601c03)
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    background: #fff!important;
    border: 2px solid #ff4242;
    border-radius: 2px;
    color: red
}

.site-content {
    min-height: 70vh!important
}

.product-box-row .wp-block-column {
    margin: 1em;
    text-align: center;
    padding: 1em;
    border-radius: 5px;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f
}

.dvd-box {
    margin-top: 2em;
    text-align: center;
    padding: 1em 4em 1em 4em;
    border-radius: 5px;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f
}

.dvd-box:hover,
.product-box-row .wp-block-column:hover {
    color: #fff;
    filter: saturate(130%);
    transform: scale(1.1);
    cursor: pointer!important;
    background: #dfefff;
    background-image: linear-gradient(to bottom, #3b9768, #006a4e);
    text-align: center;
    padding: auto;
    border-radius: 5px;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f
}

.product-box-row .wp-block-column.empty-column {
    visibility: hidden
}

#post-49 .wp-block-columns {
    text-align: justify
}

.home .header-style-1 {
    margin-bottom: 1em
}

.dvd-box img {
    border-radius: 50%
}


/* Home page ticker styles */

.ticker-container {
    display: flex;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 0.9em;
    margin: 1em;
    background-color: #b50d0de6
}

.ticker-container .title {
    flex: 10%;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #3b9768, #006a4e);
    text-align: center;
    padding: 1em;
    font-size: 1em;
}

.content {
    flex: 80%;
    align-self: center
}

.content marquee {
    vertical-align: middle
}

.controls {
    flex: 10%;
    padding: 5px;
    display: flex;
    justify-content: space-evenly;
}

.controls button {
    background-color: #3b9768;
    padding: 10px 15px 10px 15px;
    box-shadow: 0 3px 3px -2px #00000033, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f
}

.controls button:hover {
	background-color: #006a4e;
    box-shadow: none
}

.masterheader {
    margin-bottom: none!important
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%
}

.modal-body {
    color: red;
    padding-top: 20px
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.copyrights {
    display: none;
}
.manage-column.column-utm_term,
.manage-column.column-utm_content,
.manage-column.column-gclid,
.manage-column.column-fbclid {
    display: none;
}
i.fa.fa-close {
    font-size: 20px;
}