/*
Theme Name: London + Culture + Leisure Calling
Theme URI: 
Author: 
Author URI: 
Description: A theme for London + Culutre + Leisure Calling
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: londoncultureleisurecalling
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

:root {
  --gray: #666;
  --light-gray: #f7f7f7;
  --gray-ui:    #ddd;
  --blue:       #0a1054;
  --pink:       #c6296a;
  --green:      #4c9f61;
  --yellow:     #fab900;
  --red:        #e22007;
  --white:      #fff;

  --pale-yellow:#ffb950;
  --pale-pink:  #ee82c9;
  --pale-blue:  #4889c6;
  --pale-green: #88ceaa;
  --pale-red:   #f67363; 

  --card-bg-color: var(--light-gray);
  --card-color: var(--blue);

  --leisure-bg-color: var(--green);  
  --leisure-color: var(--white);  

  --film-bg-color: var(--red);  
  --film-color: var(--white); 

  --music-bg-color: var(--pink);  
  --music-color: var(--white); 

  --arts-culture-bg-color: var(--blue);  
  --arts-culture-color: var(--white); 

  --food-and-drink-bg-color: var(--yellow);  
  --food-and-drink-color: var(--white); 

  --activities-bg-color: var(--pale-blue);
  --art-bg-color: var(--pale-green);
  --bars-bg-color: var(--pale-pink);
  --cafes-bg-color: var(--pale-blue);
  --cinema-bg-color: var(--pale-pink);
  --days-out-bg-color: var(--pale-yellow);
  --eating-out-bg-color: var(--pale-yellow);
  --galleries-bg-color: var(--pale-pink);
  --gigs-bg-color: var(--pale-yellow);
  --hotels-bg-color: var(--pale-pink);
  --interview-bg-color: var(--pale-red);
  --museums-bg-color: var(--pale-blue);
  --podcasts-bg-color: var(--pale-green);
  --recipe-bg-color: var(--pale-green);
  --review-bg-color: var(--pale-green);
  --shoppping-bg-color: var(--pale-blue);
  --sreaming-bg-color: var(--pale-pink);
  --tv-bg-color: var(--pale-yellow);
  --theatre-bg-color: var(--pale-yellow);
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover span,
.wp-block-navigation .wp-block-navigation-item a:focus span,
.wp-block-navigation .wp-block-navigation-item:active, 
.wp-block-navigation .wp-block-navigation-item:hover,
.wp-block-navigation .current-menu-item span {
	text-decoration: underline;
  text-decoration-color: var(--pink);
  text-decoration-thickness: 3px;
  text-underline-offset: 0.5em;
	text-decoration-style: solid;
  position: relative;
  color: inherit;
}

.current-menu-item {
  font-weight: 800;
}

.wp-block-column.faux-padding-left,
.wp-block-column.faux-padding-right {
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

@media (min-width: 600px) {
	.wp-block-column.faux-padding-left,
  .wp-block-column.faux-padding-right {
		padding-left: var(--wp--preset--spacing--30);
		padding-right: var(--wp--preset--spacing--30);
	}
}

@media (min-width:1360px) {
	.wp-block-column.faux-padding-left {
		padding-left: calc((100vw - var(--wp--style--global--wide-size)) / 2 );
	}
}

@media (min-width:1360px) {
	.wp-block-column.faux-padding-right {
		padding-right: calc((100vw - var(--wp--style--global--wide-size)) / 2 );
	}
}

/*
 * Correct padding issues on Media block - https://github.com/WordPress/gutenberg/issues/28556
 */
 @media (max-width: 600px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
}

@media (min-width: 600px) {
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 var(--wp--preset--spacing--30) 0 0;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 0 0 var(--wp--preset--spacing--30);
	}
}

.wp-block-jetpack-layout-grid-editor, .wp-block-jetpack-layout-grid {
  padding-left:0;
  padding-right:0;
}

.measure-narrow {
  max-width: 14ch;
}

.badge {
  display: flex;
  align-items: center;
}

.badge::before {
  margin-right: 1rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--white);
  content: "";
}

.badge--yellow:before {
  background-color: var(--yellow);
}

.badge--pink:before {
  background-color: var(--pink);
}

.badge--green:before {
  background-color: var(--green);
}

.badge--blue:before {
  background-color: var(--blue);
}

.about-team ul {
  list-style-type: none;
  padding: 0;
}
.about-team ul li:first-of-type {
  font-family: 'Poppins';
  font-weight: 800;
  color: var(--yellow);
}

@media (max-width: 600px) {
  .utility-nav {
    display: none !important;
  }
}


@media (min-width: 600px) {
  .visible-mobile {
    display: none !important;
  }
}

.utility-nav ul {
  list-style-type: none;
  padding:0;
  display: flex;
}

.utility-nav ul li a {
  text-decoration: none;
}

.utility-nav ul li + li {
  margin-left: var(--wp--preset--spacing--30);
}

footer {
  margin:0;
}

/* Generic form form styles */

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="number"], 
input[type="date"], 
input[type="time"], 
button, 
textarea, 
select {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--medium);
  border: 1px solid var(--gray);
  border-radius: 0;
  padding: 0.5rem;
  margin: 0;
}

input[type="submit"] {
  background-color: var(--pink);
  color: var(--white);
  border: 1px solid var(--pink);
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-family: var(--wp--preset--font-family--poppins);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 800;
}

label {
  font-weight: 800;
}

.wpcf7-list-item-label {
  font-weight: 400;

}

input:focus, textarea:focus, select:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 0;
  outline-color: var(--pink);
}


@media (min-width: 600px) {

  .subscribe-input {
    display:flex;
    justify-content: space-between;
  }
}

.isolation {
  isolation: isolate;
}

.background-gradient-1 {
  z-index: -2;
  filter: blur(120px);
  background-color: #c6296a;
  width: 230px;
  height: 410px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 25% 0% 0% 10%;
  transform: rotate(50deg);
  opacity: 0.15;
}

.background-gradient-2 {
z-index: -3;
filter: blur(278px);
background-color: #2196f3;
width: 400px;
height: 330px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 9% 25% 0% 0%;
opacity: 0.15;
}

.report-contents-section .pink-bullets {
  padding-left: 1.25rem;
}

.report-contents-section .pink-bullets li::marker {
  color: #c6296a;
}

.report-contents-section .pink-bullets li {
  padding-left: 0.25rem;
}