/* v2.3.9 changes */

a {
    transition: 0.3s;
}

/* Fix for Color issue with new templates */

.has-popcorn-glass-border-border-color {
    border-color: #ffffffb2 !important;
  }

  .has-popcorn-glass-bg-background-color {
    background-color: #ffffff80 !important;
  }

/* End Fix */

/* .popcorn-background-image-fixed {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover !important;
} */

.is-style-popcorn-group-glass {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.popcorn-box-shadow {
    box-shadow: var(--wp--custom--popcorn--box-shadow--default);
}

.popcorn-full-height {
    height: var(--wp--custom--popcorn--full-height);
}

.popcorn-next-post,
.popcorn-previous-post {
    padding: var(--wp--preset--spacing--40);
}

.popcorn-radius-10px .has-background-dim,
.popcorn-radius-10px img {
    border-radius: var(--wp--custom--popcorn--border-radius--default);
}

.popcorn-sidebar-search .wp-block-search__inside-wrapper {
    border-radius: var(--wp--custom--popcorn--border-radius--small);
}

.popcorn-sidebar-search .wp-block-search__button {
    border-radius: var(--wp--custom--popcorn--border-radius--smallest);
}

.popcorn-con-column ul,
.popcorn-pro-column ul {
    list-style: none;
}

.popcorn-pro-column ul li::before {
    content: '✔';
    margin-right: 1em;
    color: var(--wp--preset--color--popcorn-success-text);
}

.popcorn-con-column ul li::before {
    content: '✗';
    margin-right: 1em;
    color: var(--wp--preset--color--popcorn-error-text);
}

.aawp-tb {
    font-size: var(--wp--preset--font-size--popcorn-font-s) !important;
}

.aawp-tb-ribbon {
    font-size: var(--wp--preset--font-size--popcorn-font-b) !important;
}

.aawp-button, .aawp .aawp-button {
    font-size: var(--wp--preset--font-size--popcorn-font-s) !important;
}

.popcorn-archive-item-author p {
    font-size: var(--wp--preset--font-size--popcorn-font-s);
}

.wp-block-image .wp-element-caption {
    font-size: var(--wp--preset--font-size--popcorn-font-s);
}

.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.popcorn-check-list,
.popcorn-check-list-x {
    list-style: none;
}

.popcorn-check-list li,
.popcorn-check-list-x li {
    margin-bottom: 0.5em;
}

.popcorn-check-list > li::before,
.popcorn-check-list-x > li::before {
    content: "";
    height: 1.3em;
    width: 1.3em;
    display: block;
    float: left;
    margin-left: -2em;
    margin-top: 0.15em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.popcorn-check-list > li::before {
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/circle-check-regular.svg);
    background-color: var(--wp--preset--color--popcorn-success-background);
    border-radius: 100%;
}

.popcorn-check-list-x > li::before {
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/circle-xmark-regular.svg);
    background-color: var(--wp--preset--color--popcorn-error-background);
    border-radius: 100%;
}

[class^="popcorn-alert-text"]::after {
    content: "";
    height: 1.3em;
    width: 1.3em;
    display: block;
    margin-top: 0.15em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.popcorn-alert-text-error::after {
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/circle-exclamation-solid.svg);
    float: right;
}

.popcorn-alert-text-warning::after {
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/triangle-exclamation-solid.svg);
    float: right;
}

.popcorn-alert-text-success::after {
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/circle-check-solid.svg);
    float: right;
}

.popcorn-alert-text-info::after {
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/circle-info-solid.svg);
    float: right;
}

.popcorn-table-of-contents-icon ol {
    list-style-type: none;
}

.popcorn-table-of-contents-icon li::before {
    content: "";
    height: 0.60em;
    width: 0.60em;
    background-image: url(https://estepona.life/wp-content/themes/popcorn2/assets/images/chevron-right-solid.svg);
    display: block;
    float: left;
    margin-left: -1.25em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 0.5em;
    margin-top: 5px;
}

.popcorn-table-of-contents-icon li ol {
    padding-left: 1em;
}

.wp-block-post-author__byline {
    font-size: var(--wp--preset--font-size--popcorn-font-s) !important;
}

.popcorn-sitestripe-center {
    text-align: center;
}

[class^="is-style-popcorn-icon-"],
[class*=" is-style-popcorn-icon-"] {
    list-style: none;
}

[class^="is-style-popcorn-icon-"] li, 
[class*=" is-style-popcorn-icon-"] li {
    position: relative;
    padding-left: 1.5em;
}

[class^="is-style-popcorn-icon-"] li::before, 
[class*=" is-style-popcorn-icon-"] li::before {
    font-family: 'popcorn-icons' !important;
    margin-right: 1em;
    display: inline-block;
    position: absolute;
    left: 0;
}

.is-style-popcorn-icon-popcorn li::before {
    content: "\e900";   
}

.is-style-popcorn-icon-check li::before {
    content: "\f00c";
}

.is-style-popcorn-icon-check-x li::before {
    content: "\f00d";
}

.is-style-popcorn-icon-chevron li::before {
    content: "\f054";
}

.is-style-popcorn-icon-arrow li::before {
    content: "\f061";
}

.is-style-popcorn-icon-bolt li::before {
    content: "\f0e7";
}

.is-style-popcorn-icon-heart li::before {
    content: "\f004";
}

.is-style-popcorn-icon-minus li::before {
    content: "\f068";
}

.is-style-popcorn-icon-plus li::before {
    content: "\f067";
}

.is-style-popcorn-icon-play li::before {
    content: "\f04b";
}

.is-style-popcorn-icon-star li::before {
    content: "\f005";
}

.is-style-popcorn-icon-thumbs-down li::before {
    content: "\f165";
}

.is-style-popcorn-icon-thumbs-up li::before {
    content: "\f164";
}


.is-style-popcorn-heading-2 {
    padding-bottom: 1rem;
    position: relative;
}
.is-style-popcorn-heading-2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 55px;
    background-color: var(--wp--preset--color--popcorn-tertiary-color);
}

.is-style-popcorn-heading-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 1px;
    width: 85%;
    max-width: 255px;
    background-color: var(--wp--preset--color--popcorn-tertiary-color);
}
  
.is-style-popcorn-heading-3:before {
    background-color: var(--wp--preset--color--popcorn-primary-color);
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 8rem;
    margin-bottom: 0.25rem;
}

.is-style-popcorn-heading-4:after {
    background-color: var(--wp--preset--color--popcorn-secondary-color);
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 100%;
    margin-bottom: 0.25rem;
}

.is-style-popcorn-quote-2 {
    padding: 1.5em;
}

.is-style-popcorn-quote-2::after {
    
    background-color: var(--wp--preset--color--popcorn-primary-color);
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 100%;
    margin-bottom: 0.25rem;
    margin-top: 2rem;
}

.is-style-popcorn-quote-2 p {
    font-size: 1.4rem;
    max-width: 400px;
    line-height: 1.4;
    font-style: italic;
    margin: 0 auto;
}

.is-style-popcorn-quote-2 cite {
  float: right;
  font-size: 1.1rem;
  font-weight: bold;
}

[class^="is-style-popcorn-button-icon-"] a::before, 
[class*=" is-style-popcorn-button-icon-"] a::before {
    font-family: 'popcorn-icons' !important;
    margin-right: 0.5em;
    font-size: 0.8em;
}

.is-style-popcorn-button-icon-popcorn a::before {
    content: "\e900"; 
}

.is-style-popcorn-button-icon-check a::before {
    content: "\f00c"; 
}

.is-style-popcorn-button-icon-check-x a::before {
    content: "\f00d"; 
}

.is-style-popcorn-button-icon-chevron a::before {
    content: "\f054"; 
}

.is-style-popcorn-button-icon-arrow a::before {
    content: "\f061"; 
}

.is-style-popcorn-button-icon-bolt a::before {
    content: "\f0e7"; 
}

.is-style-popcorn-button-icon-heart a::before {
    content: "\f004"; 
}

.is-style-popcorn-button-icon-minus a::before {
    content: "\f068"; 
}

.is-style-popcorn-button-icon-plus a::before {
    content: "\f067"; 
}

.is-style-popcorn-button-icon-play a::before {
    content: "\f04b"; 
}

.is-style-popcorn-button-icon-star a::before {
    content: "\f005"; 
}

.is-style-popcorn-button-icon-thumbs-down a::before {
    content: "\f165"; 
}

.is-style-popcorn-button-icon-thumbs-up a::before {
    content: "\f164"; 
}

[class^="is-popcorn-paragraph-alert-"], 
[class*=" is-popcorn-paragraph-alert-"] {
    border-left: solid 10px;
    border-radius: 5px;
}

.is-style-popcorn-table-clean thead,
.is-style-popcorn-table-clean tfoot,
.is-style-popcorn-table-clean th,
.is-style-popcorn-table-clean td{
    border: none;
}

.is-style-popcorn-table-clean {
    background-color: var(--wp--preset--color--popcorn-element-background);
    border: 1px solid var(--wp--preset--color--popcorn-quaternary-color);
    border-radius: 10px;
    box-shadow: var(--wp--custom--popcorn--box-shadow--default);
}

.is-style-popcorn-table-clean thead>tr>th,
.is-style-popcorn-table-clean tfoot>tr>td {
    background: var(--wp--preset--color--popcorn-quaternary-color);
    border-bottom: 1px solid var(--wp--preset--color--popcorn-quaternary-color);
    border-left: 1px solid var(--wp--preset--color--popcorn-quaternary-color);
}

.is-style-popcorn-table-clean thead>tr>th:first-child,
.is-style-popcorn-table-clean tfoot>tr>td:first-child {
    border-left: none;
}

.is-style-popcorn-table-clean tbody>tr>td {
    border-bottom: 1px solid var(--wp--preset--color--popcorn-quaternary-color);
    border-left: 1px solid var(--wp--preset--color--popcorn-quaternary-color);
}

.is-style-popcorn-table-clean tbody>tr>td:first-child {
    border-left: none;
}

.is-style-popcorn-table-clean tfoot>tr>td {
    border-bottom: none;
}

.is-style-popcorn-table-clean .wp-element-caption {
    padding: 0.5rem 1rem;
}

.popcorn-tags a {
    background-color: var(--wp--preset--color--popcorn-primary-color);
    padding: 0.5em 1em;
    color: var(--wp--preset--color--popcorn-element-background);
    border-radius: 3px;
}

.is-style-popcorn-featured-image-gradient::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: -1px;
    left: 0;
    right: 0;
    background: linear-gradient(0deg,#ffffff 5%, rgba(255, 255, 255, 0.35) 30%, rgba(255,255,255,0) 50%);
}

/* Contact Form 7 CSS */

.wpcf7-form label {
    font-size: var(--wp--preset--font-size--popcorn-font-b);
}

.wpcf7-form textarea,
.wpcf7-form input {
    font-size: var(--wp--preset--font-size--popcorn-font-b);
    width: 100%;
    padding: 0.5em;
    border: solid #020e1363 1px;
    box-shadow: var(--wp--custom--popcorn--box-shadow--default);
    border-radius: 5px;
    
}

