/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm

GREEN - #88a188
*/
@import url("https://drsarahhart.com/wp-content/themes/stockholm/style.css");

/* ----- WEBFONTS ----- */

@font-face {
font-family: 'u8bold';
src: url('https://drsarahhart.com/wp-content/themes/stockholm-child/webfonts/u8-bold-webfont.woff2') format('woff2'),
url('https://drsarahhart.com/wp-content/themes/stockholm-child/webfonts/u8-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'u8light';
src: url('https://drsarahhart.com/wp-content/themes/stockholm-child/webfonts/u8-light-webfont.woff2') format('woff2'),
url('https://drsarahhart.com/wp-content/themes/stockholm-child/webfonts/u8-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'u8regular';
src: url('https://drsarahhart.com/wp-content/themes/stockholm-child/webfonts/u8-regular-webfont.woff2') format('woff2'),
url('https://drsarahhart.com/wp-content/themes/stockholm-child/webfonts/u8-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body {font-family:'u8light'; font-size:18px; color:#3c3c3c;}
p {font-family:'u8light'; font-size:18px; margin-bottom:20px; color:#3c3c3c;}

.list-align ul {
margin-left:30px;
}

.list-align li {
list-style-type: disc;
list-style-position: inside;
text-indent: -1.6em;
margin:0 0 15px 0;
}

.container_inner {height:230px !important;}
.header_inner_left {margin-top:60px !important;}
nav.main_menu > ul > li > a {line-height:100px !important; padding:0 15px !important;}

.strapline {
width:100%;
margin:20px 0 0 0;
text-align: center;
display:inline-block;
position:relative;
font-weight:bold !important;
}

.strapline h4 {
font-family:'u8bold' !important; 
color:#000; 
font-size:14px !important; 
letter-spacing:2px; 
width:100%; 
text-align: center; 
font-weight:bold !important;
}

header.centered_logo nav.main_menu {vertical-align: top !important;}
header.centered_logo nav.main_menu li a {
text-transform:uppercase !important; 
color:#000;
font-family:'u8bold' !important;
font-size:12px; 
font-weight:700 !important;
letter-spacing:2px;
padding:0 13px !important;
height:97px;
max-height:98px;
}

header.centered_logo nav.main_menu li:hover a,
header.centered_logo nav.main_menu li.current-menu-item a {color:#88a188;}


header.centered_logo nav.main_menu .second .inner ul {padding:10px 0 !important;}
header.centered_logo nav.main_menu .second .inner ul li a {margin:0 !important;}
header.centered_logo nav.main_menu .second .inner ul li ul li a {line-height:20px !important;}
header.centered_logo nav.main_menu .second .inner ul li ul li a:hover {color:#000;}

header.sticky, header.sticky div {max-height:50px !important;}
header.sticky img.sticky {width:200px !important; max-height:18px !important; margin-top:6px;}
header.sticky .strapline {display:none;}
header.sticky .container_inner {height:auto !important;}
header.sticky .header_inner_left {margin-top:0 !important;}
header.sticky nav.main_menu {float:right !important;}
header.sticky nav.main_menu .second {margin-top:-11px !important;}
header.sticky nav.main_menu li,
header.sticky nav.main_menu li a {line-height:45px !important;	height:50px !important; max-height:50px !important;}

header.sticky nav.main_menu li ul li,
header.sticky nav.main_menu li ul li a {line-height:20px !important;	height:auto !important; max-height:800px !important;}

/* ----- PAGE HEADER ----- */

.page-header {margin-bottom:100px !important;}
.page-header .page-header-title .vc_column-inner {
height:440px; 
display:flex;
align-items: center;
justify-content: center;
}
.page-header .page-header-image .vc_column-inner {height:440px;}



/* ----- HEADINGS ----- */

h1 {font-family:'u8regular'; color:#5d5d5d; font-size:44px; line-height:40px !important;}
h2 {font-family:'u8bold'; font-size:22px;}
h3 {font-family:'u8bold';font-style:normal; font-weight: 700 !important;}
h4 {font-family:'u8regular'; color:#000; font-size:14px !important;}

.post_content h3 {color:#393937; font-size:20px; margin-bottom:10px;}

h3.hrf-title {font-family:'u8bold';font-style:normal; font-weight: 700 !important; text-transform:uppercase; padding-left:43px !important;}

.hrf-faq-list .vc_col-sm-4 {padding:0 !important;}
.hrf-faq-list .vc_col-sm-4 .vc_column-inner {margin:0 !important;} 

.hero-row {padding:10.8% 0 !important;}
.hero-title p {
font-size:48px; 
line-height:80px;
letter-spacing:10px;
color:#FFF; 
font-family:'u8regular';
max-width:100%; 
margin:0 auto;
text-align:center;
}

.home h1.home-title {
font-family:'u8bold'; 
font-size:22px !important;
line-height: 26px !important;
color:#000; 
margin-bottom:20px !important; 
letter-spacing:2px !important;
}

.intro h2:nth-child(2) {margin-bottom:20px;}
.intro p {font-family:'u8light'; font-size:22px; line-height:30px; padding:0 100px 0 0; color:#3c3c3c; margin-bottom:20px !important;}
.title {max-height:200px !important;}
.title_holder h1 {margin-top:60px;}
.title_holder h1 span {font-family:'u8regular'; color:#5d5d5d; font-size:44px; line-height:50px; text-transform:none !important;}

.grid_section h3 {font-family:'u8bold';font-style:normal; font-weight: 700 !important; color:#000; font-size:20px; letter-spacing:2px;}

.home .intro.grid_section .vc_col-sm-4 {padding-left:0; margin-top:8px; margin-bottom:30px;}
.home .intro.grid_section .vc_col-sm-8 p {padding-right:30px;}

.outlined-title {text-align:center; margin-bottom:40px !important;}
.outlined-title h2 {
font-size:24px;
color:#000;
width:auto !important; 
display:inline-block; 
margin:0 auto !important; 
border:1px solid #787b7c;
padding:20px 30px;
letter-spacing:3px;
}

.outlined-title h3 {
font-size:20px;
color:#000;
width:auto !important; 
display:inline-block; 
margin:0 auto !important; 
border:1px solid #787b7c;
padding:20px 30px;
letter-spacing:3px;
}

.featured-treatments .section h2 {font-size:20px; color:#000; margin-bottom:10px;}
.featured-treatments .section p {margin-bottom:20px !important;}
.featured-treatments .section .wpb_column.vc_column_container.vc_col-sm-4 {padding-left:0 !important;}
.btn-align-right .wpb_wrapper {text-align:right;}
.before-after-grid .section_inner_margin {padding:0 10px;}
.before-after-grid .wpb_column .vc_column-inner {padding:0 5px;}

.vc_gitem-zone {position:relative;}
.vc_gitem-zone:before {display:none !important;}
.vc_gitem_row.vc_row.vc_gitem-row-position-top {position:relative; top:0 !important;}

.home-blog-section .vc_col-sm-12 {padding:0 !important;}
.home-blog-section .vc_col-sm-12 figure,
.home-blog-section .vc_col-sm-12 .blog-image a,
.home-blog-section .vc_col-sm-12 .blog-image img {width:100% !important; height:auto !important; max-width: 100% !important; max-height: 100% !important;}

.qbutton {font-family:'u8bold';padding:0 10px; font-size:14px; font-weight:700 !important; height:auto !important;}
.blog-button {margin-top:10px;}
.blog-button a {font-family:'u8bold'; font-size:16px; font-weight:700 !important; border:1px solid #000 !important;  height:auto !important; padding:10px 20px !important;}
.blog-button a:hover {background-color:#000 !important; color:#FFF !important;}
.blog-title h3 {text-transform:uppercase; margin-top:30px;}

.industry-member-logos img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}


/* ----- SINGLE BLOG POST ----- */
.single .post_content h2:first-child {display:none !important;}
.single .post_content h2 {margin:40px 0 20px 0 !important;}
.post_info,
.post_info span a,
.post_info span {font-family:'u8regular' !important; color:#88a188 !important; font-style:normal;}
.post_info span a:hover span,
.post_info span a:hover {color:#000 !important;}


/* ----- EVENTS PAGE ----- */
.ecs-event-list {margin:20px 0;}
.ecs-event {list-style:none !important; margin-bottom:20px !important;}


/* ----- SINGLE EVENTS POST ----- */
#tribe-events-pg-template {max-width:100% !important; margin:0 !important;}
.event-heading {margin-bottom:40px;}
#tribe-events-content {margin-bottom:0 !important;}
.tribe-events-back {max-width:1100px; margin:0 auto;}
.tribe-events-schedule {text-align:center;max-width:1100px; margin:0 auto;}

.event-image-description-wrap {max-width:1100px; margin:0 auto;}
.event-image-description {display:inline-block;}
.tribe-events-event-image {width:48% !important; margin:0; display:inline-block; float:left;}
.tribe-events-event-image img {width:100%; height:auto;}
.tribe-events-single-event-description {width:48% !important; margin:0; display:inline-block; float:right;}

.tribe-events-cal-links {max-width:1100px; margin:0 auto;}
.tribe-events-single-section {margin-bottom:0 !important;}
.tribe-events-single-details-venue {max-width:1140px !important; margin:0 auto !important; display:block;}
.tribe-events-single-details-venue .tribe-events-meta-group-details {width:50% !important;}
.tribe-events-single-details-venue .tribe-events-meta-group-venue {width:50% !important;}
.tribe-events-meta-group-gmap  {width:100% !important; padding:0 !important;}
#tribe-events-footer {display:none !important;}
.single-tribe_events .container_inner {margin-top:0 !important; border-top:none !important;}

/* ----- SIDEBAR SHORTCODE ----- */
.sidebar_shortcode h4 {margin-bottom:10px;}
.sidebar_shortcode .widget.widget_nav_menu {margin-bottom:30px;}
.sidebar_shortcode .widget.widget_nav_menu ul {padding-left:0;}
.sidebar_shortcode .widget.widget_nav_menu li {list-style:none; padding-left:14px; position:relative; margin-bottom:5px;}

.sidebar_shortcode .widget.widget_nav_menu li a {font-family:'u8regular' !important; font-size:16px !important; line-height:20px !important; font-weight:normal !important;}

.sidebar_shortcode .widget.widget_nav_menu li:before {position:absolute; left:0; top:2px; font-family:"fontawesome"; font-size:12px; content:"\f054"; margin-right:0; color:#88a188;}
.sidebar_shortcode .widget.widget_nav_menu li:hover::before {color:#000;}

/* ----- SIDEBAR ----- */
.sidebar h4 {color:#000; padding:0 !important; margin-bottom:10px;}
.sidebar .widget {margin-bottom:30px;}
.sidebar .widget ul {padding-left:0;}
.sidebar .widget li {list-style:none !important; padding-left:14px; position:relative; margin-bottom:5px;}

.sidebar .widget li a {font-family:'u8regular' !important; font-size:16px !important; font-weight:normal !important; list-style:none; line-height:20px !important;}

.sidebar .widget li:before {position:absolute; left:0; top:0; font-family:"fontawesome"; font-size:12px; content:"\f054"; margin-right:0; color:#88a188;}
.sidebar .widget li:hover a {color:#000;}
.sidebar .widget li:hover::before {color:#000;}

.grid_section .side-nav.vc_col-sm-4 {padding-left:80px; margin-bottom:30px;}
.grid_section .side-nav.vc_col-sm-4 h4 {margin-bottom:10px;}
.grid_section .side-nav.vc_col-sm-4 ul {padding-left:0;}
.grid_section .side-nav.vc_col-sm-4 li {list-style:none; padding-left:14px; position:relative; margin-bottom:10px;}

.grid_section .side-nav.vc_col-sm-4 li a {font-family:'u8regular' !important; font-size:16px !important; line-height:20px !important; font-weight:normal !important;}

.grid_section .side-nav.vc_col-sm-4 li:before {position:absolute; left:0; top:2px; font-family:"fontawesome"; font-size:12px; content:"\f054"; margin-right:0; color:#88a188;}
.grid_section .side-nav.vc_col-sm-4 li:hover::before {color:#000;}

.related-posts-sidebar.vc_col-sm-12 {padding:0 !important;}

.related-posts-sidebar .related-posts-item {margin-left:15px !important; margin-bottom:10px !important;}
.related-posts-sidebar .related-posts-item a {color:#88a188 !important; font-family:'u8regular' !important; font-size:16px !important; line-height:20px !important; font-weight:normal !important;}

.related-posts-sidebar .related-posts-item a:before {position:absolute; left:0; top:4px; font-family:"fontawesome"; font-size:12px; content:"\f054"; margin-right:0; color:#88a188;}

.related-posts-sidebar .related-posts-item:hover a,
.related-posts-sidebar .related-posts-item:hover a:before{color:#000 !important;}

.bottom-margin-10.vc_col-sm-4 {margin-bottom:10px !important;}


/* ----- ACCORDION ----- */

.accordion {
margin-top:20px;
width:auto !important;
display:inline-block !important;
background-color: transparent;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header {
background: transparent; 
float:left;
color:#464646;
padding:0;
line-height:28px;
font-size:18px !important;
margin-left:5px;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header:hover,
.q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-active {
background: transparent; 
}


.q_accordion_holder.accordion.boxed .ui-accordion-header:before {
width:20px;
height:22px;
background-color:#464646;
font-family:"fontawesome";
content:"+";
font-size:34px !important;
line-height:20px !important;
font-weight:bold;
color:#FFF;
display:block;
float:left;
margin-right:10px;
padding:5px 6px;
}

.q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-active:before {
content:"-" !important;
width:12px;
height:22px;
padding:1px 10px 9px 10px;
}

.accordion_content {clear:both !important;}
.accordion_content .accordion_content_inner {padding-top:0 !important;}


.wpcf7-submit {background-color: #88a188 !important;border:1px solid #88a188 !important; }
.wpcf7-submit:hover {background-color:transparent !important;border:1px solid #88a188 !important; color: #88a188 !important;}


/* ---- FOOTER ---- */

footer .footer_top {padding:0;}

footer .container_inner {padding-top:50px; margin-top:100px; border-top:1px solid #c9c9c9;}

footer .socials {width:auto !important; display:inline-block; margin:0 auto;}
footer .socials li {float:left; padding:0 !important; margin:0 !important;}
footer .socials li a {font-size:12px; text-transform:uppercase; padding:10px 14px; color:#000; margin:0 !important;}
footer .socials li a:hover img {opacity:80px;}

footer .menu {width:auto !important; display:inline-block; margin:0 auto;}
footer .menu li {float:left; padding:0 !important; margin:0 !important;}
footer .menu li a {font-size:12px; font-weight:700; text-transform:uppercase; padding:10px 20px; color:#000; margin:0 !important;}
footer .menu li a:hover {color:#666;}



/* ----- BREAKPOINT 1160px ----- */
@media only screen and (max-width: 1160px) {
.event-image-description-wrap {padding:0 20px;}
.tribe-events-back {padding:0 20px;}
.tribe-events-cal-links {padding:0 20px;}
}

/* ----- BREAKPOINT 999px ----- */
@media only screen and (max-width: 999px) {
.page-header {margin-bottom:60px !important;}
.page-header .page-header-title .vc_column-inner {height:300px;}
.page-header .page-header-image .vc_column-inner {height:300px;}
}


/* ----- BREAKPOINT 768px  - IPAD PORTRAIT ----- */
@media only screen and (max-width: 768px) {
.tribe-events-pg-template {padding:0 !important;}
.event-image-description-wrap {padding:0 20px;}
.tribe-events-event-image {width:100% !important;}
.tribe-events-single-event-description {width:100% !important;}
.grid_section .vc_col-sm-4  {padding-left:0; padding-top:60px;}
}