/*
Theme Name: Devine Portfolio
Template: twentytwentyfour
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: KO Websites
Author URI: https://ko-websites.com/
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: devine-twentytwentyfour-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
.heading-size-xl{
    font-size: clamp(68.676px, 4.292rem + ((1vw - 3.2px) * 7.6), 150px);
}
.heading-size-1{
	font-size: clamp(36.08px, 2.255rem + ((1vw - 3.2px) * 3.4), 66px);
}
.heading-size-2{
	font-size: clamp(26.014px, 1.563rem + ((1vw - 3.2px) * 1.93), 46px);
}
.heading-size-3-alt{
	font-size: clamp(24.041px, 1.378rem + ((1vw - 3.2px) * 1.586), 32px);
	font-weight:500;
}
.heading-size-4-alt{
	font-weight: 500;
	font-size: clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.032), 24px);
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu{
	transition: all 1s ease;
	opacity:0;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:hover>ul.mega-sub-menu {
	opacity: 1;
}

.page-title-bar-text h4{
	font-family: var(--wp--preset--font-family--inter);
	max-width: 700px;
    margin: 0 auto;
	font-size: 20px;
	font-weight: 400;
}
.mega-toggle-animated:before{
    margin-bottom: 0;
    font-family: 'arial' !important;
    font-weight: 700;
    font-size: 17px;
    margin-top: 2px;
}
body .logo-wrapper .wp-block-image img {
    max-width: 180px;
    max-height: 46px;
}
body .header-wrapper.sticky-header .logo-wrapper .wp-block-image img {
    max-width: 130px;
}
body .header-wrapper.sticky-header >div>div {
    padding-top:10px !important;
	padding-bottom: 10px !important;
}
body.admin-bar .header-wrapper.sticky-header {
    top: 32px !important;
}
body .slide-caption h4{
	margin: 0 0 15px;
    font-family: Arial Narrow;
    letter-spacing: 1px;
}
.background-hero{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index:1;
}
body main>section{
	background-color:transparent;
}
.page-template-contact-us section.main-content{
	z-index: 9;
}
.page-title-bar-text-contact h4{
	font-size: clamp(33.419px, 2.089rem + ((1vw - 3.2px) * 2.484), 60px);
    color: #fff;
    font-style: italic;
}
.page-title-bar-text-contact h1{
	color: #fff;
    font-size: clamp(68.676px, 4.292rem + ((1vw - 3.2px) * 7.6), 100px);
}
.page-template-contact-us .entry-content{
	font-size: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.305), 28px);
	font-weight:500;
}
#typed-text::after {
  content: "|";
  animation: blink 0.8s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
body.page-template-contact-us .gform_wrapper {
	margin: 0;
    background-color: transparent !important;
    padding: 0 !important;
}
body.page-template-contact-us .gform-theme--foundation .gform_fields{
	-moz-column-gap: 20px;
        column-gap: 20px !important; 
	row-gap: 20px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {
    height: 50px !important;
    background-color: #FFF;
    border: 0 !important;
    padding: 10px 15px !important;
    color: #333333;
    font-size: 17px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}