/*!
Theme Name: Salisbury CHILD
Author: Lunaria Ltd
Author URI:  https://lunaria.co.uk
Template: salisbury_centre
Description: The Salisbury Centre
Version: 1.0.12
Text Domain: salisbury_centre_child
*/

/*  Index
1.  Import Fonts
2.  Root Styles
3.  Media Queery - break points (reference only)
4.  Basic Structure and Layout
5.  Typography
6.  Other default HTML tags
7.  Navigation
8.  Images 
9.  Bespoke elements
10.  Plugin Tweaks
11. Sandbox/sketch pad
12. Sketchpad/sandbox
*/

/* 1 Import Fonts ----------------------------------------------------------------
    Google variable font 'Nunito Sans'imported via link in header.php.
    Text weights from 100 to 1000 are available
    */

/* 2. Animation style sheets ----------------------------------------------------------------*/
@import url("animations/slide-in-right.css");
@import url("animations/slide-in-bottom.css");

/* 3. Root styles ----------------------------------------------------------------*/

:root {  
    --primary-font:"Nunito Sans", arial, sans-serif;    
    /* Main Colors */
    --primary:#65BC9F; 
    --secondary:#C77446;
    --background: #FFF1EB;
    --block_background: #FFE3D7; 
    --text:#373C41;
    --soft_text:#868686; 
    --light: #becacc;
    /* Navigation Colors */
    --link:#439E80;
    --hover:#C77446;    
    --cta: #fa7014;
    --cta_hover: #f8ae02;
    /* Basic transitions */
    --fade-text:  color 500ms ease;
    --fade-background:  background-color 500ms ease;
    --fade-opacity:  opacity 2000ms ease;
    /* Base font */
    font-size:16pt;
    line-height: 1.3;    
    }   
    
/* 4. Media-Queries break points - for ref only --------------------- */ 
    /* 
    Main break point is 768px)
    Declare in this order: 
    Phone = small: (min-width:521px);     
    Tablet= standard: (min-width:768px);  Default for this style sheet is 767px
    Phone = small: (min-width:521px);  
    Laptop = wide: (min-width:1366px) ; 
    Desktop = xtra-wide: (min-width:1920px) ;
    */
   
/* 5. Basic Structure and Layout =========================================================== */

    * {box-sizing: border-box;}
    
    @media screen and (max-width:767px)  {        
        .desktop{display:none;}
    }    
    @media screen and (min-width:768px)  {
        .mobile {display:none;}
    }
    /*-- Fix admin/menu overlap --*/
    body.user-logged-in #wpadminbar {top: -32px;}
    body.user-logged-out #header_wrapper {position:relative; top:0;}
    /*----------*/
    body { font-family: var(--primary-font); font-optical-sizing: auto; font-variation-settings: "wdth" 100, "YTLC" 500; background: var(--background); margin:0; padding:0;}
    .constrained {max-width:960px; margin: 0 auto 0 auto;}
    /* Header */
    #header_wrapper, #content_wrapper, #footer_wrapper {width:100%; margin:0; padding:0 20px 0 20px;} 
    #header_wrapper, #footer_wrapper {text-align:center;}    
    h1.site-title {margin:0; padding:0; font-weight:300; font-size:10vw;}
    @media screen and (min-width:768px)  {
        h1.site-title { font-size:5vw;}
    }
    .article {padding-top:20px; padding-bottom: 20px;}
    h1.site-title a {color:var(--text);}
    h1.site-title a:hover {color:var(--primary);}
    h1.page-title {margin:0; padding:0;}
    .site-logo { width: 200px; margin-left:auto; margin-right:auto; margin-top:10px;}
    .site-logo img {width:100%;}
    /* Main Page/Content */
    #slider_wrapper {background-color: var(--background);}
    #content-wrapper{margin-left:20px; margin-right:20px;}

    main {padding:50px 0 30px 0; border-top: solid 1px var(--soft_text);}
    .home main {padding:20px 0 30px 0; border:none;}  
    #front-page_spaces_wrapper, #front-page_events_wrapper {border-bottom:solid 1px var(--soft_text); padding: 0 0 40px 0 ; margin-bottom:20px; text-align:center; }
    #front-page_spaces_wrapper a {color: var(--secondary);} 
    #front-page_spaces_wrapper a:hover {color: var(--link);} 
    #front-page_events_wrapper a {color: var(--link);}
    #front-page_events_wrapper a:hover {color: var(--hover);}    
    #front-page_spaces_wrapper p {margin-top:0;}
    
    /* Footer */
    #footer_wrapper{background-color:var(--primary); padding:20px 20px 50px 20px;}
    @media screen and (min-width:768px)  {
    #footer_wrapper{background-color:var(--primary); padding:30px 30px 300px 30px;}
    }    
    footer.site-footer {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
    /* .footer_column {flex-basis:30%} */   
    .footer_column.fc-one{text-align:center; order:1; flex-basis:100%}
    .footer_column.fc-two{ text-align:center; order:3; flex-basis:100%}
    .footer_column.fc-three{ text-align:center; order:2; flex-basis:100%}
    @media screen and (min-width:1100px) 
    {
    footer.site-footer {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start;}
    .footer_column {flex-basis:30%}
    .footer_column.fc-one{text-align:left; order:1;}
    .footer_column.fc-two{ text-align:center; order:2;}
    .footer_column.fc-three{ text-align:right; order:3;} 
    }    
    .footer-logo {width:140px; margin-left:auto; margin-right:auto; }
    .footer-logo img{width:100%; height:auto; opacity:0.6; }
    .footer-logo img:hover {opacity:0.8; }
    h2.footer-title {font-weight:300; color:var(--background); font-size:2vw; margin:0; padding:0 0 20px 0;}
    footer .site-info p {color:var(--background); font-size:11pt; font-weight:300;}
    footer .site-info p a {color:var(--background); font-weight:600;}
    footer .site-info p a:hover {color:white; }
    footer .address-block {color:var(--background); margin:0; padding:0;}
    footer .address-block h2 {color:var(--background); margin:0; padding:0 0 10px; font-size:14pt; }
    footer .address-block p {color:var(--background); margin:0; padding:0 0 10px; font-size:14pt;} 
    footer .address-block p a{color:var(--background); }     
    p.footer-tel::before {content: url("decoration/phone.svg"); width:30px; height:30px; top: 6px; position:relative; padding-right:6px; display: inline-block; }
	p.footer-email a {padding-left:34px; background-image: url('decoration/email.svg'); background-size: 30px 30px; background-position: left center; background-repeat: no-repeat; }
    p.footer-email a:hover {padding-left:34px; background-image: url('decoration/email_hover.svg'); background-size: 30px 30px; background-position: left center; background-repeat: no-repeat; color:white;}
    #intro-text {display:flex; flex-wrap:wrap; flex-direction:row;  }
    .intro-text-col {flex-basis:100%;}
    @media screen and (min-width:768px)  {
        #intro-text {display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:space-between; align-items:center; border-bottom:1px solid var(--soft_text);}
        .intro-text-col {flex-basis:47%;}
    }
    body.home .entry-header {display:none;}
    p.site-description {display:none;}
    .home p.site-description {display:block; margin:10px; padding:0; line-height:1; font-size:1.3vw; } 

/* 6. Typography =========================================================== */

    body {color:var(--text); font-weight: 300; font-optical-sizing: auto; -webkit-font-smoothing: antialiased; -webkit-filter: blur(0.000001px);}        
    * strong { font-weight: 700;}
    h1, h2 {  font-optical-sizing: auto; font-weight: 100; font-style: normal; line-height:1.1;}     
    h3 {   font-weight:100; font-style: normal;}
    h4, h5 ,h6 {  font-size:1.2rem; font-weight:700; font-style: normal; margin:0.5em 0 0.0 0;}
    p, li { font-optical-sizing: auto; font-weight: 400; font-style: normal; }  
    /* A. Add sizes, line heights and spacing */
    h1 {  font-size:3rem; margin:0.25rem 0 0.25rem 0; line-height:1; }
    h2 {font-size:2.2rem; } 
    .intro-text h2 {font-size:2.2rem;}   
    h3 {font-size:1.6rem;}
    h4, h5, h6 {  font-size:1.2rem;}
    p { margin-bottom: 1rem;  }     
    blockquote p{font-weight: 100; color:var(--primary); padding:0 40px 0 40px; margin:0 ; font-size:1.2rem; font-weight: 500; line-height: 1.1;  background-image: url(decoration/blockquote-open.svg), url(decoration/blockquote-close.svg) ; background-size: 36px 36px; background-position: top left, top right; background-repeat:no-repeat; text-align: center; }       
    @media screen and (min-width:768px)  {
        blockquote p { padding:0 40px 0 40px; margin:20px 100px 20px 100px; font-size:1.4rem; background-size: 28px 28px; font-weight: 100;}
    }  
    ul {padding:0; margin:0;} /* Remove browser formatting */
    li {padding-bottom:0.5rem; }
    article ul {list-style-type:none;}
    article ul li {list-style-type:none; background-image: url(decoration/bullet.svg); background-position: top left; background-size: 20px 20px; background-repeat:no-repeat; padding-left:24px;}
    pre {text-wrap:wrap;}
    sup {font-size:60%; padding-left:2px;}  
    hr {border:none; border-top: 1px dotted var(--soft_text); width:75%; margin:30px 0 30px 0;}
    h1.entry-title {margin:30px 0 50px 0; font-weight:300;}

/* 8. Navigation =========================================================== */
    
    /* Note! Main Nav is styled via the Mega Menu plugin */ 

    /* Basic Default */
    a {color:var(--link); text-decoration:none; transition: var(--fade-text);}
    a:hover {color:var(--hover);}
    article a {font-weight:800;}
       

    /* Footer Menu */
    #footer-nav ul.menu  {list-style-type:none; margin:0 0 20px 0; padding:0;}
    #footer-nav li.menu-item a {color:var(--background); text-decoration: none; padding-left:0; margin-left:0;}
    #footer-nav li.menu-item a:hover {color:white;}
    #footer-nav li.menu-item.current-menu-item a {opacity:0.6;}
    #footer-nav ul.menu li {display:inline-block; padding: 0 10px 10px 10px;} 
    @media screen and (min-width:1100px){
     #footer-nav ul.menu li{   display:list-item; }
    }   

    /* Pagination */
    .page-navigation__block {padding-top:30px;  }
    ul.page-navigation {display:flex; justify-content:center; list-style-type: none;}
    #content-wrapper ul.page-navigation li{background-image:none; margin-left:5px; padding-right:5px; }
    ul.page-navigation li a{padding:2px 10px 2px 10px;  color:white; border: none; transition: var(--fade-background); font-weight:200; background-color: var(--link); border-radius:10px;}
    ul.page-navigation li.active a{background-color:var(--soft_text); color:#fff;  opacity:0.5;}
    ul.page-navigation li a:hover, ul.page-navigation li.active a:hover {  background-color: var(--hover); color:white;opacity:1;}
    ul.page-navigation li.next, ul.page-navigation li.previous{display:none;}

    /* Post edit button */
    .edit-link a, .edit-post a {
        display: inline-block; font-size: 1.2rem; decoration: none;  border-radius: 3px; color: white; padding: 5px 40px 5px 10px; background-color: var(--link);  background-image: url('decoration/edit-post.svg'); background-size: 32px 32px;
        font-weight:100; background-position: right center; background-repeat: no-repeat; transition: background-color 0.5s ease; margin-top:20px; margin-bottom: 20px; 
    }
    .edit-link a:hover, .edit-post a:hover {background-color: var(--hover);  color: white;}
   
    /* Read more */
   .read-more {margin-top:10px; padding: 5px 38px 5px 0px; background-image: url('decoration/more.svg'); background-size: 32px 32px; background-position: right center; background-repeat: no-repeat; font-weight:400; transition: var(--fade-text);}
     .read-more:hover {background-image: url('decoration/more_hover.svg'); background-size: 32px 32px;}
    .link-back {margin:30px 0 0 0; padding-top:40px; border-top:1px solid var(--soft_text);}
    .link-back a {padding: 5px 0px 5px 30px; background-image: url('decoration/link-back.svg'); background-size: 24px 24px; background-position: left center; background-repeat: no-repeat; font-weight:400;}
    .link-back a:hover {background-image: url('decoration/link-back_hover.svg'); background-size: 24px 24px;}

    /* Footer links */
    .cat-links {display:none;}

    /* Top of page return */
    #myBtn {
        border: none; /* Remove borders */
        outline: none; /* Remove outline */        
        cursor: pointer; /* Add a mouse pointer on hover */        
        font-size: 1rem; /* Increase font size */
        line-height:40px;
        background-image: url('decoration/top.svg'); background-size: 30px 30px; background-position: left center; background-repeat: no-repeat; padding: 0 0 0 36px;
        background-color: transparent;
        color: var(--link);
        transition: var(--fade-text);
        font-weight:800;
        font-family: var(--primary-font);
    }

    #myBtn:hover {
        color: var(--hover);
        background-image: url('decoration/top_hover.svg'); background-size: 30px 30px; background-position: left center; background-repeat: no-repeat; padding: 0 0 0 36px;
        background-color: transparent;
        
    }

/* 9. Images =============================================================================== */
    .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto;}
    .alignleft {float: left; margin-right: 1rem; margin-bottom: 1rem; }
    .alignright { float: right; margin-left: 1rem; margin-bottom: 1rem; }
    .aligncenter {clear: both;display: block; margin-left: auto; margin-right: auto; margin-bottom: 1rem; }
    .alignnone {margin-top:20px;}
    img.alignleft, img.alignright, img.aligncenter, img.alignnone {border-radius:10px;}
    .wp-caption {max-width:100% !important; width: 100% !important;} 
    .figcaption {max-width:100% !important; width: 100% !important;} 
    .wp-caption-text { font-size:0.8rem; line-height:1.1; }
    .tiled-gallery img {border-radius:10px;}

/* 10. Plugin tweaks and styling =========================================================== */

.acf-field .acf-label label {font-size:3rem !important;}

/* Instagram feed - Also custom CSS in the Plugin settings */
#instagram_block {border-top: solid 1px var(--soft_text); text-align:center; margin-top:20px; padding-bottom:40px;}
#instagram_block h3 {margin:40px 0 0 0;padding:0 0 20px 0 ;}
#instagram_block h3 a {font-weight:300; background-image: url(decoration/instagram-feed.svg); background-size: 32px 32px;  background-position: center right;  background-repeat:no-repeat; padding-right: 40px;}
#instagram_block h3 a:hover{background-image: url(decoration/instagram-feed_hover.svg); background-size: 32px 32px;  background-position: center right;  background-repeat:no-repeat; padding-right: 40px;}

/* 11. Sandbox/sketch pad ================================================================== */
#CTA-block {width:100%; padding:20px 10px 20px 10px; display:flex; flex-direction:column; flex-wrap:wrap;  }
.CTA-block_image {flex-basis: 100%; }
.CTA-block_image img {width:100%; height:auto; border-radius:10px; opacity:0.9}
.CTA-block_image img:hover { opacity:1}
.CTA-block_text {flex-basis: 100%; }
.CTA-block_text p {color:var(--text);}
#CTA-block  h2 a {color: var(--link) ; font-size:2rem; font-weight:300;}
#CTA-block  h2 a:hover {color: var(--hover) ; }
#CTA-block p a.CTA-block_link { color: var(--link) ; font-size:1rem; background-image: url(decoration/more.svg); background-size: 30px 30px;  background-position: top right;  background-repeat:no-repeat; padding-right:36px;}
#CTA-block p a.CTA-block_link:hover { color: var(--secondary) ; background-image: url(decoration/more_hover.svg); background-size: 30px 30px;  background-position: top right;  background-repeat:no-repeat;}
@media screen and (min-width:768px)  {
    #CTA-block {width:100%; padding:20px 10px 20px 10px; display:flex; flex-direction:row; flex-wrap:nowrap;  justify-content:space-between; align-items:center;}
    .CTA-block_image {flex-basis: 38%; }  
    .CTA-block_text {flex-basis: 58%; }
}

/* 9. Images =============================================================================== */
#secondary-CTA-block {width:100%; padding:20px 10px 20px 10px; display:flex; flex-direction:column; flex-wrap:wrap;  }
.secondary-CTA-col {flex-basis:100%;  display:flex; flex-direction:row; flex-wrap:nowrap; border-bottom:solid 1px var(--soft_text); justify-content:space-between; align-items:center;}
.secondary-CTA-block_image {flex-basis: 28%;  line-height:0; padding:0; margin:0; border:0;}
.secondary-CTA-block_image img {width:100%; height:auto; background-color:var(--secondary); line-height:0; padding:0; margin:0;  border:0;}
.secondary-CTA-block_image img:hover {background-color:var(--primary)}
.secondary-CTA-block_text {flex-basis: 68%; }
.secondary-CTA-block_text p {color:var(--text);}
#secondary-CTA-block p a.CTA-block_link { color: var(--secondary) ; font-size:1rem; background-image: url(decoration/more_hover.svg); background-size: 30px 30px;  background-position: top right;  background-repeat:no-repeat; padding-right:36px;}
#secondary-CTA-block p a.CTA-block_link:hover { color: var(--primary); background-image: url(decoration/more.svg); background-size: 30px 30px;  background-position: top right;  background-repeat:no-repeat; }
.secondary-CTA-col.col-one { border-bottom:none;}
@media screen and (min-width:940px) {
.CTA-block_image {flex-basis: 38%;}
.CTA-block_text {flex-basis: 58%;}        
#secondary-CTA-block {width:100%; padding:20px 10px 20px 10px; display:flex; flex-direction:row; flex-wrap:nowrap;  justify-content:space-between; align-items:flex-start;}
.secondary-CTA-col.col-one { border-bottom:solid 1px var(--soft_text); flex-basis: 48%; }
.secondary-CTA-col.col-two {border-bottom:solid 1px var(--soft_text); flex-basis: 48%;}
.secondary-CTA-block_image {flex-basis: 28%;}
.secondary-CTA-block_text {flex-basis: 68%; }
}

#secondary-CTA-block .secondary-CTA-col.col-one .secondary-CTA-block_image { order:1;}
#secondary-CTA-block .secondary-CTA-col.col-one .secondary-CTA-block_text  { order:2;}
@media screen and (min-width:768px)  {
#secondary-CTA-block .secondary-CTA-col.col-one .secondary-CTA-block_image { order:2;}
#secondary-CTA-block .secondary-CTA-col.col-one .secondary-CTA-block_text  { order:1;}
}

/*#front-page_events_wrapper  .n2-ss-slide {border-left: solid 1px #373C41 !important;}
 #front-page_events_wrapper  .n2-ss-slider-pane {border-right: solid 1px #373C41 !important;} */
div#n2-ss-22 .n2-ss-slider-3 { padding: 10px 50px 10px 50px !important; }
#front-page_events_wrapper .n2-ss-item-content p {padding-bottom:10px!important;}
#front-page_events_wrapper .n2-ss-item-content p i{ font-style:normal; font-weight:600; font-size:14pt !important; }
#front-page_events_wrapper .n2-ss-item-content p b{ font-style:normal; }
#front-page_events_wrapper .n2-ss-item-content p a{ color: #65BC9F !important; font-size: 14pt!important;}
#front-page_events_wrapper .n2-ss-item-content p a:hover{ color: #C77446 !important; }

@media screen and (min-width:769px) {
#front-page_events_wrapper .n2-ss-item-content p {padding-bottom:10px!important;}
#front-page_events_wrapper .n2-ss-item-content p i{ font-size:15pt!important; }
#front-page_events_wrapper .n2-ss-item-content p a{  font-size: 15pt!important;}
}

@media screen and (min-width:961px) {
#front-page_events_wrapper .n2-ss-item-content p {padding-bottom:15px!important;}
#front-page_events_wrapper .n2-ss-item-content p i{ font-size:16pt!important; }
#front-page_events_wrapper .n2-ss-item-content p a{  font-size: 16pt!important;}   
}

#footer-social-block ul {list-style-type:none; text-decoration:none; margin:0 ; padding:0; }
#footer-social-block ul li{list-style-type:none; text-decoration:none; background-image:none; padding: 0 ; margin:0 0 15px 10px; width:36px; height:36px; display:inline-block;} 
#footer-social-block ul li a {width:36px; height:36px; display:block;}
#footer-social-block ul li.footer-social_link_icon.facebook a{background-image: url(decoration/socials/facebook.svg);background-position: left center; background-repeat: no-repeat; background-size: 36px 36px; }
#footer-social-block ul li.footer-social_link_icon.instagram a{background-image: url(decoration/socials/instagram.svg);background-position: left center; background-repeat: no-repeat; background-size: 36px 36px;}
#footer-social-block ul li.footer-social_link_icon.youtube a{background-image: url(decoration/socials/youtube.svg);background-position: left center; background-repeat: no-repeat; background-size: 36px 36px; }
#footer-social-block li.footer-social_link_icon.bsky a{background-image: url(decoration/socials/bsky.svg);background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; }
#footer-social-block li.footer-social_link_icon.ex a{background-image: url(decoration/socials/ex.svg);background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; }
#footer-social-block li.footer-social_link_icon.linkedin a{background-image: url(decoration/socials/linkedin.svg);background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; }
#footer-social-block li.footer-social_link_icon.linkedin:hover a{background-image: url(decoration/socials/linkedin_hover.svg);background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; }
#footer-social-block li.footer-social_link_icon.bsky:hover a{background-image: url(decoration/socials/bsky_hover.svg);}
#footer-social-block li.footer-social_link_icon.ex:hover a{background-image: url(decoration/socials/ex_hover.svg);}
#footer-social-block li.footer-social_link_icon.facebook:hover a{background-image: url(decoration/socials/facebook_hover.svg);}
#footer-social-block li.footer-social_link_icon.instagram:hover a{background-image: url(decoration/socials/instagram_hover.svg);}
#footer-social-block li.footer-social_link_icon.youtube:hover a{background-image: url(decoration/socials/youtube_hover.svg);}
#footer-social-block li.footer-social_link_icon.linkedin:hover a{background-image: url(decoration/socials/linkedin_hover.svg);}
#footer_logofest_wrapper.constrained{margin-bottom:30px; border-top:solid 1px var(--soft_text); padding-top:30px;}
.home #footer_logofest_wrapper.constrained{ border-top:none;}
section.site-footer_logos{display:flex; flex-wrap: wrap; flex-direction:row; justify-content: center; align-items:center}
section.site-footer_logos .footer-sponsor_logos {flex-basis:150px; margin:10px; background-color:white; padding:5px; border-radius: 10px;text-align:center;}
section.site-footer_logos .footer-sponsor_logos img{width:auto; max-height:100px;}

/* Smart Slider */
div#n2-ss-7 .n2-ss-slider-3 {padding: 0 50px 0 50px !important;}
h2.rooms_title, h2.events_title {margin:30px 0 20px 0; padding:0; }
h2.rooms_title a, h2.events_title a {font-weight:300;}
#front-page_spaces_wrapper h3, #front-page_events_wrapper h3 {margin:0;}
#front-page_spaces_wrapper h3 a, #front-page_events_wrapper h3 a { font-weight:300;} 
#CTA-block .CTA-block_text h2{margin:0; padding:0;}
#front-page_events_wrapper img {display:none;}

/* Rooms/spaces page list/archive */
.category-list.spaces_list { display:flex; flex-direction:row; justify-content:space-between; flex-wrap: wrap; align-items:flex-start;  margin-top:40px;padding-top:30px; }
.category-list.spaces_list .category-list_item { flex-basis: 49%; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom:50px;}
#rooms_for_hire.category-list {border-top: solid 1px var(--soft_text);}
#other-rooms.category-list {border-top:none;}
.spaces_list .category-list_thumb { padding:0; margin:0; line-height:0;}
.spaces_list .category-list_thumb img {width:100%; height:auto;  border-radius:10px; opacity:0.9;}
.spaces_list .category-list_thumb img:hover {width:100%; height:auto;  border-radius:10px; opacity:1;}
.spaces_list .category-list_content {padding-left:20px;}
#other-rooms-intro_block {border-top: solid 1px var(--soft_text); margin-top:40px;padding-top:40px;}
.spaces_list .category-list_content {padding-left:20px;}
.spaces_list .category-list_content h3 {margin-bottom:0;} 
p.category-list_teaser {margin:0; padding:10px 0 10px 0;}

/* Single room posts */
#hire-rate_block {}
#hire-rate_block .rate-extras.small {font-size:80%;}
#hire-rate_block .rate-table {display: flex; flex-wrap: wrap; }
#hire-rate_block .rate-table_cell {width: 30%; text-align: center; padding: 10px 5px 10px 5px; border-radius: 5px; border: solid 1px var(--soft_text); margin: 0 10px 10px 0;}
#hire-rate_block .rate-table_cell:first-child {border:none;}
#hire-rate_block .rate-table_cell.peak {background-color: var(--block_background); }
#hire-rate_block .rate-table_cell.peak p {font-weight:600; margin:0;}
#hire-rate_block .rate-table_cell.hours {background-color: var(--block_background); font-weight:600;}
#rooms-plus {display:flex; flex-direction:column; }
#rooms-plus .rooms-plus_col {flex-basis: 100%}
#rooms-plus .rooms-plus_col.col_1 { padding-right:0;}
#rooms-plus .rooms-plus_col.col_2 { padding-left:0;}
@media screen and (min-width:940px)
{#rooms-plus {display:flex; flex-direction:row; flex-wrap:nowrap}
#rooms-plus .rooms-plus_col {flex-basis: 50%}
#rooms-plus .rooms-plus_col.col_1 {padding-right:20px; order:1;}
#rooms-plus .rooms-plus_col.col_2 {padding-left:20px; order:2;}}
.room-hire_form {border-radius:10px ; border: solid 1px var(--soft_text); padding:10px 10px 10px 20px; background-color: var(--block_background);}
.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label { font-weight:300; font-size:14pt !important;}
.gform_legacy_markup_wrapper input {background-color:var(--background); border-radius: 5px; border: 1px solid var(--soft_text) ; font-size:14pt !important; box-shadow: none !important; outline: none;}
.gform_legacy_markup_wrapper input:hover {background-color:var(--background); border: 1px solid var(_text); transition: var(--fade-background);box-shadow: none !important; outline: none;}
.gform_legacy_markup_wrapper input:focus {border: 1px solid var(--text); background-color:white; box-shadow: none !important; outline: none;}
.gform_legacy_markup_wrapper textarea {border-radius: 5px; border: 1px solid var(--soft_text) ;  background-color: var(--background); font-size:14pt !important; box-shadow: none !important; outline: none;}
.gform_legacy_markup_wrapper textarea:hover { border: 1px solid var(--text) ; background-color: var(--background);}
.gform_legacy_markup_wrapper textarea:focus { border: 1px solid var(--text) ;background-color: white; }
body .gform_legacy_markup_wrapper ul li.gfield {margin-top:5px !important;}
h3.form-heading {margin:0;}
.gfield_consent_label {font-size:90%; line-height: 1.2!important;}
.gform_button.button {padding:10px; border: 1px solid var(--text);  background-color: var(--primary); color:white; }
.gform_button.button:hover {background-color: var(--secondary);}
input.checkbox {width:20px; height:20px;}
input[type="checkbox"] { width:30px; height:30px;}
/* 11. Scroll activated transitions. Add 'animate' to the class in the html, scrolling will add .in-view automatically, add .in-view styles here */
.animate {opacity:0.1; transition: var(--fade-opacity);}
.in-view {opacity:1;}

/*-----------------------------------------------------------*/

.gform_legacy_markup_wrapper .gform_heading {display:none;}
.gform_legacy_markup_wrapper select {  font-size: 14pt;}

/*-----------------------------------------------------------*/

article li.gfield{background-image:none; padding-left:0;}
.single-our-spaces .entry-header {display:flex; flex-direction:row; align-items:center;}
.single-our-spaces .entry-header .blog-post_thumb.room-post_thmb {flex-basis:160px; }
.single-our-spaces .entry-header .blog-post_thumb.room-post_thmb img {width:100%; height:auto; border-radius:5px;}
.single-our-spaces .entry-header .entry-title {padding-left:20px; margin:0;}
.tiled-gallery.type-square .tiled-gallery-item img {border-radius:10px;}
#n2-ss-22 .n2-ss-slider-3 {padding: 10px 50px 10px 50px;}
#single-room-calendar_block {border: 1px solid var(--soft_text); background-color: var(--block_background); border-radius:10px; margin-top:20px; margin-bottom:10px;}
#single-room-calendar_block h3 {padding-left:20px;}
.calendar_note {padding-left:20px;} 
.postid-39376.user-logged-out #single-room-calendar_block {display:none;}
.postid-39378.user-logged-out #single-room-calendar_block {display:none;}

.category-list {}
.category-list.archive {}
.category-list.archive .category-list_item {display:flex; flex-direction:column;  border-bottom:dotted 1px var(--soft_text); padding-top: 20px; padding-bottom:20px; margin-top:10px ;}
.category-list.archive .category-list_item:first-child { border-top:dotted 1px var(--soft_text); margin-top:40px; padding-top: 30px;}
.category-list.archive .category-list_thumb {flex-basis:100%; padding-bottom:20px;}
.category-list.archive .category-list_thumb img {width:100%; height:auto; padding:0; margin:0;line-height:0; border-radius:5px}
.category-list.archive .category-list_content {}
.category-list.archive .category-list_content h3{margin-top:0;} 
.category-list.archive p.teaser-text{}

@media screen and (min-width:768px)  {
    .category-list.archive .category-list_item {display:flex; flex-direction:row;  justify-content:flex-start; align-items: flex-start; border-bottom:dotted 1px var(--soft_text); padding-top:20px; padding-bottom:20px; margin:10px 0 0 0;}
    .category-list.archive .category-list_thumb {flex-basis:160px; padding-right:20px;}
    .category-list.archive .category-list_thumb img {width:160px; height:auto; padding:0; margin:0;line-height:0; border-radius:5px}
}

#site-navigation {max-width:100%;}
.category-list.community .category-list_item {display:flex; flex-direction:column;    border-top:dotted 1px var(--soft_text); padding-top:30px; padding-bottom:20px; margin:10px 0 0 0;}
.category-list.community .category-list_thumb {flex-basis:100%; }
.category-list.community .category-list_thumb img {width:100%; height:auto; padding:0; margin:0;line-height:0; border-radius:5px}
.category-list.community .category-list_content h3 {margin:0;}
.category-list.community h2 {margin:0; font-size: 1.8rem; line-height:1.1;}

@media screen and (min-width:768px)
{
.category-list.community .category-list_item {display:flex; flex-direction:row;  justify-content:flex-start; align-items: flex-start; border-top:dotted 1px var(--soft_text); padding-top:30px; padding-bottom:20px; margin:10px 0 0 0;}
.category-list.community .category-list_thumb {flex-basis:160px; padding-right:20px;}
.category-list.community .category-list_thumb img {width:160px; height:auto; padding:0; margin:0;line-height:0; border-radius:5px}
.category-list.community h2 {margin:0;  font-size: 2.2rem;}
}

#therapist-logo-block {display:flex; flex-direction:row; flex-wrap: wrap; align-content:flex-start; align-items: center; margin-top:20px;}
#therapist-logo-block .therapist_logo { border:none; border-radius: 10px; background-color:white;  width:160px;  margin: 0 20px 20px 0;}
#therapist-logo-block .therapist_logo img { width:160px; height:auto; padding:10px;}
.practioner_url {margin-top:20px; word-break: break-all;}
.practioner_url a{font-weight:800; background-image: url(decoration/web.svg); background-position: left center; background-repeat: no-repeat; background-size: 24px 24px; padding-left:30px;}
.practioner_url a:hover {background-image: url(decoration/web_hover.svg);}
.practioner_email { word-break: break-all;margin-top:20px;}
.practioner_email a { font-weight:800; background-image: url(decoration/alt_email.svg); background-position: left center; background-repeat: no-repeat; background-size: 24px 24px; padding-left:30px; }
.practioner_email a:hover {background-image: url(decoration/alt_email_hover.svg);}
.practioner_phone  {word-break: break-all; font-weight:800; background-image: url(decoration/tel.svg); background-position: left center; background-repeat: no-repeat; background-size: 24px 24px; padding-left:30px; color: var(--link);}

article.post-39746 blockquote {margin:0; padding:20px 20px 0 20px;; border-radius:10px; background-color: var(--block_background); display: block;
overflow: auto;}

article.post-39746 blockquote p {padding:0 0 20px 0 ; margin:0 ; background-image:none;  font-size: 16pt; color:var(--text); font-weight:300; line-height:1.3; }
article.post-39746 blockquote p em { font-style:italic; font-weight:300; }
article.post-39746 blockquote img {max-width:160px; max-height:160px; margin: 0 20px 20px 0; float:left;   border-radius:5px;}
article.post-39746 h3 {border-top: 1px dotted var(--soft_text);padding-top:20px; margin-bottom: 16px; line-height:1.1;}
.post-15 h3 {border-top: 1px dotted var(--soft_text);padding-top:20px; margin-bottom: 16px; line-height:1.1;} 
select#input_5_5 {border-radius:5px; border:1px solid var(--text); background-color: var(--background);}
.gform_legacy_markup_wrapper select option {font-weight:100;}

/*Sandbox*/
.archive.category-news p {margin:0 0 10px 0;}
.archive.category-news p.news-date {margin:0 0 10px 0;} 
.archive.category-news h3  {margin:0 0 10px 0; line-height:1.1;} 
.single-our-spaces .tribe-events .tribe-events-calendar-month__calendar-event-title-link {display:none;}

/*Gravity Forms*/
.gravity-form_block {border-radius: 10px; border: solid 1px var(--soft_text); padding: 10px 10px 10px 20px; background-color: var(--block_background); } 
.gform_legacy_markup_wrapper ul {background-image:none;}
.gform_legacy_markup_wrapper ul li {background-image:none;}