/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
.title-xlarge {line-height: 1.3!important;}

/* this moves the top area menu from right to left */
.top-area-alignment-justified .top-area-menu {
    float: left;
}
/* this moves the top area contact - email and phone from left to right */
.top-area-alignment-justified .top-area-contacts {
    float: right;
	    font-family: Montserrat!important;
    font-size: 15px!important;
 
	font-weight:600!important;
}
.top-area-menu .nav-menu   li a {
    display: block;
    font-family: Montserrat!important;
    font-size: 15px!important;
	text-transform: uppercase!important;
	font-weight:600!important;
} 
.top-area-menu .nav-menu > li a:before {
    content: none!important;
 
}
.footertext p{color:#fafafa; font-family:Roboto; font-size: 12px; font-weight:900!important; line-height:20px; }
.footerlinks a {float:right; color:#FFFFFF!important; font-size: 12px; padding-right: 20px; font-family:Roboto; font-weight:900!important; line-height:20px;}
.gem-contacts-item.gem-contacts-email a {color:#FFFFFF!important;}
.white {color:#FFFFFF!important;}
.uppercase {text-transform:uppercase!important;}
.gem-button-size-large, input.gem-button-size-large {
    height: 50px!important;
    line-height: 50px!important;
    padding: 0 37px;
    font-size: 24px;
    margin: 40px;
}

.top-area {
    border-bottom: 1px solid #0b3f60;
    background: #0b3f60;
}
.roboto20blue {font-family:Roboto;
font-style:regular!important;
/*  in the design was:
font-size: 20px!important;
line-height:30px!important;  */
font-size: 18px!important;
line-height:28px!important;
color:#0b3f60!important;
}
.montserrat20 {font-size:20px!important; line-height:30px!important;}
.roboto24 {font-family:Roboto;
 
 
font-size: 24px!important;
line-height:34px!important;
 
}
.title-xlarge {text-transform:uppercase!important;}
/*.roundorange {border-radius: 100px;
        width: 50px!important;
    height: 50px;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
background:#e95a0a;
} */

.roundorange {
    border-radius: 100px;
    width: 50px!important;
    height: 50px!important;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    background: #578f5d;
	margin-right: 15px;
}
.uppercase { text-transform:uppercase!important;}
/*.title-h6 { font-family: Montserrat!important; text-transform:capitalize!important;} */
.portfolio-filters a .light  {
   text-transform:uppercase!important;
    margin-bottom: 7px;
   white-space: wrap; 
 font-family: Montserrat!important;
 font-size:14px;
font-weight: 900;
}
 .portfolio-filters  .light {  text-transform:uppercase!important;}
.portfolio-item .caption .title {
    text-transform: uppercase!important;
    margin-bottom: 7px;
    white-space: normal!important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
.title-h6 .light {    text-transform: uppercase!important;}
.portfolio .portfolio-item .caption .caption-separator {
  display:none;
}

.single-thegem_pf_item .block-content {
    padding: 25px 0 20px!important;
}
.single-thegem_pf_item  .entry-content.post-content {
    margin-bottom: 1px!important;
}

.hideheader .media-body h2 {display:none;}
.hideheader .media-body .roboto20blue {margin-top:-10px;}
.hideheader .mega-info-list p {
    
    margin-top: -10px;
}

body.search .page-title-block .highlight {
    color: #333333!important;
}

body.search .page-title-block:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: transparent;
}

.body.search .page-title-block {  background-color: #e95a0a!important;}

.indentedheader {
    padding-left: 52px;
    text-indent: -72px;
	}
 

.indentedheader .fa-angle-right:before {
    content: "\f105";
    padding-left: 72px;
    position: absolute;
    width: 10px;
    left: -1%;
    margin-left: -3px;
    top: 14px;
}
.indentedheader .roundorange {text-indent: 5px;}	


@media only screen and (max-width: 600px) {
	
.title-xlarge {font-size: 35px!important;}	
.top-area-alignment-justified .top-area-contacts {
    float: left!important;
    font-family: Montserrat!important;
    font-size: 15px!important;
    font-weight: 600!important;
	min-height:45px!important;
}
.indentedheader h2 {
    font-size: 5.2vw!important;
}
.top-area-items {
    text-align: left!important;
}
.roundorange {
    border-radius: 100px;
    width: 30px!important;
    height: 30px!important;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    background: #578f5d;
    margin-right: 15px;
	
}
.indentedheader {
    padding-left: 52px;
    text-indent: -52px;
	}	
.indentedheader .roundorange {text-indent: -23px;}	
.indentedheader .fa-angle-right:before {
    content: "\f105";
    padding-left: 72px;
    position: absolute;
    width: 10px;
    left: -4.5%;
    margin-left: -3px;
    top: 7px;
}	
	
.top-area-contacts .gem-contacts-item {
    display: inline-block;
    font-size: 12px!important;
    padding: 0 12px!important;
    line-height: 30px;
    vertical-align: top;
}	
	
}/*media only screen and 600*/

@media (min-width:601px) and (max-width: 1211px) {
.top-area-items {
    text-align: left!important;
}
.roundorange {
    border-radius: 100px;
    width: 40px!important;
    height: 40px!important;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    background: #578f5d;
    margin-right: 15px;
}	
.indentedheader .roundorange {
    text-indent: -60px;
}	
.indentedheader .fa-angle-right:before {
    content: "\f105";
    padding-left: 72px;
    position: absolute;
    width: 10px;
    left: -2%;
    margin-left: -3px;
    top: 7px;
}		
}

.widget_categories  ul li  a  {
     padding-left: 0px!important;  
}
 .widget_categories  ul li  {
     padding-left: 18px!important;  
}
.comments-link a:before{display:none;}

img.sab-custom-avatar {
    max-width: 100px!important;
}

.block-content {
    padding: 55px 0 50px;
}

.block-content:last-of-type {
    padding-bottom: 0px;
}

a.post-author-avatar:after {
 
    content: '\e65b'!important;
    font-family: 'thegem-icons';
   
}
.post-meta-right {display:none;}
.author .breadcrumbs-container, .category .breadcrumbs-container {display:none;}
.author #page-title, .category  #page-title {
    background-image: url('https://atworkwellbeing.co.uk/wp-content/uploads/2021/09/headerbanner.jpg');
    background-color: #578f5d!important;
    padding-top: 100px!important;
    padding-bottom: 100px!important;
}

.page-title-title h1 {font-size: 48px;
    font-weight: 800;
    font-family: 'Montserrat';}

.socials-colored a:hover, .socials-item a:hover , socials-item:hover, .socials-item-icon:hover{color:#Fafafa!important;}
body .gem-testimonials .gem-prev:after, body .gem-testimonials.fullwidth-block .gem-prev:after, body .gem-testimonials .gem-next:after, body .gem-testimonials.fullwidth-block .gem-next:after {
    background-color: #46797a!important;
}