/*
 Theme Name:   OGAL 2022
 Theme URI:    https://ogalweb.com
 Description:  OGAL Web Design Theme
 Author:       Kyle Van Deusen
 Author URI:   https://ogalweb.com
 Template:     generatepress
 Version:      2022.1
*/

/** 
 TABLE OF CONTENTS 

  01. Utility Classes / General Styling
  02. Navigation
  03. Page Heros
  04. Footer
  05. Fonts
  06. Blog Single Post Template
  07. Investments Single Post Template
  08. Gravity Forms

**/ 

/* 01 - UTILITY / GENERAL */ 

body {
	width: 100%;
	max-width: 1920px;
	margin-inline: auto;
}

.title-link a{
	text-decoration: none;
}

/* Remove bottom margin on last paragraph in container (front end) */
.gb-container p:last-child:last-of-type {
	margin-bottom: 0px;
}

/* Remove bottom margin on last paragraph in container (editor) */
.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
	margin-bottom: 0px;
}

/* Set the main content area to a minimum of 65vh */
#main {
	min-height: 65vh;
}

/* Headline deafult bottom margin - set to match customizer */

.gb-headline{
	margin-bottom: 16px;
}


/* Max Width(s) */

.max-width-1024 {
	max-width: 1024px;
}


.max-width-768 {
	max-width: 768px;
	margin-inline: auto;
}

.max-width-640 {
	max-width: 640px;
	margin-inline: auto;
}

.max-width-480 {
	max-width: 480px;
}

/* Margin Auto */

.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

/* Position Properties */

.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky{
	position: sticky;
	top: 24px;
}

.no-underline a{
	text-decoration: none;
}

/* 02 - NAVIGATION */ 

@media (min-width: 1140px) {
	
	.main-navigation .main-nav ul li {
		transition: all .3s ease-in-out;
		position: relative;
	}
	
	.main-navigation .main-nav ul li:hover:not(.sub-menu *){
	transform: translatey(-3px);
	} 
}

/* Menu - Investment Child (Hack) */

.single-investment .main-navigation .menu-item-type-post_type_archive a{
	color: var(--nav-current);
} 

/* Nav Button */ 
@media (min-width: 1140px) {
    .main-navigation .main-nav ul li.nav-button a {
      background: var(--button-primary-bg);
      color: var(--button-primary-text);
      padding: .75em 2.5em;
      margin-left: 1em;
      font-weight: 500;
      line-height: 1.5;
      transition: .2s all ease-in-out;
      }
        
    .main-navigation .main-nav ul li.nav-button a:hover {
      background: var(--button-primary-bg-hover);
      color: var(--button-primary-text-hover);
      }	
    }
    
    /* Nav Hamburger Icon */ 
    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
        background-color: transparent;
        padding: 0px;
    }


/* 03- PAGE HERO */ 

.hero{
	position: relative;
	overflow: hidden;
}

.hero:before {
  position: absolute;
	content:'';
	width: calc(100vw - 4%);
	max-width: 1920px;
	height: 100%;
	background-color: #f4fbfb;
	top: 0px;
	left: 0px;
	border-bottom-right-radius: 220px;
	z-index: 0;
	
}

.hero:after{
	position: absolute; 
	content: '';
	height: 100%;
  aspect-ratio: 1/1;
	top: 78px;
	right: 0px;
	background-image: url('/wp-content/uploads/2022/09/Emilia-Icon-Body.svg');
	background-size: cover; 
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .hero:before {
        width: 100%;
        background-color: #f4fbfb;
        border-bottom-right-radius: 80px;
        z-index: 0;	
    }
	
    .hero:after{
	width: 80%;
 }
}


/* 04. FOOTER */ 

.footer-links-no-u p a{
	text-decoration: none;
}


/* 05. FONTS */

@font-face {
  font-family: 'Addington';
  src: url('/wp-content/uploads/2022/09/AddingtonCF-ExtraBold.eot');
  src: url('/wp-content/uploads/2022/09/AddingtonCF-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/uploads/2022/09/AddingtonCF-ExtraBold.svg') format('svg'),
       url('/wp-content/uploads/2022/09/AddingtonCF-ExtraBold.ttf') format('truetype'),
       url('/wp-content/uploads/2022/09/AddingtonCF-ExtraBold.woff') format('woff'),
       url('/wp-content/uploads/2022/09/AddingtonCF-ExtraBold-1.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('/wp-content/uploads/2022/11/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/uploads/2022/11/inter-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-500 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('/wp-content/uploads/2022/11/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/uploads/2022/11/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('/wp-content/uploads/2022/11/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/uploads/2022/11/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* 06 - BLOG */ 
.blog-card__image, .blog-post__featured-image {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.line-clamp-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-post__featured-image{
	outline: 6px solid white;
}

.blog-post__content-area h2,
.blog-post__content-area h3,
.blog-post__content-area h4{
	margin-top: 1em;
}

.author-image-container img{
	width: 100%;
	height: 320px;
	object-fit: cover; 
	border-radius: 8px; 
	border: 4px solid var(--body); 
	margin-top: -60px;
}

.dynamic-author-description, .post_author_bio {
	font-size: 16px;;
}

.blog-callout {
	margin-left: -120px;
	margin-right: -120px;
	font-size: 1.1em;
}

.youtube-embed iframe {
	aspect-ratio: 16/9;
	border-radius: 4px;
}

.news-container{
	position: relative;
	z-index: 2;
}

.news-container:before {
    position: absolute;
	content:'';
	width: calc(100vw - 4%);
	max-width: 1920px;
	height: 90%;
	background-color: #f4fbfb;
	top: 0px;
	right: 0px;
	border-top-left-radius: 220px;
	border-bottom-left-radius: 24px;
	z-index: 0;	
}


@media (max-width: 768px) {
	.news-container:before {
        width: 100%;
        border-top-left-radius: 80px;
        border-bottom-left-radius: 0px;
	}
}

.read-more-link {
	position: relative;
}

.read-more-link:before{
    content: "Read: "
}

/* 07. INVESTMENTS PAGE */ 

  /* Quote */ 

@media (min-width: 768px) { .investment-quote .gb-icon{
	background-color: white;
	margin-right: 23px;
	border-radius: 400px;
	padding: 8px !important;
	margin-left: -74px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
	margin-top: -8px;	
}
}

@media (max-width: 767px){
	.investment-quote .gb-icon{
        background-color: white;
        border-radius: 400px;
        padding: 8px !important;
        box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
        margin-bottom: 16px;	
    }
	
}



/* 08. Gravity Forms */ 
/* Field Labels */ 

.gfield_label{
	font-size: .9rem;
	font-weight: 500;
	text-transform: uppercase; 
	margin-bottom: 16px;
	letter-spacing: .1rem;
	color: var(--accent-4);
}

/* Field Widths */ 
.large {
	width: 100%;
}

/* Space Between Fields */ 
.gfield {
	margin-bottom: 24px;
}


/* Contact form Name's tweaks */ 
#input_1_1 {
	display: flex;
	gap: 24px;
}

@media (max-width: 768px) { 
#input_1_1 {
	display: block;
	gap: 24px;
}	
	
#input_1_1_3 {
	margin-bottom: 16px;
	}
}

#input_1_1_3_container, #input_1_1_3 {
	width: 100%;
}

#input_1_1_6_container, #input_1_1_6 {
	width: 100%;
}

/* Name Field Sub-Labels tweaks */  
.name_last label, .name_first label {
	display: block;
	font-size: .9rem;
	font-weight: 500;
	letter-spacing: .1rem;
	text-transform: uppercase; 
	color: var(--accent-4);
	flex-grow: 5;
}

/* Field Outlines */ 
.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .gform_body textarea  {
	
	border-color: var(--accent-3);
}

.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper .gform_body textarea:focus {
	border-color: var(--text);
}

/* Field Upload Field */ 
.gform_fileupload_rules {
	font-size: .8rem !important;
}

/* Required Fields */ 
.gfield_required .gfield_required_text {
	color: var(--link);
	margin-left: 4px;
}

/* Button */ 
.gform_button {
	border-radius: 4px !important;
}

/* Sticky header */
.header-wrap {
	background-color: #F4FBFB;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.admin-bar .header-wrap {
	top: 32px;
}