/*
Theme Name: greyoceanlaw
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;
}

@media (min-width: 1024px) {

	.mega-menu.c-nav__item:hover > .c-nav__dropdown {
		display: grid !important;
        width: 60% !important;
        top: 82%;
        left: 50%;
        transform: translateX(-50%);
	}

	.mega-menu.c-nav__item > .c-nav__dropdown {
		grid-template-columns: repeat(2, 1fr);
	}

	.mega-menu.c-nav__item {
		position: static !important;
	}

}

@media (min-width: 1224px) { 

	.mega-menu.c-nav__item > .c-nav__dropdown {
		grid-template-columns: repeat(3, 1fr);
	}

}

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

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

.c-author__list-box {
	margin-bottom: 20px;

	@media (min-width: 1024px) {
		margin-bottom: 40px;
	}
}


/* 1. Hide default numbers and reset custom counter */
.c-author__list {
  list-style: none;
  counter-reset: custom-counter;
  padding: 0;
  margin: 20px 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: 10px;
  left: 0;
}

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

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

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

.c-author__updated {
	border-bottom: 1px solid #2b2b2b;
	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;
    }
}

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