/* ===================================
    Crafto - Branding Studio
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100..900&display=swap');
/* variable 
	FF6036
	AC8D56
	-deep navy (#001F3F) 
	or charcoal grays (#333333) as primaries, 
	accented by soft golds (#D4AF37)
*/
:root {      
    --alt-font: "Archivo", sans-serif; 
    --primary-font: "Archivo", sans-serif;
    --base-color:#333333;
    --dark-gray: #151515;
    --medium-gray:#626262;
	--soft-gold:#D4AF37;
	--navy:#001F3F;
	--concrete-gray:#d8d8d4;
    --bg-maire-yellow:#131312;
    --light-medium-gray:#cdcdc7;
    --zeus-grey:#333331;
}
/* reset */
body { 
    font-size: 17px;
    line-height: 28px;
}
/* heading */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    letter-spacing: -1px;
}
h1, .h1 {
    font-size: 5rem;
    line-height: 5.2rem;
}
.h2, h2 {
    line-height: 3.2rem;
}
.h3, h3 {
    line-height: 2.8rem;
}
.h6, h6 {
    line-height: 2.2rem;
}
/* btn */
.btn {
    letter-spacing:0px;
    text-transform: none;
}
.btn.btn-extra-large {
    font-size: 19px;
    padding: 22px 45px;
}
.btn.btn-large {
    font-size: 16px;
    padding: 16px 34px;
}
.btn.btn-medium {
    font-size: 14px;
    padding: 12px 24px;
}
.btn.btn-small {
    font-size: 12px;
    padding: 9px 20px;
}
.btn.btn-very-small {
    font-size: 11px;
    padding: 9px 16px 7px;
}
.btn.btn-switch-text.btn-extra-large>span {
    padding: 22px 47px;
}
.btn.btn-switch-text.btn-large>span {
    padding: 16px 36px;
}
.btn.btn-switch-text.btn-medium>span {
    padding: 12px 26px;
}
.btn.btn-switch-text.btn-small>span {
    padding: 7px 22px;
}
.btn.btn-switch-text.btn-very-small>span {
    padding: 11px 18px 9px;
}
.btn.btn-link {
    padding: 0 0 2px;
}
.btn.btn-transparent-light-gray:active, .btn.btn-transparent-light-gray:hover {
    border-color: var(--dark-gray);
}
/* gradient background color */
.bg-gradient-misty-rose {
    background-image: linear-gradient(360deg, rgba(254, 243, 240, 0.5) 0%, #fff6f3 100%);
}
/* text gradient color */
.text-gradient-light-gray-white {
    background-image: linear-gradient(to bottom, #eaeaea, #efefef, #f7f7f7, #fafafa, #ffffff); 
} 
/* background */
.bg-bright-turquoise {
    background-color: #ffddd4;
}
.bg-seashell {
    background-color: #fff6f3;
}
.bg-gold {
    background-color: #D4AF37;
}
.bg-charcoal-gradient {
	background-image: linear-gradient(to bottom, #111111, #333333, #555555, #777777, #999999);
	--background-image: linear-gradient(to bottom, #333333, ##555555, #777777, #efefef); 
	--background-image: linear-gradient(to bottom, #001F3F, #efefef, #333333, #fafafa, #ffffff); 
   -- background-color: #001F3F;
}
.bg-charcoal {
    background-color: #333333;
}
.bg-charcoal2 {
    background-color: #222222;
}
.bg-charcoal1 {
    background-color: #111111;
}
.bg-base-color-transparent {
    background-color: rgba(255, 96, 54, .8);
}
/* gold: #D4AF37 */
.bg-gold-color-transparent {
    background-color: rgba(212, 175, 55, .8);
}

/* navy #001F3F */
.bg-navy-color-transparent {
    background-color: rgba(0, 31, 63, .8);
}
/* charcoal #333333 */
.bg-charcoal-color-transparent {
    background-color: rgba(51, 51, 51, .8);
}
/* darkgray #151515 */
.bg-darkgray-color-transparent {
    background-color: rgba(21, 21, 21, .8);
}


/* padding */
.pb-190px {
    padding-bottom: 190px;
}
/* bg sliding line */ 
.bg-sliding-line-dark-gray { 
    background-image: linear-gradient(135deg, transparent 45%, #464646 45%, #464646 55%, transparent 0);
    background-size: 5px 5px;
}
/* header */
/* header */
	header .navbar-brand img {
		max-height: 32px;
	} 
	.navbar .navbar-nav .nav-link {
		font-size: 17px;
		color: var(--white);
	}
	.navbar .navbar-nav .nav-link:hover {
		font-size: 17px;
		color: var(--soft-gold);
	}
	header .btn.btn-rounded.btn-large {
		padding:10px 26px;
		font-size: 13px;
		font-weight: 500;
	}
	.sticky .header-transparent .header-button .btn {
		/*color: var(--white);*/
	}
	.sticky .header-transparent .header-button .btn:hover {
		/*color: #ebebeb;*/
		
	}
	header.sticky.sticky-active [data-header-hover="light"] .widget-text i {
		color: var(--white);
	}
	.btn.btn-transparent-light-gray {
		  background-color: #333333;
		  border-color: var(--light-gray);
		  color: #ffffff;
	}
	.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:active {
		  background-color: #bfc1c2;
		  border-color: #838996;
		  color: #000000;
	}
	
	.btn.btn-light-gray {
		  background-color: #333333;
		  border-color: var(--soft-gold);
		  color: #ffffff;
	}
	.btn.btn-light-gray:hover, .btn.btn-transparent-light-gray:active {
		  background-color: #bfc1c2;
		  border-color: var(--soft-gold);
		  color: var(--navy);
	}
	
	/* accordion style 02 */
	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
		background-color: var(--dark-gray);
	}
	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		color: var(--white);
	}
	/*
	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a,
	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a{
		opacity: .5;
	}
	
	.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a{
		opacity: .5;
	}
	*/
	/* btn */
	[class*=btn-transparent], [class*=" btn-transparent"] {
		font-weight: 500;
	}
	.btn {
		text-transform: none;
		font-family: var(--primary-font);
	}
	.btn.btn-switch-text.btn-extra-large > span {
		padding: 19px 40px;
	}
	.btn-gradient-purple-pink {
		background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb);
		background-size: 200% auto;
		color: var(--white);
	}
	/* bg gradient color */
	.bg-gradient-dark-gray-transparent { 
		background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
		background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
	}
	.bg-gradient-very-light-gray-transparent {
		background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
		background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
	}
	.bg-gradient-flamingo-red-transparent {
		background: -webkit-linear-gradient(right, rgba(243, 69, 59, 1.0), rgba(255, 255, 255, 0.0));
		background: linear-gradient(to right, rgba(243, 69, 59, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
	}
	.bg-gradient-base-color-transparent {
		background: -webkit-linear-gradient(right, rgba(15, 89, 201, 1.0), rgba(255, 255, 255, 0.0));
		background: linear-gradient(to right, rgba(15, 89, 201, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
	}
	.bg-gradient-light-gray-transparent {
		background: -webkit-linear-gradient(right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0));
		background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0));
	}
	.bg-midnight-blue {
		background-color: #1e2033;
	}
	/* text */
	.text-flamingo {
		color: #e55b53;
	}
	.text-gradient-orange-sky-blue {
		background-image: linear-gradient(to right, #5e70f3, #6170f1, #8074dc, #b87bb6, #ec8192);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		margin-bottom: 25px;
	}
	/* portfolio filter */
	.portfolio-filter li {
		padding: 0 18px;
		line-height: 24px;
	}
	/* blog */ 
	.categories-btn {
		font-size: 11px;
	}
	/* page title */
	.page-title-extra-large h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	.page-title-extra-large h2 {
		font-size: 17px;
		line-height: 28px;
		margin: 0 auto;
	}
	.process-step-style-05 .progress-step-separator {
		bottom: -10px;
		height: 100%;
		z-index: -1;
	}
	/* height */
	.h-72px {
		height: 72px !important;
	}
	#map {
		height: 650px;
		border-radius: 6px 0 0 6px;
	}
	/* margin top */
	.mt-minus-50px {
		margin-top: -50px;
	}
	/* line-height */
	.lh-200 {
		line-height: 12.5rem;
	}
	/* bottom */
	.bottom-auto {
		bottom: auto;
	}
	/* footer */
	footer .footer-logo img {
		max-height: 35px;
	}
	footer ul li {
		margin-bottom: 0;
	}
	.footer-light a:hover, .footer-navbar li a:hover {
		color: var(--dark-gray);
	}
	@media (max-width: 1299px) {
		.navbar .navbar-nav .nav-link {
			font-size: 16px;
		}
		header .btn.btn-rounded.btn-large {
			padding: 10px 15px;
			font-size: 12px; 
		}
	}
	@media (max-width: 1199px) {
		.navbar .navbar-nav .nav-link {
			font-size: 15px;
		}
		header .btn.btn-rounded.btn-large {
			padding: 10px 10px;
			font-size: 11px; 
		}
	}
	@media (max-width: 991px) {
		.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
			width: calc(100% + 30px) !important;
			margin-left: -15px;
			padding: 10px 45px;
			margin-bottom: 0;
			margin-right: -15px;
		}
		.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
			padding-bottom: 17px;
		}
		[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
			font-size: 19px;
		}
		header .btn.btn-rounded.btn-large {
			color: var(--dark-gray);
			border-color: var(--extra-medium-gray);
			padding: 10px 15px;
			font-size: 13px;
		}
	}
	@media (max-width: 767px) {
		.portfolio-filter li {
			padding: 0;
		}
	}