/*
Theme Name: thinkfoxtrot
Theme URI: https://www.matadorsolutions.net/
Author: Matador Solutions
Author URI: https://www.matadorsolutions.net/
Description: Framework
Version: 2.0.1
Tags:
*/

/* ====================
	Wysiwyg Styles Only
==================== */

.alignleft, img.alignleft {
	margin-right: 15px;
	display: inline;
	float: left;
	max-width: 40%;
}

.alignright, img.alignright {
	margin-left: 15px;
	display: inline;
	float: right;
	max-width: 40%;
}

.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	max-width: 50%;
}

.alignnone, img.alignnone {
	display: block;
	clear: both;
	max-width: 50%;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 5px;
	margin: 15px 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0;
	max-width: 100% !important;
}

.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 12px;
	margin: 5px 0 0 0;
}

.wp-caption.alignleft{
	margin: 10px 15px 10px 0;
	display: inline;
	float: left;
	max-width: 40%;
}

.wp-caption.alignright{
	margin: 10px 0 10px 15px;
	display: inline;
	float: right;
	max-width: 40%;
}

.wp-caption.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	max-width: 50%;
}

.wp-caption.alignnone {
	display: block;
	clear: both;
	max-width: 50%;
}

.entry-content img {
	margin: 0 0 1.5em 0;
}

.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}

blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}

blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}

.gallery dl {
	margin: 10px 0;
	padding: 10px;
}

.gallery dt {
	border: 1px solid #ddd;
}

.gallery dd {

}

.gallery dl a {display: block;}

.gallery dl img {
	border: none !important;
	margin: 0 !important;
}

.gallery-caption {
	border: 1px solid #ddd;
	border-top: none;
	text-align: center;
	background-color: #f3f3f3;
	padding: 5px;
	line-height: 1.5;
	font-size: 12px;
}

.featherlight .featherlight-content {
	width: 50%;
}

.featherlight .featherlight-close-icon {
	font-size: 32px;
	color: #c9a466 !important;
	top: 15px !important;
	right: 10px !important;
}

.u-text--truncate p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.u-text--truncate-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.c-services__img {
    height: 300px;
    object-fit: cover;
}

.c-hero__deco {
    height: 25vh;
    object-fit: cover;
    min-height: 250px;
	
	@media (min-width: 1024px) {
		height: 40vh;
    	object-fit: cover;
    	min-height: 400px;
	}
}

@media (min-width: 1024px) {
    body {
        font-size: 16px !important;
    }
}

@media (min-width: 1024px) {
    .c-nav__dropdown .c-nav__link {
        padding: 3px 20px !important;
    }
}

.c-cta-secondary__block  {
    display: flex;
    flex-direction: column;
    align-items: center;
	
	& .c-btn {
        margin-top: auto;
    }
}

@media (min-width: 1224px) {
    .c-services__list {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

.ti-widget {
	text-align: left !important;
	width: auto !important;

	.ti-header {
		padding: 0 !important;
	}
}


.o-content a {
	text-decoration: none !important;
    font-weight: 500;
}

.c-author__list-box,
.c-author__info-box {
	padding: 20px;
}

.c-author__list-box {
	margin-bottom: 24px;
}


/* 1. Hide default numbers and reset custom counter */
.c-author__list {
  list-style: none;
  counter-reset: custom-counter;
  padding: 0;
  margin: 0;
  position: relative;
}

/* 2. Increment counter on every list item */
.c-author__list li {
  counter-increment: custom-counter;
  position: relative;
  padding: 5px 0;
  padding-left: 30px;
}

/* 3. Style and inject the custom colored number */
.c-author__list li::before {
  content: counter(custom-counter);
  color: #fff;
  background-color: #f26522;
  font-weight: 600;
  display: inline-block;
  width: 1.2em;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0;
}

.c-author--left {
	margin-right: 20px;
}

.c-author__image-holder-inner {
	width: 60px;
	height: 60px;
	object-fit: cover;
}

.c-author__time {
	margin-top: 10px;
}

.c-author__updated {
	border-bottom: 1px solid #f26522;
	padding: 5px 0;
}

.c-author__read-time {
	padding: 5px 0;
}

.c-author__toc-box {
	@media (min-width: 1024px) {
    	position: sticky;
    	position: -webkit-sticky;
    	top: 160px;
    }

    .wpj-jtoc--toc {
    	width: 100% !important;
    }
}

.home .c-services__item {
	padding: 0;
}

.home .c-services__block {
	padding: 20px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.home .c-services__block .c-btn--arrow {
    margin-top: auto;
    align-self: flex-start;
}

.c-services .slick-track {
	display: flex;
}

.c-services .c-carousel__item {
	display: flex !important;
	float: none !important;
	height: auto !important;
	min-height: none !important;
}

.size-full      { max-width: 100% !important; }
.size-large     { max-width: 90%  !important; }
.size-medium    { max-width: 80%  !important; }
.size-thumbnail { max-width: 70%  !important; }