/*
 Theme Name:   Enamur Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     enamur
 Version:      0.1
*/
@import url('https://fonts.cdnfonts.com/css/amazon-ember');
body{
	background: #FFFFFF !important;
	font-family: var(--gotham) !important;
	font-weight: 700; /* Medium */
	font-size: 16px !important;
}
p {
	font-family: var(--gotham) !important;
	font-weight: 400; /* Medium */
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--apotek-extended) !important;
    font-weight: 400;
}
ul li {
	list-style: none;
}
.site-header {
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	z-index:100;
	border-bottom: 1px solid #E6E6E6;
}
#page {
	margin-top: 88px;
}
.site-header #primary-menu li {
	font-family: var(--gotham) !important;
	font-weight: 400; /* Book */
	padding: 0 20px;
}
.site-header #primary-menu li:last-child {
	padding-right: 0;
}
.site-header #primary-menu li a {
	line-height: 48px;
	padding: 0;
	transition: all ease 0.3s;
}
.site-header #primary-menu li:last-child a, .elementor-button, input.wpcf7-submit {
	background: linear-gradient(#00AEEF, #00AEEF 50%, #3B87A3 50%, #3B87A3) !important;
	background-size: 100% 200% !important;
    transition: background 0.4s;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 15px 24px;
	font-family: var(--apotek-extended) !important;
	font-size: 18px !important;
    font-weight: 700;
	border-radius: 30px;
	line-height: 1;
}
.site-header #primary-menu li:last-child:hover a,  .elementor-button:hover, input.wpcf7-submit:hover {
	background-position: 100% 99% !important;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left: 0 !important;
}
.site-footer .footer-widgets-container .footer-widget-1 .inner-padding {
	padding: 0 !important;
}
.site-footer .footer-widgets-container .footer-widget-2 .inner-padding:last-child {
	padding-left: 40px !important;
}
.bg-white .elementor-button {
	background: linear-gradient(#FFFFFF, #FFFFFF 50%, #E0F7FF 50%, #E0F7FF) !important;
	background-size: 100% 200% !important;
}
.bg-white .elementor-button:hover {
	background-position: 100% 99% !important;
}
.bg-blue .elementor-button {
	background: linear-gradient(#E0F7FF, #E0F7FF 50%, #3B87A3 50%, #3B87A3) !important;
	background-size: 100% 200% !important;
}
.bg-blue .elementor-button:hover {
	background-position: 100% 99% !important;
	color: #FFFFFF !important;
}
.site-header #primary-menu li.current-menu-item:not(:last-child) a {
	font-weight: bold;
}
.site-header #primary-menu li.current-menu-item:not(:last-child) a, .site-header #primary-menu li:not(:last-child):hover a {
	color: #00AEEF;
	position: relative;
	display: inline-block;
}
.site-header #primary-menu li.current-menu-item:not(:last-child) a:before {
	width: 100%;
}
.site-header #primary-menu li.current-menu-item:not(:last-child) a:before, .site-header #primary-menu li:not(:last-child) a:before {
	content: '';
	border-bottom: 1px solid #00AEEF;
	position: absolute;
	bottom: 10px;
	transition: all ease 0.4s;
}
.site-header #primary-menu li:not(:last-child) a:before {
	width: 0;
}
.site-header #primary-menu li:not(:last-child):hover a:before {
	width: 100%;
}
.inside-header {
    padding: 20px 0px !important;
	max-width: 1280px;
}
.menu-toggle {
	line-height: 1;
}

.footer-widgets, .site-info {
	background: #0E0E0E;
}
.footer-widgets *, .site-info * {
	color: #FFF;
}
.site-footer {
	display: flex;
    flex-direction: column;
	position: relative;
	z-index: 0;
}
.cc-home-default .site-footer, body.page-id-14 .site-footer {
	margin-top: -80px;
}
.footer-widgets {
	order: 1;
}
.footer-widgets .footer-widgets-container {
	border-top: 1px solid #888888;
	padding: 20px 0 !important;
	max-width: 1280px;
}
.site-footer .copyright-bar {
	display: none;
}
.site-info {
	text-align: left;
}
.site-footer .inside-site-info {
	justify-content: left;
	padding: 20px 0 !important;
	max-width: 1280px;
}
.site-footer .wp-block-social-link-label {
	display: none;
}
.site-footer .wp-block-social-links {
	fill: #FFFFFF;
}
.footer-widgets .wp-block-social-links {
	justify-content: end;
	gap: 32px;
}
.footer-widgets .widget li:last-child {
	margin-bottom: auto;
}
.footer-widgets .widget li {
	margin-bottom: 0;
}
.footer-widgets .widget li:last-child svg {
	width: 20px;
}
.site-footer .site-info #menu-footer-menu li {
	font-weight: bold;
}
.footer-widget-2 {
	display: flex;
	justify-content: end;
}
.site-footer a:hover {
	color: #F6F6F6;
}
.grid-posts {
	display: flex;
	flex-direction: row;
	gap: 22px;
	margin: 0;
}
.grid-posts li {
    flex-grow: 1;
    flex-basis: 0;
	background: #F5F5F5;
	transition: all ease 0.4s;
	overflow: hidden;
	border-radius: 16px;
}
.grid-posts .post-content {
	padding: 14px 24px 24px 24px;
}
.grid-posts h3 {
	font-size: 28px;
	margin: 0;
}
.grid-posts img {
	transition: all ease 0.4s;
	object-fit: cover;
	height: 330px !important;
}
.grid-posts li:hover img {
	height: 200px !important;
	object-fit: cover;
}
.grid-posts .post-text {
	height: 76px;
}
.grid-posts .post-text, .grid-posts .post-url {
	display: none;
}
.grid-posts li:hover .post-text, .grid-posts li:hover .post-url {
	display: block;
}
.subscribe-form-container p {
  border: 1px solid #ccc; /* Adds a border around the entire "input" area */
  border-radius: 5px; /* Optional: rounds the corners */
  overflow: hidden; /* Ensures button stays within the container */
  background: #FFFFFF;
  border-radius: 100px;
  padding: 8px;
}
.subscribe-form-container p{
	margin-bottom: 0;
	width: 100%;
}
.subscribe-form-container .wpcf7-spinner {
	display: none;
}
.subscribe-form-container input.wpcf7-email {
  flex-grow: 1;
  border: none;
  padding: 10px;
  outline: none;
  background: none;
  width: 70%;
}

.subscribe-form-container input.wpcf7-submit {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 18px 24px !important;
  cursor: pointer;
  position: absolute;
  right:4px;
  top: 4.5px;
}
#home-contact {
	position: relative;
	z-index: 1;
}
#home-contact p:not(:last-child) {
	margin-bottom: 10px;
}
#home-contact label, #home-contact .key-text {
	font-size: 12px;
	color: #666666;
}
#home-contact input.wpcf7-form-control {
	width: 100%;
	border-radius: 4px;
	background: #F6F6F6;
	border: 0;
	font-size: 16px;
	font-family: var(--apotek-extended) !important;
	font-weight: 700; /* Medium */
	padding: 17px 20px !important;
}
#home-contact .wpcf7-checkbox .wpcf7-list-item {
	margin-left: 0;
	padding: 12px 0 20px 0;
}
#home-contact .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 14px;
	color: #0E0E0E;
	padding-left: 5px;
}
#home-contact .wpcf7-submit {
	border-radius: 50px !important;
	padding: 15px 24px;
	width: auto !important;
}
.wpcf7-response-output, .wpcf7-not-valid-tip {
	font-size: 12px !important;
}
.site.grid-container {
	max-width: 100%;
}

:root{
    --card-gap: 22px;
    --radius: 16px;
    --card-h: 410px;
    --img-h: 330px;  
    --img-h-hover: 210px;
    --card-bg: #F5F5F5;
}
.cc__grid{
	display:grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap:var(--card-gap)
}
#frequently-asked-questions:target {
	scroll-margin-top: 130px; 
}


@media (max-width:1024px){ 
	.cc__grid{ 
	  grid-template-columns:repeat(2,minmax(0,1fr)); 
	} 
}

@media (max-width:640px){ 
	.cc__grid{ 
	  grid-template-columns:1fr; 
	} 
}

/* CARD: fixed total height => outer layout doesn't move */
.cc__card{
	height: var(--card-h);
	background:var(--card-bg);
	border-radius:var(--radius);
	overflow:hidden;
	display:flex;
	flex-direction: column;
	cursor: pointer;
	transform:translateZ(0);
	-webkit-transform:translateZ(0);
	backface-visibility:hidden;
}

/* MEDIA: real height animates, but total card height is fixed */
.cc__card__media{
	height: var(--img-h);
	transition: height .35s cubic-bezier(.25,.46,.45,.94);
	overflow:hidden;
}

.cc__card:hover .cc__card__media,
.cc__card:focus .cc__card__media{
	height: var(--img-h-hover)!important;
}

.cc__card__img{
	width:100%;
	height:100%!important;
	display:block;
	max-width:none;
	max-height:none;
	object-fit:cover;
	aspect-ratio:auto !important;
}

/* CONTENT: Uses flexbox to position elements */
.cc__card__content{
	padding: 22px 24px 24px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
}

.cc__card__title{
	margin:0;
	font-size:28px;
	line-height:1.2;
	letter-spacing:.2px;
	display: flex;
	align-items: center;
	flex-grow: 1;
	transition: all .35s ease;
}

/* Container for body and link */
.cc__card__body-container {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: all .35s ease;
	display: flex;
	flex-direction: column;
}

.cc__card:hover .cc__card__body-container,
.cc__card:focus .cc__card__body-container{
	max-height: 200px;
	opacity: 1;
}

/* BODY: sits above the link */
.cc__card__body{
	margin-bottom: 14px;
}

.cc__card__text{ 
	margin:0; 
	font-size:16px; 
}

/* LINK: positioned at the bottom */
.cc__card__link{
	color: #007CA5 !important;
	text-decoration: underline !important;
	opacity: 0;
	margin-top: 10px;
	transition: all .35s ease;
}

.cc__card:hover .cc__card__link,
.cc__card:focus .cc__card__link{
	opacity: 1;
	transform: translateY(0);
}

.cc__card:hover .cc__card__title,
.cc__card:focus .cc__card__title {
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	flex-grow: 0;
	margin-bottom: 14px;
}
#img-con {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50vw;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
#img-con > div {
	height: 100%;
}
#img-con img{
	width: 100%;
	height: 100%;
	object-fit: cover;
} 
.cc-list-item .cc-list-item-list ul li {
	list-style: disc;
	list-style-position: inside;
	display: list-item !important;
}

/* Mobile: no hover effects */
@media (max-width:767px) {
	.cc__card__content{
		padding: 20px;
	}
	.cc__card{
	  height: auto;
	  cursor: default;
	}

	.cc__card__media{
	  height: 300px;
	  transition: none;
	}

	.cc__card:hover .cc__card__media,
	.cc__card:focus .cc__card__media{
	  height: 300px;
	}

	.cc__card__title {
	  justify-content: flex-start;
	  align-items: flex-start;
	  text-align: left;
	  flex-grow: 0;
	  margin-bottom: 14px;
	}

	.cc__card__body-container {
	  max-height: none;
	  opacity: 1;
	  display: block;
	}

	.cc__card__link {
	  opacity: 1;
	  transform: translateY(0);
	  margin-top: 20px;
	}
	.site-header #primary-menu li:last-child {
		padding-top: 20px;
	}
	#frequently-asked-questions:target {
		scroll-margin-top: 72px; 
	}
}

@media only screen and (max-width: 880px) {
	#what-makes-different .e-con-inner  {
		padding: 0 !important;
	}
	#img-con  {
		position: relative;
		width: 100%;
		height: auto;
	}

	#img-con img {
		height: auto;
	}
}

@media only screen and (max-width: 767px) {
	#home-banner-content {
		position: relative;
	}
	.subscribe-form-container input.wpcf7-submit {
		font-size: 14px;
	}
	.subscribe-form-container p {
		padding: 3px;
	}
	.cc-home-default .site-footer, body.page-id-14 .site-footer {
		margin-top: -310px;
	}
	body.home .site-footer .site-info, body.page-id-14 .site-footer .site-info {
		padding-top: 330px;
	}
	.footer-bar .widget_nav_menu>div>ul {
		display: block;
	}
	.inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 16px;
    }
	.footer-widget-2 {
		justify-content: start;
	}
	.footer-widget-2 #block-11 {
		margin-right: 20px;
	}
	.footer-bar-active .footer-bar {
		width: 100%;
	}
	#menu-footer-menu li {
		margin: 0;
	}
	.footer-bar .widget_nav_menu li {
		padding: 3px 0;
	}
	.mobile-menu-control-wrapper .menu-toggle {
		padding: 0;
	}
	.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: transparent;
	}
	.has-inline-mobile-toggle #site-navigation.toggled {
		position: absolute;
		top: 49px;
		background: white;
		width: 100%;
		left: 0;
		padding: 10px 20px 20px 20px;
		border-top: 1px solid #E6E6E6;
	}
	.site-header .main-navigation.toggled .main-nav {
		flex-basis: auto;
	}
	.site-header #primary-menu li {
		padding: 0;
	}
	#home-banner-content .e-con-inner, #what-makes-different .e-con-inner  {
		padding: 0 !important;
	}
	#home-banner-content > .e-con-inner > .elementor-element {
		background-color: #E0F7FF;
		box-shadow: inset 0px 22px 9px rgba(0, 0, 0, 0.2);
	}
	.site-header .site-logo img {
		width: 120px;
	}
	#page {
		margin-top: 72px;
	}
	.subscribe-form-container input.wpcf7-email {
		width: 50%;
	}
	.subscribe-form-container input.wpcf7-submit {
		padding: 13px 15px !important;
	}
	body{
		font-size: 15px !important;
		line-height: 23px;
	}
}

@media only screen and (max-width: 1280px) {
	.site-header.grid-container, .site-footer #footer-widgets, .site-footer .site-info {
		padding-left: 20px;
		padding-right: 20px;
	}
	.elementor-element .e-con-inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.gb_contact_page_accordion .e-n-accordion-item .e-con-inner {
		padding-left:0px!important;
		padding-right:0px!important;
	}
}

@media only screen and (max-width: 400px) {
	.footer-widgets .wp-block-social-links {
		gap: 20px;
	}
}


@media only screen and (min-width: 768px) {
	.cc-contact-us-container {
		position: sticky!important;
		top:180px;
	}
}

@media only screen and (min-width: 1440px) {
	.elementor-widget-video .e-hosted-video {
		max-height: 820px;
		width: 100%;
	}
}