/*
Theme Name:     Terawatt PV Research (Opinion Child)
Theme URI:      https://mekshq.com/theme/opinion/
Description:    Child theme for Opinion WordPress theme
Author:         Gareth J M Saunders
Author URI:     https://digitalshed45.co.uk
Template:       opinion
Version:        1.2.0
*/

/*	COLOURS ===============

	@version 	1.0.0
	@since 		0.4.0

 	Primary
 	Accent 1	Petrol	#0a5a64		White AA/AAA text
 	Accent 2	Gold	#f0b946		Black AA/AAA
 	Accent 3	Tan 	#a5a591		Black AA/AAA

	Secondary
	Accent 4 	Flesh   #e1cfb9		Black AA/AAA
	Accent 5 	Denim   #73999f		Black AA/AAA (White AA)
	Accent 6 	Wheat 	#f7d699		Black AA/AAA
*/

:root {
	--petrol: #0a5a64;
	--gold:   #f0b946;
	--tan:    #a5a591;
	--flesh:  #e1cfb9;
	--denim:  #73999f;
	--wheat:  #f7d699;
}

/*  BASE Rules =============== */

/* 	FIX LISTS
    Match list margin-bottom to paragraph spacing.
    Fix indentation of list items.
    --
	@version 	1.0.0
	@since 		0.11.0
   	@page		All posts and pages
*/
.entry-content ul,
.entry-content ol {
	margin-bottom: 0.75em; /* same as paragraphs */
}

.entry-content ul,
.entry-content ol {
	list-style-position: inside !important;
	margin-left: 1rem;
}


/*  LAYOUT Rules =============== */


/*  MODULE Rules =============== /

/* 	HEADER BORDER
    Reduce line height of header border beneath logo and menu.
    --
	@version 	1.0.0
	@since 		0.1.0
   	@page		All pages except posts
*/
div.opinion-header-border {
	height: 2px !important; /* default 7px */
}


/* 	MOBILE ARTICLES
    Increase gap between articles on homepage on mobile
    --
	@version 	1.0.0
   	@since 		1.1.0
   	@page		Homepage
*/
@media (max-width: 570px) {
    .section-content .opinion-post.opinion-layout-d {
        margin-bottom: 7rem;
    }
}


/* 	AUTHOR META
    Remove author from posts on homepage.
    --
	@version 	1.0.0
   	@since 		0.1.0
   	@page		Homepage
   	@page		All archive pages
*/
.meta-item.meta-author {
	display: none;
}

/*  NUMBER OF POSTS META
    Remove number of articles from categories (Resources)
    module on homepage.
    --
	@version 	1.0.0
   	@since 		0.1.0
   	@page		Homepage
   	@Template	Modules
   	@module		Categories, Layout D
*/
article.opinion-category div.entry-meta {
	display: none;
}

/*  SOCIAL MEDIA
    Remove padding from Social channels on Contact page, 
    so that the icons sit flush left.
    --
	@version 	1.0.0
   	@since 		0.3.0
	@page 		Contact
 */
ul.wp-block-social-links {
	padding-left: 0 !important;
}

/*  PARAGRAPHS
    Reduce margin beneath paragraphs in posts and pages.
    --
	@version 	1.0.0
   	@since 		0.6.0
	@page 		All posts and pages
 */
div.opinion-section p {
	margin-bottom: 0.75em;
}

/*  FOOTER WIDGET TITLES 
	Opinion sets all widget titles to uppercase. Reverse this.
	--
	@version 	1.0.0
   	@since 		0.6.0
	@page 		Footer on all pages, widgets on all post pages and archives.
*/
.widget-title {
    text-transform: none;
}

/*  FOOTER SPACING
    On mobile devices, the footer widgets bunch together. This fixes that.
    --
    @version 	1.0.0
   	@since 		0.8.0
   	@page 		Footer on all pages, widgets on all post pages and archives.
*/
footer#opinion-footer .col-12 {
	margin-bottom: 1em;
}


/* 	COMPLIANZ
    Update text on Cookie Policy page to match other pages
    --
	@version 	1.0.0
   	@since 		1.1.0
   	@page		Homepage
*/
/* Complianz document overrides */
#cmplz-document p,
#cmplz-document li,
div.cmplz-categories,
span.cmplz-category-header,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
  font-family: 'Source Sans 3', sans !important;
  font-size: 20px !important;
  line-height: 32px;
}

/* Headings inside Complianz */
#cmplz-document h1 {
  font-size: 40px !important;
  font-family: 'Merriweather', serif !important;
  line-height: 1.3;
  margin-bottom: 16px;
}

#cmplz-document h2 {
  font-size: 32px !important;
  font-family: 'Merriweather', serif !important;
  line-height: 1.4;
  margin-top: 42px;
  margin-bottom: 16px;
}

#cmplz-document h3 {
  font-size: 26px !important;
  font-family: 'Merriweather', serif !important;
  line-height: 1.4;
  margin-top: 42px;
  margin-bottom: 16px;
}

#cmplz-document summary.cmplz-service-header h3 {
	font-size: 20px !important;
	font-family: 'Source Sans 3', sans !important;
	color: #0a5a64;
}

#cmplz-document h4,
#cmplz-document h5 {
  font-family: 'Merriweather', serif !important;
}

#cmplz-document p {
  margin-bottom: 1em;
}

/* Optional: list styling */
#cmplz-document ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

#cmplz-document li {
  margin-bottom: 0.5em;
}


/*  STATE Rules =============== */

 
/*  THEME Rules =============== */

/*  INVERTED COLOUR
    Change Opinion inverted colour.
    --
	@version 	1.0.0
   	@since 		0.1.0
   	@page		Homepage
*/
.opinion-inverted {
	background-color: var(--petrol);
}

/*  HEADER BORDER
    Set colour of header border beneath logo and menu.
    --
	@version 	1.0.0
   	@since 		0.2.0
   	@page		All pages except posts
*/
div.opinion-header-border {
	background: var(--gold);
}


/*  CHANGING STATE Rules =============== */