/*
 Theme Name:   Xstore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      1.0
 Text Domain:  xstore-child
*/

html.mpc-block-scroll, body.mpc-block-scroll { 
height: auto !important; 
}

::selection {
background: #006ba9;
}

.wit p {
color: #fff;
}

.mpc-icon[data-id="mpc_icon-35926bbde33913”], .mpc-icon[data-id="mpc_icon-985926bbde34568”], .mpc-icon[data-id="mpc_icon-275926bbde34d33"] {
border-color: #1fa5cd !important;
}

textarea {
background: transparent !important;
border: 1px solid #98d5e7 !important;
width: 100%;
max-height: 148px;
color: #c0e3f0 !important;
}

.wpcf7-email {
margin-bottom: 0px !important;
}

h2 b {
font-weight: 900 !important;
}

div#over {
background-position: 180% 80% !important;
margin-top: -35px;
}

.header-color-white .menu-wrapper .menu > li.current-menu-item > a::after {
background-color: rgba(255, 255, 255, 0);
}

.fixed-header .menu-wrapper .menu > li.current-menu-item > a::after {
display: none;
}

.portfolio-filters {
    display: none;
}

.select2-results, .select2-drop, .select2-container .select2-choice, .form-control, select, .quantity input[type="number"], .emodal, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, textarea.form-control, textarea, input[type="search"], .select2-container--default .select2-selection--single {
border: 1px solid #98d5e7 !important;
color: #c0e3f0 !important;
    width: 100%;
    background: transparent !important;
}

::placeholder {
color: #c0e3f0 !important;
}

.mpc-button, input[type="submit"] { 
background: #006caa !important;
background: -webkit-linear-gradient(left top, #006caa, #6fb9c4) !important;
background: -o-linear-gradient(bottom right, #006caa, #6fb9c4) !important;
background: -moz-linear-gradient(bottom right, #006caa, #6fb9c4) !important;
background: linear-gradient(to bottom right, #006caa, #6fb9c4) !important;
border-radius: 99px;
color: #fff !important;
border: 0px !important;
}

.mpc-button:hover, input[type="submit"]:hover { 
border: 0px !important;
background: #006caa !important;
color: #fff !important;
}

.mpc-icon {
background: #006caa !important;
background: -webkit-linear-gradient(left top, #006caa, #6fb9c4) !important;
background: -o-linear-gradient(bottom right, #006caa, #6fb9c4) !important;
background: -moz-linear-gradient(bottom right, #006caa, #6fb9c4) !important;
background: linear-gradient(to bottom right, #006caa, #6fb9c4) !important;
border-radius: 99px;
color: #fff !important;
padding: 15px;
margin-right: 25px !important;
margin-top: 25px !important;
}

.mpc-icon:hover {
background: #006caa !important;
border-radius: 99px;
color: #fff !important;
padding: 15px;
margin-right: 25px !important;
margin-top: 25px !important;
}

.mpc-icon-column__heading.mpc-transition {
    font-weight: 400 !important;
}

.fixed-header > .container {
padding-top: 0px;
padding-bottom: 0px;
}

.fixed-header {
min-height: 55px;
}

.fixed-header .header-logo img {
max-height: 25px;
margin-top: 5px;
}

.mpc-icon i {
color: #fff !important;
}

.page-heading::before {
width: 100% !important;
background-color: rgba(0, 107, 169, 0.68) !important;
}

.button, .btn, input[type="submit"] {
border-radius: 99px;
}

@media screen and (max-width: 1410px) {
div#over {
background-position: 800% 80% !important;
background-size: 95%;
}
}

@media screen and (max-width: 1200px) {
div#over {
background-position: -200% 80% !important;
background-size: 120%;
}
}

@media screen and (max-width: 1070px) {
div#over {
background-position: -60% 80% !important;
background-size: 152%;
}
}

@media screen and (max-width: 931px) {
div#over {
background-position: -20% 80% !important;
background-size: 180%;
}
}

@media screen and (max-width: 768px) {
div#over {
background-image: none !important;
}
}

@media screen and (max-width: 560px) {
.fixed-header.header-color-white.fixed-enabled {
    display: none;
}
}

@media screen and (max-width: 480px) {
.header-logo img {
max-width: 250px !important;
}

.rev-btn {
color: #fff !important;
}

.header-xstore .header-logo {
float: none;
text-align: center;
}

.mpc-modal__close {
margin-top: -10px !important;
margin-right: 10px !important;
}

p, h2 {
text-align: center !important;
}

.mpc-button {
margin: 0 auto !important;
display: block !important;
max-width: 150px !important;
}
}