/*
 Theme Name:   Rococo Astra 2021 child
 Theme URI:    https://www.rococodigital.co.uk
 Description:  Rococo Astra child theme of Astra
 Author:       Rococo Digital
 Author URI:   https://www.rococodigital.co.uk
 Template:     astra
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  rococo-astra-2021-child
*/

.full-height{
	height: 100%;
}

:root {
    --wp-g2-black: #000000;
    --wp-g2-blueberry: #006f9e;
    --wp-g2-blueberry-dark: #00344b;
    --wp-g2-greens: #00b3ce;
    --wp-g2-grey: #40464D;
    --wp-g2-grey-black: #1E1E1E;
    --wp-g2-light-blue: #33F078;
    --wp-g2-light-grey: #40464D;
    --wp-g2-lighter-grey: #e0f6ff;
    --wp-g2-pomegrade: #a23484;
    --wp-g2-wordpress-blue: #007cba;
    --wp-g2-white: #ffffff;
    --wp--style--block-gap: 0.5em;
    --layout-direction: column;

}

:root .has-vivid-cyan-blue-background-color {
    background-color: var(--wp-g2-blueberry);
}
:root .has-pale-cyan-blue-background-color {
    background-color: var(--wp-g2-greens);
	
}

:root .has-luminous-vivid-orange-background-color{
	background-color: var(--wp-g2-pomegrade);
}

:root .has-cyan-bluish-gray-background-color {
    background: linear-gradient(30deg,transparent,rgba(126, 174, 206, 0.53) 100%);
}

.icon {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;

}

.icon img{
  height: 60px
}

.icon.large img{
  height: 96px
}
  
/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.icon-bubbles {
  width: 1.125em;
}

.icon-users {
  width: 1.125em;
}

body{
  background: white;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-bottom: 20px;
  margin-top: 30px;
}

.wp-block-columns.no-margin.has-background, .entry-content .wp-block-group.alignfull.no-margin .wp-block-group__inner-container{
    padding: 0;
}

.form-container{
	border-radius: 5px;
}

.form-container input{
	border: 1px solid #808080c9;
}

.gradient-background{
	background: linear-gradient(135deg,rgba(162,52,132,0.84) 21%,rgba(2,116,190,0.52) 100%);
}

.wp-block-columns .wp-block-group.chart-container{
	padding: 0;
	margin: 0;
}

.comparison-chart .wp-block-column{
	padding: 0;
	border-radius: 10px 10px 10px 10px;
	display: flex;
	flex-direction: column;
}

.comparison-chart .wp-block-column:not(:last-child){
  margin-right: 1rem;
}

.comparison-chart .header-container{
	border-radius: 10px 10px 0 0;
}

.comparison-chart ul{
	list-style: none;
	margin: 1em;
}

.comparison-chart li{
	border-top: 1px solid #bdbdbd;
	padding: 0.5rem 0;
}

.comparison-chart .wp-block-column:nth-child(1), .comparison-chart .wp-block-column:nth-child(3){
	background: #fbfbfb;
}
.comparison-chart .wp-block-column:nth-child(2){
	background: #fbfbfb;
	z-index: 2;
}

.comparison-chart .wp-block-buttons > .wp-block-button{
	margin-bottom: 0;
}

.comparison-chart .wp-block-buttons{
	margin-top: auto;
}

.comparison-chart .wp-block-button__link{
	padding: 2rem 3rem;
	
}

.comparison-chart.dark .card{
  border: 1px solid #fff;
}

.comparison-chart.dark .card > *:not(:first-child):not(:last-child):not(.wp-block-buttons):not(.wp-block-spacer) {
  border-top: 1px solid #fff;
}

.comparison-chart .card.o2{
  border: 1px solid #000166;
}

.comparison-chart .card.o2 .wp-block-button .wp-block-button__link, .comparison-chart .card.vodafone .wp-block-button .wp-block-button__link{
  border: 0;
}

.comparison-chart .card.vodafone{
  border: 1px solid #E60000;
}

.blog-list li{
	padding: 1rem;
  border-radius: 10px;
	transition: transform 0.2s cubic-bezier(.18,.89,.32,1.28);
}

.blog-list li:hover{
	box-shadow: 1px 10px 15px #33333336;
	transform: translateY(-5px);
	
}

@media (max-width:600px)
	{
  
	.wp-block-latest-posts.is-grid li {
			margin: 0;
			width: 100%;
			margin-bottom: 1rem;
	}
  .wp-block-columns.columns-small .wp-block-column {
    flex-basis: 33% !important;
}
}

@media (max-width:781px) {
  .comparison-chart .wp-block-column:not(:last-child){
    margin-right: 0;
  }
}

@media (min-width:600px) and (max-width:781px) {
  
 	.comparison-chart .wp-block-column:not(:only-child) {
  flex-basis:calc(33% - 1em)!important;
		flex-grow: 1 !important;
		flex-basis: 0 !important;
 }
	.wp-block-column:nth-child(2n) 	{
    margin-left: 0;
	}
}
@media (max-width:300px) {
	.wp-block-group {
			padding: 0;
	}
}
	
@media (min-width:301px) and (max-width:544px) {
	.wp-block-group {
			padding-left: 1em;
		padding-right: 1em;
	}
	
}


.handset-column{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.stc-wrapper .test {
    background-color: rgba(255, 255, 255, 0) !important;
}

#footer-links-container a{
	color: #fff;
  text-decoration: underline;
}
#footer-links-container a:hover{
	color: #a23484;
}

article.post{
	margin-top: 0rem;
}
.m0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.sub-menu a {
font-size: 14px !important;
}

.ast-theme-transparent-header .ast-above-header.ast-above-header-bar{
	background-color: white;
}

.post.ast-article-single header.entry-header{
	display: none;
}

/* Helpers */

.max-content{
  width: 580px;
  max-width: 100%;
  margin: 0 auto;
}

.wp-block-group.padding-heavy, .padding-heavy{
  padding: 1rem;
}
.no-padding{
  padding: 0 !important;
}
.no-margin{
  margin: 0 !important;
}

.no-padding-bottom{
  padding-bottom: 0 !important;
}

.wp-block-group.no-padding-bottom .wp-block-media-text.has-background{
  padding-bottom: 0 !important;
}
.wp-block-group.no-padding-bottom .wp-block-media-text .wp-block-media-text__media{
  align-self: flex-end;
}

@media (min-width:600px) and (max-width: 1199px) {
  .wp-block-group.padding-heavy, .padding-heavy{
    padding: 4rem;
  }
}
@media (min-width:1200px) {
  .wp-block-group.no-padding-bottom .wp-block-media-text.has-background {
   padding-bottom: 0px;
  }
  .wp-block-group.padding-heavy, .padding-heavy{
    padding: 6rem;
  }
}




/* Columns */
.wp-block-column.scroll-y{
  overflow-y: scroll;
  overscroll-behavior: auto;
  max-height: 900px;
  height: 1200px;
}

.wp-block-column.flex{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.scroll-y .wp-block-image{
  margin-bottom: 0;
}

@media (max-width:600px){
  .wp-block-column.scroll-y{
    overflow-y: none;
    max-height: 100%;
    height: 100%;
  }
}

.toggle-tab {
  border-bottom: 0;
}

.js-plethoraplugins-tab-panel .toggle-tab.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic  div.plethoraplugins-tabs{
  align-items: center;
  display: flex;
  border-bottom: none;
}

.toggle-tab .plethoraplugins-tabs{
  justify-content: center;
  width: 100%;
}

.toggle-tab div.plethoraplugins-tabs ul.js-plethoraplugins-tabs li a.js-plethoraplugins-tabs--link{
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

.toggle-tab div.plethoraplugins-tabs ul.js-plethoraplugins-tabs li a.js-plethoraplugins-tabs--link:after{
  height: 1rem;
  width: 1rem;
  border-radius: 1rem;
}

/* cards */

.price-chart .card-2 p {
  margin-top: 0;
}

.card-2{
  padding: 1rem;
  box-shadow: 1px 10px 15px #33333336;
  border-top-right-radius: 2rem;
  transition: ease-in-out transform .1s, ease-in-out box-shadow 0.1s;
}

.card-2:hover{
  box-shadow: 5px 25px 25px #3939395e;
  transform: translate(0px, -5px);
  transition: ease-in-out transform .1s, ease-in-out box-shadow 0.1s;
}

.card{
  padding: 1rem;
  border: 1px solid var(--wp-g2-pomegrade);
  border-radius: 15px;
}

.card.shadow{
  box-shadow: 1px 2px 15px #00000042;
}

.card.white{
  background-color: white;
}

/* Buttons */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.card){
  background-color: var(--wp-g2-pomegrade);
  border: 2px solid var(--wp-g2-pomegrade);
  border-radius: 40px;
}
.wp-block-button.is-style-outline{
  background-color: transparent; 
  border: 2px solid var(--wp-g2-pomegrade);
  border-radius: 40px;
  color: var(--wp-g2-pomegrade);
}

/* blocks */
.wp-block-cover.bg-contain img.wp-block-cover__image-background{
  width: 100%;
  height: auto; 
  background-color: white;
}

.wp-block-cover.top-right-curve .has-background-dim::before{
  background-color: transparent;
}

.top-right-curve span{
  background-image: url("assets/images/top-right-cover-bg.svg");
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: 250px;
}

.wp-block-media-text.avatar figure img{
  border-radius: 100%;
  border: 1px solid #a23484;
  margin-bottom: 1rem;
}
@media (max-width:600px){
  .wp-block-media-text.avatar .wp-block-media-text__content{
    text-align: center;
  }
}

/* forms */
.call-to-action .form-container input{
  border: 1px solid #a23484;
  border-radius: 40px;
}

.call-to-action .wpforms-container .wpforms-submit-container{
  text-align: center;
}




.wpforms-container.narrow{
  max-width: 1000px;
  margin: 0 auto;
}

.wp-block-group.narrow{
  max-width: 1000px;
  margin: 0 auto;
}

.wp-block-group.negative-margin-bottom, .wp-block-columns.negative-margin-bottom{
  margin-bottom: 0;
  position: relative;
}

.wp-block-group.negative-margin-top, .wp-block-columns.negative-margin-top{
  margin-top: calc(-12rem + 10vw);
  position: relative;
  z-index: 2;
}


.wpforms-container.inline .wpforms-form{
  display: flex;
  flex-direction: column;
}

.wpforms-container.inline .wpforms-field-container{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}


.wpforms-container.inline .wpforms-field{
  flex-grow: 1;
  padding: 0;
}

.wpforms-container.inline .wpforms-field-container input:first-of-type{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.wpforms-container.inline .wpforms-submit-container{
  display: flex;
  justify-content: center;
  padding: 0;
}


.wpforms-container .wpforms-submit-container button{
  border-radius: 40px;
  background-color: #a23484;
}

.wpforms-container.inline .wpforms-submit-container button{
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background-color: #a23484;
}

.wpforms-container.inline textarea.wpforms-field-small, .wpforms-container.inline.wpforms-field {
  height: 58px;
}

@media (min-width:601px){
  .wpforms-container.inline .wpforms-form{
    flex-direction: row;
  }
  
  .wpforms-container.inline .wpforms-field-container{
    flex-direction: row;
  }
  .wpforms-container.inline .wpforms-field-container input:first-of-type{
    border-top-right-radius: 0px;
  }
  .wpforms-container.inline .wpforms-submit-container button{
    border-bottom-left-radius: 0px;
  }
}

.ast-above-header-wrap .header-widget-area-inner.site-info-inner .wp-block-group{
  padding: 0;
  gap: 5px;
  white-space: nowrap;
}
.ast-above-header-wrap .header-widget-area-inner.site-info-inner .wp-block-group .wp-block-image img{
  display: flex;
}

.ast-above-header-wrap .header-widget-area-inner.site-info-inner p{
  color: white;
  margin-bottom: 0;
}

/* Header widget spacing - ensure equal distribution */
.ast-builder-grid-row.ast-builder-grid-row-has-sides {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.ast-above-header-wrap .ast-builder-grid-row .site-header-section {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  gap: 2rem;
}

.ast-theme-transparent-header .ast-above-header-wrap .ast-above-header-bar.ast-above-header {
  background-color: black;
}

/* Handle empty sections - don't take up space */
.site-header-section:empty,
.site-header-section:blank {
  display: none !important;
  flex: 0 !important;
}

/* Check if section only contains empty divs */
.site-header-section:has(> div:empty):not(:has(> *:not(:empty))) {
  display: none !important;
  flex: 0 !important;
}

/* Specifically target the empty right-center section */
.site-header-above-section-right-center:empty,
.site-header-above-section-right-center:blank {
  display: none !important;
  flex: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* More aggressive targeting for the empty div */
.site-header-above-section-right .site-header-above-section-right-center:empty,
.site-header-above-section-right .site-header-above-section-right-center:blank,
.site-header-above-section-right .site-header-above-section-right-center:not(:has(*)) {
  display: none !important;
  flex: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
}

/* Target the parent right section if it only contains empty divs */
.site-header-above-section-right:has(.site-header-above-section-right-center:empty):not(:has(.header-widget-area)) {
  flex: 0 !important;
  width: auto !important;
}

/* Alternative approach - hide any div that appears to be empty */
.site-header-above-section-right-center {
  min-height: 0;
}

.site-header-above-section-right-center:not(:has(*)) {
  display: none !important;
  width: 0 !important;
  flex: 0 !important;
}

/* Direct targeting of the empty div - most aggressive approach */
.ast-grid-right-center-section {
  display: none !important;
  width: 0 !important;
  flex: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
}

/* If the above doesn't work, try targeting by the full class name */
.site-header-above-section-left-center.site-header-section.ast-flex.ast-grid-left-center-section, .site-header-above-section-right-center.site-header-section.ast-flex.ast-grid-right-center-section {
  display: none !important;
  width: 0 !important;
  flex: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-widget-area[data-section="sidebar-widgets-header-widget-1"]{
  margin-top: 0;
  margin-bottom: 0;
}

/* Left section */
.site-header-above-section-left {
  justify-content: flex-start;
}

/* Center section */
.site-header-above-section-center {
  justify-content: center;
  gap: 3rem;
}

/* Right section */
.site-header-above-section-right {
  justify-content: flex-end;
}

/* Individual widget areas */
.header-widget-area {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-widget-area-inner {
  text-align: center;
}

/* Ensure consistent spacing between widgets in the same section */
.site-header-above-section-center .header-widget-area:not(:last-child) {
  margin-right: 2rem;
}

.site-header-above-section-right .header-widget-area:not(:last-child) {
  margin-right: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ast-builder-grid-row.ast-builder-grid-row-has-sides {
    flex-direction: column;
    gap: 1rem;
  }
  
  .ast-builder-grid-row .site-header-section {
    flex: none;
    width: 100%;
    justify-content: center;
  }
  
  .site-header-above-section-center {
    gap: 1rem;
  }
  
  .site-header-above-section-center .header-widget-area:not(:last-child),
  .site-header-above-section-right .header-widget-area:not(:last-child) {
    margin-right: 1rem;
  }
}

.ast-above-header-wrap .header-widget-area-inner.site-info-inner .wp-block-group .wp-block-image img{
  height: 15px;
  width: 15px;
}