/*!
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: #004AAD;
    --site-second-color: #F1F3F4;
	--site-third-color: #E0FFFB;
    --font-primary-color: #333;
    --font-second-color: #FFF;
}

html, body {
    /* overflow-x: hidden; */
    margin-bottom: 0 !important;
    font-size: 14px;
    line-height: 20px;
    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(--site-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;
}

.content-title {
    margin-bottom: 20px;
    padding-bottom: 10px;
	font-size: 25px;
    line-height: 38px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    color: var(--site-primary-color);
    position: relative;
}

.content-title::after {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 2px;
    background: #CCC;
    position: absolute;
}

.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: 15px;
    height: 15px;
    opacity: 1;
    border: solid 2px var(--site-primary-color);
    background: var(--font-second-color);
}

.swiper-pagination-bullet-active {
    border: solid 2px var(--font-second-color);
    background: var(--site-primary-color);
}

.back-to-top {
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    border-radius: 50%;
    z-index: 999;
    color: var(--font-second-color);
    background: rgba(0,0,0, .6);
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    cursor: pointer;
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    margin-bottom: 20px;
    padding: 10px 0;
    background: var(--site-second-color);
}

#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-textarea {
    width: 100%;
    margin-bottom: 10px;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea {
    padding: 10px 15px !important;
}

.wpcf7-submit {
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 700;
    color: var(--font-second-color) !important;
    background: var(--site-primary-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 branding cotent css --*/
.site-branding {
    padding: 10px 0;
}

.branding-content-wrapper {
    padding: 0 100px;
}

.branding-content .flex-shrink-0 {
    font-size: 18px;
    color: var(--site-primary-color);
}

.branding-content-title,
.branding-content-subtitle {
    margin-bottom: 0;
}

.branding-content-title {
    font-weight: 700;
}

.branding-content-subtitle {
    font-size: 12px;
    line-height: 16px;
}
/*-- end site branding cotent css --*/


/*-- site navigation css --*/
#site-navigation {
	border-top: solid 1px var(--site-primary-color);
	border-bottom: solid 1px var(--site-primary-color);
    background: var(--font-second-color);
}

.mega-sticky,
.mega-sub-menu .mega-menu-item {
	border-bottom: solid 1px var(--site-primary-color) !important;
}

.mega-sub-menu .mega-menu-item:first-child {
	border-top: solid 1px var(--site-primary-color) !important;
}

.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;
	object-fit: contain;
}
/*-- end site navigation css --*/


/*-- site contact page css --*/
.contact-page-title {
	padding-bottom: 10px;
	position: relative;
}

.contact-page-title::after {
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 2px;
	background: #CCC;
	position: absolute;
}
/*-- end site contact page css --*/


/*-- site archive page css --*/
.archive-title,
.page-title {
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 41px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    color: var(--site-primary-color);
}

.archive-description {
    margin-bottom: 20px;
}

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

.archive-content {
    margin-bottom: 20px;
    border-radius: 10px;
}

.archive-content-info {
    padding: 15px;
}

.archive-content-thumb {
    aspect-ratio: 1.75 / 1;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.archive-content-title,
.archive-service-content-title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    height: 52px;
    overflow: hidden;
}

.archive-content-title,
.archive-content-title a,
.archive-content-title a:hover,
.archive-content-title a:focus,
.archive-content-title a:visited,
.archive-service-content-title,
.archive-service-content-title a,
.archive-service-content-title a:hover,
.archive-service-content-title a:focus,
.archive-service-content-title a:visited {
    color: var(--site-primary-color);
}

.archive-content-title {
    margin-bottom: 15px;
}

.archive-service-content-title-wrapper {
    margin-bottom: 15px;
    padding: 15px 30px;
    background: var(--site-third-color);

}

.archive-service-content-title {
    margin-bottom: 0;
}

.archive-content-date {
    color: #666;
}

.archive-content-excerpt {
    height: 61px;
    overflow: hidden;
}
/*-- end site archive 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;
    border: none;
    position: absolute;
}

.search-submit,
.search-submit:hover,
.search-submit:focus {
    color: var(--font-primary-color);
}

.widget-title,
.widgettitle {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    border-radius: 10px;
	text-align: center;
    text-transform: uppercase;
    color: var(--site-second-color);
    background: var(--site-primary-color);
}

.widget img {
    width: 100%;
}

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

.widget li {
    list-style: inside;
}

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

.widget a:hover,
.widget a:focus {
    color: var(--site-primary-color);
}

.recent-content:not(:last-child) {
    margin-bottom: 20px;
}

.recent-content-thumb {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
}

.recent-content-title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
}
/*-- end site widget css --*/


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

.single-title {
    padding-bottom: 10px;
    position: relative;
}

.single-title::after {
    content: '';
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #CCC;
    position: absolute;
}

.single-info {
    color: #666;
}

.single-author {
    margin-right: 20px;
}

.single-main ul {
    margin-left: 0;
    padding-left: 0;
}

.single-main li {
    list-style: inside;
}

.related-title {
    font-size: 21px;
    line-height: 29px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    color: var(--site-primary-color);
}
/*--  end site single css --*/


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

.pagination .current {
    color: var(--font-second-color) !important;
    border-color: var(--site-primary-color) !important;
    background: var(--site-primary-color) !important;
}

.pagination .page-link {
    color: var(--font-primary-color);
}

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


/*-- site footer css --*/
.site-info {
    padding-top: 40px;
    padding-bottom: 20px;
    background: var(--site-second-color);
}

.footer-content {
    margin-bottom: 20px;
}

.footer-content-title {
    font-weight: 700;
    color: var(--site-primary-color);
}

.footer-content p:last-child {
    margin-bottom: 0;
}

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

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

.footer-socials-wrapper li {
    margin: 0 5px 5px 5px;
    list-style: none;
    display: inline-block;
}

.footer-socials-wrapper a {
    font-size: 21px;
}

.footer-socials-wrapper a,
.footer-socials-wrapper a:hover,
.footer-socials-wrapper a:focus,
.footer-socials-wrapper a:visited {
    color: var(--site-primary-color);
}

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

.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) {
    .site-branding {
        display: none;
    }

    .branding-content-wrapper {
        padding: 0;
    }
	
	.site-logo {
		width: 130px !important;	
	}
	
	.content-title::after {
        width: 50px;
    }

    .archive-title,
    .page-title,
    .content-title,
    .related-title {
        font-size: 18px;
        line-height: 27px;
    }
	
	.archive-service-content-title,
	.archive-content-title {
		height: auto;
	}

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

    .site-info {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

@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) {
    
}