/*!
Theme Name: azttech child
Theme URI: https://azttech.vn/
Author: azttech.vn
Author URI: https://azttech.vn/
Template: azttech
Description: AZTTech Company Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: azttech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

azttech is based on azttech https://underscores.me/, (C) 2012-2020 Automattic, Inc.
azttech is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-- site general css --*/
:root {
    --site-primary-color: #F34636;
    --site-second-color: #5B5B5B;
    --font-primary-color: #333;
    --font-second-color: #FFF;
}

html, body {
    /* overflow-x: hidden; */
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 21px;
    font-family: 'Montserrat', sans-serif;
    color: var(--font-primary-color);
}

a {
    text-decoration: none;
    transition: .5s;
}

a:focus {
    outline: none;
}

a,
a:visited {
    color: var(--font-primary-color);
}

a:hover,
a:focus {
    color: var(--font-primary-color);
}

.hidden,
.woocommerce-cart-form__cart-item .minus,
.woocommerce-cart-form__cart-item .plus {
	display: none !important;
}

.btn {
    box-shadow: none !important
}

.btn,
.btn:hover,
.btn:focus {
    border: none;
}

.img-content {
    width: 100% !important;
}

.hover-img-wrapper {
    margin-bottom: -5px;
    width: 100%;
    display: inline-block;
    overflow: hidden !important;
}

.hover-img {
    transition: all .5s ease-in-out;
}

.fancybox-container {
    z-index: 99999;
}

.swiper-button-next, 
.swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--font-primary-color);
}

.swiper-button-next::after, 
.swiper-button-prev::after {
    color: var(--font-second-color);
    font-size: unset;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    transition: .3s;
}

.swiper-pagination-bullet-active {
    width: 35px;
    border-radius: 30px;
	background: var(--site-primary-color);
}

.float-contact-wrapper {
	margin: 0;
	padding: 0;
	right: 10px;
	bottom: 140px;
	position: fixed;
	z-index: 9999;
}

.float-contact-wrapper li {
	margin-bottom: 15px;
	list-style: none;
}

.icon-float-contact {
	width: 50px !important;
	height: 50px !important;
	border-radius: 50%;
	object-fit: cover;
}

.back-to-top {
    padding: 12px;
    right: 10px;
    bottom: 90px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 999;
    background: rgb(0,0,0, .6);
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    cursor: pointer;
}

.icon-to-top {
    filter: brightness(0) invert(1);
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #CCC;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: var(--font-primary-color);
}
/*-- end site breadcrumbs css --*/


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px !important;
}

.wpcf7-submit {
    padding: 15px 30px !important;
	border-radius: 5px !important;
    border: solid 2px var(--font-second-color) !important;
	box-shadow: 0 0 10px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -o-box-shadow: 0 0 10px rgba(0,0,0, .3);
	transition: .5s;
    color: var(--font-second-color) !important;
    background: var(--site-primary-color) !important;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
	border: solid 2px var(--site-primary-color) !important;
	color: var(--site-primary-color) !important;
	background: var(--font-second-color) !important;
}

.wpcf7-spinner {
    margin: 10px auto;
    display: block;
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}

.wpcf7-response-output {
    margin: 0 !important;
}
/*-- end site contact form 7 css --*/


/*-- site modal content css --*/
body.modal-open {
    padding-right: 0 !important;
}

.modal {
	z-index: 999999;
}
/*-- end site modal content css --*/


/*-- site navigation css --*/
.sticky {
    width: 100%;
    z-index: 9999;
    position: fixed;
    background: var(--site-fourth-color);
}

.site-title {
    margin-bottom: 0 !important;
}

.site-logo {
    padding: 5px 0 !important;
    height: 70px !important;
}
/*-- end site navigation css --*/


/*-- site archive page css --*/
.archive-title,
.page-title {
    font-weight: 700;
}

.fullpage-header {
    padding: 100px 0;
    color: var(--font-second-color);
}

.not-found-title {
	margin-bottom: 0;
}

.archive-main,
.archive-template-main {
    padding: 75px 0;
}

.archive-post-wrapper {
    margin-bottom: 20px;
    border-radius: 5px;
    border: solid 1px #CCC;
}

.archive-post-wrapper .ms-3 {
    padding: 15px 15px 15px 0;
}

.archive-thumb {
    width: 350px;
    height: 200px;
    border-radius: 5px 0 0 5px;
    object-fit: cover;
}

.archive-excerpt {
    height: 64px;
    overflow: hidden;
}

.btn-archive {
    margin-top: 15px;
    padding: 5px 15px;
    border-radius: 4px;
    border: solid 2px var(--site-primary-color);
    display: inline-block;
}

.btn-archive,
.btn-archive:visited {
    color: var(--site-primary-color);
}

.btn-archive:hover,
.btn-archive:focus {
    color: var(--font-second-color);
    background: var(--site-primary-color);
}
/*-- end site archive page css --*/


/*-- site archive template page css --*/
.img-archive-template {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.archive-template-content-wrapper .col-lg-3,
.archive-template-main .col-lg-3 {
    margin-bottom: 20px;
}

.archive-template-content,
.template-content {
    padding: 20px;
    height: 100%;
    border-radius: 10px;
}

.archive-template-title,
.archive-post-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

.archive-template-title {
	margin-top: 10px;
	margin-bottom: 0;
}

.archive-tempate-thumb {
    height: 100px;
    object-fit: contain;
}
/*-- end site archive template page css --*/


/*-- site registration form css -- --*/
#red_registration_form label,
#red_registration_form input {
    width: 100%;
}

#red_registration_form label {
    margin-bottom: 5px;
    font-weight: 700;
}

#red_registration_form input {
    margin-bottom: 10px;
    padding: 15px 25px;
    border-radius: 5px;
    outline: none;
}

.red_errors {
    color: #DC143C;
    margin-bottom: 12px;
    width: 450px!important;
    max-width: 95%!important;
}

.red_form label::after {
    content: " *";
    font-weight: bold;
}

.btn-register {
    margin-top: 20px;
    font-weight: 400;
    border: none !important;
}

.btn-register,
.btn-register:hover,
.btn-register:focus,
.btn-register:visited {
    color: var(--font-second-color) !important;
    background: var(--font-primary-color) !important;
}
/*-- end site registration form css -- --*/


/*-- site widget css --*/
.search-form,
.search-form label,
.search-field {
    width: 100%;
}

.search-field,
.search-submit {
    height: 40px;
}

.widget-notfound .search-form {
    margin-bottom: 10px;
}

.search-form {
	position: relative;
}

.search-field {
    padding-left: 10px !important;
}

.search-submit {
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    border: none;
    position: absolute;
}

.widget-title,
.widgettitle {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
}

.widget ul {
    margin-left: 0;
    padding-left: 0;
}

.widget li {
    list-style: inside;
}

.widget a,
.widget a:hover,
.widget a:focus,
.widget a:visited {
    color: var(--font-primary-color);
}
/*-- end site widget css --*/


/*-- site single css --*/
.entry-meta,
.entry-footer,
.nav-links {
    display: none !important;
}

.recent-post-wrapper:not(:last-child) {
    margin-bottom: 10px;
}

.recent-post-wrapper {
    border-radius: 5px;
    border: solid 1px #CCC;
}

.recent-thumb {
    width: 100px;
    height: 100px;
    border-radius: 5px 0 0 5px;
    object-fit: cover;
}

.recent-post-wrapper .ms-3 {
    padding: 10px 10px 10px 0;
}

.recent-post-title {
    margin-bottom: 0;
    font-weight: 700;
    height: 64px;
    overflow: hidden;
}

.categories-list {
    margin-bottom: 0;
}
/*--  end site single css --*/


/*-- site pagination css --*/
.pagination {
    margin: 0 auto;
}

.pagination .page-item:not(:last-child) {
    margin-right: 10px;
}

.pagination .page-link {
    width: 36px;
    height: 36px;
    font-weight: 700;
    border-radius: 4px !important;
    color: var(--font-primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .current,
.pagination .page-link:hover {
    color: var(--font-second-color);
    border-color: var(--site-primary-color);
    background: var(--site-primary-color);
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	box-shadow: none !important;
}
/*-- end site pagination css --*/


/*-- site footer css --*/
.site-info {
    padding: 20px 0;
    background: var(--site-primary-color);
}

.footer-content-title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    border-bottom: solid 2px rgba(255,255,255, .2);
}

.footer-content ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-content li {
    list-style: inside;
}

.footer-content li:not(:last-child) {
    margin-bottom: 5px;
}

.site-copyright {
    padding: 10px 0;
    background: var(--site-second-color);
}

.site-info,
.site-info a,
.site-info a:hover,
.site-info a:focus,
.site-info a:visited,
.site-copyright,
.site-copyright a,
.site-copyright a:hover,
.site-copyright a:focus,
.site-copyright a:visited {
    color: var(--font-second-color);
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    .archive-title,
    .archive-post-title {
        font-size: 18px;
        line-height: 25px;
    }

    .swiper-button-next, 
    .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .products-price {
        height: 45px;
        overflow: hidden;
    }

    .archive-main,
    .archive-template-main {
        padding: 20px 0;
    }

    .archive-post-wrapper {
        flex-direction: column;
    }

    .archive-post-wrapper .ms-3 {
        margin-left: 0 !important;
        padding: 20px;
    }

    .archive-thumb {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }

    .archive-excerpt {
        height: 63px;
    }

    .recent-thumb {
        width: 150px;
    }
	
	.site-info .col-lg-4:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media (min-width: 600px) and (max-width: 960px) {
    
}

@media (min-width: 800px) and (max-width: 1280px) {
    
}

@media (min-width: 810px) and (max-width: 1080px) {
    
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
    
}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {
    
}

@media (min-width: 992px) and (max-width: 1824px) {
    
}

@media (min-width: 1824px) {
    
}