/*	
	Custom.css
*/

/*	Site Name: Honne
	Date: 04/08/2025
*/

/* Fonts
font-family: '';
Regular font-weight: normal;
Medium font-weight: 500;
Bold font-weight: 700;
*/


@font-face {
    font-family: 'TTNorms-Bold';
  src: url(/wp-content/themes/genesis-sample/fonts/TT_Norms_Pro_Bold.woff2);
}
@font-face {
    font-family: 'TTNorms-Regular';
  src: url(/wp-content/themes/genesis-sample/fonts/TT_Norms_Pro_Regular.woff2);
}
@font-face {
    font-family: 'TTNorms-Medium';
  src: url(/wp-content/themes/genesis-sample/fonts/TT_Norms_Pro_Medium.woff2);
}

/* Colours

text: #000;
light grey: #f7f7f7;
dark grey: #2b4045;
red: #fa6b5a;
cream: #F1EEE7;
dark cream: #E1D8C680;

*/

/* Font size - responsive */

html {
	font-size: 62.5%; /* 10px (1rem) browser default  */

    font-size: calc(15px + 0.390625vw);

}

body > div {
	font-family: 'TTNorms-Regular';
	font-weight: normal;
	font-size: 0.9rem;
    line-height: 1.3;
	color: #000;
}
.bold,
.strong {
    font-family: 'TTNorms-Medium';
}

.red {
    color: #fa6b5a;
}

/* Headings
--------------------------------------------- */

h1 {
	font-family: 'TTNorms-Regular';
	font-size: 1.6rem;
	font-weight: normal;
	color: #2b4045;;
}

h2 {
	font-family: 'TTNorms-Regular';
	font-size: 1.4rem;
	font-weight: normal;
}
h2 strong {
    font-family: 'TTNorms-Medium';
    font-weight: normal;
}

h3,
.entry-content h3 {
	font-family: 'TTNorms-Regular';
	font-size: 1.2rem;
	font-weight: normal;
}

h4,
.entry-content h4 {
    font-family: 'TTNorms-Regular';
	font-size: 0.7rem;
	font-weight: normal;
	margin-top: 0;
}
h4 strong {
    font-family: 'TTNorms-Bold';
    font-weight: normal;
}

h5
/*h5 button,
h5 button:hover*/ {
    font-family: 'TTNorms-Bold';
	font-size: 0.7rem;
	font-weight: normal;
	margin: 0;
}

.entry-content ul,
ul {
    padding-left: 0;
}
/*.entry-content ul li::marker,*/
.entry-content ul li::before {
    content: url(/wp-content/uploads/2025/08/Honne-Bullet-Point-2-1.png);
    margin-right: 10px;
}
.entry-content ul li {
    /*padding-left: 10px;*/
    margin-bottom: 15px;
    list-style-type: none;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: underline;
}

p strong,
li strong,
h3 strong {
    font-family: 'TTNorms-Medium';
    font-weight: normal;
}
p button {
    font-size: 0.9rem !important;
}


/* Buttons ..................................
.............................................*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button,
button:hover,
button:focus,
.site-container button:disabled,
.site-container button:disabled:hover {
	background-color: transparent;
	border: 1px solid #000;
	border-radius: 50px;
	color: #000;
	cursor: pointer;
	font-family: 'TTNorms-Bold';
	font-size: 0.9rem;
	font-weight: normal;
	padding: 7px 20px 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	width: auto;
	transition: none !important;
}

.red button,
button.red,
button[type="button"]:disabled.red {
    border-color: #fa6b5a;
    color: #fa6b5a;
}
button:disabled {
  /*cursor: not-allowed !important;*/
  pointer-events: none !important;
}


/* Titles, entry etc
--------------------------------------------- */

/* Remove default entry elements */

.entry-header {
	display: none;
}
.entry-title {
	margin-bottom: 30px;
}
.entry-meta {
	display: none;
}
.post-edit-link {
	display: none;
}
.entry-footer {
	display: none;
}
.entry {
    margin-bottom: 0;
}
:focus,
:focus-visible {
    outline: none;
}
hr.wp-block-separator {
    color: #000;
    border-bottom: 1px solid ;
}

/* Site containers .......
............................*/

.site-container {
    max-width: 2560px;
    margin: auto;
}
.site-inner {
    padding: 0;
}
.page-content {
    width: 90%;
    margin:auto;
}
.grey-banner {
    padding: 50px 0;
}

.full-view {
    display: none;
}

.mobile-view {
    display: block;
}

/* Header ....................
..............................*/

/* Site header ...............*/

.site-header {
	max-width: 2560px;
	box-shadow: none;
	margin: auto;
	padding: 50px 3% 70px 7.5%;
}
.wp-custom-logo .title-area {
    width: 40%;
}
.wp-custom-logo .title-area a {
	width: 100%;
	max-width: 300px;
}

.single-service .site-header,
.single-post .site-header,
.single-case-study .site-header,
.views-template-legal-page .site-header,
.page-id-23 .site-header,
.page-id-485 .site-header {
    display: block !important;
}

/* Site header ...............*/

.site-header {
    background-color: #2b4045;
}
.title-area,
.title-area a img {
    display: none;
}
.menu-toggle {
    display: none;
}


/* Image site-headers */

.home .site-header,
.page-id-15 .site-header,
.page-id-17 .site-header,
.page-id-19 .site-header,
.page-id-21 .site-header,
.page-id-25 .site-header {
    background-color: transparent;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 100%;
}
.home .title-area a,
.page-id-15 .title-area a,
.page-id-17 .title-area a,
.page-id-19 .title-area a,
.page-id-21 .title-area a,
.page-id-25 .title-area a {
    content: url(/wp-content/uploads/2025/08/Honne-Logo-01-1-white.png);
}
.home .genesis-nav-menu a,
.home .genesis-nav-menu a:hover,
.page-id-15 .genesis-nav-menu a,
.page-id-15 .genesis-nav-menu a:hover,
.page-id-17 .genesis-nav-menu a,
.page-id-17 .genesis-nav-menu a:hover,
.page-id-19 .genesis-nav-menu a,
.page-id-19 .genesis-nav-menu a:hover,
.page-id-21 .genesis-nav-menu a,
.page-id-21 .genesis-nav-menu a:hover,
.page-id-25 .genesis-nav-menu a,
.page-id-25 .genesis-nav-menu a:hover {
    color: #fff;
}

/* Navigation ..................*/


.genesis-nav-menu a {
    font-family: 'TTNorms-Medium';
	color: #000;
	font-size: 0.9rem;
	text-transform: lowercase;
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu a:hover,
.footer-widgets .widget_nav_menu .current-menu-item > a,
.footer-widgets .widget_nav_menu a:hover{
	text-decoration: underline;
}
.genesis-nav-menu li.footer-only {
    display: none;
}
/* Mobile navigation */

.mob-icon-menu-3:before {
    content: url('/wp-content/uploads/2025/08/Burger-3-e1755253825910.png') !important;
}
.mob-icon-cancel-1:before {
    content: url('/wp-content/uploads/2025/08/Burger-close-e1755254100198.png') !important;
}

/* Cookie banner */
button.cky-btn-revisit:not(:hover):not(:active),
.cky-btn-revisit-wrapper {
    display: none !important;
}
/* Footer ....................
..............................*/

.site-footer,
.footer-widgets {
    border-top: none;
    max-width: 2560px;
    margin: auto;
     width: 90%;
        margin:auto;
       /* border-left: 1px solid #000;
        border-right: 1px solid #000;*/
        padding: 60px 0px 30px;
   text-align: center;
}

.footer-widget-area {
    padding: 20px 0;
}
.footer-widgets-1 img {
    max-width: 250px !important;
}

.footer-widgets .genesis-nav-menu a,
.footer-widgets .genesis-nav-menu a:hover {
    color: #000;
    padding: 0 20px 10px 0;
}
.footer-widgets .genesis-nav-menu {
    display: block !important;
}
.footer-widgets .genesis-nav-menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.footer-widgets .genesis-nav-menu li.footer-only {
    display: block;
}
.footer-widgets .social img {
    width: 3rem;
}
.footer-widgets-4 .textwidget.custom-html-widget{
    /*width: 70%;
    float: right;
    padding-left: 30px;*/
    display: flex;
    justify-content: space-between;
}

.site-footer {
    display: none;
}
.nav-secondary .genesis-nav-menu {
    display: block !important;
}

    

/* Site content ............
.............................*/

/* Page headers */

.header-text {
    padding: 30px 5% 12px;
    width: 100%;
}
.header-text h1 {
    font-family: 'TTNorms-Medium';
}
.page-header .full-view {
    display: none;
}
.page-header .mobile-view {
    display: block;
}

/* Service links */

.service-link {
    position: relative;
}
.service-name {
    position: absolute;
    bottom: 30px;
    left: 50px;
}
.service-name a {
    color: #fff;
    text-decoration: none;
}

/* Testimonials */
.testimonial-text h4,
.testimonial-text h4 p {
    margin: 0;
}
/* Image+text boxes */

.mental-health {
    position: relative;
}
.mental-health-text {
    position: absolute;
    left: 10%;
    top: 10%;
    color: #fff;
    width: 75% !important;
}
.mental-health-text button {
    margin-bottom: 20px;
    color: #2B4045;
    border-color: #2B4045;
}
.fifty-one {
    position: relative;
}
p.fifty-one-text {
    position: absolute;
    left: 10%;
    bottom: 10%;
    width: 75%;
}

.fiftythree-twentytwo {
    position: relative;
}
p.fiftythree-text {
    position: absolute;
    top: 32%;
    left: 10%;
    width: 35%;
    margin-bottom: 0;
    font-size: 0.8rem;
}
p.twentytwo-text {
    position: absolute;
    left: 52%;
    bottom: 10%;
    width: 38%;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.home-blog-1 {
    position: relative;
}
.home-blog1-text {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 60% !important;
    color: #fff;
}
.home-blog-2 {
    position: relative;
}
.home-blog2-text {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 60% !important;
    color: #fff;
}

.home-blog-3 {
    position: relative;
}
.home-blog3-text {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 60%;
    max-width: 300px;
    color: #2b4045;
}

/* Text-image grids */
.grid-cell-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   /* min-height: 80vw;*/
}
.grid-cell-column.service {
    min-height: 60vw;
}
h4.read-more,
.read-more h4 {
    font-family: 'TTNorms-Bold';
    text-transform: uppercase;
}
.dark-grey {
    background: #2b4045;
    color: #fff;
}
.cream {
    background: #F1EEE7;
}
.tb-container.full-height {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.our-approach button {
    margin-bottom: 20px;
}

/* Logos ...................
............................*/


/* Blog page ..................
...............................*/

ul.wpv-loop.js-wpv-loop {
    padding-left: 0;
    margin-bottom: 0;
}

.wp-block-table thead {
    border-bottom: 1px solid;
}
/* Contact form */

.entry-content .wpforms-container {
    margin-top: 0 !important;
    width: 100%;
}
 .wpforms-container-full input,
 .wpforms-container-full input:focus,
 .wpforms-container-full input:focus:invalid,
 .wpforms-container-full .wpforms-form textarea {
     background-color: #f7f7f7!important ;
     border-color: #f7f7f7 !important;
     border-radius: 5px;
     border-style: none !important;
     box-shadow: none !important;
 }
 .site-container .wpforms-container .wpforms-form .wpforms-field input {
     border-radius: 5px;
 }
 .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
 .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
 .site-container div.wpforms-container-full .wpforms-form button[type="submit"],
 div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
     width: 100%;
     background-color: #2b4045 !important;
     border-radius: 5px;
     border: 0 !important;
     outline: none !important;
     padding: 15px 30px;
     height: auto !important;
     text-transform: none;
     font-size: 0.9rem;
     font-family: 'TTNorms-Regular';
 }


/* Media Queries .............
..............................*/

@media only screen and (min-width: 720px) {

   .full-view {
        display: block;
    }
    
    .mobile-view {
        display: none;
    }

}

@media only screen and (min-width: 720px) and (max-width: 959px) and (orientation: landscape) {
    
    .full-view {
        display: none;
    }
    
    .mobile-view {
        display: none;
    }
    
    .page-header .full-view {
    display: block;
}
.page-header .mobile-view {
    display: none;
}
    
}

@media only screen and (min-width: 960px) {

 
    .content {
        width: 100%;
    }
    .site-inner {
        max-width: 2560px;
        margin: auto;
        padding: 0;
    }
   .page-content {
    width: 85%;
    margin:auto;
    padding: 0 5%;
}
    .page-content.border {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.grey-banner {
    padding: 90px 0;
}
.grey-banner.logos {
    padding-top: 60px;
    padding-bottom: 60px;
}
    
    .site-header {
    background-color: #fff;
    position: relative;
    padding-bottom: 50px;
}
.title-area,
.title-area a img {
    display: block;
}

   .site-header .genesis-responsive-menu.nav-primary {
    width: 52%;
    }
    
    .site-header .nav-primary ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
 
    .nav-primary .genesis-nav-menu a {
        padding: 10px 0;
    }
    
    /* Page headers */
    
        .page-header .full-view {
    display: block;
}
.page-header .mobile-view {
    display: none;
}
    
    .page-header {
    position: relative
}
.header-text {
    position: absolute;
    right: 7.5%;
    bottom: 0;
    background: #fff;
    padding: 35px 50px 7px;
    width: 39%;
}

.footer-widgets,
.site-footer {
    width: 85%;
    padding: 30px 5% 30px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.footer-widgets .wrap {
    max-width: none;
    padding-top: 30px;
}
.footer-widget-area {
        float: left;
        margin-bottom: 0;
        width: calc(100% / 4);
    }
.footer-widgets .widget-area {
    text-align: left;
}
.footer-widgets-1.footer-widget-area {
    width: 30%;
}
.footer-widgets-2.footer-widget-area {
    width: 30%;
}
.footer-widgets-3.footer-widget-area {
    width: 40%;
}
.footer-widgets-3 {
    display: flex;
}
.footer-widgets-3 .social {
    padding-right: 20%;
    margin-left: 30px;
}
.footer-widgets-3 .social img {
    width: 3rem;
}

.footer-widgets-4.footer-widget-area {
    width: 100%;
}
.footer-widgets-2.footer-widget-area {
    padding-left: 30px;
}
.footer-widgets .genesis-nav-menu ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footer-widgets-4 .textwidget.custom-html-widget{
    width: 70%;
    float: right;
    padding-left: 30px;
}

.grid-cell-column,
.grid-cell-column.service {
    min-height: 0;
}

.home-blog3-text {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 75%;
    color: #2b4045;
}
}