/*
Theme Name:   Cognio - Child theme
Theme URI:    https://modernwebtemplates.com/
Description:  Extra Small child theme of Cognio theme
Author:       the Cognio team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     cognio
Version:      0.0.1
License:      Commercial
License URI:  http://themeforest.net/licenses/regular_extended
Text Domain:  cognio
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.woo .button.disabled {
    background-color: #a29067 !important;
}
p.first-letter::first-letter {
	color:var(--colorMain2);
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--dimensions {
    opacity: 0;
}
.fab {
    font-family: 'FontAwesome';
}
#nav_top .fab a, #nav_top .follow-us-menu {
    position: absolute;
    margin: 0;
    opacity: 0;
}
#nav_top .fab {
    align-items: center;
    display: none;
}
.container.pt-3.pb-3 {
    display: none;
}
.pb-10 {
	padding-bottom: 2em;
}

.cart-dropdown {
	padding: 0 2em;
}
.mb-header-left-side {
    width: 80%;
    display: flex;
    align-items: center;
}

.mb-header-right-side {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#header .container-fluid:before, #header .container-fluid:after {
    display: none;
    justify-content: space-between;
}

#nav_top .follow-us-menu {
    display: none;
}
#header .btn-maincolor {
    background-color: black;
    border: none;
}
.cart-dropdown .cart-dropdown-menu {
    border-top: 2px solid black;
    top: 3em;
}
#title h1 {
    font-size: 2em;
    margin-left: 1.3em;
    text-transform: uppercase;
    position: relative;
}

.container-1170 .main .container, .container-1170 .title .container, .container-1170 .header .container, .container-1170 .toplogo .container, .container-1170 .topline .container, .container-1170 .footer-top .container, .container-1170 .footer .container, .container-1170 .copyright .container, .container-1170 .page_slider .container, .container-1170 .intro-section .container {
    padding-top: 0;
}

@media (max-width: 1358px) {
	#title h1 {
		margin-left: 0.8em;
	}
}

@media (max-width: 1199px) {
	#header #nav_toggle {
		position: relative;
	}
	#header .logo-wrap {
		position: relative;
		margin: 0;
	}
	#header .container-fluid {
		display: flex;
	}
	#header .container-fluid:before, #header .container-fluid:after {
		display: none;
	}
	#nav_top .fab {
    	display: flex;
    	padding-left: 0.6em;
    	width: 3%;
    }
    #nav_top .facebook-icon {
    	margin-top: 3em;
    	float: left;
    	align-items: center;
	}
	#nav_top .the-www {
    	margin-top: 3.3em;
    	float: left;
    	align-items: center;
    	width: 10em;
 }
	#nav_top .instagram-icon {
    	display: flex;
    	position: relative;
    	float: left;
    	align-items: center;
    	margin-top: 3em;
	}
	#nav_top .facebook-icon:hover, #nav_top .instagram-icon:hover {
    	color: var(--colorMain);
	}
    #nav_top {
		padding: 0;
	}
	ul#menu-footer-menu {
		padding: 1.5em 1em;
	}
	ul#menu-footer-menu .fab:before {
		display:flex;
	}
	.follow-us-menu a {
    	font-weight: 500;
    	font-size: 0.9em;
	}
	#nav_top .follow-us-menu {
    	opacity: 100%;
	}
	#nav_top .follow-us-menu a:hover {
    	color: #031521;
	}
	#header .hidden-lg {
		display: block;
    	position: relative;
    	background-color: black;
    	border: none;
    	padding: 0.9em;
	}
	ul#menu-footer-menu:after {
    	position: absolute;
    	content: "";
    	background-color: #e5e5e5;
    	width: 100%;
    	height: 100%;
    	left: 0;
    	z-index: -1;
	}
	.top-nav::before {
    	background-color: transparent;
	}
	.top-nav .nav-btn {
    	background-color: transparent;
	}
	.top-nav .nav-btn span, .top-nav .nav-btn span:before, .top-nav .nav-btn span:after {
    	background: #031521;
	}
	#nav_top .follow-us-menu {
    	display: block;
	}
	#title h1 {
    	padding-top: 2em;
	}
	#nav_top .the-www a {
		opacity: 1;
	}
}

@media (max-width: 800px) {
	#nav_top .fab {
		margin-right: 0.5em;
	}
}
td.product-name:before {
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
@media (max-width: 580px) {
	.woo .product_meta {
		margin-top: 1em;
		margin-bottom: 0;
	}
	div#wc-stripe-payment-request-wrapper {
		margin-top: 0 !important;
		margin-bottom:2em;
	}
	#nav_top .fab {
		margin-right: 1em;
	}
	.logo .logo-text {
		font-size: 1.6em;
		padding-left: 0;
	}

	#header .hidden-lg {
		padding: 0.9em 0em;
	}

	#header .btn a, .btn, .wc-proceed-to-checkout .checkout-button {
		font-size: 0.8em!important;
		min-width: 8em;
	}

	#header .container-fluid {
		padding: 0;
	}

	.cart-dropdown {
		padding: 0 1.2em;
	}

	.mb-header-left-side {
		width: 61%;
	}
}
@media (max-width: 380px) {
	.logo .logo-text {
		font-size: 1.3em;
	}
}
@media (max-width: 280px) {
	#header .container-fluid {
    	flex-wrap: wrap;
	}
	.mb-header-left-side {
		width: 100%;
	}
	.mb-header-right-side {
		width: 100%;
		justify-content: space-between;
		padding-left: 1em;
		padding-bottom: 0.6em;
	}
	#header .hidden-lg {
		padding: 0.9em 5em;
	}
	.logo .logo-text {
		font-size: 1.7em;
	}
}

/* * * * * * * */
/*    BLOG     */
/* * * * * * * */
.elementor[data-elementor-type="wp-post"] {
    max-width: none!important;
}

.single-post figure.post-thumbnail {
    display: none;
}

.single-post .entry-meta-wrap {
    display: none!important;
}


/* * * * * * * * * */
/*  PRODUCT PAGE   */
/* * * * * * * * * */
.single-product .share_buttons.social_part {
    display: none;
}

/* * * * * * */
/*  FOOTER   */
/* * * * * * */
#footer .instagram-icon:after {
    height: 2em;
    width: 2em;
}
#footer li.instagram-icon {
    content: '';
    width: 2em;
    height: 2em;
    top: 0;
    background: url(/wp-content/uploads/2024/01/iconmonstr-instagram-11.svg);
    background-repeat: no-repeat;
    padding: 0;
	padding-right: 2em;
	margin-right: 2em;
}
#box #footer .instagram-icon a {
    height: 2em;
    width: 2em;
    color: white;
    padding-right: 2em!important;
}
#footer .facebook-icon:after {
    height: 2em;
    width: 2em;
}
#footer li.facebook-icon {
    content: '';
    width: 2em;
    height: 2em;
    top: 0;
    background: url(/wp-content/uploads/2024/01/iconmonstr-facebook-6.svg);
    background-repeat: no-repeat;
    padding: 0;
    padding-right: 2em;
    margin-right: 1em;
}
#box #footer .facebook-icon a {
    height: 2em;
    width: 2em;
    color: white;
    padding-right: 2em!important;
}
#layout .custom-blog .elementor-col-33 {
    width: 40%;
}
#layout .custom-blog .elementor-col-33 img {
    width: 72%;
}
#box #footer .instagram-icon a, #box #footer .facebook-icon a {
    color: transparent;
}
#menu-footer-menu-1 .fab a {
    padding: 0 !important;
}
#menu-footer-menu-1 .fab {
    margin: 0 0px;
    display: flex;
    align-items: center;
}
.woo .woo div.product .price {
    order: 0;
    margin-top: 1em;
}
.affirm-as-low-as {
    display: none;
}
.woo .woo div.product .price {
    order: 0;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.affirm-as-low-as {
    display: none;
}
.woo .product_meta {
    margin-top: 0em;
    margin-bottom: 0;
}
.woo .woo div.product div.summary form.cart {
    margin-top: 1.5em;
    padding-top: 1.6em;
}

/* * * * * * * */
/*    CART    */
/* * * * * * * */
.woo .cart-cols .cart-collaterals .cart_totals h2 {
    font-family: 'Heebo'!important;
    text-transform: uppercase;
    font-weight: 500;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #dadbd6;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border-color: #dadbd6;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}