/*
/*
/*
    Theme Name: Ember Child Theme
    Theme URI: http://ecko.me
    Description: This is a custom child theme for Ember.
    Author: EckoThemes
    Author URI: http://ecko.me
    Template: ecko-ember
    Version: 1.0.0
    Text Domain: ecko-ember
*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../ecko-ember/assets/fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../ecko-ember/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../ecko-ember/assets/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../ecko-ember/assets/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../ecko-ember/assets/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../ecko-ember/assets/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'autographyregular';
  src: url('https://assets.screeninnovations.com/autography-webfont.woff2') format('woff2'), url('https://assets.screeninnovations.com/autography-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
.cover.cover-index .cover-index-description, .cover.cover-page .cover-index-description, .footer-description{
  font-family: 'autographyregular';
  font-weight: 500;
	font-size: 42px
}
body, .page-content{
	background: #f9f9fb;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif
}
.post-contents hr{
	height: 2px
}
.cover, .cover.cover-post, .cover.cover-post-background{
	height: 50vh
}
.cover.cover-index{
	min-height: 500px
}
.post-contents h2, .post-contents h3, .post-contents h4, .post-contents h5, .post-contents h6{
	margin: 0 
}
.post-list-post .post-tag a, .cover.cover-post .post-tags a, .post-nav:focus span, .post-nav:hover span{
	color: #3a86ff
}
.post-list-post .post-tag a:focus, .post-list-post .post-tag a:hover, .cover.cover-post-background .post-tags a:focus, .cover.cover-post-background .post-tags a:hover, .post-contents a:hover, .post-contents a:focus{
	border-color: #3a86ff
}
.comment-respond .comments-respond-submit, .comments-respond .comments-respond-submit, .cover.cover-post hr, .post-contents .post-tags a:hover, .widget.widget-feature-post .post-category{
	background: #3a86ff !important
}
.comment-respond .comments-respond-submit:hover, .comments-respond .comments-respond-submit:hover{
	background: rgba(58, 134, 255, 0.8)
}
.header-search .header-search-input{
	width: auto
}
.header-search i {
    font-size: 14px;
    color: #a4a4a9;
	line-height: 31px
}
.header-search__active.header-search i {
	position: absolute;
    right: 13px
}
.fa-search:before {
	font-family: 'FontAwesome';
	content: "\f002";
	font-style: normal
}
.eckosc_button.eckosc_button_size_standard{
	padding: 16px 50px
}
.post-share {
    overflow: hidden;
    max-width: 665px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.post-share .post-share-title {
    font-size: 14px;
    font-weight: normal;
    width: auto;
    margin: 0 29px 0 0;
    color: #898888;
    background: transparent;
}
.post-share li {
    font-family: "Montserrat","Arial",Sans-Serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 50px;
    display: block;
    float: left;
    width: 159px;
    height: 50px;
    margin: 0 19px 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    background: #3b5998;
    transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}
.post-share .post-share-facebook {
    background: #3b5998;
}
.post-share .post-share-twitter {
    background: #55acee;
}
.post-share li:last-child {
    margin-right: 0;
}
.post-share .post-share-google-plus, .widget.social .socialdark.github, .widget.social .socialdark.dribbble, .widget.relatedposts .meta a.author, .widget.relatedposts .meta .divider {
	display: none
}
.post-share li a{
	color: #FFF
}
.post-share i.fa{
	display: inline-block
}
.fa.fa-facebook, .fa.fa-twitter {
    margin-right: 5px
}
.fa:after{
	font-family: 'FontAwesome';
	width: 34px;
	height: 34px;
	display: block;
	font-style: normal
}
.widget .social li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)){
	display: none
}
/*.fa-facebook:after{
	content: '\f09a';
}
.fa-twitter:after{
	content: '\f099';
}
.fa-youtube:after{
	content: '\f167';
}
.fa-instagram:after{
	content: '\f16d';
}
.fa-linkedin:after{
	content: '\f0e1';
}*/
.comments-respond .comments-respond-form, .comment-respond .comments-respond-form{
	overflow: visible
}
.comments-respond .comments-respond-body, .comment-respond .comments-respond-body{
	margin: 0
}
.comments-respond .comments-respond-submit, .comment-respond .comments-respond-submit{
	top: auto;
	right: 0
}
.comments-respond .form-submit, .comment-respond .form-submit{
	clear: both
}
body.drawer-is-open .header-no-cover .header-search, body.drawer-is-open .header-no-cover .navigation-toggle {
	border: 2px solid #cdcdcd
}
body.drawer-is-open .header-no-cover .header-search span, body.drawer-is-open .header-no-cover .header-search span:before, body.drawer-is-open .header-no-cover .header-search span:after, body.drawer-is-open .header-no-cover .navigation-toggle span, body.drawer-is-open .header-no-cover .navigation-toggle span:before, body.drawer-is-open .header-no-cover .navigation-toggle span:after{
	background-color: #a4a4a9
}
.widget .widget-title{
	font-weight: 400
}
.widget li a{
	font-weight: 300
}
#stickyheader{
	position: fixed;
	z-index: 999;
	top:0;
	left: 0;
	width: 100%;
	background: #f2f2f2;
	padding: 13px 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	transition: all .5s
}
#stickyheader a{
	color: #FFF;
	display: inline-block;
	padding: 5px 12px
}
#stickyheader a#resi{
	background-color: #3a86ff
}
#stickyheader a#comm{
	background-color: #1b2431;
	margin-right: 12px
}
#stickyheader img{
	height: 15px;
	width: auto;
	vertical-align: middle;
	margin-right: 3px
}
#stickyheader button{
    background: none;
    border: none;
    color: #555555;
    font-size: 24px;
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}
header.header{
	top: 30px;
	transition: all .5s
}
#sidemenu{
	padding-top: 90px;
	transition: all .5s
}
.post-contents li{
	margin: 0 0 10px 6%;
	line-height: 1.2
}
.wp-embedded-content{
	width: 100%
}
.video-container, .post-contents p.video-container, .post-contents .tg-grid-wrapper {
    position: relative;
    display: block;
    width: 135%;
    height: auto;
    border-radius: 2px;
    margin: 55px -17.5%;
    margin-left: -17.5%
}
 /* Facebook Videos */
.video-wrapper {
	position: relative;
	padding-bottom: 72.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    width: 135%;
    margin-right: -17.5%;
    margin-left: -17.5%
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-contents .fusion-imageframe, .post-contents .fusion-text img, .post-contents p img.alignnone {
    display: block;
    width: 135%;
    max-width: 135%;
    margin-right: -17.5%;
    margin-bottom: 65px;
    margin-left: -17.5%
}
iframe[src*="facebook.com/plugins/post.php?"] {
    display: block;
	margin: auto
}
.tg-grid-slider {
    padding-left: 43px;
    padding-right: 43px;
}
#mc-embedded-subscribe:focus, #mc-embedded-subscribe:hover, .subscription-submit:focus, .subscription-submit:hover {
	background: #1B2431;
}
html .subscription-submit, html #mc-embedded-subscribe { 
	background: #273142
}
#responsive-menu-button, .rmp_menu_trigger, .widget.social .socialdark.csb_visibility, .widget.social .socialdark.csb_clone, .footer-copyright-published, .widget.subscribe .fa.fa-envelope-o, .mob-menu-header-holder, .post-meta-author, .post-tags, .widget.authorprofile{
	display: none !important
}
.cover.cover-search .cover-search-form .cover-search-input{
	height: auto
}
.category-toms-tips .cover-contents p{
	color: #FFF
}
.cover.cover-post .post-scroll-arrow{
	opacity: 1
}

@media (max-width: 910px) {
     .video-container, .post-contents p.video-container, .post-contents .tg-grid-wrapper {
         width: 100%;
         max-width: 100vw !important;
		 margin: 34px 0
     }
}
@media (max-width: 440px){
    #mc-embedded-subscribe, .subscription-submit {
        width: inherit;
        margin-top: inherit;
    }
    #mce-EMAIL, .subscription-input-email {
        text-align: left;
    }
	#stickyheader a{
		padding: 5px 8px
	}
	#stickyheader a#comm{
		margin-right:2px
	}
}