/*
Theme Name: 21 Queen Street
Author: Kubiak Creative
Author URI: https://kubiakcreative.com
Description: Custom Theme - Requires The7 theme to be installed for base structure.
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* 09/12/25/*/

:root {
    --dark:     #303942;
    --stone:    #f3f1e9;
    --pale:     #d5e8ec;
    --gold:     #ab984d;
    --white:    #ffffff;
    --teal:     #77c5b6;
}

::selection {
    color: var(--dark);
    background: var(--gold);
}


.dark        { color: var(--dark) !important}
.stone       { color: var(--stone) !important}
.pale        { color: var(--pale) !important}
.gold        { color: var(--gold) !important}
.white       { color: var(--white) !important}
.teal        { color: var(--teal) !important}

.bg-dark     { background-color: var(--dark) !important; color: white;}
.bg-stone    { background-color: var(--stone) !important}
.bg-pale     { background-color: var(--pale) !important}
.bg-gold     { background-color: var(--gold) !important}
.bg-white    { background-color: var(--white) !important}

.white-text, .white-text p, .white-text p a, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text blockquote {
    color: var(--white);
}

/* ---------------------------  TYPOGRAPHY --------------------------- */


body {
    font-optical-sizing: auto;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    font-variant-ligatures: none !important;
    text-rendering: auto;
    color: var(--dark);
}

h1, h2, h3, h4, h5 {font-variant-ligatures: none;}

h3 { color: var(--gold);}

.travel h4 {
    text-transform: uppercase;
}

p+h3, ul+h3 { margin-top:35px;} 

.large-paragraph {
    font-size: 1.5rem;
    line-height: 2rem;
}

.keyoccupiers b{ color: var(--gold); padding-right:8px;}
.localamenities b, .landmarks b{ color: var(--teal)}

/* ---------------------------  LISTS  --------------------------- */


.localamenities ul, .keyoccupiers ul, .landmarks ul {margin: 0 0 10px 0px;}

.plain-list ul {
    list-style-type: none;
}

.plain-list ul li {
    margin-bottom: 8px;
}

.localamenities ul li, .keyoccupiers ul li, .landmarks ul li {
    margin-bottom: 0px;
}
.bold-gold strong, .bold-gold b {
    color: var(--gold);
    padding-right:8px;
}


.bullet-list ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bullet-list ul li {
    margin-bottom: 8px;
}

.bullet-list ul li::marker { color: var(--gold); }
.white .bullet-list ul li::marker { color: var(--white); }

.columnx3 ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

@media (min-width: 992px) { 
.columnx3 ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
}

@media (min-width: 1200px) { 
.columnx3 ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
}


/* line up list */
ul li.p2 {
  display: flex;
  align-items: flex-start; 
  gap: 8px;             
}

ul li.p2 > .s1 {
  flex: 0 0 23px;
  display: inline-block;
}

ul li.p2 > .s1 + * {
  /* no rule needed in most browsers — the remaining text becomes an anonymous flex item */
}

ul li.p2 > .s1 b {
  display: inline-block;
  white-space: nowrap;
}

/* ---------------------------  GENERAL  --------------------------- */
.icon-row .wpb_single_image{
    margin-bottom: 20px !important;
}
.pswp__caption{
    display: none;
}

.thp-logo img, .footer-logo img { 
    max-width: 220px !important
}

.row-padding {
    padding-top: 35px;
    padding-bottom: 35px;
}

.center-mobile {
    text-align: center;
}

.center-mobile .wpb_single_image {
    display: inline-block;
}

@media (min-width: 992px) { 
    .row-padding { padding-top: 75px; padding-bottom: 75px; }
    .center-mobile { text-align: inherit; }
    .center-mobile  .wpb_single_image {   display: block;}
}