/*
Theme Name:   	U'i Ola
Theme URI:    	https://everywhererightnow.com
Author:       	Everywhere Right Now LLC
Author URI:     https://everywhererightnow.com
Template:     	storefront
Description:  	A custom theme developed exclusively for U'i Ola Naturopathic Medicine.
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {font-family: "Montserrat", sans-serif;}

a:focus, .focus a {
	outline: none !important;
}
a, #logo a, a img, button, .button, .gform_button, #searchform button[type="submit"], .search-submit, .mc4wp-form-fields input[type="submit"] {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	}
#logo a:hover, a img:hover, #searchform button[type="submit"]:hover {
	opacity:0.75;
	filter:alpha(opacity=85);
	}
a, a:visited {
	color:#0791be;
	text-decoration:none !important;
	}
a:hover {
	color:#333;
	text-decoration:none;
	}
.home .entry-header, .edit-link, .storefront-product-pagination, #site-navigation-menu-toggle {
	display:none;
}
button, .button, button.alt, .button.alt {
	background:#FFF;
	color:#FFF;
	border:1px solid #707070;
	border-radius:1.5em;
	box-shadow:3px 3px 9px rgba(0, 0, 0, 0.3);
}
button:hover, .button:hover, button.alt:hover, .button.alt:hover {
	background:#007ADF;
	color:#FFF !important;
}
.return-to-shop .button, .added_to_cart {
	color:#FFF !important;
}
.return-to-shop .button:hover {
	color:#333 !important;
}
.fa-solid {
	font-family: "Font Awesome 6 Pro" !important;
}
.top-bar {
	background:#000055;
	text-align:center;
}
.top-bar p {
	color:#07FFCC;
	font-size:0.9em;
}
.top-bar a {
	background:#007ADF;
	color:#fff;
	border-radius:1.2em;
	padding:0.12em 0.9em;
	display:inline-block;
	margin:0.3em;
}
.top-bar a:hover {
	background:#07FFCC;
	color:#000055;
}
.widget {
  margin: 0;
}
.textwidget p {
	margin:0;
}
.home.page:not(.page-template-template-homepage) .site-header {
	margin-bottom:0;
}
.site-header {
    padding-top: 0;
  }
.site-branding {
	margin-bottom:0;
	padding:0.3em 0;
}
.site-header .site-branding img {
    max-width: 270px;
  }
.site-header .col-full {
	max-width:90%;
}
.col-wide {
	width:94.7%;
	margin:0 auto;
	display:flex;
}
#mega-menu-wrap-secondary {
	margin-left: auto;
}
.flyout-menu li a {
	text-shadow:none;
}
.flyout-menu li.current-menu-item > a {
  background: rgba( 0, 0, 0, 0.15);
}
.flyout-trigger-id-59 {
	display:none;
	text-align:center;
}
.hp-sec-1 h1 {
	color:#007ADF;
	margin-bottom:0;
	font-size:2.1em;
}
.hp-sec-1 h2 {
	color:#007ADF;
	font-size:2.1em;
}
.hp-sec-2 h5 {
	color:#007ADF;
	font-size:1.02em;
	font-weight:500;
}
.hp-sec-2 h2 {
	background:url(/wp-content/uploads/2025/11/ui-ola-icon-black.svg) 0px 0px no-repeat;
	background-size:72px;
	font-weight:800;
	padding-left:81px;
		font-size:1.65em;
	color:#000;
}
p, li {
	color:#000;
	font-size:1.05em;
}
.hp-sec-2 a, .section-0 a {
	color:#8A24EF;
}
.hp-sec-2 a:hover, .section-0 a:hover {
	color:#00ECBC;
}
.hp-sec-2 a:after, .section-0 a:after {
	content:"\f0da";
	font-family: "Font Awesome 6 Pro";
	font-weight:600;
	padding:0 0 0 0.15em;
}
.hp-sec-2 h3 {
	color:#000;
	font-weight:800;
	font-size:2.1em;
	margin-bottom:0;
}
.hp-sec-2 h4 {
	color:#007ADF;
	font-weight:700;
	font-size:0.96em;
}
.hp-sec-3 {
	background:url(/wp-content/uploads/2025/11/gradient-green-blue.webp) 50% 50% repeat-x;
	padding:6em 0;
}
.iv-menu {
	background:url(/wp-content/uploads/2025/11/gradient-green-blue.webp) 50% 50% repeat-x;
	padding:3em 0;
}
.hp-sec-3 h2 {
	color:#007ADF;
	font-weight:600;
}
.hp-sec-3 h3, .iv-menu h3, .iv-menu-2 h3 {
	font-weight:600 !important;
	font-size:1.2em !important;
}
.hp-sec-3 h3::after, .iv-menu h3::after, .iv-menu-2 h3::after {
    content: "";  
    display: block; 
    margin: 0 auto; 
    width: 180px; 
	border-bottom:1px solid #707070;
	padding-top:9px;
}
.hp-sec-3 p, .iv-menu p, .iv-menu-2 p {
	padding:0 9px;
	font-size:0.81em;
	margin:0.9em 0 0 0;
}
.hp-sec-3 h4, .iv-menu h4, .iv-menu-2 h4 {
	margin:0.6em;
	background:#707070;
	color:#fff;
	border-radius:0.3em;
	font-size:1.2em;
	padding:0.3em 0;
	transition:.5s;
}
.hp-sec-3 h4:hover, .iv-menu h4:hover, .iv-menu-2 h4:hover {
	background:#00ECBC;
	color:#000055;
}
.button-shadow {
	box-shadow:0px 3px 9px rgba(0, 0, 0, 0.15);
	border-radius:1.6em;
}
.hp-sec-4 h2 {
	color:#fff;
	font-weight:700;
	font-size:3.0em;
	background:url(https://ui-ola-wellness.local/wp-content/uploads/2025/11/ui-ola-icon-white.svg) no-repeat;
}
.hp-sec-5 h3 {
	font-weight:700;
	font-size:1.2em;
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.3);
	border-radius:0.45em;
	padding:0.3em 0;
	color:#000;
}
.hp-sec-5 h4 {
	font-size:1.02em;
	color:#000;
	font-weight:400;
}
.site-footer {
  	background-color: #fff;
  	color: #707070;
	text-align:center;
}
.site-content {
	box-shadow:1px 3px 6px rgba(0, 0, 0, 0.21);
	margin-bottom:10px
}
.footer-brand {
	max-width:291px;
	margin:0 auto;
}
.site-info p {
	margin-bottom:0;
}
.site-info p a {
	color:#707070;
}
.site-info p a:hover {
	color:#007ADF !important;
}
#text-3 p {
	text-align:left;
	margin-top:1.2em;
	font-size:0.96em;
}
.hero-wrap {
	margin-left: calc(-100vw / 2 + 66.4989378333em / 2);
	margin-right: calc(-100vw / 2 + 66.4989378333em / 2);
}
.hero-background-mask {
	background: linear-gradient(0deg,rgba(9, 9, 121, 0.6) 0%, rgba(0, 236, 188, 0.0) 100%);
}
.limit {
	max-width:66.4989378333em;
	width:100%;
	margin:0 auto;
}
.hero-title {
	color:#fff;
	font-weight:600;
	padding:300px 0 10px 0;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.65);
}
.page-template-template-hero.no-wc-breadcrumb .site-header {
  margin-bottom: 0;
}
.page-template-template-hero h2 {
	font-weight:700;
	font-size:1.5em;
}
.page-template-template-hero h3 {
	font-weight:700;
	font-size:1.5em;
	margin-bottom:0;
}
.gform_wrapper input:focus, .gform_wrapper textarea:focus {
	outline:none;
	background:#ffc;
}
.gform_wrapper input[type="submit"], .gform_wrapper .button {
	background-color: #007ADF;
	border-color: #007ADF;
	color: #FFF;
}
.gform_wrapper input[type="submit"]:hover, .gform_wrapper .button:hover {
	background-color: #8A24EF;
	border-color: #8A24EF;
	color: #FFF !important;
}
.shadow-box {
	box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.24);
}
.sp-section-1 h3 {
	color:#007ADF;
	font-size:1.8em;
}
.sp-section-1 h4 {
	color:#000;
	font-weight:700;
	font-size:1.2em;
}
.iv-section-1 ul {
	list-style-type:none;
	clear:both;
	margin:0 0 3.0em 0.9em;
}
.iv-section-1 li {
	float:left;
}
.iv-section-1 li:first-child {
	font-weight:800;
	width:81px;
}
.add-ons ul {
	list-style-type:none;
	margin-left:0;
}
.add-ons li {
	margin-bottom:0.9em;
}
.add-ons li strong {
	min-width:240px;
	display:inline-block;
	padding-left:0.6em;	
	border-bottom:1px dotted #999;
}
.iv-section-2 h2 {
	color:#007ADF;
	font-size:1.8em;
}
.iv-section-2 h2+h3 {
	border-top:3px solid #00ECBC;
	padding-top:0.3em;
	font-weight:400;
	font-size:1.2em;
	margin-bottom:0.6em;
}
.iv-section-2 h4 {
	font-size:1.02em;
	font-weight:400;
}
.iv-section-2 h5 {
	font-size:1.02em;
	font-weight:400;
}
.iv-section-2 h6 {
	font-size:1.2em;
	font-weight:600;
}
.site-header .site-branding {
	width:24%;
}	







/* For everything below a break point */
@media (max-width: 780px) {
	.flyout-trigger-id-59 {
		display:block;
	}
	#mega-menu-wrap-primary, #mega-menu-wrap-secondary {
		display:none;
	}
	.storefront-secondary-navigation .site-header .site-branding {
		margin:0 auto;
		width:240px;
	}
	.mobile-fix-1 {
		min-height:390px;
	}
	.site-header .site-branding {
		width:100% !important;
	}	
	.site-header .site-branding img {
 		margin:0 auto;
	}
}
@media only screen and (max-width: 1147px) {
	.hero-wrap {
		margin-left: -42px;
		margin-right: -42px;
	}
	.hero-title {
		padding:200px 0 10px 72px;
		font-size:2.0em;
	}
}
/* Align Navbar To The Right of the Logo + PHP */
    @media (min-width: 768px) {
        #masthead .col-full {
            display: flex;
            align-items: center;
        }

        #masthead .main-navigation {
            text-align: right;
        }

        .woocommerce-active .site-header div.site-branding {
            width: auto;
        }
    }
/* ##### END ##### */