/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * Media Queries
 * 
 * Mobile only 
@media (max-width: 768px) {}
 *
 * Tablet and above
@media (min-width: 769px) {}
 *
 * Tablet only 
@media (min-width: 769px) and (max-width: 1024px) {}
 *
 * Tablet and smaller 
@media (max-width: 1024px) {}
 *
 * Desktop only 
@media (min-width: 1025px) {}
*/

a.no-underline,
.no-underline a {
    text-decoration: none;
}

a.hover-underline,
.hover-underline a {
    text-decoration: none;
}

a.hover-underline:hover,
a.hover-underline:focus,
.hover-underline a:hover,
.hover-underline a:focus {
    text-decoration: underline;
}

.entry-content hr {
	width: 100%;
	border-top: 1px;
	background-color: #222222;
}

.entry-content ul ul {
  list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGUlEQVQY02NgoCtgrK2t/U9IERN93UQ9AAAfJQJ6R189bQAAAABJRU5ErkJggg==);
}

.entry-content ul ul ul {
  list-style: circle;
}

.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}

/* Header */

#secondary-navigation .inside-navigation {
	padding: 0 20px;
	position: relative;
	max-width: 1600px;
}

#secondary-navigation .secondary-green a {
	background-color: #becb02;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #522a2b;
}

#secondary-navigation .secondary-green a:hover,
#secondary-navigation .secondary-green a:focus {
	background-color: #ABB802;
}

#secondary-navigation .secondary-pink a {
	background-color: #f4617e;
	border: 1px solid #fff;
	border-top: none;
}

#secondary-navigation .secondary-pink a:hover,
#secondary-navigation .secondary-pink a:focus {
	background-color: #DC5873;
}

#secondary-navigation .secondary-orange a {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #e58c00;
}

#secondary-navigation .secondary-orange a:hover,
#secondary-navigation .secondary-orange a:focus {
	background-color: #CF7F00;
}

#secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
    display: none;
}

#secondary-navigation.secondary-navigation .main-nav ul li.menu-item-has-children>a {
   padding-right: 30px;
}

@media (max-width: 768px) {
	#secondary-navigation.secondary-navigation .main-nav ul li.menu-item-has-children>a {
   		padding-right: 15px;
	}
	body .secondary-navigation .main-nav ul li a {
		padding-left: 15px;
		padding-right: 15px;
	}
	body.secondary-nav-aligned-right .secondary-navigation .inside-navigation {
    	justify-content: flex-start;
	}
	#secondary-navigation .inside-navigation {
		padding-bottom: 20px;
	}
	.main-navigation .menu-toggle {
		margin-top: -80px;
		position: absolute;
		top: 0;
		right: 20px;
	}
}

/* Disable secondary menu on mobile styles */
.secondary-navigation .menu-toggle {
      display: none;
}

@media (max-width: 768px) {
    .secondary-navigation {
        text-align: center !important;
    }
    .secondary-navigation ul {
        display: block;
    }
    .secondary-navigation .sf-menu>li {
        float: none;
        display: inline-block !important;
    }
}

.inside-header {
	max-width: 1600px;
}

.site-header .inside-header {
	position: relative;
}

.site-logo {
	z-index: 2;
}

@media (max-width: 768px) {
	.site-header .header-image {
    	width: 275px;
	}
}

@media (min-width: 769px) {	
	#secondary-navigation .inside-navigation::before,
	#secondary-navigation .inside-navigation::after,
	.site-header .inside-header::before,
	.site-header .inside-header::after {
		content: "";
		position: absolute;
		width: 16px;
		background-color: #522a2b;
		top: 0;
		bottom: 0;
		z-index: 1;
	}

	#secondary-navigation .inside-navigation::before,
	.site-header .inside-header::before {
	  left: 8%;
	}

	#secondary-navigation .inside-navigation::after,
	.site-header .inside-header::after {
	  left: 24%;
	}
	
	.site-logo {
		margin-bottom: -45px;
	}
}

/* Pointer */

.pointer-container {
	position: relative;
}

.pointer-container::before,
.pointer-container::after {
	content: "";
	position: absolute;
	width: 16px;
	background-color: #522a2b;
	top: 0;
	bottom: 20%;
	z-index: 1;
}

.pointer-container::before {
  left: 25%;
}

.pointer-container::after {
  right: 25%;
}

.pointer {
	--bg-color: #bdcc30;
	--text-color: #fff;
	--text-size: 28px;
	--text-padding: 16px 48px;
	--shadow-depth: 30px;
	--shadow-color: var(--bg-color);
	--shadow-color-brightness: 80%;
	--arrow-depth: 40px;
	--arrow-rotation: rotateX(7deg) rotateY(7deg) rotateZ(0);
	--arrow-shape: polygon(
		0 0,
		calc(var(--arrow-depth) / 2) 40%,
		0 100%,
		calc(100% - var(--arrow-depth)) 100%,
		100% 50%,
		calc(100% - var(--arrow-depth)) 0
	);

	display: inline-block;
	font-family: Bebas Neue, display;
	position: relative;
	color: var(--text-color);
	transform-style: preserve-3d;
	transform: var(--arrow-rotation);
	z-index: 2;
}

.pointer-text {
	padding: var(--text-padding);
	font-family: Bebas Neue, display;
	font-size: var(--text-size);
	letter-spacing: 0.04em;
	line-height: 1em;
	text-transform: uppercase;
	transform: translateZ(var(--shadow-depth));
	background-color: var(--bg-color);
	clip-path: var(--arrow-shape);
}

.pointer-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translateZ(calc(var(--shadow-depth) * -1));
	background-color: var(--shadow-color);
	filter: brightness(var(--shadow-color-brightness));
	clip-path: var(--arrow-shape);
}

.pointer::before,
.pointer::after {
	content: '';
	position: absolute;
	margin-left: var(--left-arrow-margin-left);
	width: calc(100% - var(--arrow-depth));
	height: 100%;
	background-color: var(--shadow-color);
	filter: brightness(var(--shadow-color-brightness));
}

.pointer::before {
	transform: rotateX(90deg) translateZ(var(--shadow-depth));
	height: calc(var(--shadow-depth) * 2 + 1px);
}

.pointer::after {
	transform: rotateX(-90deg) translateZ(calc(var(--shadow-depth) * -1));
	height: calc(var(--shadow-depth) * 2);
}

.pointer-right-arrow {
	--arrow-shape: polygon(
		0 0,
		calc(var(--arrow-depth) / 2) 40%,
		0 100%,
		calc(100% - var(--arrow-depth)) 100%,
		100% 50%,
		calc(100% - var(--arrow-depth)) 0
	);
}

.pointer-left-arrow {
	--arrow-shape: polygon(
		100% 0,
		calc(100% - var(--arrow-depth) / 2) 40%,
		100% 100%,
		var(--arrow-depth) 100%,
		0 50%,
		var(--arrow-depth) 0
	);
	--left-arrow-margin-left: var(--arrow-depth);
}

.pointer-right-single-arrow {
	--arrow-shape: polygon(
		0 0,
		0 100%,
		calc(100% - var(--arrow-depth)) 100%,
		100% 50%,
		calc(100% - var(--arrow-depth)) 0
	);
}

.pointer-left-single-arrow {
	--arrow-shape: polygon(
		100% 0,
		100% 100%,
		var(--arrow-depth) 100%,
		0 50%,
		var(--arrow-depth) 0
	);
	--left-arrow-margin-left: var(--arrow-depth);
}

.pointer-background-color-orange {
	--bg-color: #e48d24;
}

.pointer-background-color-pink {
	--bg-color: #f1607e;
}

.pointer-background-color-teal {
	--bg-color: #17949b;
}

.pointer-text-size-sm {
	--text-size: 19px;
}

.pointer-text-size-lg {
	--text-size: 36px;
}

.pointer-shadow-depth-sm {
  --shadow-depth: 20px;
}

.pointer-shadow-depth-lg {
  --shadow-depth: 40px;
}

.pointer-rotation-clock-sm {
	--arrow-rotation: rotateX(7deg) rotateY(7deg) rotateZ(1deg);
}

.pointer-rotation-clock-md {
	--arrow-rotation: rotateX(7deg) rotateY(7deg) rotateZ(2deg);
}

.pointer-rotation-clock-lg {
	--arrow-rotation: rotateX(9deg) rotateY(-10deg) rotateZ(3deg);
}

.pointer-rotation-counter-sm {
	--arrow-rotation: rotateX(7deg) rotateY(7deg) rotateZ(-1deg);
}

.pointer-rotation-counter-md {
	--arrow-rotation: rotateX(7deg) rotateY(7deg) rotateZ(-2deg);
}

.pointer-text-nowrap {
	white-space: nowrap;
}

@media (min-width: 769px) {
	.pointer {
		--text-size: 40px;
	}
	
	.pointer-text-size-sm {
		--text-size: 24px;
	}

	.pointer-text-size-lg {
		--text-size: 60px;
	}
}

/* Hover card */
@media (min-width: 768px) {
	.hover-card .hover-card-text {
		opacity: 0;
	}

	.hover-card:hover .hover-card-text {
		opacity: 1;		
	}	
	
	.hover-card:hover .gb-container.home-explore {
		background-color: #1f6c3c;
	}
	
	.hover-card:hover .gb-container.home-discover {
		background-color: #00838A;
	}
}

@media (max-width: 768px) {
	.gb-container.hover-card {
		background-color: rgba(33, 33, 33, 0.4);
	}
}

/* Open menu dropdown to left */
@media (min-width: 768px) {
	.dropdown-hover .main-navigation:not(.toggled) ul .open-left ul {
		left: auto;
		right: 0;
	}

	.dropdown-hover .main-navigation:not(.toggled) ul .open-left li:hover>ul {
		left: auto;
		right: 100%;
	}

	.main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
		float: right;
		padding-left: 20px;
		padding-right: 0px;
	}	
}

ul.wp-block-social-links {
	margin-bottom: 0.65em;
}

/* Team single pages */

@media (min-width: 769px) {
	.single-team .featured-image img {
		max-width: 340px;
		float: right;
		padding: 120px 0 20px 40px;
	}
	.single-team.separate-containers .inside-article {
		overflow: auto;
	}
}

.gb-container.cta-link-container, .gb-container.cta-link-container:hover {
	color: #ffffff;
}

.blog .site-content {
	margin-top: 50px;
}

.blog.one-container .entry-content, .blog .generate-columns .inside-article, .category .generate-columns .inside-article {
    background-color: rgba(255, 255, 255, .8);
    padding: 30px;
}

#nav-below .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #C0C0C0;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
#nav-below .page-numbers.prev, #nav-below .page-numbers.next {
	border: 0px;
}

#nav-below .page-numbers.current,
#nav-below a.page-numbers:hover {
	background: #00797F;
  	color: #ffffff;
}

.blog-guest-author {
    font-size: 85%;
    margin-top: 10px;
    line-height: 1.5;
	font-weight: 600;
}

.blog-guest-author:before {
	content: "By: ";
}

.current_page_parent > a {
	background-color: #EDEADE;
}

.single-post .menu-item-543 > a, .category .menu-item-543 > a {
	background-color: #00838A;
}

@media (min-width: 769px) {
	.single-post .inside-left-sidebar {
		margin-top: 60px;
	}	
}

.all-blog-posts {
	margin-top: 0.5em;
}

.gform_wrapper.gravity-theme .gform_footer input[type=submit], body .gform_legacy_markup_wrapper .gform_footer input[type=submit] {
	font-size: 22px;
	background-color: #145b2f;
}

.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover, .gform_legacy_markup_wrapper .gform_footer input[type=submit]:hover {
	background-color: #144928;
}

/* Search results page */
.search-results .page-header {
	padding-bottom: 20px;
}

.search-results .inside-article {
	padding-top: 0px;
	padding-bottom: 20px;
}

.search-results .entry-summary {
	margin-top: 0.5em;
}
.wp-block-list li {
	margin-bottom: 16px;
}

/* lines */

.animated-path {
  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  animation: dash 60s linear infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.line-1,
.line-2,
.line-3 {
	display: none;
}

@media (min-width: 769px) {
	.line-1,
	.line-2,
	.line-3 {
		display: block;
		position: absolute;
	}
	
	.line-1 {
		top: -2px;
		right: -98px;
	}

	.line-2 {
		right: -320px;
		bottom: -320px;
	}

	.line-3 {
		bottom: -132px;
		left: -473px;
	}
}

@media (min-width: 768px) {
	.timeline-border {
		background-image: repeating-linear-gradient(0deg, #faefd3, #faefd3 10px, transparent 10px, transparent 20px, #faefd3 20px), repeating-linear-gradient(90deg, #faefd3, #faefd3 10px, transparent 10px, transparent 20px, #faefd3 20px), repeating-linear-gradient(180deg, #522a2b, #522a2b 10px, transparent 10px, transparent 20px, #522a2b 20px), repeating-linear-gradient(270deg, #faefd3, #faefd3 10px, transparent 10px, transparent 20px, #faefd3 20px);
		background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
		background-position: 0 0, 0 0, 100% 0, 0 100%;
		background-repeat: no-repeat;
	}	
}

@media (max-width: 768px) {
	.timeline-border {
		background-image: repeating-linear-gradient(0deg, #faefd3, #faefd3 10px, transparent 10px, transparent 20px, #faefd3 20px), repeating-linear-gradient(90deg, #faefd3, #faefd3 10px, transparent 10px, transparent 20px, #faefd3 20px), repeating-linear-gradient(180deg, #faefd3, #faefd3 10px, transparent 10px, transparent 20px, #faefd3 20px), repeating-linear-gradient(270deg, #522a2b, #522a2b 10px, transparent 10px, transparent 20px, #522a2b 20px);
		background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
		background-position: 0 0, 0 0, 100% 0, 0 100%;
		background-repeat: no-repeat;
	}	
}

.mute-video {
    background:url(images/mute.png) no-repeat center;
    background-size:32px;
    border:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    position: absolute;
    top: 40px;
    left: 10px;
    display: block;
	color: transparent;
}
.unmute-video {
    background:url(images/unmute.png) no-repeat center;
    background-size:32px;
    position: absolute;
    top: 40px;
    left: 10px;
    display: block;
}
.play-icon {
    background: url(images/play.youtube.png) center center no-repeat;
}
.home video {
    height: auto;
    vertical-align: middle;
    width: 100%;
}