/*
 Theme Name:	Bone Child
 Theme URI:		http://bone.minimaldog.net
 Description:	Bone Child Theme
 Author:		minimaldog
 Author URI:	https://themeforest.net/user/minimaldog/portfolio?ref=minimaldog
 Template:		bone
 Version:		1.0.0
 License:		GNU General Public License v2 or later
 License URI:	http://www.gnu.org/licenses/gpl-2.0.html
 Tags:			light, two-columns, right-sidebar, responsive-layout
 Text Domain:	bone-child
*/



/*---- Content ----*/
.layoutContent {
	margin-top: 40px;
	margin-bottom: 40px;
}


.postFeaturedImg img {
	width: 768px; /*---- Expands featured image if width is smaller than 766px ----*/
}

@media (max-width:767px) {
	.postFeaturedImg {
		margin-left: -20px; /*---- Removes lateral margins from featured image in mobile ----*/
		margin-right: -20px;
	}
	.postSingle--headerWide .postFeaturedImg--single>img {
		border-radius: 0px;
	}
}

/*---- Inserts lateral sidebar border 
@media (min-width:992px) {
	.layoutContent-main {
		border-right: 2px solid #aaaaba;
	}
	.layoutContent-main.hasLeftSidebar {
		border-left: 2px solid #aaaaba;
	}
}
----*/

.postSingle-header .postTitle {
	margin-bottom: 15px;
	font-size: 48.832px;
	line-height: 1.2;
	color: #111;
}
h1.postTitle.entry-title {
	font-weight: 700;
}

.postContent {
	max-width: 740px;
}

.contentBlockWrapper {
	background-color: #f5f5f5;
}

.bodyCopy {
	font-size: 18px;
}

.bodyCopy h1 {
	font-size: 38px;
	line-height: 1.2em;
}
@media (max-width: 767px) {
	.bodyCopy h1 {
		font-size: 32px;
	}
}

.bodyCopy h2 {
	font-size: 28px;
	line-height: 1.2em;
}
@media (max-width: 767px) {
	.bodyCopy h2 {
		font-size: 24px;
	}
}

.bodyCopy h3 {
	font-size: 20px;
	line-height: 1.2em;
}

.bodyCopy h4 {
	font-size: 18px;
	line-height: 1.2em;
}

.bodyCopy h5 {
	font-size: 17px;
	line-height: 1.2em;
}

.bodyCopy h6 {
	font-size: 16px;
	line-height: 1.2em;
}

.bodyCopy a {
	text-decoration: none;
	color: #3f729b;
	font-weight: 700;
	word-break: normal;
}

.bodyCopy a:hover {
	text-decoration: underline;
}

.bodyCopy blockquote {
	margin: 40px 5% 38px 5%!important;
	border-left: none;
	padding: none;
	font-size: none;
}
.bodyCopy blockquote p {
	margin: 0;
	padding: 16px;
	position: relative;
	clear: both;
	background-color: #efefef;
	border-left: 3px solid #0a89c0;
	font-family: 'Open Sans', arial, sans-serif;
	text-align: left;
	font-style: inherit;
	font-size: 18px;
	font-weight: 400;
	color: #353535;
	line-height: 1.8;
	text-transform: none;
}

.bodyCopy ul,
.bodyCopy ol {
	margin-left: 21px;
}

twitter-widget#twitter-widget-0 {
	margin: auto;
}

/*---- Post List Cards ----*/
.post--card--paper .postFeaturedImg + .postHeader {
	margin-top: -9px;
}

.u-ratio2to1 {
	padding-bottom: 63%;
}

@media (max-width:767px) and (min-width:409px) {
	.u-ratio2to1 {
		padding-bottom: 61%;
	}
}

.post--card--paper .postMeta--author {
	margin-bottom: -10px;
}

.post--card--paper {
	border: none;
	box-shadow: 0 1px 6px rgba(0,0,0,0.43);
}
.post--split {
	border: none;
	border-radius: 8px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.43);
	padding: 14px!important;
}

.gd-post-card-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-right: -14px;
	margin-left: -14px;
	align-items: center;
}
.gd-post-card-img-wrap {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
	padding-right: 14px;
	padding-left: 14px;
}
.gd-post-card-img {
	width: 100%;
	margin-right: 0!important;
	margin-left: 0!important;
	margin-bottom: 0!important;

}
.post--split .postFeaturedImg {
	padding-bottom: 56%;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.gd-post-card-content {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
	padding-right: 14px;
	padding-left: 14px;
}
.gd-post-card-content-title {
	font-size: 20px!important;
	margin-bottom: -15px!important;
}
.gd-post-card-content-summary {
	color: #6C6C6C;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	.post--split {
		padding-top: 0!important;
		overflow: hidden;
	}
    .post--split .postFeaturedImg {
		border-radius: 8px 8px 0 0;
	}
	.gd-post-card-wrap {
		flex-direction: column;
	}
	.gd-post-card-img-wrap {
		flex: none;
		max-width: 100%;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.gd-post-card-content {
		flex: none;
		max-width: 100%;
		padding-top: 10px;
	}
	.gd-post-card-content-title {
		margin-top: 5px;
		margin-bottom: -27px!important;
		font-weight: 400;
		font-size: 18px!important;
	}
}



/*---- #Compact pagination ----*/
.pagePagination--compact a {
	background-color: #fff;
}



/*---- Sidebar ----*/
.layoutContent-sidebar {
	padding-left: 18px;
}

@media (max-width:991px) {
	.sidebar {
		display: none;
	}
}



/*---- Header Menu ----*/
.sectionHeading {
	padding-bottom: 10px;
	border-bottom: 2px solid #aaaaba;
}

.sectionHeading-title {
	font-weight: 400;
}

.siteHeader-nav {
	background: #002233;
	border-bottom: 1px solid #002233;
}

.siteHeader--fixed {
	background: #002233;
}

.siteHeader--fixed.mdAffixed.mdAffixed--shown {
	border-bottom: none;
}
.siteHeader--minimal .siteHeader-nav {
	border-top: none;
	border-bottom: none;
}

.navigation--standard > ul > li > a {
	font-weight: 700;
	color: #ccc;
}
.navigation--standard > ul > li > a:hover,
.navigation--standard > ul > li.current-menu-item > a {
	color: #f5f5f5;
}

.btn.btn--circle {
	background-color: #023;
	border: none;
}
.btn.btn--circle i {
	color: white;
	font-size: 25px;
}

.compactSearch .searchField-form-btn {
	left: 10px;
}

.menuToggleBtn.js-menu-toggle.btn.btn--pill.hidden-xs,
.menuToggleBtn.js-menu-toggle.btn.btn--pill {
	border: none;
	background: none;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
}
i.fa.fa-navicon {
	font-size: 25px;
	vertical-align: sub;
}

.searchToggleBtn.btn.btn--pill.js-searchToggle.hidden-xs {
	border: none;
	background: none;
	color: white;
}
.searchToggleBtn.btn.btn--pill.js-searchToggle.hidden-xs span {
	display: none;
}
i.fa.fa-search.iconSearch {
	font-size: 25px;
}
.searchToggleBtn.btn.btn--pill.js-searchToggle.hidden-xs.isActive {
	font-size: 25px;
}



/*---- Footer ----*/
.siteFooter {
	background: #002233;
	color: #eaeaea;
}

.navigation--footer li a {
	color: #ccc;
}
.navigation--footer li a:hover {
	color: #0092b8;
}

.siteFooter-middle {
	padding-bottom: 1px;
	text-align: center;
}

.siteFooter-middle + .siteFooter-bottom {
	border-top: 0;
}

.siteFooter-bottom {
	color: #eaeaea;
}

.mdSocialWidget {
	margin: auto;
}




.gd-post-meta-box {
	max-width: 768px;
	margin-top: 20px;
	margin-bottom: -10px;
	color: #555;
}
.gd-post-meta-box-author-pic {
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.gd-post-meta-box-author-pic img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.gd-post-meta-box-data{
	display: inline-block;
	vertical-align: middle;
}
.gd-post-meta-box-data a {
	color: #217dd3;
}

.gd-post-meta-box-date-published,
.gd-post-meta-box-date-updated {
	display: inline-block;
	vertical-align: middle;
}
.gd-post-meta-box-date-updated:before{
    content: '\B7';
}

/* 1 - GUIDES' CUSTOM TAXONOMIES CSS */

/* 1.1 - Guides' Custom Taxonomies Header */
.gct-header {
    height: 100%;
    width: 1164px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    border-top: 15px solid #fff;
    cursor: auto;
    margin: auto;
}
@media only screen and (max-width: 1180px) {
    .gct-header {
        width: 100%;
    }
}
.gct-header-content {
    height: 100%;
    min-height: 360px;
    width: 100%;
    display: table;
    position: relative;
    background-color: rgba(0,0,0,.5);
}
.gct-header-details {
    width: 100%;
    display: table-cell;
    position: relative;
    padding: 20px;
    vertical-align: bottom;
}
.gct-header-image-portrait {
    width: 195px;
    height: 300px;
    border: 5px solid #DEDEDE;
    overflow: hidden;
    position: relative;
    bottom: 0;
    float: left;
    margin: 0 20px 0 0;
}
.gct-header-image-landscape {
    width: 320px;
    height: 220px;
    border: 5px solid #DEDEDE;
    overflow: hidden;
    position: relative;
    bottom: 0;
    float: left;
    margin: 0 20px 0 0;
}
.gct-header-image-portrait img,
.gct-header-image-landscape img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
.gct-header-titles {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    padding: 0 20px 0 0;
}
.gct-header-title-1 h1,
.gct-header-title-2 h2,
.gct-header-title-1 h1 a,
.gct-header-title-2 h2 a{
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    margin: 0;
}
.gct-header-title-1 h1 a:hover,
.gct-header-title-2 h2 a:hover{
    text-decoration: underline;
}

/* 1.2 - Guides' Custom Taxonomies Menu and Sub-Menu */
.gct-menu {
    width: 1164px;
    background-color: #2d2d2d;
    color: #ddd;
    font-family: 'Open Sans',arial,sans-serif;
    cursor: auto;
    margin: auto;
}
@media only screen and (max-width: 1180px) {
    .gct-menu {
        width: 100%;
    }
}
.gct-menu ul{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.gct-menu ul li{
    list-style: none;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}
.gct-menu ul li:first-child{
    border-left: none;
}
.gct-menu ul li a{
    display: block;
    text-decoration: none;
    color: #ddd;
    padding: 10px 0;
}
.gct-sub-menu {
    width: 100%;
    margin: 0 0 20px 0;
}
.gct-sub-menu ul{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.gct-sub-menu ul li{
    list-style: none;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5px;
    border-bottom: 1px solid #ddd;
}
.gct-sub-menu ul li a{
    display: block;
    text-decoration: none;
    color: #2d2d2d;
}
.gct-sub-menu ul li:hover{
    border-bottom: 1px solid #000;
}
.gct-sub-menu ul li a:hover{
    color: #970100;
}
.gct-sub-menu span{
    font-size: 10px;
    font-style: italic;
    color: #666;
}
@media only screen and (max-width: 767px) {
    .gct-header-image-portrait,
    .gct-header-image-landscape {
        float: none;
        border: 3px solid #DEDEDE;
        margin: auto;
    }
    .gct-header-titles {
        position: relative;
        bottom: 0;
        text-align: center;
        padding: 10px 10px 0 10px;
        display: block;
    }
}

/* 1.3 - Guides' Custom Taxonomies Infobox and Imagebox */
.gct-infobox dl{
    padding-bottom: 15px;
}
.gct-infobox dt{
    width: 200px;
    float: left;
    clear: left;
    padding-top: 5px;
    font-weight: bold;
}
.gct-infobox dd{
    margin-left: 200px;
    display: block;
    padding-top: 5px;
}
.gct-infobox dt:after {
    content: ":";
}
.gct-imgbox {
    position: relative;
    margin: 0 0 10px 0;
    width: 100%;
    height: 0;
    padding-bottom: 42.19%; /* proportion to aspect ratio 64:27 a.k.a. 21:9 (21 / 64 = 0.421875 or 42.19%) */
    overflow: hidden;
    display: block;
}
.gct-imgbox-content:before {
    content: '';
    display: block;
    background-image: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.75) 100%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.gct-imgbox:hover .gct-imgbox-content:before {
    opacity: .8;
}
.gct-imgbox-text {
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: #fff;
}
.gct-imgbox-text h2{
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
    margin: 0;
}

/* 1.4 - Guides' Custom Taxonomies Pagination - alychidesigns.com/create-wordpress-pagination-without-plugin*/
.gct-pagination-wrap {
    margin: 30px 0 30px 0;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}
.gct-pagination-wrap .gct-pagination li{
  display: inline;
  margin: auto;
}
.gct-pagination-wrap .gct-pagination > li > a,
.gct-pagination-wrap .gct-pagination > li > span {
	padding: 5px 11px;
	border: 1px solid #e3e3e3;
	display: inline-block;
	margin: 0 8px 8px 0;
	min-width: 33px;
	text-align: center;
	color: #666;
	line-height: 21px;
	float: left;
}
.gct-pagination-wrap .gct-pagination > li > a:hover, 
.gct-pagination-wrap .gct-pagination > li > span:hover, 
.gct-pagination-wrap .gct-pagination > li > a:focus, 
.gct-pagination-wrap .gct-pagination > li > span:focus {
    color: #fff;
    background-color: #444;
    border-color: #444;
}
.gct-pagination-wrap .gct-pagination .current {
    background-color: #4db2ec;
    color: #fff;
    border-color: #4db2ec;
}
.gct-pagination-wrap .gct-pagination .page-numbers.dots {
    border: none;
}
.gct-pagination-wrap .gct-pagination .page-numbers.dots:hover{
    background: none;
    color: #666;
}
.gct-pagination-wrap .pages {
    float: right;
    margin: 0;
    border: none;
    padding: 6px 0 6px 6px;
}
@media only screen and (max-width: 767px) {
    .gct-pagination-wrap {
        margin-right: auto;
        margin-left: auto;
        display: table;
        width: auto;
    }
    .gct-pagination-wrap .gct-pagination li:nth-child(2) {
	    display: none;
    }
    .gct-pagination-wrap .gct-pagination li:nth-last-child(2){
        display: none;
    }
    .gct-pagination-wrap .gct-pagination .page-numbers.dots {
        display: none;
    }
}



/* 2 - GUIDESBOXES' CUSTOM TAXONOMIES CSS */

/* 2.1 - Guidebox Full */
.gd-extra-content-guideboxfull-wrap {
	background-color: #fff;
	border: 1px solid #ddd;
    padding: 5px 10px;
	width: 100%;
	max-width: 585px;
    margin: 30px auto;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 20px #ddd;
	position: relative;
}
.gd-extra-content-guideboxfull-content {
    padding: 5px;
}
.gd-extra-content-guideboxfull-title {
	float: none;
	vertical-align: top;
    margin: 0;
	width: 100%;
	max-width: calc(100% - 10px);
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.gd-extra-content-guideboxfull-title h3{
	margin: 0;
	font-size: 25px;
}
.gd-extra-content-guideboxfull-image-retrato {
	width: 150px;
	height: auto;
	float: left;
	margin: 0 10px 16px 0;
}
@media only screen and (max-width: 767px) {
    .gd-extra-content-guideboxfull-image-retrato {
	    width: 150px;
    	height: auto;
    	display: block;
    	float: none;
        margin: 5px auto;
    }
}
.gd-extra-content-guideboxfull-image-paisagem {
    width: 250px;
	height: auto;
    float: none;
	display: block;
    margin: 5px auto;
}
.gd-extra-content-guideboxfull-image-retrato img,
.gd-extra-content-guideboxfull-image-paisagem img{
	margin: 0;
}
.gd-extra-content-guideboxfull-text {
    margin-top: 15px;
}
.gd-extra-content-guideboxfull-text span{
    font-weight: bold;
}
.gd-extra-content-guideboxfull-text p{
    margin: 0;
    font-size: 14px;
}
.gd-extra-content-guideboxfull-footer {
    margin-top: 15px;
    padding: 10px 10px 0 2px;
    font-size: 14px;
    border-top: 1px solid #ddd;
    max-width: calc(100% - 10px);
    clear: both;
}

/* 2.2 - Alert Box */
.gd-extra-content-alert-wrap {
    border: 3px solid #000;
    position: relative;
    display: grid;
    margin: 15px 0;
}
.gd-extra-content-alert-title {
    font-weight: bold;
    font-size: 17px;
    background-color: #002233;
    border-bottom: 3px solid #000;
    padding: 0 5px;
    text-align: center;
    color: #fff;
}
.gd-extra-content-alert-content {
	padding: 0 10px;
	background-color: #ebc407;
}
.gd-extra-content-alert-content a {
	color: #023;
}

/* 2.3 - Gallery Box */
.gd-extra-content-gallery-wrap {
    margin-bottom: 26px;
}
.gd-extra-content-gallery-title {
    padding: 5px 10px;
    background-color: #000;
    display: inline-block;
    width: 100%;
}

/* 2.4 - Guideboxes' blockquotes */
.gd-extra-content-guideboxfull-wrap blockquote,
.gd-extra-content-guideboxfull-wrap blockquote p,
.gd-extra-content-alert-wrap blockquote,
.gd-extra-content-alert-wrap blockquote p,
.gd-extra-content-gallery-wrap blockquote,
.gd-extra-content-gallery-wrap blockquote p {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    clear: none !important;
    background-color: transparent !important;
    border: none !important;
    font-family: 'Open Sans',arial,sans-serif !important;
    text-align: left !important;
    font-style: normal !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: inherit !important;
    line-height: 26px !important;
    text-transform: none !important;
}



/* 3 - LISTS' CSS */

/* 3.1 - List Item's Images and Videos - wmyl.se/en/blog/proportional-scaling-responsive-boxes-using-just-css
a) 'position: relative' - holds the absolute img element within the frame.
b) 'height: 0' and 'padding with %' - for proporcional scaling (16:9). */
.list-item-image {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    background-color: #eee;
    position: relative;
    overflow: hidden;
}
.list-item-image img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* 3.2 - Lists' Content */
.list-item-title {
    margin: 10px;
}
.list-item-title h2{
    font-size: 27px;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.list-intro {
    margin: 0 5px 5px 0;
}
.list-item-description {
    margin: 10px;
}

/* 3.3 - Lists' Navigation Bar */
.list-navigation {
	background-color: #eee;
    text-align: right;
	width: 100%;
	margin-bottom: 10px;
	line-height: 40px;
}
.list-navigation-button {
	font-family: 'Roboto', sans-serif;
	background-color: #222;
	color: #fff;
	padding: 0px 11px;
	font-size: 15px;
    -webkit-transition: background-color 0.2s ease 0s;
    -moz-transition: background-color 0.2s ease 0s;
    -o-transition: background-color 0.2s ease 0s;
    transition: background-color 0.2s ease 0s;
    cursor: pointer;
}
.list-navigation-button:hover {
	text-decoration: none !important;
	background-color: #0092b8;
}
.list-button-back {
	margin: 0;
	float: left;
    line-height: normal;
}
.list-button-next {
    margin: 0 0 0 10px;
	float: right;
    line-height: normal;
}
.list-button-disable {
	opacity: 0.5;
	cursor: default;
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.list-button-disable {
    background-color: #222 !important;
}
.list-navigation-button .td-icon-left {
    font-size: 36px;
    position: relative;
    top: 1px;
    padding: 0 10px;
}
.list-navigation-button .td-icon-right {
    font-size: 36px;
    position: relative;
    top: 1px;
    padding: 0 10px;
}



/* 4 - POSTS' CSS */

/* 4.1 - Posts' Sourcebox */
.post-source-box {
	font-size: 11px;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 600;
	margin-bottom: 4px;
	line-height: 20px;
	clear: left;
	height: 20px;
	display: table;
}
.post-source-box span{
	background-color: #222222;
	padding: 5px 9px;
    margin: 0 4px 0 0;
	color: #fff;
	display: block;
	text-transform: uppercase;
	line-height: 10px;
	float: left;
}
.post-source-box a{
	display: block;
	float: left;
	border: 1px solid #ededed;
	padding: 5px 8px;
    margin: 0 4px 4px 0;
	line-height: 8px;
	color: #111111;
}
.post-source-box a:hover {
	text-decoration: none !important;
	background-color: #0092b8;
	color: #fff;
}

/* 4.2 - Posts' Textbox */
.post-textbox {
	background-color: #f1f1f1;
	padding: 5px 10px 5px 10px;
    margin: 20px 0 20px 0;
    text-align: left;
}



/* 5 - ROYALSLIDER GALLERY CSS */

/* 5.1 - All Sliders Bottom */
.royalSlider {
    margin-bottom: 26px;
}

/* 5.2 - Slider Description */
.rsUni .rsGCaption {
	position: relative !important;
	float: left !important;
	bottom: 4px !important;
	left: 0 !important;
	color: #ccc;
	width: 100%;
	margin-bottom: 26px;
}
.rsCaption p {
    margin: 8px 0;
    font-size: 14px;
}
.rsCaption a {
    color: #fff;
    font-weight: bold;
}

/* 5.3 - Slides Counter */
.rsSlideCount {
    position: absolute;
    top: 398px;
    padding: 0 8px;
    color: #999;
    background-color: #222;
}
.rsFullscreen .rsSlideCount {
	top: 10px;
	font-size: xx-large;
}

/* 5.4 - Slider Main Image */
.rsOverflow.grab-cursor {
    width: -webkit-fill-available !important;
}

/* 5.5 - Slider Thumbnails */
.rsNav.rsThumbs.rsThumbsHor {
    border-left: 2px solid #222;
    border-right: 6px solid #222;
    width: -webkit-fill-available;
}

/* 5.6 - Slider Responsive CSS */
@media only screen and (max-width: 1019px) {
    .new-royalslider-2 {
        height: 350px !important;
    }
    .rsSlideCount {
        top: 248px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .rsSlideCount {
        top: 272px;
    }
}
@media only screen and (max-width: 767px) {
    .new-royalslider-2 {
        height: 250px !important;
    }
    .rsSlideCount {
        top: 176px;
    }
}



/* 6 - ADS CSS */

/* 6.1 - Inside Post Top Ads */
@media only screen and (min-width: 1019px) {
    .gd-ads-post-top {
        
    }
}
@media only screen and (max-width: 1018px) {
    .gd-ads-post-top {
        
    }
}

/* 6.2 - Inside Post Bottom Ads */
.gd-ads-post-bottom {
    margin: 10px auto;
    width: fit-content;
}

/* 6.3 - Inside Post Inner Ads (for Lists only) */
.gd-ads-post-inner {
    margin: 26px auto;
    width: fit-content;
}


/* 7 - NEWSPAPER CSS */

/* 7.1 - Enlarge small images to fit featured img box inside posts. */
.single_template_2 .td-post-featured-image img{
width: 696px;
}

/* 7.2 - Blockquotes. For backend, insert this code in editor-style.css */
.td-page-content blockquote p, .td-post-content blockquote p, 
.wpb_text_column blockquote p, .td_block_text_with_title blockquote p, 
.bbpress blockquote p, .woocommerce #tab-description blockquote p, 
.mce-content-body blockquote p, .comment-content blockquote p {
    margin: 0;
    padding: 16px;
    position: relative;
    clear: both;
    background-color: #efefef;
    border-left: 3px solid #0a89c0;
    font-family: 'Open Sans', arial, sans-serif;
    text-align: left;
    font-style: inherit;
    font-size: 15px;
    font-weight: 400;
    color: #353535;
    line-height: 21px;
    text-transform: none;
}



/* 8 - GLOBAL CSS */

/* 8.1 - Youtube Subscription Bar */
.gd-youtube-container {
    background: #292929;
    text-align: right;
    padding: 2px 7px 5px 2px;
    color: #DDD;
    font-size: 90%;
    margin: -7px 0 22px 0;
    width: 100%;
}
.gd-youtube-container a{
    font-weight: bold;
    text-decoration: none;
    color: #FFF !important;
}
.gd-youtube-button {
    display: inline-block;
    vertical-align: middle !important;
    width: 122px;
    height: 24px;
}
@media only screen and (max-width: 767px) {
    .gd-youtube-button {
    display: inline-block;
    vertical-align: middle !important;
    width: 122px;
    height: 24px;
    }
}

/* 8.2 - Link color inside posts and pages */
.td-post-content a, .td-page-content a {
color: #217DD3;
}

/* 8.3 - Reducing site's width - 2016 
@media only screen and (min-width: 1019px) {
    .td-boxed-layout #td-outer-wrap {
	    width: 984px;
    }
    .td-container {
	    width: 938px;
    }
    .td-pb-row [class*="td-pb-span"] {
    	padding-right: 14px;
    	padding-left: 14px;
    }
    .wpb_widgetised_column {
	    width: 289px!important;
    }
    .td-ss-main-sidebar {
	    width: 304px!important;
    }
}
*/

/* Reducing site's width - 2017
@media only screen and (min-width: 1019px) {
    .td-main-content-wrap.td-main-page-wrap.td-container-wrap,
    .td-header-menu-wrap.td-header-gradient.td-affix,
    .gct-header,
    .gct-menu {
        width: 984px;
    }
    
    .td-container.tdc-content-wrap {
        width: 948px;
    }
    .td-boxed-layout .td-container-wrap {
        width: 984px !important;
    }
    .td-container, .tdc-row,
    .td-container.tdc-content-wrap {
    width: 904px;
    }
    .td-ss-main-sidebar,
    .td-ss-row .td-pb-span4 .wpb_wrapper {
        width: 280px !important;
    }
} */



/* Color background 
body {
	background-image: linear-gradient(#002233 0, #030303 800px);
}

.td-header-top-menu-full {
    display: none;
}
*/



/* Block Header 1 - Full Background Line */
.td-block-title-wrap,
.block-title {
	background-color: #002233;
}

.td-block-title,
.block-title {
	padding: 5px 4px;
}

.td-subcat-filter .td-subcat-list a,
.td-subcat-filter .td-subcat-list a:hover,
.td_block_wrap .td-subcat-item a.td-cur-simple-item,
.td-subcat-filter .td-subcat-dropdown span,
.td-subcat-filter .td-subcat-dropdown .td-subcat-more i {
	color: #fff;
}

.td-cur-simple-item {
	font-weight: bold;
}

.td-pulldown-filter-list .td-subcat-item a.td-cur-simple-item {
	color: #002233;
}

.td-subcat-filter {
	bottom: 5px;
}



/* Top Ad Transparent Background */
.td-banner-wrap-full {
	background-color: transparent;
}



/* Social Buttons */
.gd-social-buttons ul {
	text-align: left;
	list-style-type: none;
}
.gd-social-buttons ul li {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	background-color: #3b5998;
	height: 40px;
	margin: 0 0 5px 0;
	text-align: left;
}
.gd-social-buttons ul li a {
    display: block;
}
.gd-social-buttons ul li img {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}
.gd-social-buttons ul li span {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    overflow: hidden;
    line-height: 40px;
    margin: 0 5px;
}

.gd-social-buttons-post {
	text-align: center;
}
.gd-social-buttons-post-imgs {
	display: inline-block;
	width: 100%;
}
.gd-social-buttons-post-img {
	width: 150px;
	margin: 0 10px 10px 0;
	display: inline-block;
}


/* Post Ads */
.gd-ads-posts-top {
	height:340px;
	margin: auto;
	text-align: center;
	font-size: 11.5px;
	color: #aaa;
	float: left;
	padding-right: 30px;
}
.gd-ads-posts-top p {
	margin-bottom: 1px;
}
@media (max-width:767px) {
	.gd-ads-posts-top {
		float: none;
		padding-right: 0;
	}
}

.gd-ads-posts-responsive {
	width:100%;
	margin: auto;
	text-align: center;
	font-size: 11.5px;
	color: #aaa;
}
.gd-ads-posts-responsive p {
	margin-bottom: 1px;
}


/*---- Remove Adsense background color - https://wpadvancedads.com/remove-adsense-background/ ----*/
ins.adsbygoogle {
	background: transparent !important;
}


/* GD Subheader */
.gd-subheader-wrapper {
	display: inline-block;
	color: white;
	width: 100%;
	background-color: #3f729b;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 33px;
}
.gd-subheader-favicon {
	display: inline-block;
	margin-right: 5px;
}
.gd-subheader-favicon img {
	width: 35px;
}
.gd-subheader-link {
	display: inline-block;
	height: 35px;
}
.gd-subheader-link a {
	text-decoration: none;
	font-weight: 700;
	vertical-align: middle;
	webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
.gd-subheader-link a:hover {
	color: #fff;
	opacity: .7;
}


/* GD Guidebox */
.gd-guidebox-wrap {
	padding: 0 0 30px 0;
}
.gd-guidebox-full {
	width: 100%;
	display: flex;
	border: 2px solid #3f729b;
}
.gd-guidebox-image {
	position: relative;
	flex-basis: 160px;
}
.gd-guidebox-content {
	background-color: #e2e2e2;
	width: calc(100% - 160px);
	padding: 10px 0 10px 10px;
}

/* Remove post counter from Bone Categories Widget  */
span.categoryTile-info-count.metaFont {
	display: none;
}



/* GD Post Subtitle */
.gd-post-subtitle {
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: rgba(0,0,0,.8);
	font-weight: 400;
	line-height: 1.8;
	word-break: break-word;
	margin: 24px auto;
}
@media (max-width:767px) {
	.gd-post-subtitle {
		margin: 15px auto;
	}
}


/* Featured Block Background */
.featuredBlockBackground.clearfix {
	background-color: #f5f5f5;
	box-shadow: none;
}


/* Post Card admin edit quick link */
a.gd-admin-edit {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff !important;
	padding: 3px 10px;
	font-size: 13px;
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	transition: background-color 0.4s;
	text-decoration: none;
}
.postFeaturedImg:hover .gd-admin-edit {
	display: block;
}
.postItem:hover .gd-admin-edit {
	display: block;
}
.gd-admin-edit:hover {
	background-color: #000;
}

/* Twitter embed align center */
.twitter-tweet.twitter-tweet-rendered {
    margin: auto;
}

/* Gutenberg styling | Remove Gutenberg quotes styling (backend and frontend). */
.postContent .wp-block-quote:not(.is-large):not(.is-style-large) {
	border-left: none;
	padding: 0;
}