/*
Theme Name:    SOS Prayer
Description:   Child Theme for Beaver Builder
Version:       1.0.0
Author:        Norsk Interaktiv AS
Author URI:    https://norskinteraktiv.no/
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Font settings */
h1, h2, h3, h4, h5, h6 {
	font-family: soleil, sans-serif !important;
	font-weight: 700 !important;
}
body, p, a:not(.sos-mec-edit-link) {
	font-family: soleil, sans-serif !important;
	font-weight: 500 !important;
}

/* Styles */
img.fl-logo-img {max-width: 200px;}

.wp-core-ui .button-primary {
    background: #11A05C;
    border-color: #11A05C;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
	border-radius; 30px;
}

/* =========================================================
   MEC (Modern Events Calendar) — Single Event Typography
   Purpose: Increase readability for single event pages
   ========================================================= */

/* 1) Main single-event body text (description/content) */
.mec-single-event-description,
.mec-single-event-description p,
.mec-events-content,
.mec-events-content p {
  font-size: 20px;
  line-height: 1.6;
}

/* 2) Local Time box — title ("Your Time") */
.mec-local-time-details .mec-frontbox-title,
.mec-local-time-details h3.mec-local-time.mec-frontbox-title {
  font-size: 20px;
  line-height: 1.3;
}

/* 3) Local Time box — list rows (Timezone/Date/Time) */
.mec-local-time-details ul li,
.mec-local-time-details ul li span {
  font-size: 20px;
  line-height: 1.6;
}

/* 4) Single Event bar — headings ("Date" / "Time")
   MEC often overrides h3 sizes, so !important is intentional here. */
.mec-single-event-bar .mec-single-event-date h3.mec-date,
.mec-single-event-bar .mec-single-event-time h3.mec-time {
  font-size: 20px !important;
  line-height: 1.3;
}

/* 5) Single Event bar — values (actual date/time text inside <dl><dd><abbr>)
   Covers both direct text and nested spans (e.g. mec-start-date-label). */
.mec-single-event-bar dl dd abbr.mec-events-abbr,
.mec-single-event-bar dl dd abbr.mec-events-abbr span {
  font-size: 20px !important;
  line-height: 1.4;
  font-weight: 600;
}


/* =========================================================
   MEC — Timetable T2 (mec-timetable-t2-content)
   Improve readability and hierarchy
   ========================================================= */

/* Event title */
.mec-timetable-t2-content .mec-event-title,
.mec-timetable-t2-content .mec-event-title a {
  font-size: 18px;
	font-weight: 600;
	  line-height: 1.4;
}

/* Event time (00:00 - 01:00) */
.mec-timetable-t2-content .mec-event-time span {
  font-size: 18px;
	  line-height: 1.4;
}

/* Local Time title */
.mec-timetable-t2-content .mec-local-time-details .mec-local-title {
  font-size: 18px;
}

/* Local date & time values */
.mec-timetable-t2-content .mec-local-date span,
.mec-timetable-t2-content .mec-local-time span {
  font-size: 18px;
}


/* Gjør header-container full bredde */
.fl-page-header .fl-page-header-container.container{
  max-width: 100% !important;
  width: 100% !important;
}

/* (Valgfritt) kontroll på sidepadding i headeren */
.fl-page-header .fl-page-header-container.container{
  padding-left: 20px;
  padding-right: 20px;
}


/* LOGO normal (øverst) – valgfritt hvis du vil låse den */
.fl-page-header-primary .fl-logo-img{
  max-height: 60px; /* juster */
  width: auto;
}

/* LOGO når du scroller (fixed header) */
.fl-page-header-fixed .fl-logo-img{
  max-height: 45px; /* <-- dette er “hvor mye mindre” */
  width: auto;
}

/* Hvis headeren også krymper pga padding, kan du justere dette */
.fl-page-header-fixed .fl-page-header-wrap{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Meny-knapper */
.menu-item > .nav-link{
  background: #11A05C !important;
  color: #ffffff !important;
  border-radius: 50px;
  padding: 10px 18px;
  display: inline-block;
  line-height: 1;
  text-decoration: none !important;

  /* avstand mellom knappene */
  margin-left: 14px;   /* øk hvis du vil ha mer luft */
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav-collapse ul.navbar-nav > li {
	border-bottom-style: none;
	margin: 7px;
}

/* Hover + fokus (samme farge) */
.menu-item > .nav-link:hover,
.menu-item > .nav-link:focus{
  background: #3C3C32 !important;
  color: #ffffff !important;
}

/* Aktiv side / aktiv meny */
.current-menu-item > .nav-link,
.current_page_item > .nav-link,
.current-menu-ancestor > .nav-link{
  background: #3C3C32 !important;
  color: #ffffff !important;
}

/* Gravity Forms submit-knapp som meny-knapp */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"].gform_button {
	background: #11A05C !important;
	color: #ffffff !important;
	font-size: 20px !important;
	border-radius: 50px !important;
	padding: 10px 18px !important;
	border: none !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
}
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_button:focus,
.gform_wrapper input[type="submit"].gform_button:hover,
.gform_wrapper input[type="submit"].gform_button:focus {
	background: #3C3C32 !important;
	color: #ffffff !important;
}

/* Gravity Forms styling */
.gf_sub-header {
	border-block-end: none !important;
	padding-block-end: 0px !important;
	margin-bottom: -4rem;
}

.gf_remove-bottom-margin p,
.gf_remove-bottom-margin div {
	margin-bottom: -2rem;
}

div.gf_remove-top-margin {
	margin-top: -2rem;
}

.gf_small {
	font-size: 16px;
}