/*Theme Name: Tank
Theme URI: https://themeforest.net/item/tank-creative-portfolio-wordpress-theme/34096116
Description: Tank is a Powerful Creative Portfolio Showcase WordPress Theme. Designed and handcrafted with care to highlight your creativity and uniquely promote your services. Ideal for design companies, creative agencies, developers, freelancers, and influencers. It is also appropriate for photographers, photo studios, designers, artists, individuals, and anyone else who wishes to present their creations.
Version: 4.4.5
Author: webRedox WordPress team
Author URI: https://webredox.net/

License:
License URI:
Tags: two-columns, custom-background, custom-colors, featured-images, theme-options
Text Domain: tank
*/

h1{
	font-family: itc-avant-garde-gothic-pro, sans-serif !important;
	font-weight:700 !important;
	text-transform: uppercase;
	letter-spacing: -.05em;
	font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "ss03","liga", "clig";
  -webkit-font-feature-settings: "ss03","liga", "clig";
  font-feature-settings: "ss03","liga", "clig";
}

h2 {
	font-family: itc-avant-garde-gothic-pro, sans-serif !important;
	font-weight:700 !important;
	letter-spacing: -.05em;
	font-variant-ligatures: discretionary-ligatures;
  -moz-font-feature-settings: "dlig";
  -webkit-font-feature-settings: "dlig";
  font-feature-settings: "dlig";
}

h3{
	font-family: itc-avant-garde-gothic-pro, sans-serif !important;
	font-weight:700 !important;
	text-transform:uppercase;
		font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "ss03","liga", "clig";
  -webkit-font-feature-settings: "ss03","liga", "clig";
  font-feature-settings: "ss03","liga", "clig";
}
h4 {
	font-family: Space Grotesk, sans-serif !important;
	font-weight:300 !important;
}
h5 {
	font-family: itc-avant-garde-gothic-pro, sans-serif !important;
	font-weight:700 !important;
	text-transform: uppercase;
	letter-spacing: -.05em;
	font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "ss03","liga", "clig";
  -webkit-font-feature-settings: "ss03","liga", "clig";
  font-feature-settings: "ss03","liga", "clig";
}
h6 {
	font-family: Space Grotesk, sans-serif !important;
	text-transform: uppercase;
	font-weight:700 !important;
}

.testimonial-item p {
	font-family: Karla, sans-serif !important;
}
.scroll-down-circle {
	font-family: Space Grotesk, sans-serif !important;
	font-weight:700 !important;
}

.tt-pn-link {
	font-family:'Space Grotesk' !important;
	font-weight:700 !important;
	text-transform:uppercase !important;
	font-size: .8em !important;
}
.footer-social{
    font-family: Space Grotesk, sans-serif !important;
	text-transform: uppercase;
	font-weight:700 !important;
}
.tt-pn-subtitle{
	font-family: Space Grotesk, sans-serif !important;
	text-transform: uppercase;
	font-weight:700 !important;
}
.tt-copyright {
	font-family: Space Grotesk, sans-serif !important;
	font-weight:300 !important;
}
.portfolio-interactive-item {
	font-family: itc-avant-garde-gothic-pro, sans-serif !important;
}

.tt-main-menu-list > li > a, .tt-main-menu-list > li > .tt-submenu-trigger > a {
    text-transform:uppercase;
}

.wp-caption{
	margin-bottom: 1.75em;
	max-width: 100%;
}
.wp-caption-text{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.24s ease-in-out;
	-moz-transition: opacity 0.24s ease-in-out;
	transition: opacity 0.24s ease-in-out;
}
.sticky{
	color: #000;
}
.gallery-caption{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.24s ease-in-out;
	-moz-transition: opacity 0.24s ease-in-out;
	transition: opacity 0.24s ease-in-out;
}
.bypostauthor{
	color:#fff;
}
.alignleft{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.alignright{
    display: block;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
	clear:both;
}
.aligncenter{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	color:#000;	
}
.wp-block-image.alignfull img, 
.wp-block-image.alignwide img {
    width: 100%;
}
.tt-blog-post-tags{
	clear:both;
}

/* Box-sizing rule for consistent element sizing */
.henry-button,
.henry-button * {
	box-sizing: border-box;
}

/* Relative positioning for the button, important for positioning child elements */
.henry-button {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
    color: var(--henry-button-text, #ffffff);
    background: transparent;
    width: 12rem;
    height: 3rem;
    padding: 0;
    margin: 1rem;
    font-family: "Space Grotesk";
	font-weight: 700;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* This is necessary for the decoration elements to position correctly */
    border-radius: var(--henry-button-border-radius, 25px); /* Scoped rounded corners */
}

/* Ensuring cursor changes when the button or related elements are active */
.active {
	cursor: pointer;
}

.henry-button:focus,
.henry-button--hover {
    outline: none;
    color: var(--henry-button-text-hover, #fff);
    background: transparent;
}

/* Styles for button decoration */
.henry-button__deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: var(--henry-button-stroke-width, 1px);
    border-style: solid;
    border-radius: var(--henry-button-border-radius, 25px); /* Scoped rounded corners for border */
    transition: border-width 0.3s ease, border-color 0.3s ease;
}

/* Front stroke color */
.henry-button__deco--1 {
    border-color: var(--henry-button-stroke-1, #ffffff); /* Scoped front stroke color */
}

/* Back stroke color */
.henry-button__deco--2 {
    border-color: var(--henry-button-stroke-2, #ffffff); /* Scoped back stroke color */
}

/* Hover effects for front and back stroke */
.henry-button--hover .henry-button__deco--1 {
    border-width: var(--henry-button-stroke-hover-width, 2px);
    /* Scoped front stroke hover color */
}

.henry-button--hover .henry-button__deco--2 {
    border-color: var(--henry-button-hover-color-2, #b2ecf9); /* Scoped back stroke hover color */
    border-width: var(--henry-button-stroke-hover-width, 2px);
}

.henry-button__text, 
.henry-button__text-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.henry-button__text {
    overflow: hidden;
}

/* HENRY CUSTOM BUTTON SECTION */
.henry-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}