/*
Theme Name: Homhero Southport Theme
Theme URI: https://github.com/studiopress/genesis-block-theme/
Author: Homhero
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: homhero-southport
Domain Path: /languages/
Tags: one-column, featured-images, theme-options, custom-background, custom-colors, custom-logo, custom-menu, editor-style, translation-ready, footer-widgets, full-width-template, blog, sticky-post, threaded-comments, wide-blocks
Requires at least: 6.0
Requires PHP: 8.0
*/
/* --------------------------------------------------------------
Reset
-------------------------------------------------------------- */
:root {
    --nav-menu--padding-x: 1rem;
    --nav-menu--padding-y: 0.5rem;
    --bs-gutter-x: var(--theme--gutters);
    --bs-body-font-weight: var(--theme--body-font-weight) !important;
}

body .row {
        margin-left: calc(var(--theme--gutters) * -1);
        margin-right: calc(var(--theme--gutters) * -1);
    }
    
body .row:not(.slick-slider) > *, 
body .row.slick-slider > .slick-list > .slick-track > div,
body .row.slick-slider > .slick-list > .slick-track > a,
body .row.slick-slider > .slick-list > .slick-track > span{
    padding-left: var(--theme--gutters);
    padding-right: var(--theme--gutters);
}

@media screen and (max-width:991px) {
    :root {
        --bs-gutter-x: var(--theme--gutters--mobile);
    }
    body .row {
        margin-left: calc(var(--theme--gutters--mobile) * -1);
        margin-right: calc(var(--theme--gutters--mobile) * -1);
    }
    
    body .row:not(.slick-slider) > *, 
    body .row.slick-slider > .slick-list > .slick-track > div,
    body .row.slick-slider > .slick-list > .slick-track > a,
    body .row.slick-slider > .slick-list > .slick-track > span{
        padding-left: var(--theme--gutters--mobile);
        padding-right: var(--theme--gutters--mobile);
    }   
}

/* stylelint-disable selector-list-comma-newline-after  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea , label, checkbox, select, [type="submit"] {
    /* stylelint-disable max-line-length */
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

b, strong {
    font-weight: 700;
}

i, em {
    font-style:italic;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p,h1,h2,h3,h4,h5,h6 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.entry-content ul{
    padding-left:20px;
}

.wp-block-group {
    /*padding: 1em 2em;*/
}

@media screen and (max-width: 575px) {
    .wp-block-group {
        /*padding: 1em 15px;*/
    }    
}

.wp-block-group.alignfull > *,
.wp-block-group.alignwide > *{
    padding-left: var(--theme--gutters);
    padding-right: var(--theme--gutters);
}

.wp-block-group.hh-shift-up {
    position:relative;
    z-index:2;
    transform:translateY(0);
}

@media screen and (min-width: 992px) {
    .wp-block-group.hh-shift-up {
        transform:translateY(-50%);
    }
}


#page {
    position:relative;
}

div,
.row > * {
    box-sizing:border-box;
}

/* Twentytwentythree alignment */

.wp-site-blocks {
    padding-top: var(--wp--style--root--padding-top);
    padding-bottom: var(--wp--style--root--padding-bottom);
}

.has-global-padding {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}

.has-global-padding :where(.has-global-padding:not(.wp-block-block)) {
    padding-right: 0;
    padding-left: 0;
}

.has-global-padding > .alignfull {
    margin-right: calc(var(--wp--style--root--padding-right) * -1);
    margin-left: calc(var(--wp--style--root--padding-left) * -1);
}

.has-global-padding :where(.has-global-padding:not(.wp-block-block)) > .alignfull {
    margin-right: 0;
    margin-left: 0;
}

.has-global-padding > .alignfull:where(:not(.has-global-padding):not(.is-layout-flex):not(.is-layout-grid)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}

.has-global-padding :where(.has-global-padding) > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) {
    padding-right: 0;
    padding-left: 0;
}

.wp-site-blocks > .alignleft {
    float: left;
    margin-right: 2em;
}

.wp-site-blocks > .alignright {
    float: right;
    margin-left: 2em;
}

.wp-site-blocks > .aligncenter {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 1.5rem; margin-block-end: 0; }

:where(.wp-site-blocks) > :first-child:first-child {
    margin-block-start: 0; }

:where(.wp-site-blocks) > :last-child:last-child {
    margin-block-end: 0; }

body {
    --wp--style--block-gap: 1.5rem;
}

:where(body .is-layout-flow) > :first-child:first-child {
    margin-block-start: 0;}

:where(body .is-layout-flow) > :last-child:last-child {
    margin-block-end: 0;}

:where(body .is-layout-flow) > * {
    margin-block-start: 1.5rem;margin-block-end: 0;}

:where(body .is-layout-constrained) > :first-child:first-child {
    margin-block-start: 0;}

:where(body .is-layout-constrained) > :last-child:last-child {
    margin-block-end: 0;}

:where(body .is-layout-constrained) > * {
    margin-block-start: 1.5rem;margin-block-end: 0;}

:where(body .is-layout-flex) {
    gap: 1.5rem;
}

:where(body .is-layout-grid) {
    gap: 1.5rem;
}

body .is-layout-flow > .alignleft {
    float: left;
    margin-inline-start: 0;margin-inline-end: 2em;}

body .is-layout-flow > .alignright {
    float: right;
    margin-inline-start: 2em;margin-inline-end: 0;}

body .is-layout-flow > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignleft {
    float: left;
    margin-inline-start: 0;margin-inline-end: 2em;}

body .is-layout-constrained > .alignright {
    float: right;
    margin-inline-start: 2em;margin-inline-end: 0;}

body .is-layout-constrained > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex > * {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

body .is-layout-grid > * {
    margin: 0;
}

/* admin-buttons */

.admin-buttons {
    position: absolute;
    top:15px;
    left:15px;
    z-index: 1;
}

.row > .col > .admin-buttons,
.row.slick-slider .col > .admin-buttons,
.categories-masonry-block .admin-buttons{
    top: 15px;
    left: 30px;
}

body.single-post .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--theme--blog-max-width, 900px);
}

.admin-button {
    color: #fff;
    display: block;
    justify-content:start;
    align-items:center;
    height: 24px;
    visibility: visible;
    padding:5px 10px;
    border:1px solid #fff;
    border-radius: 4px;
    font-size:12px;
    line-height: 12px;
    font-weight:var(--theme--input-font-weight);
    margin-bottom:10px;
    cursor:pointer;
    text-decoration:none;
    z-index: 1;
}

.admin-button:hover {
    color:#fff;
    background-color:rgba(0,0,0,0.6);
}

.admin-button.red {
    top:55px;
    color: #ff0000;
    border-color:#ff0000;
    background-color:rgba(1,0.5,0.5,0.5);
}

.admin-button > i {
    margin-right:5px;
}