/*
Theme Name:  Good Lobby
Template: 	 flatsome
Theme URI:	 https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/full_screen_preview/5484319
Author:		 ChildThemeWP
Author URI:	 https://wombatcreative.co.uk
Version:	 1.0.1
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: good-lobby
*/



.nav-vertical>li>a {
    justify-content: space-between !important;
}

.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    padding-left: 30px;
    padding-right: 30px;
}

.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {
    position: absolute;
    right: 0;
    top: 9px;
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a,
.nav-vertical>li>ul li a {
    color: #32323c;
}

.toggle {
    color: #32323c;
	opacity: 1;
}

.off-canvas-center .nav-vertical>li>ul>li a {
    justify-content: left;
    padding-left: 30px;
}

/* Type 
 * ---------------------------------------------------*/

.h1,.h2,h1,h2 {
    line-height: 1.3
}

.h1,h1 {
    font-size: 3em
}

.h2,h2 {
    font-size: 2.5em
}

.h3,h3 {
    font-size: 2.25em;
}

.h4,h4 {
    font-size: 2em
}

.h5,h5 {
    font-size: 1.5em
}

.h6,h6 {
    font-size: .85em;
    opacity: .8
}

h1.entry-title.mb {
    margin-bottom: 30px
}

@media (max-width: 549px) {
    h1 {
        font-size:2em
    }

    h2 {
        font-size: 1.5em
    }

    h3 {
        font-size: 1.25em
    }
}

.text-size-base {
	font-size: 1rem !important
}

.text-none {
	text-transform: none !important;
}


/* Cols 
 * ---------------------------------------------------*/

@media (min-width: 550px) {
	.col {
/* 		padding-bottom: 0px; */
	}
}
/* Buttons 
 * ---------------------------------------------------*/

.button, button, input[type=button], input[type=reset], input[type=submit] {
    font-size: .8em;
    letter-spacing: .03em;
    min-height: 3.5em;
    padding: 0.5em 2.5em;
}

.white.is-outline:hover {
    color: #141618 !important;
}

.white {
    color: #141618 !important;
}

.button.is-underline:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: .3;
    position: absolute;
    transition: all .3s;
    width: 0;
}

/* Social Icons 
 * ---------------------------------------------------*/
a.icon:not(.button), button.icon:not(.button) {
    font-family: sans-serif;
    font-size: 1.2em;
    margin-left: 0.5em;
    margin-right: .5em;
}

.button.icon {
    min-width: 3.5em;
}

/* Icon Box
 * ---------------------------------------------------*/
.icon-box-center .icon-box-img {
    margin: 0 auto 0em;
}

/* Section Title 
 * ---------------------------------------------------*/

.section-title {
    font-size: 3em;
	margin-bottom: 0;
}

@media (max-width: 549px) {
	.section-title {
		font-size: 2em;
	}
}

.section-title b {
	display: none !important; /* Not using it for these titles */
	
    background-color: var(--primary-color);
    opacity: 1;
    max-width: 100px;
    margin: 10px auto 0;
}

.section-title-center {
    display: block;
    text-align: center;
}

.section-title-center .section-title-main {
    background-image: url(img/underline_repeat.svg);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-size: 2em;
    padding-bottom: 0.4em;
    display: inline-block;
}

.section-title-center b:first-of-type {
    display: none;
}


.section.dark .section-title b {
	background-color: white;
}

.no-underline .section-title-center .section-title-main {
	background: none;
}

/* Footer
 * ---------------------------------------------------*/
.website-footer .section-title-main {
    font-size: 2rem;
}

.website-footer .section-title-normal,
.website-footer .section-title-normal span{
    border-bottom: none;
}

@media (max-width: 849px) {
	.website-footer {
		text-align: center;
	}

	.website-footer .text-right {
		text-align: center;
	}
}

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


/* Underline */
.underline h1 strong,
.underline h2 strong,
.underline h3 strong,
.underline h4 strong,
.underline h5 strong,
.underline h6 strong {
    position: relative;
    z-index: 1;
}

.underline h1 strong:before,
.underline h2 strong:before,
.underline h3 strong:before,
.underline h4 strong:before,
.underline h5 strong:before,
.underline h6 strong:before {
    background-image: url(img/underline.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;

    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;

    z-index: -1;
    bottom: -0.35em;
    height: 0.4em;
}


/* Rays */

.rays {
	padding-left: 10%;
	padding-top: 5%;
}

.rays h1, 
.rays h2, 
.rays h3, 
.rays h4, 
.rays h5, 
.rays h6 {
    position: relative;
    z-index: 1;
}

.rays h1:before, 
.rays h2:before, 
.rays h3:before, 
.rays h4:before, 
.rays h5:before, 
.rays h6:before {
    background-image: url(img/rays.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    content: "";
    position: absolute;
    left: -1em;
    z-index: -1;
    top: -1em;
    height: 2em;
    width: 1.1em;
}

/* Circle */

.circle strong {
    position: relative;
    z-index: 1;
}

.circle strong:before {
    background-image: url(img/circle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0px;
    bottom: 0;
    right: 0;
}

/* Wave */
.wave strong {
    position: relative;
	z-index: 1;
}

.wave strong:after {
    background-image: url(img/underline_repeat.svg);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: left center;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: -10px;
    height: 0.3em;
}

/* Main Menu 
 * ---------------------------------------------------*/

.menu-accordion ul.menu-smart:not(.top-menu-enhanced-child) ul { 
    margin-left: 30px !important;
}

/* Office Cards 
 * ---------------------------------------------------*/

.office-card {
    position: relative;
    padding-left: 80px;
}

.office-card h3 {
    position: relative;
    background-image: url(img/ico-email-arrow-big.svg);
    background-position: right center;
    background-repeat: no-repeat;
    display: inline;
    padding-right: 1em;
    background-size: 0.7em auto;
    line-height: 1;
}

@media (min-width: 549px) {
	.office-card h3 { 
		background-size: 20px auto;
	}
}
.office-card h3:before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #000;
    position: absolute;
    margin-right: 0.25em;
    left: -80px;
    top: 50%;
}


/* Box Blog Posts 
 * ---------------------------------------------------*/

@media (min-width: 550px) {
	.box-blog-post .post-title {
		font-size: 1.6em;
	}
}

.box-blog-post .post-meta.is-small {
    font-size: 1em;
    opacity: 1;
}

.box-blog-post .is-divider {
    height: 2px;
    margin-bottom: .5em;
    margin-top: .5em;
    background: transparent;
}

.box-blog-post .box-text .button {
    margin-top: 0;
}

/* Blog 
 * ---------------------------------------------------*/
@media (min-width: 550px) {
	.featured-title .page-title-inner {
		min-height: 550px !important;
	}
}
.single-post .entry-meta .byline,
.single-post #comments {
	display: none;
}



/* Lists 
 * ---------------------------------------------------*/

ul li.bullet-arrow {
    padding: 10px 0 10px 35px;
    border-bottom: none;
}

ul li.bullet-arrow:before {
    content: "" !important;
    background: url(img/arrow.svg);
    width: 1.3em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0.8em;
}

/* Team Boxes 
 * ---------------------------------------------------*/
.box.box-team .image-cover {
    background-color: #eee;
}



/* Tracker Tables
 * ---------------------------------------------------*/
.table-downloads {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9em;
}
.table-downloads td{
	border-bottom: none;
}
.table-downloads .table-icon{
	display:inline-block;
	width: 50px;
	height: auto; 
}
.table-downloads tr{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	border-bottom: 1px solid #ececec;
}
.table-downloads tr td:last-of-type{
	margin-left:auto;
}
.table-downloads img{
	max-width:60px;
}
.good-lobby-chart g text
{
    cursor: pointer;
}