/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


h1
{
	font-size: 80px;
    line-height: 82px;
}

.home .main-content {
    padding-top: 0px;
	   padding-bottom: 0px;
}

.main-content {
    padding-top: 0px!important;
	  
}


.pad-row-90
{
	padding-top:90px;
	padding-bottom:90px;
}


.pad-row-50
{
	padding-top:50px;
	padding-bottom:50px;
}

.pad-row-top-50
{
	padding-top:50px;

}

.pad-row-40
{
	padding-top:40px;
		padding-bottom:40px;

}

.pad-row-30
{
	padding-top:30px;
		padding-bottom:30px;

}

.home .header-col.header-left
{

}

#header .main-menu > li.menu-item > a {
    font-size: 17px;
    text-transform: none;
    font-weight: 400;
    color: #ffffff;
}

.fixed-header header .header-main {
    background-color: transparent;
}

.home .introduction h1
{
	font-size:20px;
	font-weight:400;
	line-height:28px;
}

.larger-para p
{
    font-size: 20px;
    line-height: 30px;
	font-weight:600;
}

.white h1, .white h2, .white h3, .white h4, .white p, .white li, .white a, .whitepara p
{
	color:#fff;
}

.black h1, .black h2, .black h3, .black p, .black li, .black a
{
	color:#012934;
}

.pink h1
{
	color:#f46272;
}

.vc_general.vc_btn3
{
	min-width:200px;
	font-size:18px;
	    font-weight: 700;
}

.black .vc_general.vc_btn3
{
border-color: #012934;
    color: #fff!important;
    background-color: #012934!important;
}

.pink .vc_general.vc_btn3 {
    border-color: #f46272;
    color: #012934!important;
    background-color: #f46272!important;
}

.overlayrow
{
margin-top:-70px;	
	position:relative;
	z-index:2;
}

.curved-row, .curved-col
{
	padding:30px!important;
	border-radius:30px;
}

.blue-col
{
background:#1380a8;
}

.black-col 
{
	background:#012934;
}

.curve-col
{
 border-radius:30px;
	width:49%;
	padding:30px;
}

.curve-col p, .pink-row p, .blue-col h2
{
	color:#fff;
}

.black-col h2
{
	color:#f46272;
}

.curve-col.left
{
margin-right:1%;	
}

.curve-col.right
{
margin-left:1%;	
}

.curved-col .vc_column-inner
{
	padding:30px!important;
}

.bottom-2-percent
{
	margin-bottom:2%!important;
}

.vc_btn3.vc_btn3-size-md {
    border-radius: 9px;
}

.whitecol {
    background: #fff;
    border: solid #f4f4f4 15px;
    padding: 0px !important;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    padding-bottom: 30px !important;
}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: transparent;
}


#subscribe-text
{
	display:none;
}

.jetpack_subscription_widget .widgettitle
{
	display:none;
}

.wp-block-jetpack-subscriptions__container form
{
	display:flex;
	justify-content: center;
}

.wp-block-jetpack-subscriptions__container
{
	text-align:center;
}

#subscribe-email
{
	width: 58%;
}

#subscribe-email input
{
    width: 100%;

}

#subscribe-submit
{
	    width: 30%;
}


#subscribe-submit button
{
	     width: 100%;
     margin-left: 33px !important;

}

#subscribe-email input {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
	color:#fff;
	padding-left:2px;
	font-size:20px;
}

#subscribe-email input::placeholder
{
	color:#fff;
	font-size:20px;
}

#subscribe-submit button {
    width: 100%;
    margin-left: 33px !important;
    background: #fff;
    border-radius: 6px;
    border: 0px;
    height: 56px;
    opacity: 1;
    font-weight: 700;
    color: #012934;
}

.larger-para
{
	font-size:20px;
}

.foter-col1 .vc_column-inner, .foter-col2 .vc_column-inner, .foter-col3 .vc_column-inner
{
	padding-bottom:50px;
}

.foter-col2 a
{
	font-weight:bold;
}

div.footer-row
{
	background-position:bottom right!important;
}

.footer-row p, .footer-row a
{
		font-size:20px!important;
}

.foter-col3 p
{
	margin-bottom:16px;
}

.foter-col2 a
{
	margin-bottom:6px;
    font-weight: 400 !important;
}

.footer a:not(.btn), .footer .tooltip-icon {
    color: #002835;
    font-weight: 700;
}

.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before {
    padding-top: 0%;
}

.home .vc_gitem-zone-c
{
	display:none;
}

.home .vc_grid-item-mini
{
	background:red;
}
.lizzie-carousel-wrapper {
  margin: 40px 0;
}

.lizzie-carousel {
  margin-bottom: 0px;
}

/* Alternating background colours */
.lizzie-carousel .carousel-item:nth-child(odd) {
  background-color: #f46272;
  color: #fff;
}

.lizzie-carousel .carousel-item:nth-child(even) {
  background-color: #3ca8ca;
  color: #fff;
}

/* Basic carousel item styling */
.lizzie-carousel .carousel-item {
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  text-align: left;
	padding-bottom: 0px;
}

.lizzie-carousel .carousel-item h3,
.lizzie-carousel .carousel-item a,
.lizzie-carousel .carousel-item .acf-field {
  color: #fff;
}

/* Carousel Wrapper */
.lizzie-carousel-wrapper {
    position: relative;
}

/* Override default slick arrows */
.lizzie-carousel-nav .slick-prev,
.lizzie-carousel-nav .slick-next {
    background-color: #00313f; /* Dark teal, adjust as needed */
    color: #3ca8ca;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: background 0.3s;
}

.lizzie-carousel-nav .slick-prev:hover,
.lizzie-carousel-nav .slick-next:hover {
    background-color: #005666;
}

/* Position the arrows */
.lizzie-carousel-nav .slick-prev {
    left: -20px; /* Adjust as necessary */
}

.lizzie-carousel-nav .slick-next {
    right: -20px; /* Adjust as necessary */
}

/* Hide text content inside buttons if using SVG or arrows instead */
.lizzie-carousel-nav .slick-prev::after,
.lizzie-carousel-nav .slick-next::after {
    display: none;
}


.play-now {
  position: absolute;
  top: 20px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  font-weight: 600;
  text-decoration: none;
    color: #012934!important;
  font-size: 18px;
}

.play-now:hover .play-icon {
  fill: #fff;
}

.play-icon {
  width: 16px;
  height: 16px;
  fill: #000;
}

.play-now:hover{
	color:#fff;
}

.donate a
{
	    color: #f46272!important;
    border:0px solid #fff;
    padding: 7px 45px;
    margin-left: 30px;
    border-radius: 30px;
    white-space: nowrap;
	background:#012934;
}

.blog-bird
{
	
}

.coloured-text-block
{
		padding:30px;
	
	border-radius:30px
}

.lilac-text-block
{
	
	background:#7485c1;
	
}

.purple-text-block 
{
	
	background:#3e4d84;

}

.lightblue-text-block
{
	background:#1380a8;
}

.call-to-action-col
{

	border-radius:30px;
	padding-top:20px;
	min-height:220px;


}

.action-col
{
	width:49%;
}


.action-col.left
{
	margin-right:1%;
}


.action-col.right
{
	margin-left:1%;
}
.text-cont
{
	padding:30px;
	padding-bottom:50px;
}
#header .main-menu > li.menu-item.active > a {
    background-color: transparent;

}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a, {
    color: #ffffff;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading
{
	    background-color: #3e4d84 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #ffffff!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:before {
    border-color: #ffffff!important;
}


#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: #ca354b;
    color: #ffffff;
    border-radius: 3px;
}

#header .main-menu .narrow li.menu-item:hover > a {
    color: #ffffff;
    background-color: #ca354b;
}

#header .main-menu .narrow ul.sub-menu {
    background-color: #1380a8;
}

#header .main-menu .narrow li.menu-item > a {
    color: #fff;
    border-bottom-color: #3da8ca;
}

#header .porto-narrow-sub-menu a
{
	font-size:16px;
}


.lizzie-podcast-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.podcast-grid-item {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.podcast-grid-item .play-now {
    display: inline-flex;
    align-items: centre;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: bold;
}

.podcast-grid-item .acf-field {

    margin-bottom: 10px;
}

.podcast-grid-item .blog-bird img {
    max-width: 100px;
    margin-top: 15px;
}

.lizzie-pagination
{
	    padding-top: 50px;
    text-align: center;
}

.lizzie-podcast-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.lizzie-pagination {
    margin-top: 30px;
    text-align: centre;
}
.lizzie-pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    text-decoration: none;
}
.lizzie-pagination .current {
    font-weight: bold;
    background: #3da8ca;
	color:#fff;
}

.podcast-grid-item
{
	position:relative;
}

.podcast-grid-item {

    background: #3ca8ca;
	padding-bottom:0px;

}

.podcast-grid-item  h3, .podcast-grid-item div, .podcast-grid-item  p
{
	color:#fff;
}

.podcast-grid-item.default-colour {
    background-color: #f46272;
}

.podcast-grid-item.alt-colour {
    background-color: #3ca8ca;
}

.podcast-grid-item p
{
	min-height:80px;
}

.podcast-grid-item .read-more
{
	color:#fff;
}

.page-id-19 .podcast-grid-item p
{
	min-height:initial;
}

.show-pad
{
	display:none!important;
}

#header .mobile-toggle {
    color: #ffffff;
    background-color: #ca354b;
    font-size: 23px;
}

#nav-panel .mobile-nav-wrap {
    background-color: #3e4d84;
	border-radius:6px;
}


#nav-panel .accordion-menu li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu .arrow, #nav-panel .menu-custom-block a, #nav-panel .accordion-menu > li.menu-item > .arrow {
    color: #fff;
    text-transform: none;
}




.podcast-grid-item {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  transition: background-colour 0.3s ease;
  min-height: 100%;
}
.blog-bird {
  margin-top: auto;
  align-self: flex-start; /* keeps it left-aligned */
}


.page-id-19 .podcast-grid-item
{

}

.single-post #content
{
	padding-top:50px;
}


.single-post #header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    z-index: 1001;
    border-top-width: 0;
}

.single-post header .header-main {
    background-color: transparent;
}

li {

    margin-bottom: 10px;
}


.carousel-item .acf-field, .podcast-grid-item .acf-field
{
	font-size:22px;
}

.overlayrow h2, .white-row h2, .home .blue-row h2, .home .blue-row h3
{
	color:#012934;
}

#header.sticky-header .header-main.sticky .header-center {

    background: #012934;
    border-bottom-left-radius: 20px;
	  border-bottom-right-radius: 20px;
}

#header, .sticky-header .header-main.sticky {
    border-top: 0px solid #ededed;
}
.lizzie-pop img {
	display: block;
	opacity: 0;
	transform: translateY(30px);
	transition: transform 0.6s ease-out, opacity 0s ease-out;
	margin-bottom: -10px;
}

.sticky-header .lizzie-pop img {
	opacity: 1;
	transform: translateY(0);
}

.sticky-header .lizzie-pop
{
overflow:hidden;
	
}

.header-row.container {

	position: relative; /* important if you use absolute positioning inside */
}

#header.sticky-header .header-main .container {
    min-height: 48px;
}

.error404 header .header-main 
{
    background-color: #3e4d84;
}

.resource a
{
    border-color: #012934;
    color: #fff;
    background-color: #012934;
	    border-radius: 9px;
	    min-width: 200px;
    font-size: 18px;
    font-weight: 700;
	    padding: .533rem .933rem;
}

#jetpack-subscribe-label
{
	display:none;
}

.creative a
{
    font-size: 12px !important;
	color: #9f283b !important;
}

@media only screen and (max-width: 768px) {
	
	.text-col.left
	{
		order:-1
	}
	
	.image-col
	{
		order:1;
	}
	
	.hide-pad
	{
		display:none!important;
	}
	
	.curve-col 
	{
		width:100%!important;
		margin-top:30px;
	}
	
	.curve-col.right, .curve-col.left {
    margin-left: initial;
		  margin-right: initial;
}
	
	 .lizzie-podcast-grid {
    grid-template-columns: 1fr;
  }
	
	  .lizzie-podcast-grid .podcast-grid-item:nth-child(odd) {
    background-color: #f46272;
  }

  .lizzie-podcast-grid .podcast-grid-item:nth-child(even) {
    background-color: #3ca8ca;
  }
	
	.podcast-grid-item p
{
	min-height:initial;
}
	
	.introimage-spacer
	{
		display:none!important;
	}
	.foter-col2, .foter-col3
	{
		width:49%!important;
	}
	
	.show-pad
	{
		display:block!important;
	}
	
	.footer-row
	{
		background-image:none!important;
	}
	
	.left-on-pad
	{
		text-align:left!important;
	}
	
	.bg-img
	{
		min-height:150px;
	}
	
	#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: #1380a8d9;
}
	
	
	
}


@media only screen and (max-width: 706px) {
	
	
	.donate a
	{
		margin-top:20px;
		display:block;
	}
}



@media only screen and (max-width: 498px) {


.footerspacer
{
	height:158px!important;
}
	
	
element.style {
}
.lizzie-carousel .carousel-item h3, .lizzie-carousel .carousel-item a, .lizzie-carousel .carousel-item .acf-field {
    color: #fff;
}
.play-now {
    position: relative;
    padding-left: 10px;
	display:block;
	margin-bottom:30px!important;
	}
	
	.lizzie-pop img
	{
		width: 60px;
	}
	
	.footer-row{
    background: #f46272 url(https://www.lizziegladwell.org.uk/wp-content/uploads/2025/07/LG_footer-bottom-1.png) !important;
  
}

	
}