/*
 Theme Name:   Archi Child
 Theme URI:    http://archiwp.com/
 Description:  Archi Child Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/
@import url("../archi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
.aside-images-slider .vc_carousel-control {
    opacity: 1 !important;
}

.aside-images-slider .vc_carousel-control span {
    color: #fff !important;
    font-size: 40px !important;
}

.form-row {
    display: flex;
}

.form-row .field-group {
    flex: 1;
    padding: 0 5px;
}

.popup-form-holder {
    max-width: 600px;
    margin: 15px auto;
}

.popup-form-holder .field-group input {
    margin-bottom: 15px;
}

.popup-form-holder .form-header {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.white-popup-block button.mfp-close {
    position: absolute !important;
    right: 5px !important;
    left: auto;
    top: 5px;
    margin: 0;
}

.popup-form-holder .label-field {
    color: #000;
    font-size: 15px;
}

.popup-form-holder .textarea-field textarea {
    resize: none;
    height: 120px;
}

.popup-form-holder .textarea-field, .popup-form-holder .select-field-group {
    padding-left: 5px;
    padding-right: 5px;
}

.popup-form-holder .select-field-group select {
    border: solid 1px #ddd;
    background: #f5f5f5;
    color: #333;
    text-indent: 5px;
    height: 42px;
}

.popup-form-holder .select-field-group select option {
    padding: 5px 7px !important;
}

.popup-form-holder .btn-content {
    text-align: center;
}

.popup-form-holder .btn-content input[type=submit] {
    height: 40px;
    border: 2px solid #555
}

.popup-form-holder .btn-content input[type=submit]:hover {
    border-color: #000;
}

.popup-form-holder .form-area {
    padding-top: 15px;
}

a.c-btn {
    border: solid 1px rgba(1, 1, 1, .6);
    text-transform: uppercase;
    color: #333;
    margin: 5px 0;
    display: inline-block;
    padding: 6px 15px;
    text-decoration: none !important;
}

a.c-btn:hover {
    background: #fab207;
    border-color: #fab207;
}

.de_light .mfp-bg {
    opacity: 0.987;
}

.no-padding-columns .vc_column_container > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}		
.category #sidebar #block-4, .category #sidebar #block-5, .blog #sidebar .widget{
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}
.blog #sidebar .widget{
    border-bottom: 1px solid #ddd !important;
}
header nav{
    max-width: 100% !important;
}
/* Define the class you want to hide */
.hidden-sm-resolution {
    display: none;
}
/* Apply styles only for screens up to 768px (typical mobile sizes) */
@media only screen and (max-width: 768px) {
    .hidden-sm-resolution {
        display: block; /* or any other desired display property */
    }
    
}

/*customizer css*/