/*
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
*/
@font-face {
	font-family: 'Bulter Extra Bold';
	src: url('/wp-content/uploads/2019/10/Butler_ExtraBold.otf');
	src: url('/wp-content/uploads/2019/10/Butler_ExtraBold.otf') format('embedded-opentype'),
		url('/wp-content/uploads/2019/10/Butler-ExtraBold.woff') format('woff'),
		url('/wp-content/uploads/2019/10/Butler-ExtraBold.woff2') format('woff2'),
		url('') format('truetype'),
		url('#') format('svg');
		font-weight: normal;
		font-style: normal;
}
h1,
h2,
h3,
h4,
h5{
	font-family: 'Bulter Extra Bold' !important;
}

/*======= HEADER ========*/

/*The Gem doesn't resize logo, we have to do it this way so it's not blurry*/
.logo{
	background-image:url('/wp-content/uploads/2018/08/Logo.png');
	background-size:contain;
	background-position:50%;
	background-repeat: no-repeat;
}

.logo img{
	opacity:0;
}


.top-area{
	display:none !important;
}

#primary-menu.no-responsive > li > a{
	font-weight:400 !important;
}
/*====== END HEADER ======*/

/*=== BUTTONS =====*/

.gem-button-position-inline .gem-button{
	font-size: 1em;
    width: auto;
    margin: 0 16px 0 0;
    font-weight: 300;
    background: transparent !important;
    border: 1px solid grey;
    padding: 0px 20px;
    letter-spacing: 1px;
    min-width:140px;
}

/*.gem-button-position-inline .gem-button:hover{
    background:Grey !important;
    color:white;
}

/*=== FOOTER ====*/
#colophon{
	background-color:transparent !important;
	background-image: url(/wp-content/uploads/2019/08/TCC_Footer.jpg) !important;
	padding:0 !important;
	background-position:100% !important;
}


#colophon .col-sm-6{
	width:100%;
	display:block;
	text-align:center;
	padding: 30px 20px 10px;
	margin-bottom:1em !important;
}

#colophon p{
	margin-bottom:0 !important;
	line-height: 1.1em;
}

#colophon #socials-3{
	padding-top:0 !important;
}

#colophon .textwidget img{
	max-width:300px;
}

.widget_socials a.socials-item {
    margin-right: 6px !important;
    margin-left: 6px !important;
}

/*==== TEMPLATE ELEMENTS ====*/

    .half-height{
        min-height:50vh;
    }

/*=======END TEMPLATE ELEMENTS ====*/

/*==== ARCHIVE/BLOG POSTS =====*/

.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon::before, .gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a::after, .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon::before, .blog article .post-featured-content > a::after, .blog .gem-simple-gallery .gem-gallery-item a::after, body .blog-style-styled_list1 article a.default::after, body .blog-style-styled_list2 article a.default::after, body .blog-style-compact article a.default::after{
	background-color:#7bb5bf;
}

.blog .entry-title{
	margin:0 !important;
	line-height:1em !important;
}

.blog .entry-title a{
	font-size:0px;
}

.blog .entry-title a span{
	font-size:28px;
	margin-left:-10px;
}

.post-content .post-meta {
    margin-bottom: 0px !important;
}

.comment-reply-title::before {
	color:rgb(123, 181, 191);
}



 @media only screen and (max-width: 1200px) {
	 .logo{
		 max-width:200px;
	 }
	 
	 #primary-menu.no-responsive > li > a{
		 font-size:13px !important;
	 } 
}

 @media only screen and (max-width: 767px) {
	 .logo{
		background:transparent !important;
	 }
	 
	 .logo img{
		 opacity:1;
	 }
}